@charset "utf-8";

/** main visual **/
.main_visual{}
.main_visual .visual{margin-bottom:15px;}
.main_visual .visual .train{}
.main_visual .visual .train ul{background-color:#ecebeb;}
.main_visual .visual .train li{}
.main_visual .visual .train li a,
.main_visual .visual .train li span{width:100%;height:100%;}
.main_visual .visual .train li a{display:block;-webkit-box-sizing: border-box;box-sizing: border-box;display:block;-webkit-box-sizing: border-box;box-sizing: border-box;}
.main_visual .visual .train li span{background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;text-indent:150%;overflow:hidden;white-space:nowrap;}
.main_visual .visual .train.initial li:nth-child(n+6) {display:none;}

.main_visual .thumb{text-align:center;padding:0 10px;}
.main_visual .thumb ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;}
.main_visual .thumb li{margin:0 5px;}
.main_visual .thumb li span{display:block;width:13px;height:13px;background-color:#f3efdf;-webkit-border-radius: 50%;border-radius: 50%;}
.main_visual .thumb li.is_active span{background-color:#655623;}
.main_visual .thumb li:hover{cursor:pointer;}

.main_visual .arrow {max-width: 1080px;width: 98%;margin: 0 auto;text-align: center;}
.main_visual .prev,.main_visual .next{position: absolute;top: 50%;width: 48px;height: 48px;margin-top: -24px;line-height: 1;text-align: center;display: block;}

.main_visual .prev span,.main_visual .next span {display: block;text-indent: 150%;overflow: hidden;white-space: nowrap;width: 100%;height: 100%;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:contain;}
.main_visual .prev span{background-image:url(../images/btn_arrow_left.png);}
.main_visual .next span{background-image:url(../images/btn_arrow_right.png);}

@media screen and ( min-width:1081px) {
	.main_visual .visual{position:relative;overflow-x:hidden;height:416px;}
	.main_visual .visual .train{ width:5400px;height:416px;position:absolute;top:0;left:50%;margin-left:-2700px; }
	.main_visual .visual .train ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
	.main_visual .visual .train li{width:1080px;height:416px;}
	.main_visual .visual .train li a{padding:20px 7px;}
	.main_visual .visual .train li span.pc_image{display:block;}
	.main_visual .visual .train li span.sp_image{display:none;}
	.main_visual .prev {left: 50%;margin-left: -572px;}
	.main_visual .next {left: 50%;margin-left: 510px;}
}

@media screen and ( max-width:1280px) {
	.main_visual{margin-bottom:35px;}
}

@media screen and ( max-width:1080px) {
	.main_visual .visual{ width: 100%;position: relative;overflow-x: hidden }
	.main_visual .visual:before{ padding-top: 100%;content:"";display: block; }
	.main_visual .visual .train{ position: absolute;top: 0;height: 100%; left: 50%;}
	.main_visual .visual .train ul{height:100%;display:-webkit-flex;display:flex;}
	.main_visual .visual .train li{width:100vw;height:100%}
	.main_visual .visual .train li a{padding:20px;}
	.main_visual .visual .train li span.pc_image{display:none;}
	.main_visual .visual .train li span.sp_image{display:block;}
	
	.main_visual .prev,
	.main_visual .next{width:36px;height:36px;margin-top:0px;opacity:0.9;}
	.main_visual .prev {left: 0%;margin-left: 5px;}
	.main_visual .next {right: 0%;margin-right: 5px;}
}
@media only screen and (min-width: 768px){
	.main_visual .visual .train li a span{-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
	.main_visual .visual .train li a:hover span{opacity:0.8;}
	.main_visual .thumb li span{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.main_visual .thumb li:hover span{background-color:#655623;}
	.main_visual .prev,.main_visual .next{width:65px;height:65px;margin-top:-18px;}
	.main_visual .prev span:hover,.main_visual .next span:hover{opacity:0.8;cursor:pointer;}
}



/** news **/
.home_news{margin-bottom:70px;}
.home_news .come_wrapper{max-width: 1080px;padding-top: 60px;}
.home_news .menu_side li{}
.home_news .menu_side li a{position:relative;}
.home_news .menu_side li img{max-width:64px;}
.home_news .menu_side li span{font-weight:bold;line-height:1.3;color:#333;text-decoration:none;letter-spacing: 1.5px;}
.home_news .news_side{width:680px;}
.home_news .news_side .title{height:31px;margin-bottom:16px;}
.home_news .news_side .title{display:-webkit-flex;display:flex;align-items:end;line-height:31px;}
.home_news .news_side .title p{font-size:30px;margin-right:7px;font-weight:bold;}
.home_news .news_side .title h2{font-size:18px;line-height:22px;color:#878787;}
.home_news .news_side .area{border:1px solid #c2c2c2;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 25px;height:364px;overflow-y:auto;}
.home_news .news_side .box{padding:20px 0;border-bottom:1px dotted #cccccc;}
.home_news .news_side .box time{color:#878787;font-size:14px;margin-bottom:5px;}
.home_news .news_side .box h3{font-size:18px;font-weight:bold;margin-bottom:5px;}
.home_news .news_side .box p{font-size: 15px;}
.home_news .news_side .box:last-child{border-bottom-color:#fff;}

.home_news .news_side .box.empty{display:none;}
.home_news.single .news_side .box.empty{display:block;}

@media screen and ( min-width:1281px) {
	.home_news .wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;flex-direction: row-reverse;}
	.home_news .menu_side{width:360px;padding-top:47px;}
	.home_news .menu_side ul{border-top:1px solid #c2c2c2;}
	.home_news .menu_side li{border-bottom:1px solid #c2c2c2;}
	.home_news .menu_side li a{position:relative;padding:15px 60px 15px 30px;height: 120px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:flex;align-items:center;}
	.home_news .menu_side li a::after{-webkit-border-radius:50%; border-radius:50%;background:url(../images/right_arrow.png) 50% 50% no-repeat #6a5c2a;position:absolute;display:block;content:"";width:30px;height:30px;margin-top:-15px;right:20px;top:50%;}
	.home_news .menu_side li span{font-size:20px;display:inline-block;margin-left:25px;}

}

@media screen and ( max-width:1280px) {
	.home_news{}
	.home_news .wrapper{padding: 0 20px;}
	.home_news .menu_side{margin: 0 0 60px;}
	.home_news .menu_side ul{border-left: 1px solid #c2c2c2;display: flex;max-width: 660px;margin: 0 auto;width: 100%;align-items: center;}
	.home_news .menu_side li {border-right: 1px solid #c2c2c2;width: 33.33%;height:100%;}
	
	.home_news .menu_side li a{position: relative;padding: 10px;height:100%;text-align: center;display: block;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.home_news .menu_side li img {margin: 0 auto 10px;display: block;max-width:50px;}
	.home_news .menu_side li span{font-size:22px;display:block;}
	
	.home_news .news_side{width:auto;}
	.home_news .news_side .area{max-height:400px;height:auto;}

}

@media only screen and (min-width: 768px){
	.home_news .menu_side li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.home_news .menu_side li a:hover{background-color:#f8f6ef;}
	.home_news .menu_side li a::after{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.home_news .menu_side li a:hover::after{right:10px;}
}
@media only screen and (max-width: 767px){
	.home_news{margin-bottom:50px;}
	.home_news .menu_side{margin-bottom:40px;}
	.home_news .menu_side li img{}
	.home_news .wrapper{padding:0 15px;}
	.home_news .menu_side ul{border-left-color:#fff;}
	.home_news .menu_side li.tail{border-right-color:#fff;}
	.home_news .menu_side li span{font-size: min(18px,2.65vw);}
	.home_news .news_side .title p{font-size:26px;}
	.home_news .news_side .area{max-height:330px;padding:0 20px;}
	.home_news .news_side .box h3{font-size: 15px;}
	.home_news .news_side .box time{font-size: 13px;}
}



/** event **/
.home_event{}
.home_event .wrapper{max-width:1110px;margin-right:auto;margin-left:auto;padding:0 0 60px;}
.home_event .title{margin-bottom:25px;text-align:center;}
.home_event .title p{}
.home_event .title h2{}
.home_event .area{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.home_event .area.box_1{justify-content: center; }
.home_event .box{position:relative;}
.home_event .image{position: relative;margin-bottom:25px;overflow:hidden;}
.home_event .image:before{ padding-top: 100%;content:"";display: block; }
.home_event .image a{ display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover; }
.home_event h3{font-size:20px;font-weight:bold;margin-bottom:5px;}
.home_event .text{}
.home_event .btn{position:absolute;bottom:0;left:0;width:100%;text-align:center;}
.home_event .btn a{margin:0 auto;max-width:250px;width:80%;display:block;padding:12px 0;color:#6b5d2c;background-color:#f3efdf;font-weight:bold;
-webkit-border-radius: 20px; border-radius: 20px;line-height:1.1;}

@media screen and ( min-width:1281px) {
	.home_event .box{width:342px;margin:0 14px 30px;padding-bottom:55px;}
}

@media screen and ( max-width:1280px) {
	.home_event .wrapper{padding:0 20px 60px;}
	.home_event .box{width:50%;padding:0 14px 55px;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.home_event .image{margin-bottom:20px;}
}
@media only screen and (min-width: 768px){
	.home_event .image a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.home_event .image a:hover{transform: scale(1.1);opacity:0.8;}
	.home_event .btn a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.home_event .btn a:hover{background-color:#6b5d2c;color:#fff;}
}
@media only screen and (max-width: 767px){
	.home_event .wrapper {padding: 0 15px 50px;}
	.home_event .title{margin-bottom:20px;}
	.home_event .rail_wrap{width:100%;overflow-x:scroll;-webkit-overflow-scrolling: touch;height:450px;}
	.home_event .area{height:430px;}
	.home_event .box_0{display:none;}
	.home_event .box_1{width:100%;}
	.home_event .box_2{width:540px;}
	.home_event .box_3{width:810px;}
	.home_event .box_4{width:1080px;}
	.home_event .box_5{width:1350px;}
	.home_event .box_6{width:1620px}
	.home_event .box{width:250px;padding:0 0 45px;margin-right:20px;}
	.home_event h3{font-size:18px;}
	.home_event .text{font-size:15px;}
	.home_event .btn a{width:90%;padding:10px 0;font-size:15px;line-height:1.2;}
}

/** guide **/
.home_guide{}

@media screen and ( min-width:1281px) {
	.home_guide .wrapper{padding:85px 0 80px;}
}

@media screen and ( max-width:1280px) {
	.home_guide .wrapper{padding:60px 20px;}
}

@media only screen and (max-width: 767px){
	.home_guide .wrapper{padding:50px 15px;}
	
}

/*** 残りはcommon_guid ***/

.popup_base{position:fixed;top:0;left:0;width:100%;height:0vh;background-color:rgba(0,0,0,0.7);z-index:910;overflow:hidden;}
.popup_base:hover{cursor:pointer;}
.popup_base.on{height:100vh;}
.popup_businesstime{display:none;position:fixed;left:50%;top:50%;transform: translate(-50%,-50%);width:85%;max-width:460px;background-color:#fff;-webkit-border-radius: 10px; border-radius: 10px;z-index:920;
-webkit-box-sizing: border-box;box-sizing: border-box;padding:35px 20px;}
.popup_businesstime.on{display:block;}
.popup_businesstime h2{letter-spacing: 5px;font-weight:bold;border-bottom:2px solid #d9d9d9;color:#6b5d2c;font-size:24px;padding:5px 0 10px 50px;background:url(../images/home_news_icon_shop.png) 0% 5px no-repeat;
-webkit-background-size:36px auto;background-size:36px auto;margin-bottom:15px;}
.popup_businesstime table{width:100%;margin-bottom:30px;}
.popup_businesstime table th,.popup_businesstime table td{font-size:16px;font-weight:bold;padding: 4px 0;}
.popup_businesstime table td{text-align:right;}
.popup_businesstime p.text{font-size:13px;text-align:center;margin-bottom:30px;}
.popup_businesstime p.close{max-width:350px;margin-right:auto;margin-left:auto;text-align:center;}
.popup_businesstime p.close span{font-weight:bold;font-size:18px;line-height:1.2;display:block;background-color:#f3efdf;color:#6b5d2c;padding:10px;-webkit-border-radius: 5px;border-radius: 5px;}
.popup_businesstime p.close span:hover{cursor:pointer;}