@charset "utf-8";
@import "reset.css";
@import "common.css";

/* CSS Document */
/*==================== 基本設定 ====================*/

html{}
body{background:#ffffff;color:#333;font-size:16px;line-height:1.5;letter-spacing:0px;font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
img{max-width:100%;}
.htxt{text-indent:150%;overflow:hidden;white-space:nowrap;}


main{overflow-x:hidden;position:relative;width:100%;}

.come_wrapper{max-width:1200px;margin-right:auto;margin-left:auto;}
.come_narrow_wrapper{max-width:1080px;margin-right:auto;margin-left:auto;}

/** header**/
.header_contents{position:relative;padding-top:90px;}
.header_navigation{width:100%;position:fixed;top:0;left:0;background-color:#fff;height:90px;z-index:900;
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);
display:-webkit-flex;display:flex;justify-content: space-between;}
.header_navigation .inner{position:relative;width:100%;max-width:1080px;margin-right:auto;margin-left:auto;}
.header_navigation .title{width:330px;padding:15px 0 13px 30px;text-align:left;position:relative;}
.header_navigation .title .logo{width:163px;}
.header_navigation .title h1,.header_navigation .title  p{position:absolute;left:205px;bottom:13px;width:160px;font-size:18px;line-height:1.3;color:#655623;font-weight:bold;}
.header_navigation .btns{width:180px;display:-webkit-flex;display:flex;position:absolute;top:0;right:0;}
.header_navigation .btns > p{width:90px;}
.header_navigation .btns p.language{}
.header_navigation .btns p.menu{background-color:#655623;}
.header_navigation .btns p.language:hover,
.header_navigation .btns p.menu:hover{cursor:pointer;}

@media screen and ( min-width:768px) {
	.header_navigation .btns p.language,
	.header_navigation .btns p.menu{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.header_navigation .btns p.language:hover{background-color:#f8f6ef;}
	.header_navigation .btns p.menu:hover{background-color:#9b8845;}
}

@media screen and ( max-width:767px) {
	body{font-size: 14px;}
	.header_contents{padding-top:75px;}
	.header_navigation{height:75px;}
	.header_navigation .title{width: 210px;padding: 15px 0 15px 15px;}
	.header_navigation .title .logo{width: 120px;}
	.header_navigation .title h1,
	.header_navigation .title p{left: 152px;bottom: 12px;width: 145px;font-size: 14px;}
	.header_navigation .btns{width:150px;}
	.header_navigation .btns > p{width:75px;}
}
@media screen and ( max-width:480px) {
	.header_navigation .title{padding:18px 0 15px 10px;}
	.header_navigation .title .logo{width:100px;}
	.header_navigation .title h1,
	.header_navigation .title p{left:120px;font-size:12px;bottom: 14px;}
}



/** footer **/
.footer_links{padding:50px 0 40px;background-color:#f8f8f8;text-align:center;}
.footer_links ul{max-width:980px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.footer_links li{margin:0 10px 25px;}

.footer_contents{padding:55px 60px 50px;max-width:1080px;margin-right:auto;margin-left:auto;
display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.footer_contents .main_side{}
.footer_contents .main_side h2{margin-bottom:15px;}
.footer_contents .main_side p.copy{color:#7d7d7d;font-size:13px;}
.footer_contents .tablet_sp{display:none;}

.footer_contents .sub_side{text-align:right;}
.footer_contents .sub_side ul{margin-bottom:5px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.footer_contents .sub_side li{text-align:center;padding:0 10px;position:relative;}
.footer_contents .sub_side li a{text-decoration:underline;}
.footer_contents .sub_side li::after{background-color:#333;content:"";position:absolute;right:0;top:50%;margin-top:-8px;height:16px;width:1px;}
.footer_contents .sub_side li.tail::after{display:none;}
.footer_contents .sub_side address,
.footer_contents .sub_side p.phone{font-size:15px;line-height:1.7;}

.footer_contents .main_only{text-align:center;max-width:420px;margin-right:auto;margin-left:auto;}
.footer_contents .main_only h2{margin-bottom:15px;}
.footer_contents .main_only h2 img{width:180px;}
.footer_contents .main_only ul{margin-bottom:5px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;}
.footer_contents .main_only li{text-align:center;padding:0 10px;position:relative;}
.footer_contents .main_only li a{text-decoration:underline;font-size:15px;}
.footer_contents .main_only li::after{background-color:#333;content:"";position:absolute;right:0;top:50%;margin-top:-8px;height:16px;width:1px;}
.footer_contents .main_only li.tail::after{display:none;}
.footer_contents .main_only .copy{color:#7d7d7d;font-size:12px;margin-top:20px;}

@media screen and ( max-width:1280px) {
	.footer_links{padding: 50px 20px 30px;}
	.footer_links li{margin: 0 1% 20px;width: 23%;}
}
@media screen and ( max-width:1080px) {
	.footer_links li{margin: 0 1% 20px;width: 31%;}
	.footer_contents{padding:50px 15px 30px;}
	.footer_contents .pc_tablet{display:none;}
	.footer_contents .tablet_sp{display:block;}
}

@media screen and ( min-width:768px) {
	.footer_contents .main_side h2 a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.footer_contents .main_side h2 a:hover{opacity:0.9;}

	.footer_links li a img{display:block;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.footer_links li a:hover img{transform: translateY(-10px);opacity:0.8;}
	.footer_contents .sub_side li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.footer_contents .sub_side li a:hover{color:#655623;}
	
}

@media screen and ( max-width:767px) {
	.footer_contents .main_only{max-width:360px;}
	.footer_contents .main_only h2 img{width:130px;}
}

@media screen and ( max-width:640px) {
	.footer_links li{margin: 0 2% 20px;width: 46%;}
}



/** main_navi **/
.main_navi{position:fixed;top:0;right:-150%;width:100%;height:100vh;z-index:920;-webkit-box-sizing: border-box;box-sizing: border-box;padding:0 20px 20px;background-color:rgba(255,255,255,1);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.main_navi.on{right:0;}
.main_navi .main_navi_head{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.main_navi .main_navi_head h2{}
.main_navi .main_navi_head .close{}
.main_navi .main_navi_head .close:hover{cursor:pointer;}

.main_navi .inner{height:85%;height:calc(100% - 130px);overflow-y:auto;overflow-x:hidden;}

.main_navi .main_menu{margin-bottom:40px;}
.main_navi .main_menu ul{border-top:1px solid #787468;}
.main_navi .main_menu li{border-bottom:1px solid #787468;}
.main_navi .main_menu li a{position:relative;display:block;color:#655623 !important;padding:35px 80px 45px 23px;font-size:42px;line-height:46px;font-weight:bold;}
.main_navi .main_menu li a span{display:block;font-size:20px;line-height:24px;font-weight:normal;}
.main_navi .main_menu li a::after{content:"";background:none 50% 50% no-repeat;background-image:url(../images/main_navi_arrow.png);-webkit-background-size:contain;background-size:contain;width:19px;height:31px;display:block;position:absolute;top:50%;right:27px;margin-top:-15.5px;}

.main_navi .business_time{background-color:#f8f6ef;-webkit-border-radius: 10px; border-radius: 10px;margin-bottom:90px;-webkit-box-sizing: border-box;box-sizing: border-box;padding:40px 20px;}
.main_navi .business_time h3{font-weight:bold;border-bottom:2px solid #d9d9d9;color:#6b5d2c;font-size:28px;padding:0 0 15px 50px;background:url(../images/home_news_icon_shop.png) 0% 5px no-repeat;
-webkit-background-size:36px auto;background-size:36px auto;margin-bottom:25px;}
.main_navi .business_time table{width:100%;}
.main_navi .business_time table th,.main_navi .business_time table td{font-size:20px;font-weight:bold;}
.main_navi .business_time table td{text-align:right;}

.main_navi .official_sns{text-align:center;margin-bottom:70px;}
.main_navi .official_sns h3{color:#655623;font-size:40px;text-align:center;margin-bottom:40px;font-weight:bold;}
.main_navi .official_sns ul{width:240px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.main_navi .official_sns li{width:60px;margin-right:30px;}
.main_navi .official_sns li.tail{margin-right:0;}

.main_navi .sub_menu{}
.main_navi .sub_menu ul{border-top:1px solid #787468;}
.main_navi .sub_menu li{border-bottom:1px solid #787468;}
.main_navi .sub_menu li a{color:#787468 !important;position:relative;display:block;}
.main_navi .sub_menu li a::after{content:"";background:none 50% 50% no-repeat;background-image:url(../images/main_navi_sub_arrow.png);-webkit-background-size:contain;background-size:contain;display:block;position:absolute;top:50%;}

@media screen and ( min-width:1081px) {
	.main_navi{max-width:768px;}
}


@media screen and ( min-width:768px) {
	.main_navi{  }
	.main_navi .main_navi_head h2{width:163px;padding: 13px 10px 15px 10px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.main_navi .main_navi_head h2:hover{opacity:0.9;}
	.main_navi .main_navi_head .close{width:90px;margin-right:-20px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.main_navi .main_navi_head .close:hover{transform: scale(0.9);opacity:0.9;}
	
	.main_navi .inner{height:calc(100% - 86px);}
	.main_navi .main_menu{ margin-bottom:40px; }
	.main_navi .main_menu li a{ padding:20px 40px 26px 17px;font-size: 26px;line-height: 32px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
	.main_navi .main_menu li a::after{width: 16px;height: 22px;margin-top: -11px;right: 15px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.main_navi .main_menu li a:hover{background-color:#f8f6ef;}
	.main_navi .main_menu li a:hover::after{right:10px;}
	.main_navi .main_menu li a span{font-size: 16px;line-height: 24px;}
	.main_navi .business_time{padding:30px 20px 40px;margin:0 10px 40px;}
	.main_navi .business_time h3{font-size:24px;margin-bottom: 15px;padding:0 0 10px 45px;margin-bottom:20px;-webkit-background-size:30px auto;background-size:30px auto;background-position:0 3px;}
	.main_navi .business_time table{margin-bottom:0;}
	.main_navi .business_time table th, .main_navi .business_time table td{font-size:18px;padding-bottom:10px;}
	
	.main_navi .official_sns{margin-bottom:60px;}
	.main_navi .official_sns h3{font-size:24px;margin-bottom:30px;}
	.main_navi .official_sns li a img{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.main_navi .official_sns li a:hover img{transform: scale(1.1);opacity:0.8;}
	
	.main_navi .sub_menu li a{padding:17px 20px 17px 42px;font-size: 20px;line-height: 28px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.main_navi .sub_menu li a::after{left:26px;margin-top:-9px;width:11px;height:18px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.main_navi .sub_menu li a:hover{background-color:#f8f6ef;}
	.main_navi .sub_menu li a:hover::after{left:31px;}
}

@media screen and ( max-width:767px) {
	.main_navi{padding:0 10px 20px;}
	.main_navi .main_navi_head h2{width: 120px;padding: 14px 0 10px 6px;}
	.main_navi .main_navi_head .close{width:75px;margin-right:-10px;}
	.main_navi .main_menu{margin-bottom:30px;}
	.main_navi .main_menu li a{ font-size: 20px;line-height: 26px;padding:20px 40px 22px 17px; }
	.main_navi .main_menu li a span{font-size: 15px;line-height: 20px;}
	.main_navi .main_menu li a::after{width: 12px;height: 14px;margin-top: -6px;right: 15px;}
	.main_navi .business_time{padding:30px 20px;margin:0 10px 30px;}
	.main_navi .business_time h3{font-size:18px;padding:4px 0 6px 36px;margin-bottom:10px;-webkit-background-size:26px auto;background-size:26px auto;}
	.main_navi .business_time table th, .main_navi .business_time table td{font-size:16px;}
	.main_navi .official_sns h3{font-size:18px;margin-bottom:20px;}
	.main_navi .sub_menu li a{padding:14px 20px 14px 32px;font-size: 16px;line-height: 22px;}
	.main_navi .sub_menu li a::after{width: 10px;height: 16px;left: 14px;margin-top: -8px;}
	.main_navi .official_sns{margin-bottom:40px;}
}


/** common_guide **/
.common_guide .wrapper{background: linear-gradient(#f6f5f1, #fff);}
.common_guide .title{margin-bottom:32px;}

.common_guide .sub_side{}
.common_guide .sub_side ul{max-width:1104px;margin:0 auto 30px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.common_guide .sub_side li{width:162px;height:142px;margin:0 11px;}
.common_guide .sub_side li span{display:block;background-color:#fff;font-size:15px;font-weight:bold;text-align:center;width:162px;height:142px;display:block;-webkit-border-radius: 5px; border-radius: 5px;}
.common_guide .sub_side li#navi_00.is_active span{background-color:#716930;}
.common_guide .sub_side li#navi_01.is_active span{background-color:#b12222;}
.common_guide .sub_side li#navi_02.is_active span{background-color:#c36909;}
.common_guide .sub_side li#navi_03.is_active span{background-color:#79a427;}
.common_guide .sub_side li#navi_04.is_active span{background-color:#109fa1;}
.common_guide .sub_side li#navi_05.is_active span{background-color:#3b659f;}

.common_guide .sub_side li img.off{display:inline;}
.common_guide .sub_side li img.on{display:none;}

.common_guide .sub_side li.is_active span img.on{display:inline}
.common_guide .sub_side li.is_active span img.off{display:none;}

.common_guide .main_side{max-width:1080px;-webkit-box-sizing: border-box;box-sizing: border-box;margin-right:auto;margin-left:auto;background-color:#fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.common_guide .main_side .area{/*display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;*/


display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;


}
.common_guide .main_side .box{}
.common_guide .main_side .image{ position: relative;border:1px solid #eeeeee; }
.common_guide .main_side .image:before{ padding-top: 79.365%;content:"";display: block; }
.common_guide .main_side .image a{ display:block;background:none 50% 50% no-repeat;-webkit-background-size:75%;background-size:75%;background-image: url(../images/noimage270.jpg);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.common_guide .main_side .category_title{display:-webkit-flex;display:flex;justify-content: space-between;}
.common_guide .main_side .category{color:#fff;text-align:center;font-size:14px;display:block;width:140px;-webkit-border-radius: 5px;border-radius: 5px;}

.category_num_01 .category{background-color:#b12222;}
.category_num_02 .category{background-color:#c36909;}
.category_num_03 .category{background-color:#79a427;}
.category_num_04 .category{background-color:#109fa1;}
.category_num_05 .category{background-color:#3b659f;}
.common_guide .main_side .icon{font-size:15px;text-align:right;color:#716930;padding-left:15px;background:url(../images/guide_icon.png) 0% 50% no-repeat;}
.common_guide .main_side .name{word-break: break-all;}

.common_guide .main_side .links{}
.common_guide .main_side .links ul{display:-webkit-flex;display:flex;justify-content: center;}
.common_guide .main_side .links li{min-width:240px;margin:0 10px;}
.common_guide .main_side .links a{display:block;color:#716930;border:2px solid #e0d9c3;line-height:1.2;padding:20px 40px;font-weight:bold;text-align:center;}


@media screen and ( max-width:980px) {
	.common_guide .main_side{padding-right: 30px;padding-left: 20px;}
	.common_guide .main_side .area{display: grid;grid-template-columns: repeat(3, 1fr);}
}

@media screen and ( min-width:1281px) {
	.common_guide .main_side{padding:53px 60px 68px;}
	.common_guide .main_side .area{padding-bottom:30px;margin:0 -12px;}
	/*.common_guide .main_side .box{width: 252px;margin: 0 12px 32px;}*/
	.common_guide .main_side .image{margin-bottom:14px;}
	.common_guide .main_side .category_title{min-height:24px;line-height:24px;}
	.common_guide .main_side .category{width:130px;font-size: 12px;-webkit-border-radius: 3px; border-radius: 3px;}
	.common_guide .main_side .name{font-size:18px;margin-top:7px;}
	.common_guide .main_side .links{}
	.common_guide .main_side .image{margin-bottom:14px;}
}


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

	.common_guide .sub_side li{height:auto;width: 14.6%;margin: 0 1.03%;}
	.common_guide .sub_side li span{width:auto;height:auto;}

	.common_guide .main_side{padding: 40px 45px 60px;}
	.common_guide .main_side .area{gap: 30px;}
	/*.common_guide .main_side .box{width: 30%;margin: 0 1.5% 25px;}*/
	.common_guide .main_side .image{margin-bottom:12px;}
	.common_guide .main_side .category_title{min-height: 22px;line-height: 22px;}
	.common_guide .main_side .category{min-width:100px;}
	.common_guide .main_side .name{font-size:18px;margin-top:5px;}
}

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

	.common_guide .sub_side li span{-webkit-transition: background 0.4s ease-in-out;transition: background 0.4s ease-in-out;}
	.common_guide .sub_side li:hover span{cursor:pointer;}
	.common_guide .sub_side li#navi_00:hover span{background-color:#716930;}
	.common_guide .sub_side li#navi_01:hover span{background-color:#b12222;}
	.common_guide .sub_side li#navi_02:hover span{background-color:#c36909;}
	.common_guide .sub_side li#navi_03:hover span{background-color:#79a427;}
	.common_guide .sub_side li#navi_04:hover span{background-color:#109fa1;}
	.common_guide .sub_side li#navi_05:hover span{background-color:#3b659f;}

	.common_guide .sub_side li:hover span img.on{display:inline}
	.common_guide .sub_side li:hover span img.off{display:none;}

	.common_guide .main_side .image a{overflow:hidden;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
	.common_guide .main_side .image a:hover{transform: scale(1.1);opacity:0.8;}
	.common_guide .main_side .links a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.common_guide .main_side .links a:hover{background-color:#716930;color:#fff;}
}

@media only screen and (max-width: 767px){
	.common_guide .title{margin-bottom:20px;}
	.common_guide .sub_side{margin: 0 -15px;}
	.common_guide .sub_side li{width: 29.33%;margin: 0 2% 20px;}
	.common_guide .sub_side ul{margin-bottom:0px;padding-bottom:15px;}
	.common_guide .main_side{padding:30px 10px;}
	.common_guide .main_side .area{gap: 20px;}
	/*.common_guide .main_side .box{width: 45%;margin: 0 2.5% 25px;}*/
	.common_guide .main_side .icon{font-size:12px;padding-left:13px;margin-right:5px;}
	.common_guide .main_side .name{font-size:15px;font-weight:bold;}
	.common_guide .main_side .category_title{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.common_guide .main_side .category{font-size:10px;-webkit-border-radius: 3px; border-radius: 3px;}
	
	.common_guide .main_side .links ul{display:block;}
	.common_guide .main_side .links li{margin:20px auto 0;max-width:280px;}
}

@media screen and ( max-width:640px) {
	.common_guide .main_side .area{display: grid;grid-template-columns: repeat(2, 1fr);}
}


/** def **/
.def_title{text-align:center;}
.def_title p{font-size:40px;font-weight:bold;}
.def_title h2{font-size:18px;}

@media only screen and (max-width: 767px){
	.def_title p{font-size:26px;}
	.def_title h2{font-size:16px;}
}

/** def_h1 **/
.def_h1_title{padding:75px 0;background:url(../images/bg_def_h1.jpg) 100% 100% no-repeat #f6f5f1;}
.def_h1_title .inner{max-width:1200px;margin-right:auto;margin-left:auto;line-height:1.1;}
.def_h1_title h1{font-size:20px;color:#988f6f;}
.def_h1_title p{font-size:32px;line-height: 1.4;font-weight:bold;color:#655623;}

@media only screen and (max-width: 1280px){
	.def_h1_title{padding:60px 20px;}
	.def_h1_title h1{}
	.def_h1_title p{font-size: 28px;}
}
@media only screen and (max-width: 1080px){
	.def_h1_title{}
	.def_h1_title h1{ font-size: 18px;}
}
@media only screen and (max-width: 766px){
    .def_h1_title{padding: 40px 15px;background-position: 100% 100%;-webkit-background-size:auto 100%;-webkit-background-size:auto 100%;}
    .def_h1_title .inner{}
    .def_h1_title h1{font-size: 14px;}
    .def_h1_title p{font-size: 22px;}
}
/** pc/ sp **/
@media only screen and (min-width: 768px){
    .pc{}
    .sp{display: none;}
}
@media only screen and (max-width: 767px){
    .pc{display: none;}
    .sp{}
}