/*=========================================
レイアウト
=========================================*/
body{ min-width: 1200px; background: #000; font:13px 'メイリオ', 'Meiryo', "游ゴシック体", "Yu Gothic", YuGothic, 'ＭＳ Ｐゴシック', Sans-serif;
}
.section{ position: relative;}
.spshow{ display: none !important;}
.spshow{ display: none !important;}
.sp_title{ display: none !important;}

a {color:#fff; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}

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

/* 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; color: #FFF;}


/*=========================================
共通 ボタン
=========================================*/
.button-style1 {
	-moz-box-shadow: 0px 5px 0px 0px #B48B01;
	-webkit-box-shadow: 0px 5px 0px 0px #B48B01;
	box-shadow: 0px 5px 0px 0px #B48B01;
	background-color:#FECA18;
	-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;
	font-size:16px;
	padding:14px 30px;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(0,0,0,1);}
.button-style1:hover {background-color:#FECA18;}
.button-style1:active {position:relative;top:1px;}


.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.fs12{ font-size:12px; }

.sp-only { display:none;}
.A_center { text-align:center;}


/*=========================================
ヘッダー
=========================================*/
#header{height: 70px;padding: 14px 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: right; margin: 15px 30px 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: 12px; 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{ display:table; width:100%; height:100%;}
.top .title p{ padding-left:20px !important; display:table-cell; text-align: center !important;}
.top .title img{ max-width: 100%; height: auto;}

/* 背景スライド
-----------------------------------------*/
.bx-wrapper,
.bx-viewport,
#bg_slider,
#bg_slider .box{ height: 100% !important; xmin-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/top_bg.png") right center no-repeat; text-align: left;
	background-size: cover;
	min-height:766px;
}
#bg_slider .bg1 p{text-align: left;padding: 110px 0 0 0;}

/* 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;}


/*=========================================
エントリー
=========================================*/
.entry{background: url("../img/entry_bg.png") right 50% no-repeat; background-size: cover;}
.entry .contents{ width: 800px; min-height:766px; padding: 120px 0 0 30px;}

.entry h3{
	font-weight:bold;
	font-size:18px;
}

.entry h3 span{
	color:#FECA18;
}

.img-scaling img { width:345px;}


.float-box { width:880px; margin-bottom:30px; overflow:hidden;}
.float-box .left-box { color:#FFF; font-weight:bold; width:420px; float:left; margin-right:20px;}
.float-box .right-box { width:300px; float:right;}

.float-box .button { display:inline-block;}


.entry2 .contents{ width: 800px; min-height:766px; padding: 120px 0 0 30px;}

.entry2 h3{
	font-weight:bold;
	font-size:18px;
}

.entry2 h3 span{
	color:#FECA18;
}

.img-scaling img { width:345px;}





/*=========================================
イベント
=========================================*/
.event { padding:30px 0 50px 0; font-weight:normal;}
.event .event-left { width:454px; float:left; margin-right:60px;}

.event .event-right { width:680px; float:left;}
.event .event-right h2 { font-size:1.8em; line-height:1.2em; color:#FFF !important; font-weight:bold; margin-bottom:20px;}
.event .event-right h2 span { font-size:16px !important;}
.event .event-right h3 { color:#FFF !important; font-weight:bold; margin-bottom:20px;}
.event .event-right p { font-weight:normal; font-size:1.0em; margin-bottom:30px;}


/*=========================================
モデル一覧
=========================================*/
.model{
	background:#000; color:#FFF !important;
}

.model_contents{ padding: 100px 30px 0 30px;}

.model_section { margin-bottom:80px;}

.model_section + .model_section{
	margin-top:40px;
}

.model_section h3.title {
	font-size:1.6em;
	}



.model h3{
	line-height:46px;
	border:1px solid #fff;
	text-align:center;
	margin-bottom:40px;
	
}

.model h3 img{
	vertical-align:middle;
}

.model-link { text-align:center;}
.model-link .button { display:inline-block;}


.tag-model-connected { margin:0 auto; width:1120px; overflow:hidden; margin-bottom:60px; position:relative;}
.tag-model-connected .text-box { width:540px; float:left; padding:0;}
.tag-model-connected .text-box h2 { font-weight:bold; font-size:1.6em; margin-bottom:20px;}
.tag-model-connected .text-box h4 { font-size:1.2em; margin-bottom:12px;}
.tag-model-connected .text-box p { line-height:1.8em; margin-bottom:30px;}
.tag-model-connected .movie-box { width:560px; padding:0; float:right;}




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

.model .novelty { text-align:center; margin-top:60px;}


/* 商品一覧
-----------------------------------------*/
.model .list{
	margin:-30px;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.model .list .box{
	padding:30px
}

.model .col_4 .box{
	width:25%;
}

.model .col_3 .box{
	width:33.333333%;
}

.model .col_2 .box{
	width:50%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.model .list p{ text-align: center;}
.model .list img{}
.model .list dl{ margin: 20px 0 0 0; font-weight:bold;}
.model .list dt{ font-size:1.0em; text-align: center; margin-bottom:20px }
.model .list dd{ text-align: center; line-height: 100%;}
.model .list .read-tex{ min-height:120px; font-size: 12px; line-height: 160%; margin: 10px 0 0 0; font-weight:normal;}
.model .list .spec{ font-size: 11px; line-height: 140%; margin: 7px 0 0 0;}
.model .list .price{border-top:1px solid #d5d5d5; margin: 15px 0 0 0; padding: 15px 0 0 0; font-size:16px;}
.model .list .price span.tax{ font-size: 70%; padding: 0 0 0 5px;}
.model .list .price span.pay{ font-size: 70%; padding: 0 0 0 5px;}
.model .list .option{ color: #C00; font-size: 75%; margin: 0px 0 0 0;}

.model .col_2 .box p{
	width:50%;
}

.model .col_2 .box dl{
	width:50%;
}

.limited p{
	position:relative;
}

.limited .icon{
	position:absolute;
	top:10px;
	right:50%;
	margin-right:-158px;
}



/*=========================================
特典
=========================================*/
.special { background:#FFF;}
.special .contents{ padding: 100px 30px 30px 30px;}


.tokuten-title {
    font-size: 1.6em;
    border: 1px solid #FFF;
    line-height: 46px;
    margin-bottom: 60px;
    text-align: center;
}



/* スリーククラブカード
-----------------------------------------*/
.card{ min-width: 1200px ;margin: 20px auto 0px auto; padding: 20px 30px; background: #1E1E1E;}
.card h3{ border: #000; text-align: center;}
.card .wrap{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.card .box.n1{ padding: 25px 0 0 0;}
.card li{ float: left; text-align: center; display: block; width: 250px; height: 97px; padding: 35px 0 0 0; background: #FCE303; 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;}




/*=========================================
アクセス
=========================================*/
.access{}
.access .contents{ padding: 100px 50px 30px 50px;}
.access h2{}
.access dl{ padding: 0; color:#fff; font-weight:bold;}
.access dt{ margin: 0 0 10px 0;}
.access #map{ width: 100%; height: 560px;};