/*=========================================
レイアウト
=========================================*/
body{ background: #000;}
.section{ height: initial !important; height: auto !important;}
.pcshow{ display: none !important;}
.fp-scrollable{ overflow: visible !important;}
img{ max-width: 100%; height: auto;}



/* 背景網掛け */
.bgover{ height: 100%; width: 100%; background: url("../img/bg_20.png") 0 0 repeat;}

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

/* 1 英語
-----------------------------------------*/
.title-style1{
	font-family: 'Droid Serif', serif;
	color: #FED002;
	font-size: 240%;
	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: 180%;
	text-shadow: 1px 2px 0 rgba(0,0,0,1);
	line-height: 130%;
}

/*=========================================
共通 本文
=========================================*/
.contents {}
.contents .title{ margin: 0 0 30px 0;}
.contents .body{}
.contents .button{ margin: 20px 0 0 0; text-align: center;}

/* テキストシャドウ */
.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{padding: 30px 0 13px 0;display:block;width: 100%;background: #000;}
#header a{ color: #FFF; text-decoration: none;}
#header a:hover{ text-decoration: underline;}

/* ロゴ
-----------------------------------------*/
#header .logo{}
#header .logo h1{ display: block; text-align: center; padding: 0 0 15px 0;}
#header .logo p{ text-align: center;}
#header .logo img{ display: block; margin: 0 auto 12px auto;}

/* リンク
-----------------------------------------*/
#header ul{margin: 5px 0 0 0; text-align: center;}
#header li{border-right: 1px solid #CCC; line-height: 100%; display: inline-block;}
#header li:last-child{border-right: 0px;}
#header li a{  font-size: 75%; padding: 0 6px 0 6px;}

/*=========================================
トップ
=========================================*/
.top .title{position: absolute; z-index: 5000; top:0px; left:0px; width: 100%; height: 300px;}
.top .title p{ width: 100%; display: block; text-align: center; padding: 60px 0 0 0;}
.top .title img{ width: 90%; height: auto;}

/* 背景スライド
-----------------------------------------*/
.bx-wrapper,
.bx-viewport,
#bg_slider,
#bg_slider .box{ height: 400px !important;}

.bx-wrapper{}
.bx-viewport{}
.bx-controls{position: absolute; bottom: 0px; left:0px; width: 100%;}
.bx-pager{}

/* 1枚目 */
#bg_slider .bg1{ background: url("../img/bg_101.jpg") 0 0 no-repeat;}
#bg_slider .bg1 p{text-align: left;padding: 200px 0 0 0;}
#bg_slider .bg1 img{width: 70%; height: auto; margin: 0 auto 0 auto;}

/* 2枚目 */
#bg_slider .bg2{ background: url("../img/bg_02.jpg") 0 0 no-repeat;}

/* 3枚目 */
#bg_slider .bg3{ background: url("../img/bg_03.jpg") 0 0 no-repeat;}

#bg_slider .box{-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}

/*=========================================
プレゼント
=========================================*/
.present{padding: 12px 0 18px 0;background: url("../img/bg_103.jpg") center 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.present .contents{padding: 40px 8px 0 8px;}

.present .block{}
.present .title1{border-bottom:3px solid #CC5C00; padding: 0 0 13px 0;}
.present .title1 h3{ text-align: center;}

.present .body{margin: 40px 0 0 0;}
.present .img{}
.present .img p{ text-align: center;}
.present .img img{ width: 60%; height: auto; margin: 0 auto;}
.present .txt{ margin: 20px 0 0 0;}
.present .txt h4{text-align: center; padding: 0 0 15px 0;margin: 0 0 15px 0 ;}
.present .txt p.txt1{font-size: 90%;padding: 0 0px 0 0;}
.present .txt p.txt2{ color: #B3B4B4; border:1px solid #B4B4B5; font-size: 90%; line-height: 100%;margin: 10px 0 20px 0;padding: 6px 0 6px 6px;}

/*=========================================
イベント
=========================================*/
.night{padding: 50px 0 20px 0;background: url("../img/bg_105.jpg") 0 0px repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.night .contents{ padding: 0px 8px 40px 8px;}
.night .body{}
.night .title{}
.night .title h3{ border-bottom:1px solid #AA841F; padding: 0 0 13px 0; margin: 0 0 13px 0; text-align: center;}
.night .title h3 img{ max-width: 80%;}
.night .title p{ font-size: 80%; color: #AA841F; line-height: 130%;}

.night .block1{ margin: 20px 0 0 0px;}
.night .block1 .left{}
.night .block1 .left h4{text-align: center;}
.night .block1 .right{ margin: 12px 0 0 0;}

.night .block1 .txt1{}
.night .block1 .txt2{ font-size: 90%; border-top:1px solid #FFF; margin: 10px 0 0px 0; padding: 10px 0 0px 0; display: inline-block;}
.night .block1 .txt1 span,
.night .block1 .txt2 span{ font-size: 70%;　font-weight: normal;}


.night .block1 .txt2 p{ color: #FFE000;}

.night .block1 .txt3 {margin: 10px 0 0 0;}
.night .block1 .txt3 p{ font-size: 95%;}
.night .block1 .txt3 a{ color: #FFF;}

.night .block2{ margin: 30px 0 00px 0px;}
.night .block2 .left{}
.night .block2 .left p{ text-align: center;}
.night .block2 .right{padding: 20px 0 0 0;}
.night .block2 .right p{ font-size: 80%; line-height: 150%;}


/*=========================================
特典
=========================================*/
.tokuten{background: url("../img/bg_104.jpg") 0 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.tokuten .contents{ padding: 30px 8px 0 8px;}
.tokuten .wrap{}
.tokuten .img1{ text-align: center;}
.tokuten .img2{}
.tokuten .title{border-bottom:2px solid #4B3A0E;padding: 0 0 13px 0;}
.tokuten .block1{}
.tokuten .block1 .txt1{font-size: 90%;margin: 12px 0 0 0; line-height: 150%;}
.tokuten .block1 .txt1 br{ display: none;}
.tokuten .block2{background: #4B4847;margin: 40px 0 0 0;padding: 15px 8px 15px 8px;}
.tokuten .block2 .txt1{line-height: 130%;font-size: 90%; margin: 17px 0 0 0;}
.tokuten .block2 .txt2{line-height: 150%;font-size: 80%; margin: 7px 0 0 0;}
.tokuten .block3{margin: 30px 0 0 0;}
.tokuten .block3 p{ text-align: center;}

/*=========================================
フェア
=========================================*/
.fair{background: url("../img/bg_106.jpg") 0 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.fair .contents{ padding: 20px 0px 50px 0px;margin: 0 8px 0 8px;}
.fair .block1{background: url("../img/fair_05.png") -60px 0 no-repeat;padding: 40px 0 0 0px;margin: 0 0 0 0px;}
.fair .title{margin: 0 0 10px 0; padding: 0 0 0 5px;}
.fair .title img{margin: 0 10px 0 0 ;}
.fair .body{border:1px solid #B4161C;padding: 15px 10px;}
.fair .body ul{}
.fair .body li{}
.fair .body li:nth-child(1){border-bottom:1px solid #B4161C;padding: 0 0 20px 0;margin: 0 0 20px 0px;}
.fair .body li img{}

/* スリーククラブカード
-----------------------------------------*/
.card{margin: 50px auto 0 auto; padding: 20px 8px 30px 8px; background: #1E1E1E;}
.card h3{  text-align: center;}
.card .box{}
.card .box.n1{ padding: 20px 0 0 0;}
.card ul{　text-align: center;}
.card li{ text-align: center; padding: 25px 0 25px 0; background: #FCE303; color: #000; margin: 0 0 15px 0 ;}
.card .box.n2{ padding: 0px 0 0 0px; text-align: center;}
.card .box.n3{ padding: 15px 0 0 0px;}
.card .box.n3 p{ color: #FFF; font-size: 85%; text-align: center;}
.card .box.n4{ padding: 20px 0 0 0px; text-align: center;}
.card img{ display: block; margin: 0 auto 0 auto;}


/*=========================================
ボンドモデル
=========================================*/

/* Limited商品
-----------------------------------------*/
.bond .visual{padding: 30px 8px 50px 8px;background: url("../img/bg_102.jpg") 0 0 no-repeat;
-webkit-background-size: cover;
     -o-background-size: cover;
        background-size: cover;}

/* タイトル */
.bond .visual .title{margin: 0 auto 40px auto;border-bottom:3px solid #8A969D;padding: 0 0 6px 0;}
.bond .visual .title h3{ text-align: center;}
.bond .visual .title p{margin: 10px 0 0 0;color: #8B979E;line-height: 120%;font-size: 80%;}

/* 中身 */
.bond .visual .block{margin: 0 auto 0 auto;}
.bond .visual h4{ text-align: center;}
.bond .visual h4 img{ width: 80%; height: auto;}
.bond .visual .box{}
.bond .visual .box.left{ margin: 30px 0 20px 0;}
.bond .visual .box.right{}


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

/* 商品一覧タイトル
-----------------------------------------*/
.pickup .list_title {padding: 30px 8px 20px 8px;}
.pickup .list_title h3{text-align: center;}
.pickup .list_title p{color: #AA841F;padding: 10px 0 0 0px;font-size: 80%;line-height: 140%;}
.pickup .list_title p img{ display: none;}

/* 商品一覧
-----------------------------------------*/
.pickup .list{ margin: 0 auto 0 auto; padding: 0 8px 0 8px;}
.pickup .list .box{ margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #000;}
.pickup .list p{ text-align: center;}
.pickup .list img{}
.pickup .list dl{ margin: 10px 0 0 0;}
.pickup .list dt{ text-align: center; font-size: 90%; min-height: initial !important; min-height: auto !important;}
.pickup .list dd{ text-align: center; line-height: 100%; min-height: initial !important; min-height: auto !important;}
.pickup .list .spec{ font-size: 70%; line-height: 140%; margin: 4px 0 0 0;}
.pickup .list .price{ font-size: 120%; margin: 8px 0 0 0; padding: 8px 0 0 0;}
.pickup .list .price span{ font-size: 60%; padding: 0 0 0 10px;}
.pickup .list .option{ color: #C00; font-size: 75%; margin: 10px 0 0 0;}

/* 背景あり */
.pickup .list.big{background: #EEE; padding: 25px 8px 0px 8px; margin: 0 8px 0 8px;}
.pickup .list.big .box{}
.pickup .list.big .box.senkou{}
.pickup .list.big .box.senkou:before{content:"";display: block; margin: 0 auto 20px auto;width: 200px;height: 73px;background: url("../img/title_104.png") 0 0 no-repeat;}
.pickup .list.big .box:last-child{ border-bottom: 0px; margin-bottom: 0;}


/* 背景なし */
.pickup .list.mini{ margin: 30px 0 0 0 ;}
.pickup .list.mini .box:last-child{ border-bottom: 0px;}


/*=========================================
アクセス
=========================================*/
.access{}
.access .contents{ padding: 0px 0 0 0;}
.access .bg{ padding: 12px 8px 30px 8px; background: url("../img/bg_09.jpg") 0 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.access dl{ padding: 0 0 0 0px; font-size: 90%;}
.access dt{ margin: 0 0 10px 0;}
.access dd{}
.access #map{ width: 100%; height: 300px;}