@charset "utf-8";
html,body{
	color:#3f3535;
	font:13px/150% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic","ヒラギノ角ゴ","メイリオ","Meiryo","Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro",Helvetica,Arial,Verdana,sans-serif;
	text-align:left;
	position:relative;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
	height: 100%; 
}
a{
	color:#1E74A2;
	text-decoration:none;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	position:relative;left:0;
}
a:hover{
	color:#003d84;
}
img{
	border:none;outline:none;
	max-width:100%;
}
.sp{display:none;}

.totop{
	position:fixed;
	z-index:102;
	width:50px;height:50px;border-radius:25px;
	right:10px;	bottom:-60px;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-size:24px;text-align:center;
	font-weight:bold;line-height:48px;

	cursor:pointer;	
	behavior: url(PIE.htc);
}
.totop:hover{
	background:#6b0000;
	color:#fff;
}
.center{text-align:center;}.center{text-align:center;}
.tbl{display:table;width:100%;}
.cel{display:table-cell;}
.sp{display:none;}
.attention{
	font-size:90%;
	line-height:140%;
	background:rgba(0,0,0,0.05);
	padding:10px;
	margin-top:5px;
}
.small{
	font-size:90%;
	line-height:140%;
}
.red{
	color:#5c0023;
	font-weight:bold;
	font-size:90%;
	padding:5px;
}
/* ================================================================ *
 * ヘッダー・フッター
 * ================================================================ */
body > header{
  background: url(/resource/img/gmenu_bg.png) 0 0 repeat-x ,
							url(../img/header_bg.png) 0 100% repeat-x;
  background-size:auto,30px auto;
  height: 64px;
	position:fixed;top:0;left:0;
	width:100%;
	z-index:1000;
	-moz-transition:		all 0.3s ease-out;
	-o-transition:			all 0.3s ease-out;
	-ms-transition:			all 0.3s ease-out;
	-webkit-transition:	all 0.3s ease-out;
	transition:					all 0.3s ease-out;
}
body > header h1 {
	position:relative;padding-left:26px;
	-moz-transition:		all 0.5s ease-out;
	-webkit-transition:	all 0.5s ease-out;
	transition:					all 0.5s ease-out;
}
body > footer{
  background:url(../img/black.png) 0 100% repeat-x,url(../img/footer_bg.png) 0 0 repeat-x;
  background-size:30px auto;
  height:98px;
	position:fixed;bottom:0;left:0;
	width:100%;
	z-index:103;	
	padding-top:13px;
}
body > footer .foot_tbl{
  display:table;width:980px;
	margin:0 auto;height:54px;
}
body > footer .logo,body > footer nav{
  display:table-cell;
	vertical-align:middle;
}
body > footer nav ul{
	text-align:right;
 list-style:none;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','Hiragino Mincho ProN','Hiragino Mincho',"HGS明朝E","HG明朝E","HG明朝",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R',"メイリオ","Meiryo", serif;
}
body > footer nav ul li{
 display:inline-block;
 text-align:center;
 width:100px;
 position:relative;
}
body > footer nav ul li:after{
	content:"";
	position:absolute;
	right:-5px;top:5px;width:10px;height:10px;
	background:url(../img/point.png) 0 50% no-repeat;
}
body > footer nav ul li:nth-last-of-type(1):after{
	content:"";
	display:none;
	background:url(../img/point.png) 0 50% no-repeat;
}
body > footer nav ul li a{
	color:#000;font-weight:bold;
	font-size:110%;
	display:block;
	width:100%;height:100%;	
}
body > footer nav ul li a.ls{
	letter-spacing:3px;
}
body > footer nav ul li a:hover{
	color:#fff;
}
body > footer .foot_tbl2{
  display:table;width:950px;
	margin:0 auto;
	color:#e5e0cc;
	font-size:8.5px;
	height:33px;
	line-height:190%;
}
body > footer .foot_tbl2 .copy{
  display:table-cell;
	vertical-align:middle;
	letter-spacing:0.5px
}
body > footer .foot_tbl2 .copy a{
  margin-right:15px;
}

#container{}

/* ================================================================ *
 * TOP
 * ================================================================ */
#top{
	background:
						url(../img/top_bg_maku_t.png) 50% 8px no-repeat,
						url(../img/top_bg_light.png) 50% 25% no-repeat,
						url(../img/top_bg_maku_r.png) 100% 8px no-repeat,
						url(../img/top_bg_maku_l.png) 0 8px no-repeat,
						url(../img/top_bg_yuka.png) 50% 380px repeat-x,
						url(../img/top_bg_b.png) 50% 850px repeat-x,
						url(../img/top_bg_maku.png) 50% 0 #1b0601;
	padding:50px 0 70px;
	background-size:auto,1150px auto,auto,auto,auto,auto,auto,auto;
	background-attachment:fixed;
	position:relative;
}
.doubutu:after,#top:after{
	content:"";
	position:absolute;
	bottom:-12px;left:0;
	width:100%;height:100px;
	background:url(../img/top_after_bg.png) 0 100%;
	background-size:30px auto;
	z-index:101;
}
.doubutu:before{
	content:"";
	position:absolute;
	top:-12px;left:0;
	width:100%;height:100px;
	background:url(../img/top_before_bg.png) 0 0;
	background-size:30px auto;
	z-index:101;
}
#top h1{
	position:relative;top:0;
}
#top .image{
	text-align:center;
	height:1100px;
}
#top .image p{
	background:url(../img/top_prince.png) 50% 295px no-repeat;
	background-attachment:fixed;
	height:1000px;width:100%;
	position:fixed;	z-index:1;top:0;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
#top #concept{
text-align:center;
	text-align:center;
	padding:50px 20px 80px;
	z-index:10;
	position:relative;
}

/* ================================================================ *
 * 共通
 * ================================================================ */
body > section:not(#top){
	padding:100px 5px 130px;
	text-align:center;
	position:relative;
	z-index:2;
}
body > section:not(#top):nth-last-of-type(1){
	padding-bottom:170px !important;
}
body > section > h1{
	margin:0 0 20px;
}
body > section > .sub{
	margin:0 auto 30px;
	max-width:920px;
	background:rgba(255,255,255,0.4);
	border-radius:10px;
	padding:10px 20px;
	//font-weight:bold;
	font-size:110%;
}
.pg{
	background:#fcfbfa;
	background:
						url(../img/pg_border_tl.png) 0 0 no-repeat,
						url(../img/pg_border_tr.png) 100% 0 no-repeat,
						url(../img/pg_border_bl.png) 0 100% no-repeat,
						url(../img/pg_border_br.png) 100% 100% no-repeat,
						url(../img/pg_border_t.png) 0 0 repeat-x,
						url(../img/pg_border_b.png) 0 100% repeat-x,
						url(../img/pg_border_l.png) 0 0 repeat-y,
						url(../img/pg_border_r.png) 100% 0 repeat-y
						rgba(255,255,255,0.9);
	padding:35px;
	margin:7px auto 20px;
	position: relative;
	max-width:940px;
	-moz-transition:width 0.3s ease-out;
	-webkit-transition:width 0.3s ease-out;
	transition:width 0.3s ease-out;
	text-align:left;
	box-shadow:0 0 40px rgba(135, 114, 40,0.2) inset ; 
}
.pg .tbl{
	table-layout:fixed;
}
.pg .tbl .cel:nth-of-type(1){
	width:110px;height:110px;min-height:100px;
	text-align:center;	vertical-align:middle;
	padding:0 5px
}
.pg .tbl .cel:nth-of-type(2){
	padding:2px 0 5px 15px;
	vertical-align:middle;
}
.pg h1{
	font-size:220%;
	color:#2c0000;
	margin-bottom:6px;
	line-height:120%;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','Hiragino Mincho ProN','Hiragino Mincho',"HGS明朝E","HG明朝E","HG明朝",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R',"メイリオ","Meiryo", serif;
}
.pg .sub{
	font-weight:bold;
	font-size:110%;line-height:140%;
	color:#2c0000;
	margin-bottom:1px;
}
.pg .txt{
	line-height:130%;
}
.pg .img{
	text-align:center;
	padding:30px 0;
	margin:20px 0;
	background:url(../img/border.png) 0 0 repeat-x,url(../img/border.png) 0 100% repeat-x #fefefb;
	background-size:auto 9px;
}
.pg .img > img{
	display: inline-block;
	margin:15px 0;
	padding:0 20px;
	vertical-align:middle;
}
.pg .img .inbox{
	display: inline-block;
	text-align:left;
	position:relative;
	max-width:330px;padding:15px 25px;
}
.pg .img .inbox .tll{
	display:table;width:100%;
	background:#e1dabe;
	border-radius:10px;
	margin:10px 0 0 3px;padding:10px 20px;
	font-weight:bold;
	position:relative;
}
.pg .img .inbox .tll p{
	display:inline-block;
	font-size:110%;
}
.pg .img .inbox .tll p.btn{
	background:#6a5c24;padding:2px 15px;
	border-radius:10px;
	position:absolute;right:10px;top:8px;
	font-size:90%;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.pg .img .inbox .tll p.btn:hover{
	background:#840000;
}
.pg .img .inbox .tll p.btn a{
	color:#fff;
}
.pg .img .inbox li{
	padding:2px;
	border-bottom:1px dotted #ccc;
	list-style:none;
	font-size:90%;
}
table{
	border-top:1px dotted #C5C5C5;
	line-height:140%;
	width:100%;
	margin:10px 0 5px;
}
table tr{
	border-bottom:1px dotted #C5C5C5;
}
table th{
	padding:10px 20px;
	width:130px;
	text-align:left
}
table td{
	padding:10px;
	text-align:left;
}
.pg .icon{
	border-radius:5px;
	background:url(../img/bg_stripe.png) #8cc49b;
	background-size:auto;
	box-shadow:0 0 20px rgba(84, 79, 56,0.3) inset ; 
}
.pg .icon.ea{
	background-color:#c48e8c; 
}
body > section:not(#top).doubutu{
	background:url(../img/doubutu_bg.png);
	background-attachment:fixed;
	padding:100px 20px;	z-index:5;
}
/* ================================================================ *
 * goods
 * ================================================================ */
#goods{
	background:
						url(../img/goods_bg_kamihubuki.png) 50% 0 no-repeat,
						url(../img/goods_bg_deco_r.png) 100% 0 no-repeat,
						url(../img/goods_bg_deco_l.png) 0 0 no-repeat,
						url(../img/goods_bg_r.png) 100% 20px repeat-y,
						url(../img/goods_bg_l.png) 0 100px repeat-y,
						url(../img/goods_bg.png) 50% 0 repeat-y;
	background-size:auto,auto,auto,auto,auto,100% auto;
	background-attachment:fixed;
}
#goods table{
	font-size:92%;
}
#goods table th,#goods table td{
	padding:6px 10px;
}
#goods .sub p{
	margin:5px 0 10px;
}
#goods .sub p.small{
	font-size:85%;
	background:rgba(0,0,0,0.05);
	padding:10px;
	border-radius:10px;
}
#goods .lnkbtn {
	position:relative;
	background:#6a1415;border-radius:10px;
	background:url("../img/top_after_bg.png") 0 10%,url("../img/doubutu_bg.png") #691717;
	box-shadow:0 0 5px rgba(0,0,0,0.3),0 0 8px rgba(0,0,0,0.8) inset,0 0 5px #c40026 inset;
	border:3px solid #6a5c24;border-top:3px solid #bca33f;border-left:3px solid #bca33f;
	width:400px;margin:30px auto;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','Hiragino Mincho ProN','Hiragino Mincho',"HGS明朝E","HG明朝E","HG明朝",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R',"メイリオ","Meiryo", serif;	
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#goods .lnkbtn a{
	display:block;width:100%;height:100%;
	color:#fff;padding:15px;
	font-size:150%;font-weight:bold;
}
#goods .lnkbtn:hover{
	transform:scale(1.08)
}
/* ================================================================ *
 * info
 * ================================================================ */
#info{
	background:
						url(../img/goods_bg_kamihubuki.png) 50% 0 no-repeat,
						url(../img/goods_bg_deco_r.png) 100% 0 no-repeat,
						url(../img/goods_bg_deco_l.png) 0 0 no-repeat,
						url(../img/info_bg_r.png) 100% 20px repeat-y,
						url(../img/info_bg_l.png) 0 100px repeat-y,
						url(../img/info_bg.png) 50% 0 repeat-y;
	background-size:auto,auto,auto,auto,auto,100% auto;
	background-attachment:fixed;
}
/* ================================================================ *
 * 抽せん
 * ================================================================ */
#tyusen{
	background:
						url(../img/goods_bg_kamihubuki.png) 50% 0 no-repeat,
						url(../img/goods_bg_deco_r.png) 100% 0 no-repeat,
						url(../img/goods_bg_deco_l.png) 0 0 no-repeat,
						url(../img/tyusen_bg_r.png) 100% 20px repeat-y,
						url(../img/tyusen_bg_l.png) 0 100px repeat-y,
						url(../img/tyusen_bg.png) 50% 0 repeat-y;
	background-size:auto,auto,auto,auto,auto,100% auto;
	background-attachment:fixed;
}
#tyusen .btn{
	text-align:center;
}
#tyusen .btn a{
	display:block;margin:20px auto 0;
	max-width:400px;
	border-radius:10px;
	padding:20px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	border:2px solid #988434;
	border-top:2px solid #d8ba49;border-left:2px solid #d8ba49;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','Hiragino Mincho ProN','Hiragino Mincho',"HGS明朝E","HG明朝E","HG明朝",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R',"メイリオ","Meiryo", serif;
	background:#5d1010;
	background: -moz-linear-gradient(top center, #921c1c 0%, #5d1010 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#921c1c), to(#5d1010));
	background: linear-gradient(top center, #921c1c 0%, #5d1010 100%);	
		-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	box-shadow:0 0 3px rgba(0,0,0,0.4),0 0 5px rgba(0,0,0,0.4) inset;
}
#tyusen .btn a:hover{
	background: -moz-linear-gradient(top center, #5d1010 0%, #921c1c 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#5d1010), to(#921c1c));
	background: linear-gradient(top center, #5d1010 0%, #921c1c 100%);

}


/* ================================================================ *
 * 特典
 * ================================================================ */
#tokuten{
	background:
						url(../img/goods_bg_kamihubuki.png) 50% 0 no-repeat,
						url(../img/goods_bg_deco_r.png) 100% 0 no-repeat,
						url(../img/goods_bg_deco_l.png) 0 0 no-repeat,
						url(../img/tokuten_bg_r.png) 100% 20px repeat-y,
						url(../img/tokuten_bg_l.png) 0 100px repeat-y,
						url(../img/tokuten_bg.png) 50% 0 repeat-y;
	background-size:auto,auto,auto,auto,auto,100% auto;
	background-attachment:fixed;
}
#tokuten .pg .img{
	margin-top:0;
	background:none;

}
#divfoot{
	background:#000;
}
#divfoot .lnk a,#divfoot .lnk p{
	display:inline-block;
	margin:10px;
	background:#988434;
	padding:8px 25px;
	border:3px double #51461C;
	outline:2px solid #988434;
}
#divfoot .lnk a:hover{
	background:#510d0d;
	//box-shadow:0 0 5px #aa9d00;
	outline:1px solid #510d0d;
	outline-offset:3px;
	border:3px double #000;
}
#divfoot .lnk p{
	background:#666;
	border:3px double #444;
	outline:2px solid #666
}

/* float clear-------------------------------------------------------------------------------------------*/
.wrap:after{
	content:"";
	display:block;
	height:0;
 	visibility:hidden;
	clear:both !important;
}
* html .wrap{height:1%;}
.wrap{display:block;}

/* sns-------------------------------------------------------------------------------------------*/
.snsbox{text-align:right;margin-top:6px}
.snsbox > div{display:inline-block;padding-right:5px;vertical-align:bottom;
	-moz-box-sizing:border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.snsbox.defo iframe,.snsbox img{margin:0;padding:0;}
.snsbox.defo .line,.snsbox.defo .line *{vertical-align:top;font-size:0;line-height:0px}
.fb_iframe_widget > span {vertical-align: baseline !important;}
iframe.twitter-share-button {width: 110px!important;}
/* uboxs-------------------------------------------------------------------------------------------*/
#uBox {
	display:none;position:absolute;background:rgba(255,255,255,0.5);z-index: 1000001;
	padding:4px;text-align:center;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#uBox #ifcol{
	padding:0;background:#fff;height:100%;
	overflow:auto;
}
#uBox #close{
	background:#671c0c;
	color:#fff;padding:0;
	line-height:0;
	text-align:center;
	width:40px;height:40px;border-radius:20px;
	position:absolute;
	top:-15px;right:-15px;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	cursor:pointer;
	border:2px solid #988434;
	box-shadow:0 0 5px #000;
}
#uBox #close:hover{
	background:#6a5c24;
}
#uBox .box{
		text-align:center;padding:10px;
		line-height:150%;margin:0;
		height:100%;
		overflow:auto;
		background:#fff;
		box-shadow:none;
}

/* ================================================================ *
 * レイアウト：640px以下
 * ================================================================ */
@media screen and (max-width:640px){
	.sp{display:block;max-width:100%;}
	.pc{display:none;}
	
	body > header h1 {
		width:170px;padding-left:15px;
	}
		
	#top{
		background:url(../img/sp_top.jpg) 50% 25px no-repeat #000;
		padding:64px 0 80px;
		background-size:contain;
		background-attachment:scroll;
		position:relative;
	}
	#top .image{
		text-align:center;
		height:550px;
	}
	#top .image p{display:none;}
	#top #concept{padding:0px;}
	#top #concept .sp{display:inline-block;}
	.pg{padding:20px;}
	.pg .tbl .cel:nth-of-type(1){		width:90px;	}
	.pg h1{font-size:150%;}
	table th{padding:10px 0 10px 10px;width:70px;	}			
	body > section:not(#top).doubutu{
		background:url(../img/doubutu_bg.png);
		background-attachment:fixed;
		padding:90px 10px;	z-index:5;
	}
	body > footer{
		background:url(../img/footer_bg.png) 0 0 repeat-x;
		height:auto;
		background-size:30px auto;
	}
	body > footer .foot_tbl{
		display:block;width:auto;
		height:auto;
	}
	body > footer .logo{
		padding:8px 25px;
		text-align:center;
	}
	body > footer .logo,body > footer nav{
		display:inline-block;width:100%;
		vertical-align:middle;
	}
	body > footer nav ul{
		text-align:center;
	 list-style:none;
	 background:#988434;
	 padding:0 20px 7px;
	}
	body > footer nav ul li{
	 width:110px;
	}
	body > footer nav ul li:after{
		content:"";
		position:absolute;
		right:-5px;top:5px;width:10px;height:10px;
		background:url(../img/point.png) 0 50% no-repeat;
	}
	body > footer nav ul li:nth-of-type(1):before{
		content:"";
		position:absolute;
		left:-5px;top:5px;width:10px;height:10px;
		background:url(../img/point.png) 0 50% no-repeat;
	}
	body > footer .foot_tbl2{display:none;}
	
	.pg .img .inbox .tll{margin:10px 0 0 ;}
	.pg .img{
		padding:30px 10px;
		margin:20px 0;
	}	
	body > section:not(#top):nth-last-of-type(1){
		padding-bottom:20px !important;
	}
	.spcopy{
		background:#000;
		text-align:center;
		color:#fff;
		padding:80px 10px 150px;
		font-size:9px;
		position:relative;
	}
	.spcopy .snsbox{
		width:400px;margin:0 auto;overflow:hidden;
		text-align:center;
		position:absolute;top:30px;
	}
	#goods,#info,#tyusen,#tokuten{
		background-attachment:scroll;
		background-size:auto,150px auto,150px auto,150px auto,150px auto,100% auto;
	}


}