@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 641px){

	/*init*/

	.inner_centering{width:1100px;margin:0 auto;position:relative;}

	/*set*/

	#wrapper{background-image:url('../img/bg.jpg');background-position:center;min-width:1100px;overflow:hidden;}

	#visual{background-image:url(../img/head_bg.png);height:1082px;position:absolute;width:100%;z-index:0;min-width:1100px;}
	#visual .visual_pc{background-image:url(../img/visual_pc.png);width:519px;height:607px;position:absolute;top:40px;right:20px;}
	#visual .corner_r{position:absolute;top:10px;right:10px;}
	#visual .corner_l{position:absolute;top:10px;left:10px;}

	#info{position:relative;z-index:10;left:0;padding: 50px 60px 0px 60px;}
	#info h1{margin:0;}
	#info .logo{position:relative;display:block;}
	#info .console{position:relative;display:none;width:360px;margin-left:70px;margin-top:20px;}
	#info .qr{position:relative;display:block;width:280px;margin-top:15px;margin-left:110px;}
	#info .dl{width:500px;text-align:center;padding-top:20px;}
	#info .dl li{display:inline-block;}
	#info .dl li > a img{height:60px;display:inline-block;margin:0 5px;}

	#main{position:relative;z-index:10;}
	#main h2{text-align:center;}

	#main .text{width:700px;margin:0 auto;padding:30px 0;color:#7b682d;}

	#main .slider{width:960px;margin:20px auto 20px;}
	#main .slider-item{width:300px;margin:0 15px 0;border:2px solid rgb(179, 149, 60);box-sizing:border-box;box-shadow:0px 0px 3px rgba(0,0,0,0.4);opacity:0;transition:all 0.5s;transform:scale(0.8,0.8);}
	#main .slider-item img{width:100%;}
	#main .slick-list{overflow:visible;}

	#main .slick-arrow{width:50px;height:50px;background-image:url(../img/arrow.svg);background-size:100%;text-indent:-9999px;transition:all 0.5s;z-index:10;}
	#main .slick-next {right:-60px;}
	#main .slick-prev {left:-60px;transform:rotate(-180deg);transform-origin:center;margin-top:-25px;}
	#main .slick-disabled{opacity:0;}
	#main .slick-active{opacity:1;transform:scale(1,1);}

	#main hr{background-image:url(../img/line.png);width:250px;height:25px;margin:30px auto 80px;}

	#spec{background-color:rgba(156, 132, 40, 0.44);}
	#spec .spec_inner{padding:50px;text-align:center;color:#654e18;}
	#spec .icon{margin-right:30px;display:inline-block;vertical-align:top;}
	#spec .infoArea{width:450px;display:inline-block;text-align:left;}
	#spec .infoArea .name{font-weight:bold;font-size:22px;line-height:1.4;padding-bottom:20px;}
	#spec .infoArea .date{padding-bottom:10px;}
	#spec .infoArea .price{padding-bottom:20px;}
	#spec .infoArea .price .large{font-size:30px;padding-left:0.2em;padding-right:0.2em;}
	#spec .infoArea .sale{background-color:#f7ee8c;border-radius:4px;display:inline-block;padding:5px 20px;}
 	#spec .infoArea .sale .large{font-size:20px;font-weight:bold;}

	#spec .dl{width:500px;text-align:left;padding:0px 0 20px;}
	#spec .dl li{display:inline-block;}
	#spec .dl li > a img{height:60px;display:inline-block;margin:0 5px 0 0;}

	#spec .li_attention {padding-top:0.3em;}
	#spec .li_attention li{padding-left:1.3em;text-indent:-1.3em;font-size:13px!important;padding-bottom:0.3em;}
	#spec .li_attention li:before{content:'※';padding-right:0.3em;}

	#infoArea{width:500px;}

	#footer{position:relative;z-index:10;background-color:#fff;padding:60px 0;text-align:center;}
	#footer small{font-size:11px;line-height:1.5;display:block;padding:30px 0;}
	#footer .footer_logo{height:50px;padding:0 10px;}
	#footer .link{padding-bottom:30px;text-align:center;}
	#footer .link li{display:inline-block;margin-bottom:0.5em;}
	#footer .link a{color:#346977;padding:0 20px;border-right:1px solid #346977;}
	#footer .link a.noborder{border-right:0px solid #346977;}
	#footer .link li:last-child a{border-right:0px solid #346977;}

	#footer .link_inq {margin-bottom:40px;}
	#footer .link_inq a{color:#346977;border-bottom:1px solid #346977;}

	#footer li {display:inline;}
	#footer .bnr a img{width: 500px;margin:0 5px 30px;box-shadow:0px 0px 3px rgba(0,0,0,0.4);border:1px solid #728790;box-sizing:border-box;}


	.hide_pc{display:none;}

}



/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 640px) {

	/*init*/

	.inner_centering{width:94%;margin:0 auto;position:relative;}

	/*set*/

	#wrapper{background-image:url('../img/bg.jpg');background-position:center;overflow:hidden;}

	#visual{background-image:url(../img/visual_sp.png);padding-top:202%;background-size:100%;position:absolute;width:100%;z-index:0;}
	#visual .visual_pc{display:none;}
	#visual .corner_r{display:none;}
	#visual .corner_l{display:none;}

	#info{position:relative;z-index:10;left:0;padding-top:60%;}
	#info h1{margin:0;}
	#info .logo{position:relative;display:block;width:90%;margin:0 auto 0;}
	#info .console{position:relative;display:block;width:80%;margin:20px auto 0;}
	#info .qr{display:none;}

	#info .dl{width:100%;text-align:center;padding-top:20px;}
	#info .dl li{display:inline;}
	#info .dl li > a img{width:40%;display:inline-block;margin:0 5px;}
	#info .dl li:nth-last-of-type(2n+1) > a img{width:50%;display:inline-block;margin:0 0px;}

	#main{position:relative;z-index:10;}
	#main h2{text-align:center;margin-top:20px;}
	#main h2 img{width:98%;}

	#main .text{width:90%;margin:0 auto;padding:30px 0;color:#7b682d;font-size:15px;line-height:2;}

	#main .slider{width:80%;margin:20px auto 20px;}
	#main .slider-item{width:240px;margin:0 12px 0;border:2px solid rgb(179, 149, 60);box-sizing:border-box;box-shadow:0px 0px 3px rgba(0,0,0,0.4);transition:all 0.2s;transform-origin:center;}
	#main .slider-item img{width:100%;}
	#main .slick-list{overflow:visible;}

	#main .slick-arrow{display:none;text-indent:-99999px;}
	/* #main .slick-next {right:-60px;}
	#main .slick-prev {left:-60px;transform:rotate(-180deg);transform-origin:center;margin-top:-25px;}
	#main .slick-disabled{opacity:0;} */
	#main .slick-center{transform:scale(1,1);}

	#main hr{background-image:url(../img/line.png);width:50%;background-size:100%;background-repeat:no-repeat;padding-bottom:5%;margin:10px auto 50px;}

	#spec{background-color:rgba(156, 132, 40, 0.44);font-size:13px;}
	#spec .spec_inner{padding:10% 5% 15%; text-align:center;color:#654e18;}
	#spec .icon{display:inline-block;vertical-align:top;width:100px;}
	#spec .icon img{display:block;width:100%;}
	#spec .infoArea{width:100%;display:inline-block;text-align:left;}
	#spec .infoArea .name{font-weight:bold;font-size:18px;line-height:1.4;padding-top:20px;padding-bottom:16px;text-align:center;}
	#spec .infoArea .date{padding-bottom:10px;text-align:center;}
	#spec .infoArea .price{padding-bottom:30px;text-align:center;}
	#spec .infoArea .price .large{font-size:30px;padding-left:0.2em;padding-right:0.2em;}
	#spec .infoArea .sale{background-color:#f7ee8c;border-radius:4px;display:inline-block;padding:3px 20px;}
 	#spec .infoArea .sale .large{font-size:20px;font-weight:bold;}
	#spec .qr{display:none;}

	#spec .dl{width:100%;text-align:center;padding-top:10px;}
	#spec .dl li{display:inline;}
	#spec .dl li > a img{width:40%;display:inline-block;margin:0 5px;}
	#spec .dl li:nth-last-of-type(2n+1) > a img{width:50%;display:inline-block;margin:0 0px;}

	#spec .li_attention {padding-top:0.3em;}
	#spec .li_attention li{padding-left:1.3em;text-indent:-1.3em;font-size:10px!important;padding-bottom:0.3em;}
	#spec .li_attention li:before{content:'※';padding-right:0.3em;}

	#infoArea{width:500px;}

	#footer{position:relative;z-index:10;background-color:#fff;padding:40px 0 20px;text-align:center;}
	#footer small{font-size:10px;line-height:1.5;display:block;padding:20px 0 0px;text-align:left;}
	#footer .footer_logo{height:40px;padding:0 10px;}
	#footer .link{padding:20px 0 30px;text-align:center;font-size:12px;}
	#footer .link li{display:inline-block;}
	#footer .link a{color:#346977;padding:2px 20px;margin-top:3px;background-color:#7da0aa;color:#fff;border-radius:20px;display:inline-block;}
	#footer .link li:last-child a{border-right:0px solid #346977;}

		#footer .link_inq {margin-bottom:40px;font-size:14px;}
		#footer .link_inq a{color:#346977;border-bottom:1px solid #346977;}

	#footer li {display:inline;}
	#footer .bnr a img{width:70%;margin:0 5px 10px;box-shadow:0px 0px 3px rgba(0,0,0,0.4);border:1px solid #728790;box-sizing:border-box;}

	.hide_sp{display:none;}

}