@charset "utf-8";
/*ドルフィーファンタジーアッシュカラーシリーズ 201809更新*/

/* =======================================

	CommonElements

======================================= */

html {
	}

body	{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica,sans-serif;
	color:#3b1609;
	background:#574030;
	min-width:960px;
	overflow:hidden;
	}

	a { text-decoration:none; color:#c83246;}
	a:hover { text-decoration:underline; color:#ec6d74;}
	a.lnkImg:hover	{
		filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
		transition : all .1s; /* Animation Effect */
		}
	a:focus, *:focus { outline:none; }

	/*  Link _ Anchor
	-----------------------------*/
	.anchor-link {
		width: 1px; height: 1px;
	    display: block;
	    overflow: hidden;
		position:absolute; top:-70px;
		z-index:1;
	}
	.anchor-inner {
		height:70px;
		margin-top:-70px;
		display:block;
	}

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

/* 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!important; }
	.txtr	{ text-align:right!important;}
	.txtc	{ text-align:center!important;}


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

	/* Text Size - */
	.fntXL	{ font-size:150%;}/*24px*/
	.fntLL	{ font-size:125%;}/*20px*/
	.fntL	{ font-size:112.5%;}/*18px*/
	.fntM	{ font-size:100%;}
	.fnts	{ font-size:87.5%;}/*14px*/
	.fntxs	{ font-size:75%;}/*10px*/
	.txts	{ font-size:62%;}/*10px*/


	em{ font-size:125%; font-weight:bold;margin: 0 0.2em;}
	span.rtMrk {
		font-size: 10px;
		vertical-align: top;
	}
	.boxShdw {
		box-shadow: 0 0 5px 0 rgba(50,50,50,0.5);
	}

	/*位置*/
	sup,
	sub {
		height: 0;
		line-height: 1;
		vertical-align: baseline;
		_vertical-align: bottom;
		position: relative;
		font-size: 65%;
		}
	 
	sup	{ bottom: 1ex; }
	sub { top: .5ex; }


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

/* Base Container*/
	#header,
	#topMain,
	.wrapper,
	#footer	{ width:100%;margin:0 auto;}

/* Base Inner */
	#hdrInner,
	#mainInnr,
	.contsInner,
	.wrapInner,
	p.lnkPtop{ width:960px; margin:0 auto; position:relative; }


/* Common Parts
-----------------------------*/
/* Display */
	.nodsp	{ display:none;}
	.dbk	{ display:block; margin:auto;}
	img.abslImg	{ position:absolute; z-index:1;}
	.imgNote	{ visibility:hidden; height:0px; }
	

/* Note */
	.note-list	{
		padding:10px 0;
		color:#555;
		font-size:0.8em;
		margin:auto;
	}
		.note-list li	{ padding-left:1em; text-indent:-1em; line-height:1.3; text-align: left;}
		.note-list li ~ li	{ margin-top:0.5em;}


/* Common _ LinkBtn
-----------------------------*/

	a.lnkBtn	{
		background: #68B7BB;
		color: #fff;
		border-bottom: 2px solid #6F6463;
		display:inline-block;
		padding: 1em 1.5em;
		margin: 5px auto;
		border-radius: 100px;
		text-align: center;
		text-decoration:none;
		}
	a.lnkBtn:hover	{
		background: #ED8982;
		text-decoration:none;
		}


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

	#page-top	{
		display: inline-block;
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index:100;
		}


/* Header 
-----------------------------*/
#header	{
		height:35px;
		background:#bb554f; border-bottom:5px solid #43211a;
		}
		#header	#logoTopVS	{
			position:absolute; top:5px; left:0px;
			}
			#header	#logoTopVS img	{ width:120px;}
		#header	#logoTopSD	{
			position:absolute; top:8px; right:5px;}
			#header	#logoTopSD img	{ width:120px;}



/*-------------------------------
 topMain
---------------------------------*/

#topMain {
    background: url(/item/image/fawig_main_bg.jpg) 50% 0 no-repeat;
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.3);
	position:relative;
	z-index: 1;
	padding: 20px 0 0;
	height: 1325px;
	}
	#topMain h1	{ margin:auto;}

	#topMain .contsInner {
		}
	#topMain .contsInner > img	{
		display:block;
		}
		#topMain .contsInner > img + img	{ margin-top:-127px;}
		
		
/*-------------------------------
 content
---------------------------------*/

	/*ページ内リンク*/
		ul.pgNavi	{
			margin: 0px auto;
			width: auto;
			text-align: center;
			padding-right: 15px;
			}
			ul.pgNavi li{
				margin-left: 15px;
				display: inline-block;
				}
			ul.pgNavi li + li {
				border-left: 1px solid #a29384;
				padding-left: 15px;
			}
			ul.pgNavi li a{
				text-align: center;
				display: inline-block;
				color: #fff;
				border-radius: 100px;
				text-shadow: 0 0 2px #a56f00 , 0 0 10px #a56f00;
				}
			ul.pgNavi li a:hover	{ color:#fff6e7; }


div.wrapper	{
	width:100%;
	margin:0 auto;
	padding:60px 0;
	position:relative;
	background:url(/item/image/fawig_cnt_bg.jpg) 50% 0 repeat-y;
	/*box-shadow:0 0 5px 0 rgba(50,50,50,0.4);*/
	}
	div.wrapInner	{
		width:100%; max-width:960px;
		margin:0 auto;
		position:relative;
	}
	div.wrapInner + div.wrapInner	{
		margin-top: 50px;
		padding-top: 50px;
		border-top: 1px solid #c5b09c;
		}

	.wrapInner h2	{
		margin:0 auto;
		}
		.wrapInner h2 + p	{
			text-align: right;
			padding: 10px 20px;
			}
		.wrapInner h2 + p a	{
			padding: 0 5px;
			text-shadow: 0 0 2px #ab0009 , 0 0 10px #ab0009;
			color: #fff;
			}
		.wrapInner h2 + p a:hover	{ color: #ffe4e6; }
	.wrapInner ul	{
		color: #3f0000;
		width: 870px;
		}

	table.wigsize	{
		margin:20px 20px 20px 330px;
		border-collapse:separate;
		font-size: 15px;
		line-height:1.4;
		position:relative;
		z-index:10;
		}
	table.wigsize th,
	table.wigsize td	{
		}

		table.wigsize th	{
			padding:6px 15px 4px;
			margin:0 0 5px;
			background:#563f37;
			border:1px solid #563f37;
			color:#fff;
			letter-spacing:0.04em;
			white-space:nowrap;
			text-align: center;
			vertical-align: middle;
			font-size: 14px;
			}
		table.wigsize td	{
			padding:6px 20px 3px;
			background:#fff;
			border:1px solid #563f37
			}

	/* Order Information
	-----------------------------*/
	table.infoOrdr	{
		background: #BB554F;
		background: rgba(187, 85, 79, 0.8);
		padding: 0;
		margin: 20px auto;
		border-collapse: separate;
		border-spacing: 0px;
		width: 880px;
		font-size: 93.75%;
		}
		table.infoOrdr th	{ 
			width: 100px;
			vertical-align: middle;
			text-align: center;
			color: #fff;
			background: #A74C47;
			line-height: 1.2;
			}
		table.infoOrdr td	{
			padding: 20px 5px 20px 25px;
			color: #fff;
			vertical-align: middle;
			text-align: left;
			font-size: 112.5%;
			line-height: 1.5;
			}
			table.infoOrdr td a	{ text-decoration:none; color:#fff; text-shadow: 0 0 2px #f55 , 0 0 10px #f55; }
				table.infoOrdr td a:hover	{ text-decoration: underline; color:#fff; }


/* Footer 
-----------------------------*/
#footer	{
	clear:both;
	width:100%;
	padding:30px 0 20px;
	background:#bb554f;
	border-top:#43211a 10px solid;
	text-align:center;
	color:#fff;
	position:relative;
	}
	#footer ul	{
		width:950px;
		margin:20px auto 20px;
		}
		#footer li	{
			margin:0 5px;
			display:inline-block;
		}
		#footer li img{ width:140px;}		
		
	#footer	p{
				margin:20px auto 20px;
				line-height:1.4;
				font-size:80%;
				color:#fff;
			}

/* Return to Page Top
-----------------------------*/		
	p.lnkPtop	{
		width:960px; height:1em;
		padding:0 0 15px;
		margin:0 auto 40px; position:relative;
		font-size:75%;
		text-align:right;
		color:#fff;
		clear:both;
		}
	p.lnkPtop a	{
		height:1em;
		padding:5px 10px 5px 15px;
		background:#fff;
		color:#705A52;
		border-radius:5px;
		letter-spacing:0;
		text-decoration:none;
		}
	p.lnkPtop a:hover	{ background:#705A52; color:#fff; text-decoration:none; }


@media screen and (max-device-width: 980px) {	
	body	{
		font-size:10px !important;
	}
}