@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 feature.css
 PC、Tablet用

+++++++++++++++++++++++++++++++ */
/*
特集全体
-----------------------------------*/
.feature {
    /* 背景色、背景画像を指定できます */
    background: #fff;
}

/*
特集ヘッダー：背景画像＆テキスト型
-----------------------------------*/
.type_text .title {
	text-align:center;
}


	/*spring*/
	.spring .type_text .inner {
		/* 背景色、背景画像、背景位置を指定できます */
		background: #fce5e7;
		background-image:none;
	
	}
	.spring .type_text p {
		/* フォントカラーを指定できます */
		color: #d65d82;
	}
	
	/*summer*/
	.summer .type_text .inner {
		/* 背景色、背景画像、背景位置を指定できます */
		background: #d6e6f9;
		background-image:none;
	
	}
	.summmer .type_text p {
		/* フォントカラーを指定できます */
		color: #002e73;
	}
	
	/*autumn*/
	.autumn .type_text .inner {
		/* 背景色、背景画像、背景位置を指定できます */
		background: #edceb0;
		background-image:none;
	
	}
	.autumn .type_text p {
		/* フォントカラーを指定できます */
		color: #7f2d00;
	}
	/*winter*/
	.winter .type_text .inner {
		/* 背景色、背景画像、背景位置を指定できます */
		background: #cc0000;
		background-image:none;
	
	}
	.winter .type_text p {
		/* フォントカラーを指定できます */
		color: #fff;
	}
/*
見出し
-----------------------------------*/
/* 見出し1 */
.heading01 {
    /* 背景色、背景画像、フォントカラーを指定できます */
    background: #888;
    color: #fff;
}
/* 中見出し１ */
.heading02 {
    /* 背景色、背景画像、フォントカラーを指定できます */
    background: #666;
    color: #fff;
}
/* 中見出し２ */
.heading03 {
    /* フォントカラーを指定できます */
    color: #333;
}
/* 見出し2 */
.heading_feature01 {
    /* フォントカラーを指定できます */
    color: #333;
}
	.spring .heading_feature01:after {
		/* 見出し下のラインの色を指定できます */
		background: #d65d82;
	}
	.summer .heading_feature01:after {
		/* 見出し下のラインの色を指定できます */
		background: #002e73;
	}
	.autumn .heading_feature01:after {
		/* 見出し下のラインの色を指定できます */
		background: #7f2d00;
	}
	.winter .heading_feature01:after {
		/* 見出し下のラインの色を指定できます */
		background: #cc0000;
	}

/* 見出し3 */
.sub_head01 {
    /* フォントカラーを指定できます */
    color: #4480cc;
}
.sub_head01:after {
    /* 見出し左から２番目のラインの色を指定できます */
    background: #4480cc;
}


/*
汎用行揃え・テキスト
これ以上の上書きがない、かつどこに配置しても指定を有効にするため、
important指定を入れています。
-----------------------------------*/
/* 強調フォント */
.txt_point {
    /* フォントカラーを指定できます */
    color: #00f !important;
}






/*
複数カラム用ボックス
-----------------------------------*/
/* カラム要素囲みボックス */
.wrap_column {
    /* 背景色、背景画像を指定できます　ページ内共通 */
    background: #fff;
}
.wrap_column .inner {
    /* 背景色、背景画像を指定できます　ページ内共通 */
    background: #ffedac;
}
/* 複数カラム共通要素 */
.wrap_column .title {
    /* フォントカラーを指定できます　ページ内共通 */
    color: #df5044;
}

/* 複数カラム共通枠線ありボックス */
.wrap_column .inner.has_border {
    /* 枠線カラーを指定できます　ページ内共通 */
    border-color: #d66;
}


/* 2カラム用ボックス */
.box_col2 .inner {
    /* 背景色、背景画像を指定できます　ページ内同一カラム共通（ページ内共通指定を上書き） */
    background: #dcedff;
}
	.spring .box_col2 .button_small {
		/* 背景色、枠線カラー、フォントカラーを指定できます */
		border-color: #d65d82;
		background: #d65d82;
		color: #fff;
	}
	.spring .box_col2 .button_small:hover {
		/* マウスオーバー時の背景、フォントカラーを指定できます
			上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
		background: #fff;
		color: #d65d82;
	}

	.summer .box_col2 .button_small {
		/* 背景色、枠線カラー、フォントカラーを指定できます */
		border-color: #002e73;
		background: #002e73;
		color: #fff;
	}
	.summer .box_col2 .button_small:hover {
		/* マウスオーバー時の背景、フォントカラーを指定できます
			上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
		background: #fff;
		color: #002e73;
	}

	.autumn .box_col2 .button_small {
		/* 背景色、枠線カラー、フォントカラーを指定できます */
		border-color: #7f2d00;
		background: #7f2d00;
		color: #fff;
	}
	.autumn .box_col2 .button_small:hover {
		/* マウスオーバー時の背景、フォントカラーを指定できます
			上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
		background: #fff;
		color: #7f2d00;
	}

	.winter .box_col2 .button_small {
		/* 背景色、枠線カラー、フォントカラーを指定できます */
		border-color: #cc0000;
		background: #cc0000;
		color: #fff;
	}
	.winter .box_col2 .button_small:hover {
		/* マウスオーバー時の背景、フォントカラーを指定できます
			上記を指定した場合、この指定を削除するとマウスオーバー時に変化しなくなります */
		background: #fff;
		color: #cc0000;
	}





/*
ボックスパーツ2
-----------------------------------*/
.spring .box_wide_texture {
    /* 背景色を指定できます */
    background-color: #faccd0;
}
.summer .box_wide_texture {
    /* 背景色を指定できます */
    background-color: #d6e6f9;
}
.autumn .box_wide_texture {
    /* 背景色を指定できます */
    background-color: #7f2d00;
}
.winter .box_wide_texture {
    /* 背景色を指定できます */
    background-color: #f27f88;
}


/*
ボックスパーツ2・背景切り返し用パーツ共通
-----------------------------------*/
/* パーツ内2カラム */
.inner .box_col2 .inner {
    /* 背景色、背景画像を指定できます */
    background: #fff;
}
.spring .inner .box_col2 .title {
    /* フォントカラーを指定できます */
    color: #d65d82;
}
.summer .inner .box_col2 .title {
    /* フォントカラーを指定できます */
    color: #002e73;
}
.autumn .inner .box_col2 .title {
    /* フォントカラーを指定できます */
    color: #7f2d00;
}
.winter .inner .box_col2 .title {
    /* フォントカラーを指定できます */
    color: #cc0000;
}


/*
特集フッタ
-----------------------------------*/
.feature footer {
    /* 背景色、背景画像を指定できます */
    background: #333;
}