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

/* 背景網掛け */
.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: 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 .body{}
.contents .button{ margin: 20px 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;
	text-align: center;
	color:#ffffff;
	font-family:Arial;
	font-weight: bold;
	padding:14px 27px 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;}

/* リンク
-----------------------------------------*/
#header ul{ float: left; margin: 15px 0 0 0;}
#header li{ float: left; border-right: 1px solid #CCC; line-height: 100%; list-style: none;}
#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;}
.top .title img{ width: 80%; height: auto;}

/* 背景スライド
-----------------------------------------*/
.bx-wrapper,
.bx-viewport,
#bg_slider,
#bg_slider .box{ height: 100% !important; min-height: 800px;}
.bx-wrapper{}
.bx-viewport{}
.bx-controls{position: absolute; bottom: 0px; left:0px; width: 100%;}
.bx-pager{}

/* 1枚目 */
#bg_slider .bg1{background: url("../img/bg_201.jpg") right 0 no-repeat #000;text-align: left;
-webkit-background-size: auto 100%;
     -o-background-size: auto 100%;
        background-size: auto 100%;
}
#bg_slider .bg1 p{text-align: left;padding: 110px 0 0 0;}
#bg_slider .bg1 img{width: 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;}


/*=========================================
プレゼント
=========================================*/
.present{background: url("../img/bg_203.jpg") center 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.present .contents{ width: 800px; padding: 120px 0 0 60px;}

.present .block{width: 800px;}

.present .wrap1{
	display: table;
	width: 100%;
}

.present .img{
	width: 380px;
	display: table-cell;
}
.present .img img{
	margin: -20px 0 0 0;
}

.present .txt{
	display: table-cell;
}

.present .txt .box1{
	padding: 0 0 10px 15px;
	background: url("../img/line_201.png") 0 bottom repeat-x;

}
.present .txt .box1:after{display: none;}

.present .txt h2{
	margin: 0 0 10px 0;
}

.present .txt .box2{
	padding: 13px 110px 10px 120px;
	position: relative;
}

.present .txt .box2:before{
	content: url("../img/present_203.png");
	display: inline-block;
	position: absolute;
	left: -22px;
	top:15px
}

.present .txt .box2:after{
	content: url("../img/present_206.png");
	display: inline-block;
	position: absolute;
	right: -48px;
	top:-50px
}

.present .txt h3{
	margin: 0 0 10px 0;
}

.present .txt p{
	font-size: 70%;
}

.present .kinri{
	margin: 30px 0 0 0;
}



/*=========================================
イベント
=========================================*/
.event{background: url("../img/bg_105.jpg") 0 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.event .contents{
	width: 800px;
	padding: 120px 0 0 30px;
}

.event .wrap1{
	display: table;
	width: 100%;
}

.event .img{
	display: table-cell;
	width: 242px;
}

.event .img img{
	margin: -20px 0 0 0;
}


.event .txt{
	display: table-cell;
	padding: 0 0 0 20px;
}

.event h2{
	color: #007FCC;
	font-size: 160%;
	font-weight: bold;
	line-height: 130%;
	margin: 0 0 15px 0;
}

.event .p1{
	font-size: 75%;
}

.event .time{
	background: #FCCF00;
	padding: 5px 5px 5px 10px;
	margin: 10px 0 15px 0px;
}
.event .time p{
	text-shadow: none;
	color: #2F2213;
	line-height: 140%;
	font-weight: bold;
	font-size: 120%;
}

.event .p2{
	font-size: 70%;
}


/*=========================================
メンテナンス
=========================================*/
/*
.mainte{background: url("../img/bg_104.jpg") 0 0px no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
 */
.mainte .contents{ padding: 160px 0 0 50px;}

.mainte .wrap1{
	display: table;
	width: 100%;
}

.mainte .img{
	display: table-cell;
	width: 242px;
}

.mainte .img img{
	margin: -20px 0 0 0;
}


.mainte .txt{
	display: table-cell;
	padding: 0 0 0 20px;
}

.mainte h2{
	margin: 0 0 10px 0;
}

.mainte .p1{
	font-size: 80%;
	width: 350px;
}

.mainte .p2{
	margin: 15px 0 0 0;
	background: #FFF;
	color:#000;
	text-shadow: none;
	font-size: 75%;
	line-height: 130%;
	padding: 6px;
	display: inline-block;
}





/*=========================================
フェア
=========================================*/
.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: 60px 0 0 0px;}
.fair .block1{background: url("../img/fair_05.png") 0 20px no-repeat;padding: 40px 0 0 56px;margin: 0 0 0 20px;}
.fair .title{margin: 0 0 10px 0;}
.fair .title img{margin: 0 10px 0 0 ;}
.fair .body{display: inline-block;border:1px solid #B4161C;padding: 25px;}
.fair .body ul{}
.fair .body li{float: left;}
.fair .body li:nth-child(1){border-right:1px solid #B4161C;padding: 0 25px 0 0;margin: 0 25px 0 0px;}
.fair .body li:nth-child(2){position: relative;}
.fair .body li:nth-child(2):after{
	content: url("../img/fair_202.png");
	display: inline-block;
	position: absolute;
	top:0px;
	right:-75px;

}

/* スリーククラブカード
-----------------------------------------*/
.card{ width: 1280px;margin: 20px auto 0px auto; padding: 20px 0px 17px 70px; background: #1E1E1E;}
.card h3{ border: #000; text-align: center;}
.card .box{ float: left;}
.card .box.n1{ padding: 30px 0 0 0;}
.card li{ float: left; text-align: center; display: block; width: 250px; height: 62px; padding: 35px 0 0 0; background: #FED003; color: #000;}
.card li:nth-child(2){ margin: 0 0 0 13px;}
.card .box.n2{ padding: 20px 0 0 30px;}
.card .box.n3{ padding: 30px 0 0 20px;}
.card .box.n3 p{ color: #FFF; font-size: 85%;}
.card .box.n4{ padding: 0 0 0 20px;}
.card .box.n4 img{ margin: -10px 0 0 0;}


/*=========================================
モデル1
=========================================*/
.model1{background: url("../img/bg_204.jpg") right 0 no-repeat;
-webkit-background-size: 100% auto;
     -o-background-size: 100% auto;
        background-size: 100% auto;

}
.model1 .contents{ width: 800px; padding: 140px 0 0 60px;}


.model1 .wrap1{
	display: table;
	width: 100%;
}

.model1 .img{
	display: table-cell;
	width: 420px;
}

.model1 .img img{
	margin: 0px 0 0 0;
}
.model1 .txt{
	display: table-cell;
	padding: 0 0 0 20px;
}

.model1 h2{
	margin: 0 0 20px 0;
}

.model1 p{
	line-height: 180%;
	font-size: 75%;
	font-weight: normal;

}



/*=========================================
モデル2
=========================================*/
.model2{background: url("../img/bg_205.jpg") right 0 no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.model2 .contents{ width: 800px; padding: 100px 0 0 60px;}

.model2 .wrap1{
	position: relative;
	min-height: 500px;
}

.model2 .img{
	position: absolute;
	right:-250px;
	bottom: 30px;
}

.model2 .img img{
	margin: 0px 0 0 0;
}
.model2 .txt{
	display: table-cell;
	padding: 0 0 0 20px;
}

.model2 h2{
	margin: 0 0 20px 0;
}

.model2 p{
	line-height: 180%;
	font-size: 75%;
	font-weight: normal;

}



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

/* 商品一覧タイトル
-----------------------------------------*/
.pickup .list_title { padding: 70px 0 10px 0;width: 1280px;margin: 0 auto 0 auto;}
.pickup .list_title h3{display: inline;vertical-align: middle;margin: 0 15px 0 0;}
.pickup .list_title p{display: inline;color: #AA841F;vertical-align: bottom;padding: 6px 0 0 0px;font-weight: bold;font-size: 90%;}

/* 商品一覧
-----------------------------------------*/
.pickup .list{ width: 1280px; margin: 0 auto 0 auto; padding: 60px 0 0 0;}
.pickup .list .box{ float: left; width: 248px; margin: 0 0 40px 90px;}

.pickup .list .box.clear{
	clear: left;
}

.pickup .list .box.ml0{
	margin-left: 0;
}

.pickup .list .box.sp1{
	margin-left: 120px;
}

.pickup .list .box.sp2{
	margin-left: 160px;
}



.pickup .list p{ text-align: center;}
.pickup .list img{}
.pickup .list dl{ margin: 20px 0 0 0;}
.pickup .list dt{ text-align: center; font-size: 75%;}
.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: 100%; border-top:1px solid #000; margin: 15px 0 0 0; padding: 15px 0 0 0;}
.pickup .list .price span{ font-size: 70%; padding: 0 0 0 5px;}
.pickup .list .option{ color: #C00; font-size: 75%; margin: 0px 0 0 0;}


/*=========================================
アクセス
=========================================*/
.access{}
.access .contents{ padding: 80px 0 0 0;}
.access .bg{ padding: 40px 0 30px 30px; background: url("../img/bg_108.jpg") 0 0px repeat;}
.access dl{ padding: 0 0 0 00px;}
.access dt{ margin: 0 0 10px 0; font-size: 90%;}
.access dd{ font-size: 90%;}
.access #map{ width: 100%; height: 500px;}