@charset "UTF-8";

/* ┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳
■イチオシ & 特設ページ (top-reco / exclusive-box)■ 専用CSS	主要ページ共通
    ┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳┳ */

/* 最新更新 __________________________________________________________________________________________
	22.09.26	イ
______________________________________________________________________________________________________ */




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■Top Recommend (※イチオシ) */

/* 一押し 全体_DIV */
#top-reco{
	width:960px;
	margin:70px 0px 0px 0px; padding:0;
	text-align:center;
}

/* INDEXページのみ */
#top-reco_index{
	width:960px;
	margin:0px 0px 60px 0px; padding:0;
	text-align:center;

}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco{
		width:100%;
		margin:40px 0px 0px 0px;
	}

	/* INDEXページのみ */
	#top-reco_index{
		width:100%;
		margin:0px 0px 30px 0px;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* 一押し お知らせ表記_DIV */
#reco-text,
#reco-text_index{
	display:inline-block;
	width:90%; height:1.5em;
	padding-top:0.2em;
	text-align:left;
	
		background-color:rgb(15,45,90);

}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#reco-text{
		width:94%; height:auto;
		padding-top:0.1em; padding-bottom:0.1em;
		
		line-height:normal;
		text-align:center;
	}

			/* INDEXページのみ */
	#reco-text_index{
		width:94%; height:auto;
		padding-top:0.1em; padding-bottom:0.1em;
		
		line-height:normal;
		text-align:center;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





#reco-text p,
#reco-text_index p{
	margin-left:1em;

	color:white;
	font-size:12px;
	font-weight:bold;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#reco-text p,
	#reco-text_index p{
		margin:0 0 0 0;
		
		font-size:10px;
		font-weight:normal;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





#top-reco img,
#top-reco_index img{
	width:90%; height:auto;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco img,
	#top-reco_index img{
		width:94%; height:auto;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/*.........................................................
...........................................................
★21.11.10追加
	
	【イチオシ-MIX】
	画像と文字混合バージョン
...........................................................
...........................................................*/

/* 一押しMIX お知らせ内容_DIV */
#reco-mix-area,
#reco-mix-area_index{
	display:inline-block;
	width:90%;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#reco-mix-area,
	#reco-mix-area_index{
		width:94%; height:auto;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* 一押しMIX お知らせ表記_DIV */
#reco-text_mix,
#reco-text_mix_index{
	height:1.5em;
	padding-top:0.2em;
	text-align:left;
	
	background-color:rgb(15,45,90);

}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#reco-text_mix,
	#reco-text_mix_index{
		padding-top:0.1em; padding-bottom:0.1em;
		
		line-height:normal;
		text-align:center;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





#reco-text_mix p,
#reco-text_mix_index p{
	margin-left:1em;

	color:white;
	font-size:12px;
	font-weight:bold;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#reco-text_mix p,
	#reco-text_mix_index p{
		margin:0 0 0 0;
		
		font-size:10px;
		font-weight:normal;
	}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */
	
	
	
	
	
/* ________________________________
	_______________________________
	一押しMIX 内容表記 DIV */


/* ■■■■■■■■■■■■■■■■
	●一押し MIX
		内容全体 DIV */


		/* 外枠 背景(青) */
.reco-contbox_mix{
	padding:0px 3px 3px 3px;
	background-color:rgb(15,45,90);
}

		/* 内枠 背景(白) */
.reco-cont_mix{
	overflow:hidden;
	padding:3px;
	background-color:white;
}

.back_color{
	display:flex;
		/* flex〔横並び-中央〕 */
		flex-direction:row;
		align-items:flex-start;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.back_color{
		display:block;


}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



.col-light_brack{
	background-color:rgb(34,34,34);
}

.col-white{
	background-color:rgb(255,255,255);
}

/* □□□□□□□□□□□
	●一押し MIX
		画像コンテンツ */


	/* ≡≡≡≡≡≡≡≡≡≡
		一押しMIX 画像 DIV */
.reco-pic_mix{
	display:flex;
}

/* ============================
画像のサイズ調整		※都度指定
   ============================= */

		/* ↓画像サイズ リセット */
#top-reco .reco-pic_mix img,	#top-reco_index .reco-pic_mix img
{
	width:auto; height:auto;
}

	/* ∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	★ (NEW) 24.06.07
		… .w-size340 追加		 */
	
		/* ↓画像サイズ Ｗ340px 指定 */
#top-reco .reco-pic_mix .w-size340,	#top-reco_index .reco-pic_mix .w-size340
{
	width:340px; height:auto;
}

		/* ↓画像サイズ Ｗ294px 指定 */
#top-reco .reco-pic_mix .w-size90,	#top-reco_index .reco-pic_mix .w-size90
{
	width:90px; height:auto;
}

		/* ↓画像サイズ Ｗ294px 指定 */
#top-reco .reco-pic_mix .w-size294,	#top-reco_index .reco-pic_mix .w-size294
{
	width:294px; height:auto;
}

		/* ↓画像サイズ Ｗ600px 指定 */
#top-reco .reco-pic_mix .w-size600,	#top-reco_index .reco-pic_mix .w-size600
{
	width:600px; height:auto;
}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* ≡≡≡≡≡≡≡≡≡≡
		一押しMIX 画像 DIV */
	.reco-pic_mix{
		float:none;
		
		justify-content:center;
		align-items:center;
	}


	/* ↓【SP】画像サイズ 100% 指定 */
	#top-reco .reco-pic_mix .w-size340,
	#top-reco_index .reco-pic_mix .w-size340{
		width:100%; height:auto;
	}

	/* ↓【SP】画像サイズ 50% 指定 */
	#top-reco .reco-pic_mix .w-size90,
	#top-reco_index .reco-pic_mix .w-size90{
		width:50%; height:auto;
	}

	/* ↓【SP】画像サイズ 100% 指定 */
	#top-reco .reco-pic_mix .w-size294,
	#top-reco_index .reco-pic_mix .w-size294{
		width:100%; height:auto;
	}

	/* ↓【SP】画像サイズ 100% 指定 */
	#top-reco .reco-pic_mix .w-size600,
	#top-reco_index .reco-pic_mix .w-size600{
		width:100%; height:auto;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* □□□□□□□□□□□
	●一押し MIX
		文章コンテンツ */

	/* ∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	★ (NEW) 23.02.15
		… .reco-texbox_mix{display:inline-block;} 追加		 */
	
	/* ≡≡≡≡≡≡≡≡≡≡
		一押しMIX
			文章 DIV */
.reco-texbox_mix{
	flex:1;
	margin:0 0 0 0;
	padding:0 1em 0 1em;
	word-wrap:break-word;
	word-break:break-all;
	color:rgb(15,45,90);
	letter-spacing:normal;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* ≡≡≡≡≡≡≡≡≡≡
		一押しMIX
			文章 DIV */
	.reco-texbox_mix{
		width:auto;
		margin-top:20px;
		padding:0 2% 0 2%;
	}

	.top-0{
		margin-top:0;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





	/* ・・・・・
		一押しMIX 
			文章 タイトル */
.reco-tex_mix_title{
}

		/* タイトル h2 設定 */
.reco-tex_mix_title h2{
	font-size:20px;
	font-weight:bold;
	line-height:60px;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* ・・・・・
		一押しMIX 
			文章 タイトル */
	.reco-tex_mix_title{
		display:none;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





	/* ・・・・・
		一押しMIX 
			画像 ロゴマーク */
.reco-tex_mix_mark{
	width:100%;
	text-align:center;
	padding:15px 0 25px 0;
}


#top-reco .reco-tex_mix_mark .w-112{
	width:112px; height:auto;
}


/* (▼ MP) */
@media screen and
(max-width:480px) {

	.reco-tex_mix_mark{
		padding:5px 0 20px 0;
	}

}
/* (△ MP) */






	/* ・・・・・
		一押しMIX 
			文章 説明文 */
.reco-tex_mix_cont{
	overflow:hidden;
	color:rgb(15,45,90);
}

.reco-tex_mix_cont p{
	font-size:14px;
	font-weight:normal;
	line-height:normal;
	
}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	.reco-tex_mix_cont p{
		font-size:13px;
		font-weight:normal;
		line-height:normal;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




	/* ・・・・・
		一押しMIX 
			文章 タイトル（強調） */
.reco-tex_mix_cont .top-reco-subject{
	padding:15px 0 15px 0;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.25;
}

.reco-tex_mix_cont .subject-s{
	font-size:18px;
	font-weight:normal;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.reco-tex_mix_cont .top-reco-subject{
	display:inline-block;
	padding:15px 0 15px 0;
	font-size:16px;
	font-weight:bold;
	letter-spacing:normal;
}

.reco-tex_mix_cont .subject-s{
	display:inline-block;
	font-size:16px;
	font-weight:normal;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */


/* 【分岐】テキスト主題
			└─ 上下の余白(padding)を無しにする */
.reco-tex_mix_cont .no-padd1{
	padding:0 0 0 0;
}



	/* ・・・・・
		一押しMIX 
			文章 (強調) 内容 */
.reco-tex_mix_cont .top-reco-subtitle{
	font-size:13px;
		padding:0px 0 10px 0;
	font-weight:normal;
	letter-spacing:0.25;
}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.reco-tex_mix_cont .top-reco-subtitle{
		padding:0 0 10px 0;
	letter-spacing:normal;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



.reco-tex_mix_cont .futo{
	font-weight:bold;
}




.cont-setting{
	margin:0 auto;
	margin-bottom:30px;
	height:auto;
	
	overflow:hidden;
}


/* (▼ MP) */
@media screen and
 (max-width:480px) {

	.cont-setting{
		margin-bottom:30px;
	}

}
/* (△ MP) */



.bottom-0{
	margin-bottom:0;
}


/*-------------------------
	各種調整 特設エリア
	(※CSS最下部で数値設定)
	
	▼最下部へ移動 
--------------------------*/





.top-reco-link-bt{
	margin:0 auto;
	height:auto;
	overflow:hidden;
	
	text-align:center;
}


/* (▼ MP) */
@media screen and
 (max-width:480px) {

	.top-reco-link-bt{
		margin-bottom:25px;
	}

}
/* (△ MP) */




/* ◎ - - - ◎ - - - ◎ - - - ◎ 
┏━━ [リンク動作]：一押しMIX特殊	 */

/* ・-・-・-・-・
[通常時]：LINK	 */
#top-reco .top-reco-link-bt a,			#top-reco_index .top-reco-link-bt a,
#top-reco .top-reco-link-bt a:link,	#top-reco_index .top-reco-link-bt a:link,
#top-reco .top-reco-link-bt a:visited,#top-reco_mix_index .top-reco-link-bt a:visited
{
	display:inline-block;
	width:80%;
	
	color:rgb(34,34,34);
	background-color:rgb(220,205,150);
	
	border:3px solid rgb(175,150,20);
	border-radius: 12px;
	
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	line-height:30px;
	letter-spacing:0.1em;
	
}



/* ・-・-・-・-・
[動作時]：LINK	 */
#top-reco .top-reco-link-bt a:hover,#top-reco_index .top-reco-link-bt a:hover,
#top-reco .top-reco-link-bt a:active,#top-reco_index .top-reco-link-bt a:active
{
	color:rgb(34,34,34);
	
}

/*┏━[MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco .top-reco-link-bt a{
		padding:10px 0 10px 0;
	}



	.reco-texbox_mix .top-reco-link-bt a:hover,	.reco-texbox_mix_index .top-reco-link-bt a:hover
	{
		color:rgb(34,34,34);
	}

}/*┗━[MOBILE]	 */
/*	△★21.11.10追加
		【イチオシ-MIX】画像と文字混合バージョン
...........................................................
...........................................................*/






/* ◎ - - - ◎ - - - ◎ - - - ◎ 
┏━━ [リンク動作]：一押し	 */

/* ・-・-・-・-・
[通常時]：LINK	 */
#top-reco a,
#top-reco a:link,
#top-reco a:visited{
	display:block;
	background: none;
}

/* INDEXのみ */
#top-reco_index a,
#top-reco_index a:link,
#top-reco_index a:visited{
	display:block;
	background: none;
}



/* ・-・-・-・-・
[動作時]：LINK	 */
#top-reco a:hover,
#top-reco a:active{
	background: none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* INDEXのみ */
#top-reco_index a:hover,
#top-reco_index a:active{
	background: none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*┏━[MOBILE]	 */
@media screen and
(max-width:480px) {

	#top-reco a:hover,
	#top-reco_index a:hover{
		background:none;
		
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}

}/*┗━[MOBILE]	 */




/* ※※特殊POPのみ※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※ */



/* ◎ - - - ◎ - - - ◎ - - - ◎ 
┏━━ [リンク動作]：一押しMIX 主題（subject）	 */

/* ・-・-・-・-・
[通常時]：LINK	 */
#top-reco .reco-tex_mix_cont .top-reco-subject a,
#top-reco .reco-tex_mix_cont .top-reco-subject a:link,
#top-reco .reco-tex_mix_cont .top-reco-subject a:visited{
	display:inline-block;
	padding:15px 0 15px 0;
	
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.25;
	
	color:rgb(70,190,100);
	
}


/*┏━[MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco .reco-tex_mix_cont .top-reco-subject a,
	#top-reco .reco-tex_mix_cont .top-reco-subject a:link,
	#top-reco .reco-tex_mix_cont .top-reco-subject a:visited{
		font-size:16px;
		padding:0 0 0 0;
		letter-spacing:normal;
	}

}/*┗━[MOBILE]	 */



/* ・-・-・-・-・
[動作時]：LINK	 */
#top-reco .reco-tex_mix_cont .top-reco-subject a:hover,
#top-reco .reco-tex_mix_cont .top-reco-subject a:active{
	color:red;
	
}

/*┏━[MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco .reco-tex_mix_cont .top-reco-subject a:hover{
		color:rgb(70,190,100);
	}

}/*┗━[MOBILE]	 */
/*	△★23.02.22 追加
			[リンク動作]：一押しMIX 主題（subject）
...........................................................
...........................................................*/




/* ◎ - - - ◎ - - - ◎ - - - ◎ 
┏━━ [リンク動作]：一押しMIX 副題（subtitle）	 */

/* ・-・-・-・-・
[通常時]：LINK	 */
#top-reco .reco-tex_mix_cont .top-reco-subtitle a,
#top-reco .reco-tex_mix_cont .top-reco-subtitle a:link,
#top-reco .reco-tex_mix_cont .top-reco-subtitle a:visited{
	display:inline-block;
	padding:0 0 0 0;
	
	font-size:13px;
	font-weight:normal;
	letter-spacing:0.25;
	
	color:rgb(70,190,100);
	
}


/*┏━[MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco .reco-tex_mix_cont .top-reco-subtitle a,
	#top-reco .reco-tex_mix_cont .top-reco-subtitle a:link,
	#top-reco .reco-tex_mix_cont .top-reco-subtitle a:visited{
		padding:0 0 0 0;
		letter-spacing:normal;
	}

}/*┗━[MOBILE]	 */



/* ・-・-・-・-・
[動作時]：LINK	 */
#top-reco .reco-tex_mix_cont .top-reco-subtitle a:hover,
#top-reco .reco-tex_mix_cont .top-reco-subtitle a:active{
	color:red;
	
}

/*┏━[MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco .reco-tex_mix_cont .top-reco-subtitle a:hover{
		color:rgb(70,190,100);
	}

}/*┗━[MOBILE]	 */
/*	△★24.06.07 追加
			[リンク動作]：一押しMIX 副題（subtitle）
...........................................................
...........................................................*/




/* 画面文章MIX表示 ≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫ */
/* .reco-texbox_mix */


/* ◎ - - - ◎ - - - ◎ - - - ◎ 
┏━━ [リンク動作]：一押しMIX特殊	 */

/* ・-・-・-・-・
[通常時]：LINK	 */
.reco-texbox_mix a,			.reco-texbox_mix_index a,
.reco-texbox_mix a:link,	.reco-texbox_mix_index a:link,
.reco-texbox_mix a:visited,	.reco-texbox_mix_index a:visited
{
	font-weight:bold;
	color:red;
}



/* ・-・-・-・-・
[動作時]：LINK	 */
.reco-texbox_mix a:hover,	.reco-texbox_mix_index a:hover,
.reco-texbox_mix a:active,	.reco-texbox_mix_index a:active
{
	color:orange;
}

/*┏━[MOBILE]	 */
@media screen and
 (max-width:480px) {

	.reco-texbox_mix a:hover,	.reco-texbox_mix_index a:hover
	{
		color:red;
	}

}/*┗━[MOBILE]	 */



/* 画面3分割表示 ≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫≫ */


/* ||【 POP全体枠 】 ||||||||||||||||||||||||||| */

/* SP 一押し 全体_DIV */
#top-reco-sp{
	width:960px;
	margin:70px 0 0 0;
	padding:0;
	text-align:center;
}

	/* INDEXページのみ */
	#top-reco-sp_index{
		width:960px;
		margin:0px 0px 60px 0px;
		padding:0;
		text-align:center;
	}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco-sp{
		width:100%;
		margin:40px 0 0px 0;
	}

	/* INDEXのみ */
	#top-reco-sp_index{
		width:100%;
		margin:0px 0 30px 0;
	}


} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* ||【 POP お知らせ表記 】 ||||||||||||||||||||||||||| */
/* 一押し お知らせ表記_DIV */

#top-reco-sp #reco-text,
#top-reco-sp_index #reco-text{
	display:inline-block;
	width:862px; height:1.5em;
	padding-top:0.2em;
	text-align:left;
	
		border-left:2px solid rgb(15,45,90);
		border-right:2px solid rgb(15,45,90);
	
		background-color:rgb(15,45,90);

}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#top-reco-sp #reco-text,
	#top-reco-sp_index #reco-text{
		width:92%; height:auto;
		padding-top:0.1em; padding-bottom:0.1em;
		
		line-height:normal;
		text-align:center;

	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* ||【 POP 3分割を囲む枠(外枠：2px) 】 ||||||||||||||||||||||||||| */

#reco-sep-ol{
	display:inline-block;
	width:862px; height:auto;
	margin:0 auto;
	padding:10px 0 10px 0;
	
	border:2px solid rgb(15,45,90);

	text-align:center;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#reco-sep-ol{
		width:92%; height:auto;
		padding:20px 0 20px 0;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* 3分割 タイトル」」」」」」」」」」」」 */


/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇ */

/* ＠PC/スマホ 表示・非表示判定 */

/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇ */


/* ━━━━━━━━━━━━━━━
	画面サイズ480px以下
		≫ PC【×】 / SP【◯】
━━━━━━━━━━━━━━━ */

@media screen and
(max-width:480px) {
	
	.reco-sep-title-pc{
		display:none;
	}

}	

/* ━━━━━━━━━━━━━━━
	画面サイズ481px以上
		≫ PC【◯】 / SP【×】
━━━━━━━━━━━━━━━ */

@media screen and
(min-width:481px) {

	.reco-sep-title-sp{
		display:none;
	}

}	


/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇ */


/* タイトル枠 */

/* ≫≫＿PC */
.reco-sep-title-pc{
	margin-bottom:10px;
	
	text-align:center;
}

/* ≫≫＿SP */
.reco-sep-title-sp{
	margin-bottom:20px;
	
	text-align:center;
}



/* タイトル画像 */

/* ≫≫＿PC */
.reco-sep-title-pc img{
	width:850px; height:auto; 
	margin:0; padding:0;
}

/* ≫≫＿SP */
.reco-sep-title-sp img{
	width:99%; height:auto; 
	margin:0; padding:0;
}


/* ||【 POP 3分割枠(外枠：1px) 】 ||||||||||||||||||||||||||| */

/* 3分割 まとめ外枠 」」」」」」」」」」」」 */

#reco-sep-set3{
	display:inline-block;
	margin:0;
	padding:0;
	font-size:0;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#reco-sep-set3{
		width:99%;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* 3分割 個別外枠」」」」」」」」」」」」 */

.reco-sep-parts{
	width:278px;
	
	margin:0;
	
	padding:1px 1px 1px 1px;
	
	background-color:rgb(100,120,150);
	
	font-size:0;
	
	float:left;
	vertical-align: bottom;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	.reco-sep-parts{
		display:inline-block;
		width:99%;
		margin-bottom:20px;
		
		float:none;
	}

	.parts-last{
		margin-bottom:0px;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* 個別パーツ内の背景用 白背景 DIV 」」」」」」」 */

.parts-back-wh{
	display:inline-block;
	width:100%; height:auto;
	margin:0; padding:0;
	background-color:white;
}


/* 隙間作成 */
.migi-5{
	margin-right:5px;
}

.migi-6{
	margin-right:6px;
}

.hidari-5{
	margin-left:5px;
}

.hidari-6{
	margin-left:6px;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* 隙間作成 */
	.migi-5{
		margin-right:0;
	}

	.migi-6{
		margin-right:0;
	}

	.hidari-5{
		margin-left:0;
	}

	.hidari-6{
		margin-left:0;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* 1/3 イメージ枠」」」」」」」」」」」」 */
.reco-sep-image{
	/* 削除予定：background-color:white; */
	margin:0;
	padding-bottom:20px;
	
	vertical-align: bottom;
}

/* →イメージ画像 */
.reco-sep-image img{
	width:278px; height:auto;
	margin:0; padding:0;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* →イメージ画像 */
	.reco-sep-image img{
		width:100%; height:auto;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* 1/3 プライムマーク枠」」」」」」」」」 */
.reco-sep-prime{
	height:16px;
	/* 削除予定：background-color:white; */
	
	vertical-align: bottom;
}

/* →画像 プライム */
.reco-sep-prime img{
	width:120px; height:16px;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* 1/3 プライムマーク枠 */
	.reco-sep-prime{
		height:auto;
	}

	/* →画像 プライム */
	.reco-sep-prime img{
		width:28%; height:auto;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* 1/3 リンクボタン枠」」」」」」」」」 */


/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇ */

/* ＠PC/スマホ 表示・非表示判定 */

/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇ */


/* ━━━━━━━━━━━━━━━
	画面サイズ480px以下
		≫ PC【×】 / SP【◯】
━━━━━━━━━━━━━━━ */

@media screen and (max-width:480px) {
	
	.reco-sep-bt-pc{
		display:none;
	}

}	


/* ━━━━━━━━━━━━━━━
	画面サイズ481px以上
		≫ PC【◯】 / SP【×】
━━━━━━━━━━━━━━━ */

@media screen and (min-width:481px) {

	.reco-sep-bt-sp{
		display:none;
	}

}	




/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇ */

/* リンクボタン 外枠 */

/* ≫≫＿PC */
.reco-sep-bt-pc{
	padding-bottom:15px;
	/* 削除予定：background-color:white; */
	
	vertical-align: bottom;
}

/* ≫≫＿SP */
.reco-sep-bt-sp{
	padding-bottom:15px;
	/* 削除予定：background-color:white; */
	
	vertical-align: bottom;
}


/* リンクボタン Amazonボタン */

/* ≫≫＿PC */
.reco-sep-bt-pc img{
	width:119px; height:40px;
}

/* ≫≫＿SP */
.reco-sep-bt-sp img{
	width:46%; height:auto;
}


/* ※特殊＿2ボタン並び */
.reco-sep-2bt-pc{
	float:left;
	width:50%;
	
	vertical-align:bottom;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* ※特殊＿2ボタン並び */
	.reco-sep-2bt-pc{
		float:none;
		width:100%;
		
		vertical-align:bottom;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */


		/* -○- -○- -○- -○- -○- -○- -○- -○- */
/* -○- -○- -○- -○- -○- -○- -○- -○- */

/* イチオシ３分割内リンクの挙動 */

/* 【PC】・・・・・・・・・・・ */






/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■exclusive (※特設エリア) */

/* 特設エリア 全体_DIV */
#exclusive-box{
	width:960px;
	margin:70px 0px 0px 0px; padding:0;
	text-align:center;
}

/* INDEXページのみ */
#exclusive-box_index{
	width:960px;
	margin:0px 0px 60px 0px; padding:0;
	text-align:center;

}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
	
	#exclusive-box{
		width:100%;
		margin:40px 0px 0px 0px;
	}
	
	/* INDEXページのみ */
	#exclusive-box_index{
		width:100%;
		margin:0px 0px 30px 0px;
	}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* 特設エリア_内枠_DIV */
#exclusive-area{
	display:inline-block;
	width:90%;
	padding:4px 10px 8px 10px;
	
	background-color:rgb(34,34,34);
	
	box-sizing:border-box;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	#exclusive-area{
		width:94%; height:auto;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/*-------------------------
特設エリア_タイトル
--------------------------*/
.exclusive-arera-title{
	margin:0 0 10px 0;
	padding:2px;
	
	border-bottom:solid 1px rgb(220,205,150);
	text-align:left;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.exclusive-arera-title{
	margin:5px 0 10px 0;
	padding:0;
	
	border-bottom:solid 1px rgb(220,205,150);
	
	text-align:left;
	letter-spacing:normal;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/* 文字サイズ */
.exclusive-arera-title h3{
	font-size:12px;
}

/* ブランド名強調 */
.bland-name{
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	line-height:2em;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
/* 文字サイズ */
.exclusive-arera-title h3{
	font-size:12px;
}

/* ブランド名強調 */
.bland-name{
	font-size:16px;
	font-weight:bold;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/* □□□□□□□□□□□
	●特設エリア
		画像コンテンツ */


	/* ≡≡≡≡≡≡≡≡≡≡
		特設エリア 画像 DIV */
.exclusive-pic{
	float:right;
	margin:0; padding:0;
	overflow:hidden;
}


/* ============================
画像のサイズ調整		※都度指定
   ============================= */

		/* ↓画像サイズ リセット */
#exclusive-box .exclusive-pic img,	#exclusive-box_index .exclusive-pic img
{
	width:auto; height:auto;
}

	/* ∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
	★ (NEW) 23.02.15
		… 画像サイズ Ｗ90px 指定		 */
	
		/* ↓画像サイズ Ｗ90px 指定 */
#exclusive-box .exclusive-pic .w-size90,	#exclusive-box_index .exclusive-pic .w-size90
{
	width:90px; height:auto;
}

		/* ↓画像サイズ Ｗ294px 指定 */
#exclusive-box .exclusive-pic .w-size294,	#exclusive-box_index .exclusive-pic .w-size294
{
	width:294px; height:auto;
}

		/* ↓画像サイズ Ｗ600px 指定 */
#exclusive-box .exclusive-pic .w-size600,	#exclusive-box_index .exclusive-pic .w-size600
{
	width:600px; height:auto;
}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* ≡≡≡≡≡≡≡≡≡≡
		特設エリア 画像 DIV */
	.exclusive-pic{
		float:none;
		width:100%;
	}

	/* ↓【SP】画像サイズ 100% 指定 */
	#exclusive-box .exclusive-pic .w-size90,
	#exclusive-box_index .exclusive-pic .w-size90{
		width:100%; height:auto;
	}

	/* ↓【SP】画像サイズ 100% 指定 */
	#exclusive-box .exclusive-pic .w-size294,
	#exclusive-box_index .exclusive-pic .w-size294{
		width:100%; height:auto;
	}

	/* ↓【SP】画像サイズ 100% 指定 */
	#exclusive-box .exclusive-pic .w-size600,
	#exclusive-box_index .exclusive-pic .w-size600{
		width:100%; height:auto;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* □□□□□□□□□□□
	●特設エリア
		文章コンテンツ */


	/* ≡≡≡≡≡≡≡≡≡≡
		特設エリア
			文章 DIV */
.exclusive-texbox{
	overflow:hidden;
	margin:0;
	padding-left:10px; padding-right:10px;
	word-wrap:break-word;
	word-break:break-all;
	text-align:left;
	color:rgb(15,45,90);
	letter-spacing:normal;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	/* ≡≡≡≡≡≡≡≡≡≡
		特設エリア
			文章 DIV */
	.exclusive-texbox{
		margin-top:15px;
	}

	.top-0{
		margin-top:0;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






	/* ・・・・・
		特設エリア 
			画像 ロゴマーク */
.exclusive-tex_mark{
	width:100%;
	text-align:center;
	padding:15px 0 25px 0;
}


#exclusive-box .exclusive-tex_mark .w-112{
	width:112px; height:auto;
}


/* (▼ MP) */
@media screen and
(max-width:480px) {

	.exclusive-tex_mark{
		padding:5px 0 20px 0;
	}

}
/* (△ MP) */






	/* ・・・・・
		特設エリア 
			文章 説明文 */
.exclusive-tex_cont{
	overflow:hidden;
	color:rgb(15,45,90);
}

.exclusive-tex_cont p{
	font-size:14px;
	font-weight:normal;
	line-height:normal;
	
}

.exclusive-tex_cont .futo{
	font-weight:bold;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

	.exclusive-tex_cont p{
		font-size:13px;
		font-weight:normal;
		line-height:normal;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




#exclusive-area .cont-setting{
	margin:0 auto;
	margin-bottom:30px;
	height:auto;
	
	overflow:hidden;
}


/* (▼ MP) */
@media screen and
 (max-width:480px) {

	#exclusive-area .cont-setting{
		margin-bottom:20px;
	}

}
/* (△ MP) */



/*-------------------------
	各種調整 特設エリア
	(※CSS最下部で数値設定)
	
	▼最下部へ移動 
--------------------------*/


/* 特設エリア_リンクボタン */
.exclusive-link-bt{
	margin:0 auto;
	height:auto;
	overflow:hidden;
	
	text-align:center;
}


/* (▼ MP) */
@media screen and
 (max-width:480px) {

	.exclusive-link-bt{
		margin-bottom:10px;
	}

}
/* (△ MP) */




/* ◎ - - - ◎ - - - ◎ - - - ◎ 
┏━━ [リンク動作]：一押しMIX特殊	 */

/* ・-・-・-・-・
[通常時]：LINK	 */
#exclusive-box .exclusive-link-bt a,			#exclusive-box_index .exclusive-link-bt a,
#exclusive-box .exclusive-link-bt a:link,	#exclusive-box_index .exclusive-link-bt a:link,
#exclusive-box .exclusive-link-bt a:visited,#exclusive-box_mix_index .exclusive-link-bt a:visited
{
	display:inline-block;
	width:80%;
	
	color:rgb(34,34,34);
	background-color:rgb(220,205,150);
	
	border:3px solid rgb(175,150,20);
	border-radius: 12px;
	
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	line-height:30px;
	letter-spacing:0.1em;
	
}



/* ・-・-・-・-・
[動作時]：LINK	 */
#exclusive-box .exclusive-link-bt a:hover,#exclusive-box_index .exclusive-link-bt a:hover,
#exclusive-box .exclusive-link-bt a:active,#exclusive-box_index .exclusive-link-bt a:active
{
	color:rgb(34,34,34);
	
}

/*┏━[MOBILE]	 */
@media screen and
 (max-width:480px) {

	#exclusive-box .exclusive-link-bt a{
		padding:10px 0 10px 0;
	}



	.exclusive-texbox .exclusive-link-bt a:hover,	.exclusive-texbox_index .exclusive-link-bt a:hover
	{
		color:rgb(34,34,34);
	}

}/*┗━[MOBILE]	 */




/* ◎ - - - ◎ - - - ◎ - - - ◎ 
┏━━ [リンク動作]：一押し	 */

/* ・-・-・-・-・
[通常時]：LINK	 */
#exclusive-box a,
#exclusive-box a:link,
#exclusive-box a:visited{
	display:block;
	background: none;
}

/* INDEXのみ */
#exclusive-box_index a,
#exclusive-box_index a:link,
#exclusive-box_index a:visited{
	display:block;
	background: none;
}



/* ・-・-・-・-・
[動作時]：LINK	 */
#exclusive-box a:hover,
#exclusive-box a:active{
	background: none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* INDEXのみ */
#exclusive-box_index a:hover,
#exclusive-box_index a:active{
	background: none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*┏━[MOBILE]	 */
@media screen and
(max-width:480px) {

	#exclusive-box a:hover,
	#exclusive-box_index a:hover{
		background:none;
		
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}

}/*┗━[MOBILE]	 */











/*-----------------------------------------------------
	各種 ”可変” 調整
	───────────────
	「お知らせMIX」「特設エリア」の状態によって
	フレキシブルに設定するので、反映の優先順位を
	最上位にするためCSSの最下部にする
------------------------------------------------------*/


/* ──────────────────
◆文字配置
＿＿＿＿＿＿＿＿＿＿ */

/* 中央寄せ */
.center{text-align:center;}

/* 左寄せ */
.yose-left{text-align:left;}

/* 右寄せ */
.yose-right{text-align:right;}


/* ……………………
▼モバイル設定特殊	 */
/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.mp-center{
	text-align:center;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/* ──────────────────
◆文字色
＿＿＿＿＿＿＿＿＿＿ */

/* (薄い金色) */
.light-gold{color:rgb(220,205,150);}

/* (濃い灰色) */
.dark-gray{color:rgb(34,34,34);}

/* (白) */
.white{color:rgb(255,255,255);}

/* ──────────────────
◆文字サイズ
＿＿＿＿＿＿＿＿＿＿ */

/* [13px]・・・ */
.size-13px p{
	font-size:13px;
	line-height:20px;
	letter-spacing:1px;
}

/* (▼ MP) */
@media screen and
 (max-width:480px) {

	.size-13px p{
		line-height:17px;
		letter-spacing:normal;
	}

}
/* (△ MP) */



/* ※ここより下部にソースを記載しない
	───────────────
	設定値の反映優先順位を最上位にするため
	CSSの最下部にする必要があるため
	───────────────

■■■■■〔（注）最下部〕■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/