/* ----------------------------------------------------------------------

pc style css setting

---------------------------------------------------------------------- */
html{
    min-width: 1200px;
}
body {
	font: 18px/180% Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	color: #bbb;
	text-align:center;
	background: #000;
}

ul, menu, dir {
    display: block;
    list-style-type: none;
    padding-left: 0;
}

a:link, a:visited {
	color: #aaa;
	text-decoration: none;
}
a:hover {
	color: #ccc;
	text-decoration:underline;
}
table{
	_line-height:150%;
	font-size:100%;
}
.floatL  {float: left;}
.floatR {float: right;}
.fixed{ position: fixed;}

.clear    {
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}
.clearer{
	clear: both;
}
.v_middle{
	vertical-align:middle;
}

.linkto_top {
    text-align: right;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* header----------------------------------------------------- */
#wrapper{
    min-width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #636363;
}
#header{
	width:100%;
    margin: 0 auto;
	border-top:solid 1px #444;
    border-bottom: 1px solid #313131;
    height: 75px;
}
@media only screen and (max-device-width:720px){
	#header{
		width:980px;
	}
}
#header .inner{
	width:950px;
	margin:10px auto 0;
	text-align:left;
}
#header .inner .logo{
	line-height:0%;
    margin:0 0 0 34px;
}
#header .inner h1{
    position: absolute;
    top: 0;
    margin-left: 280px;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #bbb;
    width: 600px;
}

#header .inner a.bt{
    top: 0;
    margin: 42px 0 0 805px;
    width: 100px;
    height: 25px;
    display: inline-block;
    position: absolute;
    background: url("../images/to_top.gif");
    background-size: contain;
    font-size: 15px;
    color: #383838;
    text-align: left;
    text-decoration: none;
    letter-spacing: -1px;
    line-height: 20px;
    border: 1px solid #888;
}

/* contents----------------------------------------------------- */

#contents{
	width:100%;
	background:#f4f2e8;
	border-top:solid 5px #c5b38f;
	border-bottom:solid 5px #c5b38f;
	padding-bottom:40px;

}

#contents .inner{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* slider */
.top_icach{
    margin:25px auto 0;
    border-top: 1px solid #434343;
    padding-bottom: 3px;
    background: url(../images/bk_underbar.gif)no-repeat 0 100%;
    background-size: 100% 3px;

}
.top_icach img{
    margin: 0 auto -10px;
    width: 100%;
}
.nivoSlider {
    max-width: 1280px;
    margin: 0 auto;
}
.wrap_box1 .box{
    display: flex;
     justify-content: center;
}



.wrap_box1 p,.wrap_box2 p .title,.wrap_box3 p,.bt_area a,#main_col h3,.shopttl{
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}

.wrap_box1{background: #292929; padding-top: 40px; }
.wrap_box1 .inner{  margin: 0 auto; max-width: 1200px; padding-bottom: 100px; background: url(../images/bk_lineup.gif) no-repeat 100% 100%; overflow: hidden;}
.wrap_box1 h2{ margin: 0 auto 30px; }
.wrap_box1 .box{margin: 0 auto; }
.wrap_box1 p img{ width: 100%; height: 260px;}
.wrap_box1 p{
    width: 380px;
    margin:0 2% 0 0;
    border: 1px solid #9a8e7c;
    background: #e6e6e6;
    color: #000;
    font-size: 110%;
    font-weight: 600;
    text-align: left;
    overflow: hidden;
    margin-bottom: 50px;
}

.wrap_box1 p:nth-child(3n){ margin:0; }

.wrap_box1 span.maker{ display: block; margin: 0 10px; line-height: 1; padding: 0 5px; }
.wrap_box1 span.model{ display: block; margin: 0 10px; border-bottom: 1px solid #777; padding: 0 5px; }
.wrap_box1 span.model span{ font-weight: 400; }
.wrap_box1 span.price{ display: block; font-size: 26px; padding: 10px; text-align: right; font-weight: 400; }
.wrap_box1 span.price01{ padding-bottom: 0; }

.wrap_box1 span.price span{ font-size:18px;}
.wrap_box1 span.price span span{ font-size:13px;}
.wrap_box1 span.price .s-text{ font-size:12px !important;}
.wrap_box1 span.price .note{ font-size:14px !important; display: block; line-height: 18px; font-weight: normal;}

/* box2 */
.wrap_box2{background: #292929; padding-top: 50px; background: url(../images/bk_step.jpg) no-repeat; background-size: cover; }
.wrap_box2 .inner{  margin: 0 auto; max-width: 1200px; padding-bottom: 100px;overflow: hidden;}
.wrap_box2 h2{ margin: 0 auto 30px; width: 296px; }
.wrap_box2 .box{margin: 0 auto; width:950px; }
.wrap_box2 img{ width: 100%; }
.wrap_box2 p{
    float: left;
    width: 218px;
    margin:0 25px 0 0;
    color: #000;
    line-height: 1;
    text-align: left;
    overflow: hidden;
}
.wrap_box2 p:nth-child(4n){ margin:0; }
.wrap_box2 p .title{
    text-align: center;
    display: block;
    font-size: 130%;
    font-weight: 600;
    letter-spacing: 10px;
    line-height: 36px;
}
.wrap_box2 p img{ border: 1px solid #9a8e7c;width: 216px; }
.wrap_box2 p .txtarea{
    margin-top: 5px;
    font-size: 62%;
    letter-spacing: .5px;
    line-height: 1.9;
    display: block;
}

/* box3 */
.wrap_box3{
    background:#292929 url(../images/bk_underbar.gif)no-repeat 0 0;
    padding-top: 40px;
    border-bottom: 1px solid #555;
}
.wrap_box3 .inner{  margin: 0 auto; max-width: 1200px; padding-bottom: 80px; background: url(../images/bk_lprc.gif) no-repeat 0 100%; overflow: hidden;}
.wrap_box3 h2{ margin: 0 auto 30px; }
.wrap_box3 .box{margin: 0 auto; width:950px; }
.wrap_box3 p{
    text-align: center;
    font-size: 90%;
    line-height: 2;
    margin: 0 20px 0;
}
.wrap_box3 .txtarea{margin-bottom: 35px;}
.wrap_box3 .bt_area a{
    text-align: center;
    width:48.5%;
    height: 80px;
    line-height: 80px;
    color: #ecd2ac;
    border: 1px solid #ab9a81;
    text-decoration: none;
    font-size:105%;
    letter-spacing: 4px;
    text-shadow: 0 0 8px #c5a981;
    display: inline-block;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.wrap_box3 .bt_area a:nth-child(1){ margin-right: 2%; }
.wrap_box3 .bt_area a:hover{
    background:#403c37;
    text-shadow: 0 0 8px #f7e7c6;
    border: 1px solid #b79a6e;
    color: #ffe9c8;
}

.wrap_box3 .linkto_top{
    text-align: right;
    position: absolute;
    margin: 45px 0 0 1040px;
}

a.shopttl { display: block; width: 80%; margin: 0 auto; margin: 3px auto 0; height: 41px; }
.shopttl span{ display: block; text-align: left; }
.shopttl .num1{ font-size: 110%; line-height: .5; color: #ddd;}
.shopttl .num2{ font-size: 58%; letter-spacing: 0; color: #696657; line-height: 25px; margin: 0 0 0 5px; font-weight: 600;}
a.shopttl:hover { text-decoration: none; opacity: .7; }

/* yakkan -----------------------------------------------------*/
.yakkan h2.top_icach{
    line-height: 0;
    overflow: hidden;
}

.yakkan .top_icach .num1 img {
    max-width: 1800px;
    width: auto;
    height: 100px;
}

.yakkan .top_icach .num1{
    display: block;
    height: 100px;
    overflow: hidden;
    background: url(../images/yakkan_icach_bk.jpg) repeat-x;
}
.yakkan .top_icach .num2{
    display: none;
}

@media only screen and (max-width:1340px){
.yakkan .top_icach .num1{
    display: none;
}
.yakkan .top_icach .num2 img{
    max-width: 1340px;
    width: 100%;
    height: auto;
}
.yakkan .top_icach .num2{
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}
}

.content_wrap{width: 100%; background: #292929; padding: 30px 0;}
.content_inner{ width: 1000px; margin: 0 auto; text-align: left; position: relative;}

/* sidebar */
#sidebar{ float: left; width: 250px; top: 0;}
#sidebar ul{ padding-left: 15px }
#sidebar li{ font-size: 70%; font-weight:600;}
#sidebar li a:hover{ text-decoration: none;color: #ffecc4; display: inline-block;padding-right: 10px; line-height: 32px;}
#sidebar span.num1 {
    margin: 0 5px 0 10px;
}
#sidebar span.num2 {
    margin: 0 5px 0 10px;
    letter-spacing: 7px;
}

/* main_col */
#main_col { float: right; width: 750px; }
#main_col h3{
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    font-size: 100%;
    color: #C8BB8F;
    line-height: 50px;
    margin-bottom: 35px;
}

#main_col h3 span{margin-left: 20px;}
#main_col ul{ padding: 0 4px 5px 15px; }
#main_col li{ font-size: 68%; line-height: 1.7}
#main_col li{margin: 20px auto;}
#main_col li span.title{ display: block; font-weight:600; font-size: 115%; color: #C8BB8F; }
#main_col li.last{ color: #ae9d79; }

/* box4 */
.wrap_box4{
    margin:0 auto;
    padding-top: 25px;
    background: #000;
    position: relative;
    display: flex;
    justify-content: center;
}

.box_shop{
    display: inline-block;
    height: 300px;
    width: 240px;
    margin: 0;
    padding: 10px 0;
}
.box_shop img{
    width: 210px;
}
.box_bt{
    margin:-13px 0 13px -10px;
}
.box_bt a{
    display: inline-block;
    background: #CECBCB;
    font-size: 9px;
    font-weight: bolder;
    color: #383838;
    text-align: left;
    padding: 0 7px 0 0;
    text-decoration: none;
    letter-spacing: -1px;
    line-height: 20px;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}
.box_shop .box_bt a img{
    margin-top:3px;
    margin-left: 3px;
    width: 9px;
}
.box_bt a:hover{
    background: #A4978D;
}

.wrap_box4 p{
    text-align: left;
    font-size: 10px;
    line-height: 13px;
    margin: 0 0 0 27px;
    width: 200px;
}

/* footer----------------------------------------------------- */
#footer{
    width: 100%;
}
#footer .copy_r{
	font-size:11px;
    width: 100%;
	text-align:center;
	padding:0;
    line-height: 32px;
    border-top: 2px solid #444;
	border-bottom:2px solid #444;
}


.wrap_box3 .bt_area a#no_link{
    pointer-events:none;/*リンクを非リンクに変える*/
    cursor:default;/*マウスカーソルを矢印のまま変えない*/
    text-decoration:none;/*下線を消す*/
}

p.image {
    height: 338px;
}

.comming_soon{
    height: 444px !important;
    width: 347px !important;
    background-position: center!important;
    background-size: 100%!important;
    background-image: url("../images/image_04.jpg") !important;
}