@charset "utf-8";
/* CSS Document */
/* Font Size = 00px/16px X 100%  */

html {
	background:#f4eee1;
	}
					
body {  
	font-family:"メイリオ","ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Helvetica,sans-serif;
	background: url(/fate_sn_ubw/image/bg_all.jpg) top center no-repeat fixed;
	_background: url(/fate_sn_ubw/image/bg_all.jpg) top center no-repeat;/*IE6*/
	color:#3F4342;
	text-align:center;
	}


/* ------------------------------------------------ */


a		{ text-decoration:underline; color:#ee9200;}

a:hover	{
		text-decoration:none;
		color:#eb8dbf;
		transition : all .2s; /* Animation Effect */
		}

a:hover img	{
		filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
		transition : all .2s; /* Animation Effect */
		}

/* Clear Fix */
.clrfx:after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
.clrfx		{ zoom:1;}
.clr		{ clear:both;}


/* Flot common */
.fltl			{ float:left;}
.fltr			{ float:right;}

/* Text */
.txtl	{ text-align:left;}
.txtr	{ text-align:right;}
.txtc	{ text-align:center;}

.lineL	{ background:url(/fate_sn_ubw/image/lineL.gif) top center no-repeat; margin:10px auto 20px; width:940px; height:40px;}
.lineM	{ background:url(/fate_sn_ubw/image/lineM.gif) top center no-repeat; margin:10px 0 20px; width:900px; height:10px;}

/* ------------------------------------------------ */

/* Text Size - */
.fntXL	{ font-size:125%;}/*20px*/
.fntL	{ font-size:112%;}/*18px*/
.fntM	{ font-size:16px;}
.fnts	{ font-size:88%;}/*14px*/
.fntxs	{ font-size:75%;}/*12px*/
.txts	{ font-size:63%;}/*10px*/


/* 文字色 */

.pnk	{color:#E93670;}
.pnk_l	{color:#f296c5;}
.blu_l	{color:#03affd;}
.blu	{color:#36F;}
.blu_d	{color:#03C;}
.red	{color:#D80D18;}
.red_d	{color:#CB001D;}
.red_l	{color:#E94630;}
.ylw	{color:#feae04;}
.grn	{color:#777;}
.org	{color:#F60;}
.blk	{color:#000;}
.vio	{color:#c39;}
.lav	{color:#63F;}
.sepia	{color:#825444;}
.wht	{color:#fff;}

.dno	{ display:none;}


/*  ------------------------------------------------------------------------------------------------------------------*/

/* Return to Page Top */
		p.lnkPtop	{
		clear:both;
		width:960px;
		margin:0 auto;
		height:1em;
		padding:0px 0 30px;
		font-size:75%;
		text-align:right;
		color:#fff;
		}
		p.lnkPtop a	{  padding:3px 10px 3px 10px; margin-right:10px; background:#454545; border-radius:10px; color:#fff; text-decoration:none;}
		p.lnkPtop a:hover	{ background:#7d7d7d; }
		


/* レイアウト------------------------------------------------ */

/* Full width Container */
#header,
#ctnrMenu,
#contMain,
#lnkBnr,
#footer	{ width:100%; position:relative;}



h2 { margin-bottom:10px;}

p			{	line-height:1.4em;}

/*----------------------------------------*/
/*ヘッダー*/
div#header		{
				height:30px;
				background:#000;
				z-index:10;
				}

div#hdrInner	{width:960px; margin:0px auto;}

div#hdrInner p {color:#fff;
				padding:7px 5px 0px 12px; *padding:7px 0 0 10px;
				margin:0px auto;
				height:auto;
				text-align:left;
				float:left;
				font-size:80%;
				}
div#hdrInner p a			{color:#fff; text-decoration:none;}
div#hdrInner p a:hover		{color:#ECEBE5;}

div#hdrInner .social	{	text-align:right;
							font-size:75%;
							padding-top:5px;}


/*----------------------------------------*/


#ContInner {
	width:960px;
	padding-bottom:10px;
	margin:0 auto 30px;
	background:url(/fate_sn_ubw/image/bg_cnt.png) top center repeat-y;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
	position:relative;
	}


/*----------------------------------------*/
/*メニュー*/

#Gnavi{ 
	height:106px;
	width:100%;
	background:url(/fate_sn_ubw/image/Gmenu_bg.png) top center repeat;
	margin:0 auto 30px;
	overflow:hidden;
	}
	#Gnavi ul	{
		width:960px;
		margin:0 auto;
		text-align:center;
		letter-spacing:-0.4em;
	}
	#Gnavi ul li	{
		display:inline-block;
		*display: inline; *zoom: 1;
		vertical-align:top;
		}
		
	#Gnavi ul li#Glogo	{
		width:340px;
		height:125px;

		margin-top:0;
	}
	#Gnavi ul li.Gbtn	{
	}


/*----------------------------------------*/
/*トップページ*/
#topMain{
		text-align:center;
		padding:10px 0 20px;
		}
		#topMain a { background:#fff; display:inline-block;}


/*-------------------------------
 Page top Main Image
---------------------------------*/
#ctnrPtMain	{
	width:100%; min-width:960px;
	background:#000;
	padding:0px 0 10px;
	position:relative;
}

	#ctnrPtMain .slides_container {
		width:960px; height:560px;
		margin:0 auto 15px;
		/*box-shadow:0 3px 5px 0px rgba(50,50,50,0.6);*/
		display:block;
		text-align:center;	
	}
	#ctnrPtMain .slides_container img.tmibox,
	#ctnrPtMain .slides_container a img.tmibox {
			width:960px; height:560px;
			display:block;
			background-position:0 0;
			background-repeat:no-repeat;
		}
		span.tmibox	{
			width:960px; height:560px;
			display:block;
			background-position:0 0;
			background-repeat:no-repeat;
		}

	#ctnrPtMain .prev,
	#ctnrPtMain .next	{
		width:50px;
		height:50px;
		position:absolute;
		z-index:100;
		display:block;
	}
		#ctnrPtMain .prev { left:50%; top:50%; margin-top:-25px; margin-left:-520px;  }
		#ctnrPtMain .next { right:50%; top:50%; margin-top:-25px; margin-right:-520px; }
		@media screen and (max-width: 1010px) {
		#ctnrPtMain .prev { left:20px; top:435px; margin:0;  }
		#ctnrPtMain .next { right:20px; top:435px; margin:0; }
		}

	#ctnrPtMain a.prev img,
	#ctnrPtMain a.next img { opacity:0.9; filter: alpha(opacity=90); }
	#ctnrPtMain a:hover.prev img,
	#ctnrPtMain a:hover.next img { opacity:0.5; filter: alpha(opacity=50); }
	
	#ctnrPtMain ul.pagination {
		width:960px;
		height:20px;
		padding:0 10px;
		margin:0 auto 0px;
		text-align:center;
		position:relative;
		z-index:10;
	}
		#ctnrPtMain ul.pagination li {
			width:10px; height:10px;
			margin:0 5px;
			display: inline-block;
		/display: inline;
		/zoom: 1;
		text-align:center;
		}
	
		#ctnrPtMain ul.pagination li a {
			display:block;
			width:10px;	height:10px;
			border-radius:5px;
			background:#999;
		}
		#ctnrPtMain ul.pagination li a:hover	{ background:#24A9F6;}
		#ctnrPtMain ul.pagination li.current a	{ box-shadow:0 2px 3px -1px rgba(0,0,0,0.6); background:#24A9F6;}
		
#topIntro {
		width:960px;
		height:225px;
		margin:0 auto 40px;
		overflow:hidden;
		}
		#topIntro p{ margin-top:10px;text-align:center;}

/*----------------------------------------*/
/*アイテムリスト*/
#PdtList ul{
		width:960px;
		margin:20px auto 20px;
		padding-bottom:10px;
		position:relative;				
		}
	#PdtList li{ float:left; margin:0 10px 20px; position:relative; }
	#PdtList li img{
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
	}
	
	#PdtList ul li.new a:before,
	#PdtList ul li.end a:before{
		content:""; 
		width:110px; height:70px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 10;
		}
		#PdtList ul li.new a:before{background:url(/fate_sn_ubw/image/PdtBtn_mark_new.png) no-repeat top left / 80% auto transparent;}
		#PdtList ul li.end a:before{background:url(/fate_sn_ubw/image/PdtBtn_mark_end.png) no-repeat top left / 80% auto transparent;}

/*----------------------------------------*/

/*コンテンツ共通*/
h2.titL{ 
	clear:both;
	margin:20px auto 30px;
}
h2.titL img{ 
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
}

/*販売情報（枠）*/
.infoBoxF	{
	clear:both;
	width:940px;
	margin:10px auto 40px;
	background:url(/fate_sn_ubw/image/InfoBoxF_mdl.gif) top center repeat-y;
	position:relative;
}
	div.infoBoxF:after	{
		content:"";
		width:940px; height:20px;
		background:url(/fate_sn_ubw/image/InfoBoxF_btm.gif);
		position:absolute; bottom:-20px; left:0px;
	}
	div.infoBoxF h2{}	
	div.infoBoxF .line2 		{ border-bottom:1px #D3DADA solid; margin:0 20px;} 

	/*Thum*/		 
	div.infoBoxF .thumInfo		{ 
	width:240px;
	height:240px; 
	display:block;
	border:5px solid #FFF;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
	margin:20px 20px 40px 40px;
	float:left;
	}

	/*Det*/		 
	div.infoBoxF .infoBox_Det {
	  width:600px;
	  text-align:left;
	  padding:0px;
	  margin:20px 0px 10px;
	  float:left;
	  }
	div.infoBoxF .infoBox_Det h3{
	color:#fff;
	font-weight:bold;
	font-size:125%;
	margin-bottom:10px;
	text-indent:15px;
	background:#000 url(/image/cmnPrts/bg_stripe.png) top center repeat;
	}
		div.infoBoxF .infoBox_Det h3 a { display:block;text-decoration: none; line-height: 1; color:#fff; line-height: 40px;}
		div.infoBoxF .infoBox_Det h3 a:hover { background:#ee9200;}

		div.infoBoxF .infoBox_Det h3 + p{ font-weight:bold; margin:0 20px 10px; font-size:13px; text-align:right; }
		div.infoBoxF .infoBox_Det h3 + p a { color:#2F3337; text-decoration:none;}
		div.infoBoxF .infoBox_Det h3 + p a:hover { color:#ee9200; text-decoration: underline;}
	
	
	div.infoBoxF .infoBox_Det h4{
	font-size: 100%;
	line-height:1.6em;
	padding: 5px 10px;
	margin:0px;
	}
	div.infoBoxF .infoBox_Det h4.sale{
	background:#f0c5cd;
	border-left:#e3768b solid 10px;
	}
	div.infoBoxF .infoBox_Det h4.exbt{
	background:#f4cfa3;
	border-left:#ed9630 solid 10px;
	}
	div.infoTxt { margin-top:15px; margin-left:20px; margin-bottom:20px; }
	div.infoTxt img.icInfo { width:60px; margin-right:15px; margin-bottom:20px; float:left; }
	div.infoBoxF .infoBox_Det h5{ font-weight:bold; font-size:112%; }
	div.infoBoxF .infoBox_Det p { font-size:93.75%; line-height:1.6em;}
	div.infoBoxF .infoBox_Det p.date { font-size:14px;line-height:1.4em; }
	div.infoBoxF .info_det_line 	{ 
	border-top: 1px dotted #D3DADA;
	margin: 20px 0 0;
	height: 10px;
	} 
	div.infoBoxF .info_line 		{ border-bottom:1px #D3DADA solid; margin:0 20px 20px;} 

	/*News*/		 
	div.infoBoxF .infoNews		{ margin:30px 40px 20px; text-align:left; font-size:87.5%; }



/*商品ページ*/
/*----------------------------------------*/

#ImgMain,
#ImgSub,
#ddIntro,
#drsIntro {
		background:#fff; 
		display:inline-block;
		overflow:hidden;
		}
#ImgMain { margin:0px auto; width:960px; }
#ImgSub { margin:20px auto 20px; }
#ddIntro { margin:0px auto; width:960px; height:350px; }
#drsIntro { margin:0px auto 20px; width:960px; height:270px; }

#ImgMain p,
#ImgSub p,
#ddIntro p,
#drsIntro p { display:none;}


#ContBox		{ 	width:960px;
					margin:0 auto;
					text-align:center;
					position:relative;
				  }


/*----------------------------------------*/
/*商品情報・スペック*/

.specImg{ float:right; margin:0px 20px 0 0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
#specItem  {	width:450px;
				text-align:left;
				margin:0 10px 0 20px;
				padding-bottom:30px;
				}
	
	table.spec_det		{  		width:440px;
								padding-top:0;
								font-size:95%;
								margin-bottom:20px;
								}
	table.spec_det caption{		
								margin:0px 0 0px;
								color:#fff;
								font-weight:bold;
								font-size:125%;
								margin-bottom:10px;
								padding:5px 15px;
								height:30px;
								line-height:30px;
								border-radius:5px;
								background:#000 url(/fate_sn_ubw/image/stripe_bg.png) top center repeat;
								}
	table.spec_det th	{  		width:6.5em;
								padding:6px 0;
								color:#902338;
								text-align:right;
								border-bottom:dotted 1px #333333;
								}
	table.spec_det th:after{ content:"：";}
					
	table.spec_det td	{	 	padding:6px 0 6px 5px;
								text-align:left;
								border-bottom:dotted 1px #333333;
								}

.spec_note		{ width:440px; margin:10px 0;}
ul.spec_note li	{ line-height:1.6em; font-size:75%; border:none; text-indent:-1em; padding-left:1.2em; }
ul.att_list li	{ line-height:1.4em; font-size:75%; padding:4px 0; margin:0px; border:none; text-indent:-1em;padding-left:1.2em; }
dl.info_list dt { width:6em;height:20px;margin-bottom:-20px;}
dl.info_list dd { padding:0 10px; margin-left:6em;}


/*----------------------------------------*/
/* 商品写真 phtBoxF */

div.phtBoxF	{
	margin-top:20px;
		margin-bottom:25px;
		letter-spacing:normal;
	}
	
	div.phtBoxF div.innerM	{
		max-width:570px;
		margin:0 0 0 10px;
		float:left;
	}
	div.phtBoxF div.innerS	{
		max-width:370px;
		float:left;
		border-top:2px #d38c90 dotted;
		padding-top:10px;
	}
	
	div.phtBoxF p	{
		width:360px; margin-left:10px; margin-bottom:20px;
		font-size:12px;
		line-height:1.4em;
	}

	div.phtBoxF p span.txt_h	{
		font-size:14px;
	}
	
	/*div.phtBoxF img.mainPht	{
		width:550px;
		border:10px solid #FFF;
	}
	
	/* Thumbnail */
	div.phtBoxF ul.thumPht	{
		margin-bottom:10px;
		border-bottom:2px #d38c90 dotted;
	}
	div.phtBoxF ul.thumPht li	{
		margin-left:10px;
		margin-bottom:10px;
		float:left;
		background:#fff;
	}
	div.phtBoxF ul.thumPht a	{
		display:block;
		border:5px solid #FFF;
	}
	div.phtBoxF ul.thumPht a:hover	{
		border-color:#f7afc3;
	}
	div.phtBoxF ul.thumPht a:active	{
		border-color:#f7afc3;
	}
	div.phtBoxF ul.thumPht	img	{
		width:165px;
	}
	div.phtBoxF ul.thumPht	img.noimg	{
		display:block;
		width:165px;
		border:5px solid #FFF;
	}

/*-------------------------------
 Contents _ Common
---------------------------------*/
.container	{
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding: 4rem 0;
	}

/*-------------------------------
 Link Area
---------------------------------*/
#cmnLnk-Fate { 
		background: #454545;
    padding: 30px 0 10px;
		}
#LnkFate {
		padding: 0;
    }
#LnkFate img {
	max-width: 100%;
	height: auto;
    }

.LnkFate_list{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	margin: 0 auto 0;
  }
  .LnkFate_bnrL {
	margin: 0 auto 1rem;
    }
  .LnkFate_bnrL li,
  .LnkFate_bnrS li {
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
    margin: 0 5px 10px;
    }
  .LnkFate_bnrL li {
    max-width: 480px;
    }
  .LnkFate_bnrS li {
    max-width: 300px;
    }
  .LnkFate_bnrS.clm2 li {
    width: calc(100% - 1rem);
    }
  .LnkFate_bnrS.clm3 li {
    width: calc(33% - 1rem);
    }
  .LnkFate_bnrS.clm4 li {
    width: calc(25% - 1rem);
    }
  .LnkFate_bnrS.clm5 li {
    width: calc(20% - 1rem);
    max-width: 180px;
    }
#cmnLnk-lnkCp { 
		background: #2b2b2b;
    padding: 2rem 0 1rem;
		}
#lnkCp {
		padding: 0;
    }
#lnkCp img {
	max-width: 100%;
	height: auto;
    }
.lnkBnr ul {
	text-align: center;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.lnkBnr li {
  width: calc(33% - 1rem);
  max-width: 180px;
	margin: 0 5px 10px;
}
/*----------------------------------------*/
/*関連バナー*/
#lnkBnr { 	background:#454545;
			text-align:center;
			padding:35px 0 10px;
			z-index:10;
			}
	#lnkBnr ul	{
		width:960px;
		margin:0 auto 15px;}
	#lnkBnr li	{
		margin:0 3px;
		display:inline-block;
		*display: inline; *zoom: 1;	}
		
	/*バナー非表示*/
	#lnkBnr li#bnrS_sn_ubw{
		display:none;
		}
		
	#lnkBnr ul.bnrL li img{ width:720px;}
	#lnkBnr ul.bnrS li img{ width:220px;}
	#lnkBnr ul.bnrSS li img{ width:180px;}

	#lnkBnr ul.Clm4 li img{ width:220px;}
	#lnkBnr ul.Clm5 li img{ width:180px;}
	#lnkBnr ul.Clm6 li img{ width:144px;}

/*----------------------------------------*/
/*footer*/
#footer {background:#040000; margin:0 auto; padding:0; text-align:center; clear:both; padding:20px 0;}
	#footer p{color:#fff;line-height:1.5em; text-align:center; padding-bottom:15px; margin-top:10px;}

img#ftr_logo_vs {
	max-width: 150px;
}
.footer__note, .footer__copylight {
	font-size: 14px;
	line-height: 1.4;
	padding: 0 10px;
	margin: 1em auto;
	color: #fff;
	text-align: center;
}