/*=========================================
レイアウト
=========================================*/
body{ /*min-width: 1200px;*/ min-width: 1000px; }
.section{ position: relative;}
.spshow{ display: none !important;}

/*=========================================
共通 タイトル
=========================================*/

/* 1 英語
-----------------------------------------*/
.title-style1{
	font-family: 'Droid Serif', serif;
	color: #FED002;
	font-size: 280%;
	text-shadow: 1px 2px 0 rgba(0,0,0,1);
	line-height: 110%;
}

/* 2 日本語
-----------------------------------------*/
.title-style2{
	font-family:ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,ＭＳ Ｐ明朝,serif;
	color: #FED002;
	font-size: 280%;
	text-shadow: 1px 2px 0 rgba(0,0,0,1);
	line-height: 110%;
}

/*=========================================
共通 本文
=========================================*/
.contents { padding: 0 0 0 30px;}

.contents .title{ /*margin: 0 0 70px 0;*/ margin: 0 0 40px 0; }
.contents .body{}
.contents .button{ margin: 40px 0 0 0;}

/* テキストシャドウ */
.contents p,
.contents h3,
.contents h4,
.contents dl,
.contents dt,
.contents dd,
.contents td{ font-weight: bold; text-shadow: 1px 1px 0 rgba(0,0,0,1); color: #FFF;}

/* テキストシャドウ無し */
.no_shadow{text-shadow: 0 0 0;}

/*=========================================
共通 ボタン
=========================================*/
.button-style1 {
	-moz-box-shadow: 0px 5px 0px 0px #be9e01;
	-webkit-box-shadow: 0px 5px 0px 0px #be9e01;
	box-shadow: 0px 5px 0px 0px #be9e01;
	background-color:#fed003;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-weight: bold;
	padding:14px 32px;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(0,0,0,1);}
.button-style1:hover {background-color:#FED825;}
.button-style1:active {position:relative;top:1px;}

/*=========================================
ヘッダー
=========================================*/
#header{height: 64px;padding: 16px 0 0 15px;position:fixed;display:block;width: 100%;background: #000;z-index:1000;top:0px;}
#header a{ color: #FFF; text-decoration: none;}
#header a:hover{ text-decoration: underline;}

/* ロゴ
-----------------------------------------*/
#header .logo{ float: left;}
#header .logo h1{ display: inline-block;}
#header .logo p{ display: inline-block;}
#header .logo img{ vertical-align: middle; /*margin: 0 18px 0 0;*/ margin: 0 10px 0 0; }

/* リンク
-----------------------------------------*/
#header ul{ float: left; margin: 15px 0 0 0;}
#header li{ float: left; border-right: 1px solid #CCC; line-height: 100%;}
#header li:last-child{border-right: 0px;}
#header li a{  font-size: 70%; padding: 0 6px 0 6px;}

@media (max-width: 1300px) {
#header ul{ margin: 0px 0 0 0;}
#header li{ margin: 0 0 3px 0;}
#header li:nth-child(4){ border-right: 0px;}
#header li:nth-child(5){ clear: both;}
}

@media (max-width: 1100px) {
#header{height: 80px;padding-top: 6px;}
#header ul{ margin: 0 0 0 0; padding: 6px 0 0 0; float: none; display: block; clear: both;}
#header li{ margin: 3px 0 0px 0;}
#header li:nth-child(4){ border-right: 1px solid #CCC;;}
#header li:nth-child(5){ clear: none;}
#header li a{  font-size: 75%; padding: 0 10px 0 10px;}
#header .wrap{ width: 900px;}
}

/*=========================================
トップ
=========================================*/
.top .title{position: absolute; z-index: 5000; top:0px; left:0px; width: 100%; height: 100%;}
.top .title p{ width: 100%; display: block; text-align: center; /*padding: 200px 0 0 0;*/ padding: 120px 0 0 0; }
.top .title img{ width: 80%; height: auto; min-width: 1000px; max-width: 1185px; }

/* 背景スライド
-----------------------------------------*/
.bx-wrapper,
.bx-viewport,
#bg_slider,
#bg_slider .box{ height: 100% !important; min-height: 800px;}
#bg_slider .bg1{ background: url("../img/bg_01.jpg") 0 0 no-repeat #000000; }


/*=========================================
イベント
=========================================*/
.event {background: url("../img/bg_02.jpg") 0 0px no-repeat #E32B21;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.event .contents { /*padding: 115px 0 0 25px;*/ padding: 95px 0 0 25px; }
.event .title { margin-bottom: 30px; }
.event .body {}
.event .text { position: relative; width: 830px; }
.event .text .event_img01 { position: absolute; top: 0px; right:0; }
.event .text .event_img02 { position: absolute; top: 60px; right:0; }
.event h3 { margin-bottom: 15px; }
.event .text p { font-size: 90%; margin-bottom: 0.8em; line-height: 1.6; }

.event .text .mb0 { margin-bottom: 0; }


/*=========================================
エントリー
=========================================*/
.entry {background: url("../img/bg_03.jpg") 0 0px no-repeat #000000;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.entry .contents { padding: 115px 0 0 25px; }
.entry .body {}
.entry .text { margin-bottom: 70px; }
.entry h3 { /*margin-bottom: 30px;*/ margin-bottom: 15px; }
.entry h3 strong { color: #E32B20; }
.entry .text p { font-size: 90%; margin-bottom: 1em; line-height: 1.6; }


/*=========================================
ご購入特典
=========================================*/
.tokuten{background: url("../img/bg_04.jpg") 0 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.tokuten .contents{ padding: 115px 0 0 25px; }
.tokuten .body {}
.tokuten .title { margin-bottom: 5px; }

.tokuten .text { float: left; margin-right: 30px; width: 487px; }
.tokuten .text h3 { color: #FFF; text-shadow: 0 0 0 rgba(0,0,0,1); margin-bottom: 10px; padding: 5px 0; text-align: center; }
.tokuten .text p { color: #000; font-weight: normal; text-shadow: 0 0 0 rgba(0,0,0,1); font-size: 100%; margin: 13px 0 0 0; }

.tokuten .text.tokuten01 h3 { background: #D69807; margin-top: 10px; }

.tokuten .text.tokuten02 p { color: #E32B21; }
.tokuten .text.tokuten02 h3 { background: #E32B21; margin-top: 61px; }


/*=========================================
ピックアップ
=========================================*/
.pickup{ background: #000; padding: 0% 0 0 0; color: #FFF; }

.pickup .title { margin-bottom: 40px; padding: 115px 0 0 25px; }
.pickup .title_list-big { background: #E32B20; color: #FFF; font-size: 150%; line-height: 100%; padding: 20px 0 22px; text-align: center; margin-top: 115px;}
.pickup .title_list-mini { background: #000; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; font-size: 150%; line-height: 100%; margin-bottom: 45px; padding: 20px 0 22px; text-align: center; margin-top: 115px;}

/* 商品一覧
-----------------------------------------*/
.pickup .list { margin: 0 auto; }
.pickup .list .box{ float: left;}
.pickup .list p{ text-align: center;}
.pickup .list img{}
.pickup .list dl{ margin: 40px 0 0 0;}
.pickup .list dt{ text-align: center; font-size: 110%;}
.pickup .list dd{ text-align: center; line-height: 100%;}
.pickup .list .spec{ font-size: 70%; line-height: 140%; margin: 7px 0 0 0;}
.pickup .list .price{ font-size: 110%; border-top:1px solid #D5D5D5; margin: 15px 0 0 0; padding: 15px 0 0 0;}
.pickup .list .price span{ font-size: 60%; padding: 0 0 0 10px;}
.pickup .list .pre{ border: 1px solid #FFFF00; padding: 8px 0; color: #FFFF00; margin: 12px 0 10px 0; text-align: center; }
.pickup .list .pre2{ border: 1px solid #FF3300; padding: 6px 0; color: #FF3300; margin: 5px 0 0 0; text-align: center; font-size:0.8em; }
.pickup .list .will-be-released{ color: #999999; font-size: 75%; margin: 0px 0 0 0;}
/*.pickup .list .option{ color: #C00; font-size: 75%; margin: 0px 0 0 0;}*/

.pickup .big-wrap { padding: 40px 0 0; background: url("../img/bg_05.jpg") 0 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover; }
.pickup .list.big { /*width: 1600px;*/ width: 1475px; }
.pickup .list.big .box{ /*width: 325px;*/ width: 300px; /*margin: 0 0 0 80px;*/ margin: 0 20px 0; }
.pickup .list.big .box:nth-child(4n+1){ clear: both; margin-left: 0;}

.pickup .list.mini { width: 1285px; }
.pickup .list.mini .box{ width: 300px; margin: 0 0 35px 28px; }
.pickup .list.mini .box:nth-child(4n+1){ clear: both; margin-left: 0;}
.pickup .list.mini dl{ margin: 10px 0 0 0;}
.pickup .list.mini dt{ font-size: 90%;}



/*=========================================
アクセス
=========================================*/
.access { background: #000; }
.access .contents{ padding: 80px 0 0 0; }
.access .title { padding-left: 25px; }
.access dl{ padding: 30px 0 0 30px; position: relative; }
.access dt{ margin: 0 0 10px 0; font-size: 90%;}
.access dd{ font-size: 90%;}
.access .map { position: absolute; top: 52px; left: 380px; }
.access #map{ width: 100%; height: 500px;}

.access .access_other { margin-top: 50px; clear: both; overflow: hidden; }
.access .access_other img { float: left; margin-right: 20px; }