@charset "UTF-8";

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td { margin:0;padding:0;}
ul{list-style:none;}

/*==================== 基本設定 ====================*/
body {font-family: 'Yu Gothic','HiraKakuProN-W3',sans-serif;
font-size:16px;letter-spacing: 0;color: #333;margin: 0 auto;overflow-x: hidden;}
table{font-size:1em;}
img{max-width: 100%;}
.d_none{display: none;}
a{transition: all 0.3s linear;}

h1 img{max-width: 100%;}
p.copy{margin:0 auto;width:400px;font-size:80%;text-align:center;color: #d9d9d9;}

.logo span{display: block;background: url(../images/logo.png) no-repeat;background-size: contain;text-indent:100%;white-space:nowrap;overflow:hidden;}
/********** ヘッダー **********/
.l_header .cont{margin-right:auto;margin-left:auto;}

.mainimage{position: relative;}
.mainimage img{position: absolute;width: 100%;}
.area_navi ul li a::before{background:none 50% 50% no-repeat;content: "";display: inline-block;background-size: contain;}

/********** フッター **********/
.pagetop{background: #e4f6ea;}
.l_footer .shop_data .address span{display: block;}
.l_footer .shop_data .name{margin-bottom: 5px;}
#footer{background:#f9f2dc;text-align: center;line-height: 1;height: 60px;}
#footer .wrapper{display: flex;align-items: center;justify-content:center;height: 100%;}

.l_footer .area_sns ul{display: flex;}
.l_footer_navi ul.footer_navi a{color: #0e0e0e;text-decoration: none;}
.l_footer .address .g_map a{text-decoration: none;position: relative;color: #0e0e0e;display: inline-block;}

.area_sns ul li.icon span{display: block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.icon.facebook span{background: url(../images/parts_ft_facebook.png) no-repeat;background-size: contain;}
.icon.instagram span{background: url(../images/parts_ft_instagram.png) no-repeat;background-size: contain;}
.icon.line span{background: url(../images/parts_ft_line.png) no-repeat;background-size: contain;}

/********** コンテンツ *********/
.l_contents{margin-right:auto;margin-left:auto;position: relative;}
.wrapper{-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}

.l_breadcrumb{background: #fcf8ed;color: #979484;font-size:13px;}
.l_breadcrumb .wrapper a{color: #979484;}

.second_title h1{text-align: center;}
.second_title h1 span{display: block;color: #fff;line-height: 1;}

.com_btn a{display: block;background: #333333;color: #fff;text-decoration: none;width: 100%;}
.com_link_next{height: 26px;display: flex;justify-content: flex-end;position: relative;z-index: 1;}
.com_link_next::after{ content: "";display: inline-block;width: 26px;height: 26px;
    background: url(../images/parts_btn_next.png) no-repeat center top;background-size: contain;}
.com_link_next a{text-decoration: none;color: #333;vertical-align: top;}
.com_link_next a{font-size: 14px;line-height: 26px;padding-right: 20px;}
.com_btn a{display: flex;justify-content: center;align-items: center;}

.link_btn a{display: block;text-decoration: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
.link_btn.g_map a,.link_btn.calendar a{text-align: center;color: #0e0e0e;font-weight: bold;}
.link_btn.g_map a span,.link_btn.calendar a span{position: relative;}

.area_image span{display: block;font-size: 0;}

.l_come_bottom .area_contact .box{-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #e5e5e5;text-align: center;}
.l_come_bottom .area_contact p.text{margin-bottom:20px;}
.l_come_bottom .area_contact p.text span{display: block;margin-top: 10px;}
.l_come_bottom .area_contact p.label{text-align:center;font-size:115%;font-weight:bold;}
.l_come_bottom .area_contact p.tel a{display:block;background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;text-indent:150%;overflow:hidden;white-space:nowrap;}
.l_come_bottom .area_contact p.tel1 a{background-image:url(../images/footer_tel_salon.png);}
.l_come_bottom .area_contact p.tel2 a{background-image:url(../images/footer_tel_hotel.png);}

/* ページャー */
.pager{display: flex;justify-content: center;}
.pager li {box-sizing: border-box;padding: 5px;}
.pager li a,.pager li span{display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;background: #e4f6ea;}
.pager li a{text-decoration: none;color: #333;}
.pager li.cur span{background: #fcf8ed;}

/**共通カレンダー**/
.com_calendar td a,.calendar_menu td a{
transform: translateZ(0px);
backface-visibility: hidden;
display: inline-block;
transform: translateZ(0px);
transition-duration: 0.3s;}
.com_calendar td a:hover, .com_calendar td a:focus, .com_calendar td a:active,
.calendar_menu td a:hover, .calendar_menu td a:focus, .calendar_menu td a:active{
transform: scale(1.2);
/** transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); **/}

.com_calendar .navi{}
.com_calendar .navi a{color:#000;}
.com_calendar .navi .prev{float:left;text-align:center;}
.com_calendar .navi .here{float:left;text-align:center;}
.com_calendar .navi .next{float:left;text-align:center;}
.com_calendar table{border-top:1px solid #cdcdcd;border-right:1px solid #cdcdcd;}
.com_calendar th,.com_calendar td{border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;vertical-align:top;}
.com_calendar th{background:#333;color:#fff;text-align:center;font-weight:bold;}
.com_calendar td p.day{font-weight:bold;}
.com_calendar td .holiday{color:#d7003a;}
.com_calendar td .day{/*background:#e6e6e6;*/text-align:center;}
.com_calendar td .day.saturday{background: #95c9ef;color: #fff;/*color:#007bbb;*/}
.com_calendar td .day.sunday{background: #ef9595;color: #fff;/*color:#d7003a;*/}
.com_calendar td .content{}
.com_calendar td a{display:block;width:100%;height:100%;text-decoration:none;}
.com_calendar td a.red{background:#ffcfcf;}
.com_calendar td a.red .day{background:#ef9595;}
.l_come_bottom .area_contact p.text{color: #717171;}


/***共通 セカンドのタイトル***/
.second_title h1{text-align: center;}
.second_title h1 span{display: block;color: #fff;line-height: 1;}

.l_breadcrumb{background: #fcf8ed;color: #979484;font-size:13px;}
.l_breadcrumb .wrapper a{color: #979484;}

h3.title{font-size: 30px;font-family: "Noto Sans CJK JP",sans-serif;;color: rgb(51, 51, 51);font-weight: bold;margin-bottom:30px;}
h3.title span.ja{display:block;font-weight:normal;font-size:18px;}

/***SP***/
@media screen and (max-width:767px) {
.second_title{background: url("../../images/sp/sp_second_title_bg.png");padding: 57px 0;line-height:1;background-position: center;    background-size: cover;}
.second_title h1{    padding: 0 20px;}
/*.second_title h1 img{max-width:195px;}*/
.second_title h1 span{font-size: 13px;}
.l_breadcrumb{padding: 5px 0px;}
.second_title .concept img{width:192px;}
.second_title .salon_menu_notes img{width: 142px;}
.second_title .salon_menu img{width:120px;}
.second_title .news img{width:127px;}
.second_title .faq img{width: 90px;}
.second_title .blog img{width:120px;}
.second_title .recruit img{width: 185px;}
.second_title .privacy img{width:185px;}
.second_title .form img{width: 197px;}
.second_title .form2 img{width:142.5px;}
.second_title .calendar img{width:230px;}

}

/***PC***/
@media screen and (min-width:768px) {
.second_title{background: url("../../images/pc_second_title_bg.png");padding: 104px 0;background-position: center;}
.second_title h1{max-width: 1200px;margin: 0 auto;}
.second_title h1 span{font-size: 20px;}
.l_breadcrumb{padding: 5px 20px;}
}


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

    /*==================== 基本設定 ====================*/
    .sp,.l_sp_help_navi,.mainimage_sp{display: none !important;}
    body {font-size:16px;margin: 0;}
    a:hover img{opacity: 0.8;}

    /********** container **********/
    .wrapper{max-width: 1200px;margin: 0 auto;}

    .l_breadcrumb{padding: 5px 20px;}

    .l_header h1 span.logo{margin-right: 20px;}


    .link_btn a{border: 2px solid #333333;}
    .link_btn.g_map a{width: 220px;height: 46px;line-height: 41px;font-size: 14px;}
    .link_btn.g_map a span::before{content: "";display: inline-block;width: 18px;height: 21px;
        background: url(../images/icon_g_map.png) no-repeat center;background-size: contain;position: absolute;left: -30px;top: -2px;
    }


    /********** フッター **********/
    .l_come_bottom{padding-bottom: 75px;}
    .l_come_bottom .area_contact .box{max-width: 1200px;margin: 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;
    border: 1px solid #e5e5e5;padding: 60px 42px 62px;text-align: center;}
    .l_come_bottom .area_contact{padding: 80px 0 50px;}
    .l_come_bottom .area_contact h2{text-align: center;line-height: 1;font-size: 23px;margin-bottom: 20px;}
    .l_come_bottom .area_contact .f_box{display: flex;justify-content: /*space-between*/center;max-width: 640px;margin: 0 auto;}
    .l_come_bottom .area_contact .wrapper{max-width: 1020px;}
    .l_come_bottom .area_contact .f_box .com_btn{width: 50%;padding: 0 10px;}
    .l_come_bottom .area_contact .f_box .com_btn a {max-width: 300px;width: 100%;height: 60px;font-size: 18px;font-weight: bold;}
    .l_come_bottom .area_contact p,.l_come_bottom .area_contact ul li{line-height: 1;}
    .l_come_bottom .area_contact p.label{font-size:24px;}
    .l_come_bottom .area_contact p.tel{margin: 20px auto 26px;max-width:455px;}
    .l_come_bottom .area_contact p.tel a{pointer-events: none;display: block;width: 455px;height: 28px;}
    
    .l_come_bottom .area_contact ul{padding-bottom: 25px;}
    .l_come_bottom .area_contact ul li{margin-bottom: 15px;}

    .l_come_bottom .area_sns h2{text-align: center;line-height: 1;font-size: 20px;margin-bottom: 28px;}
    .l_come_bottom .area_sns ul{justify-content: center;}
    .l_come_bottom .area_sns ul li{padding: 0 30px;}

    .area_sns ul li a span{width: 50px;height: 50px;}

    .area_shop_data .shop .name{font-size: 22px;font-weight: bold;color: #0e0e0e;}

    .l_flex{display: flex;}

    .pagetop{height: 90px;}
    .pagetop a{display: block;width: 100px;height: 90px;position: absolute;
        top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);
    }
    .pagetop a::before{content: "";display: block;background: url(../images/btn_pagetop_arrow.png) no-repeat center;text-indent: 100%;
        white-space: nowrap;overflow: hidden;display: block;width: 32px;height: 32px;position: absolute;
        top: -15px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);
    }
    .pagetop a span{background: url(../images/btn_pageTop.png) no-repeat center;text-indent: 100%;
        white-space: nowrap;overflow: hidden;display: block;width: 100px;height: 90px;position: absolute;
        top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);
    }

    .l_footer_navi{background: url(../images/footerImg_pc.jpg) no-repeat center top;background-size: auto;
        padding-top: 400px;-webkit-box-sizing: border-box;box-sizing: border-box;}

    .l_footer_navi .wrapper{padding: 27px 0;}
    .l_footer_navi ul.footer_navi{display: flex;justify-content: center;padding: 11px 0;}
    .l_footer_navi ul.footer_navi li{font-size: 16px;line-height: 24px;padding: 0 39px;-webkit-box-sizing: border-box;box-sizing: border-box;
        border-left: 1px solid #f3f3f3;border-right: 1px solid #f1f1f1;
    }
    .l_footer_navi ul.footer_navi li:first-of-type{border-left: none;}
    .l_footer_navi ul.footer_navi li:last-of-type{border-right: none;}

    .l_footer #access .wrapper{display: flex;justify-content: space-between;padding-top: 47px;max-width: 1115px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .l_footer .cont{padding: 0 0 54px;border-top: 1px solid #e5e5e5;}
    .l_footer .area_shop_data{display: flex;align-items: center;width: 100%;justify-content: space-between;color: #0e0e0e;}
    .l_footer .area_shop_data .shop{width: 100%;padding-left: 55px;}
    .l_footer .logo span{width: 230px;height: 170px;}
    .l_footer .address .name{font-size: 22px;}
    .l_footer .address{line-height: 26px;font-size: 16px;padding-top: 15px;}
    .l_footer .address span{display: block;}
    .l_footer .address span.tel{padding: 10px 0;}
    .l_footer .address .g_map a{margin-left: 15px;}
    .l_footer .address .g_map a:hover{text-decoration: underline;}
    .l_footer .address span.g_map{display: inline-block;}
    .l_footer .address .g_map a span::before{content: "";display: inline-block;width: 14px;height: 18px;margin-right: 5px;
        background: url(../images/icon_g_map.png) no-repeat center;background-size: contain;position: relative;left: 0;top: 2px;
    }
    .l_footer .area_banner li{padding-bottom: 20px;line-height: 0;}
    .l_footer .area_sns ul li.instagram,.l_footer .area_sns ul li.line{padding-left: 40px;}
}

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

    /********** ヘッダー **********/
    #sp_navi,.header .navi_btn{display: none !important;}
    .l_header h1 a,.l_header h1 span{display:block;}
    .l_header{position: relative;z-index: 1;height: 210px;}
    .l_header header,.l_header .header{height: 100%;}
    .l_header_image{font-size: 0;}

    .l_header .cont{max-width: 1200px;margin: 0 auto;position: relative;height: 100%;}
    .l_pc_help_navi{display: flex;}
    .area_hd_contact{width: 430px;display: flex;position: absolute;
        top: 0;right: 0;justify-content: flex-end;margin-top: 34px;
    }
    .area_hd_contact .com_btn{width: 200px;height: 54px;display: flex;}
    .area_hd_contact .com_btn a{height: 54px;}
    ul.area_hd_contact li:nth-of-type(2){margin-left: 30px;}

    .l_header_image{max-height: 718px;overflow: hidden;}
    .l_header h1{display: flex;height: 100%;}
    .l_header h1 .logo{display: flex;height: 100%;align-items: center;}
    .l_header h1 .text{font-size: 12px;font-weight: normal;padding: 45px 0 0 60px;}
    .navi_btn .btn{width: 100px;height: 100px;}

    .navi_btn{top: 30px;right: 80px;}
    .navi_btn .btn span{width: 50px;height: 3px;}
    .navi_btn .btn::before,.navi_btn .btn::after{width: 50px;height: 3px;}
    .navi_btn .btn::before{top: 29px;left: 25px;}
    .navi_btn .btn::after{bottom: 29px;left: 25px;}

    .l_header .area_navi{position: absolute;right: 0;bottom: 0px;}
    .l_header .area_navi ul {margin: 0 auto;position: relative;display: flex;justify-content: flex-end;}

    .area_navi ul li{padding-bottom: 44px;}
    .area_navi ul li a{font-size: 0;text-decoration: none;display: block;text-align: center;}
    .area_navi ul li.insta{padding: 17px 0;}
    .area_navi ul li.bnn{padding: 15px 0 0;}

    .area_navi ul li a span{display: block;text-align: center;line-height: 1;font-size: 12px;color: #333;font-weight: bold;margin-top: 13px;}
	.area_navi ul li.mn_concept a::before{ background-image: url(../images/menu_concept.png);}
	.area_navi ul li.mn_news a::before{ background-image: url(../images/menu_news.png);}
	.area_navi ul li.mn_menu a::before{ background-image: url(../images/menu_menu.png);}
	.area_navi ul li.mn_hotel a::before{ background-image: url(../images/menu_hotel.png);}
	.area_navi ul li.mn_blog a::before{ background-image: url(../images/menu_blog.png);}
	.area_navi ul li.mn_faq a::before{ background-image: url(../images/menu_faq.png);}
	.area_navi ul li.mn_shop a::before{ background-image: url(../images/menu_shop.png);}

    .mn_concept a::before{width: 128px;height: 16px;} 
    .mn_news{margin-left: 46px;} 
    .mn_news a::before{width: 78px;height: 16px;} 
    .mn_menu{margin-left: 50px;}
    .mn_menu a::before{width: 76px;height: 16px;} 
    .mn_hotel{margin-left: 50px;}
    .mn_hotel a::before{width: 88px;height: 16px;} 
    .mn_blog a::before{width: 73px;height: 15px;}
    .mn_faq a span{margin-top: 11px;}
    .mn_faq{margin-left: 48px;}
    .mn_faq a::before{width: 56px;height: 17px;}
    .mn_blog,.mn_shop{margin-left: 49px;}
    .mn_shop a::before{width: 176px;height: 16px;}
}

@media screen and (max-width:1079px) {
    .l_header{position: relative;z-index: 1;height: 90px;}
    /* navigation */
    .navi_btn{position: fixed;z-index: 10;width: 90px;height: 90px;display: flex;justify-content: center;align-items: center;}
    .on_fix .navi_btn{width: 60px;height: 60px;background: rgba(255,255,255,0.8);-webkit-border-radius: 50%;border-radius: 50%;
    top: 15px;right: 15px;
    }
    .navi_btn .btn{display: flex;justify-content: center;align-items: center;position: relative;transition: all .3s;}
    .navi_btn .btn span{text-indent:100%;white-space:nowrap;overflow:hidden;background: #333;position: relative;transition: all .3s;}
    .navi_btn .btn::before,.navi_btn .btn::after{content: "";display: block;background: #333;position: absolute;transition: all .3s;}
    .navi_btn .btn:hover{cursor: pointer;}

    .navi_btn.active .btn{background: transparent;}
    .navi_btn.active .btn span{opacity: 0;}

    .navi_btn .btn{width: 32px;height: 22px;}
    .navi_btn{top: 0;right: 0;display: flex;}
    .navi_btn .btn span,.navi_btn .btn::before,.navi_btn .btn::after{width: 32px;height: 2px;border-radius: 2px;}
    .navi_btn .btn::before{top: 0;left: 0;}
    .navi_btn .btn::after{bottom: 0;left: 0;}

    .navi_btn.active .btn::after{transform: translateY(3px) rotate(45deg);bottom: 12px;}
    .navi_btn.active .btn::before{transform: translateY(11px) rotate(-45deg);}

    .l_header h1 {display: flex;align-items: center;
        width: calc(100% - 90px);width: -webkit-( - 90px);height: 90px;
        -webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 20px;
    }
    .l_header h1 a{display:flex;}
    .l_header h1 span.text{font-size: 10px;line-height: 1.6;width: 45%;}
    .l_header h1 span.logo{max-width: 85px;}
    .l_header h1 span.logo img{width: 100%;height: 100%;}

    .area_navi{display: none;background: #fff;position: relative;overflow: hidden;width: 100%;position: fixed;height: 100%;
    left: 0;bottom: 0;top: auto; -webkit-box-sizing: border-box;box-sizing: border-box;
    }
    .area_navi .wrap{padding-top: 115px;position: relative;}
    .area_navi .logo{content: "";display: block;width: 100px;height: 74px;
        background: url(../images/logo.png) no-repeat;background-size: auto;background-size: contain;
        position: absolute;left: 24px;top: 26px;text-indent:100%;white-space:nowrap;overflow:hidden;
    }
    .area_navi ul li{height: 60px;}
    .area_navi ul li a {color: #333;text-decoration: none;font-weight: bold;position: relative;
        line-height: 28px;padding: 0 20px;display: flex;height: 100%;align-items: center;font-size: 11.5px;
    }
    
     .area_navi ul li.mn_concept a::before{ background-image: url(../images/sp/menu_concept.png);width: 146px;height: 17px;}
     .area_navi ul li.mn_news a::before{ background-image: url(../images/sp/menu_news.png);width: 90px;height: 17px;}
     .area_navi ul li.mn_menu a::before{ background-image: url(../images/sp/menu_menu.png);width: 88px;height: 17px;}
     .area_navi ul li.mn_hotel a::before{ background-image: url(../images/sp/menu_hotel.png);width: 88px;height: 17px;}
     .area_navi ul li.mn_blog a::before{ background-image: url(../images/sp/menu_blog.png);width: 85px;height: 17px;}
     .area_navi ul li.mn_faq a::before{ background-image: url(../images/sp/menu_faq.png);width: 65px;height: 20px;}
     .area_navi ul li.mn_shop a::before{ background-image: url(../images/sp/menu_shop.png);width: 204px;height: 17px;}

    .area_navi ul li a span{margin-left: 20px;display: block;line-height: 1;}

    .area_navi ul.area_hd_contact li{padding: 12.5px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;height: initial;}
    .area_navi ul.area_hd_contact a{-webkit-box-sizing: border-box;box-sizing: border-box;color: #fff;font-size: 16.5px;
        line-height: 61px;justify-content: center;
    }

    .area_hd_contact.f_box{display: none;}

}


@media screen and (max-width:767px) {
    table{table-layout: fixed;}
    img{max-width: 100%;}
    /*==================== 基本設定 ====================*/
    .pc{display: none !important;}
    body {max-width: 750px;margin: 0 auto;}

    .mainimage_pc,.l_pc_help_navi{display: none !important;}
    .wrapper{padding-right: 20px;padding-left: 20px;}

    .l_breadcrumb{padding: 5px 0px;}

     /* footer */
     .l_footer_navi::before{content: "";width: 100%;height: 100%;display: block;background: url(../images/sp/footerImg_sp.jpg) no-repeat center top;background-size: auto;
        -webkit-box-sizing: border-box;box-sizing: border-box;background-size: cover;padding-top: 100%;}
    .l_footer{padding: 42px 0 0;border-top: 1px solid #e5e5e5;}
    .l_footer .cont .wrapper{padding-bottom: 47px;}
    .l_footer .area_shop_data .logo{margin: 0 auto 30px;max-width: 230px;height: auto;}
    .l_footer .logo span{width: 100%;height: 0;padding-top: 74%;}
    .l_footer .address span{display: block;}
    .l_footer .g_map{}

    .pagetop{height: 60px;}
    .pagetop a{display: block;width: 100px;height: 90px;position: absolute;
        top: -14px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);
    }
    .pagetop a span{background: url(../images/sp/btn_pagetop.png) no-repeat center;text-indent: 100%;
        white-space: nowrap;overflow: hidden;display: block;width: 100px;height: 59px;position: absolute;
        top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-size: contain;
    }


    .l_footer .address{color: #0e0e0e;font-size: 16px;line-height: 28px;padding: 13px 0 42px;}

    .l_footer_navi .wrapper{padding: 17px 0;}
    .footer_navi{display: flex;flex-wrap: wrap;}
    .footer_navi li{padding: 13px 20px;line-height: 1;}
    .footer_navi li a{position: relative;}
    .footer_navi li a::before{content: "";display: inline-block;width: 1px;height: 24px;
        background: #e5e5e5;top: -3px;position: absolute;left: -21px;
    }

    .area_sns ul{display: flex;justify-content: center;}
    .area_sns ul li{padding: 0 12.5px;}


    .l_contents{overflow-x: hidden;}
    .area_sns ul li.icon span{width: 45px;height: 45px;}

    .l_footer .copyright {font-size: 12px;}
    
    .link_btn a{border: 1px solid #333333;}
    .link_btn.g_map a,.link_btn.calendar a{width: 200px;height: 38px;line-height: 36px;font-size: 14px;margin: 0 auto;}
    .link_btn.g_map a span::before{content: "";display: inline-block;width: 18px;height: 21px;
        background: url(../images/icon_g_map.png) no-repeat center;background-size: contain;position: absolute;left: -30px;top: -2px;
    }
    .link_btn.calendar a span::before{content: "";display: inline-block;width: 18px;height: 21px;
        background: url(../images/icon_calendar.png) no-repeat center;background-size: contain;position: absolute;left: -30px;top: -2px;
    }
    .shop .name{font-size: 20px;font-weight: bold;line-height: 1.2;}


    /**/
    .l_come_bottom .wrapper{padding-bottom: 65px;}
    .l_come_bottom h2{text-align: center;line-height: 1;margin-bottom: 7px;}
    .l_come_bottom h2.t_title .t_txt{font-size: 18px;}
    .l_come_bottom .area_sns{padding-top: 38px;}
    .l_come_bottom .area_contact .f_box{max-width: 225px;margin: 20px auto 0;}
    .l_come_bottom .area_contact .f_box p{padding: 5px 0;}
    .l_come_bottom .area_contact .box{padding: 40px 5px 35px;font-size: 13px;}
    .l_come_bottom .area_contact .text{line-height: 1.5;margin-bottom: 15px;}
    .l_come_bottom .area_sns h2{margin-bottom: 16px;}
    .l_come_bottom .area_contact p.tel{width:290px;margin:10px auto 15px;}
    .l_come_bottom .area_contact p.tel a{max-width: 290px;width: 100%;}
    
    .l_come_bottom .area_contact .f_box p a{font-size: 15px;line-height: 45px;}
    .l_come_bottom .area_contact ul li{line-height: 1;margin-bottom: 10px;}

}

@media screen and (min-width:1080px) and (max-width: 1200px) {
    .l_header h1{padding: 0 40px;}
    .l_header h1 .text{padding-left: 20px;}
    .l_header h1 a{width: 90%;}
    .area_hd_contact,.l_header .area_navi{right: 40px;}
    .l_come_bottom .area_contact{padding-right: 40px;padding-left: 40px;}
    
    .area_navi ul li.mn_concept a::before{ width: 102px;height: 13px;} 
    .area_navi ul li.mn_news{margin-left: 26px;} 
    .area_navi ul li.mn_news a::before{ width: 62px;height: 13px;}
    .area_navi ul li.mn_menu{margin-left: 30px;}
    .area_navi ul li.mn_menu a::before{ width: 61px;height: 13px;}
    .area_navi ul li.mn_blog a::before{ width: 58px;height: 12px;}
    .area_navi ul li.mn_faq{margin-left: 28px;}
    .area_navi ul li.mn_faq a::before{ width: 45px;height: 14px;}
    .area_navi ul li.mn_blog,.mn_shop{margin-left: 29px;}
    .area_navi ul li.mn_shop a::before{ width: 141px;height: 13px;}
    .area_navi ul li.mn_hotel{margin-left: 30px;}
    .area_navi ul li.mn_hotel a::before{width: 70px;height: 13px;} 

    .l_footer_navi ul.footer_navi li{padding: 0 30px;}
    .l_footer #access .wrapper{padding-right: 40px;padding-left: 40px;}
    .l_footer .logo span{width: 184px;height: 136px;}
}

@media screen and (min-width:768px) and (max-width:1080px)  {
    
    .l_footer_navi ul{flex-wrap: wrap;}
    .l_footer_navi ul.footer_navi li{font-size: 15px;padding: 0 20px;}

    .l_footer .cont{padding-bottom: 100px;}
    .l_footer #access .wrapper{padding-bottom: 30px;}
    .l_footer .area_sns ul{position: absolute;left: 50%;bottom: -40px;transform: translateX(-50%);}
}

/* scroll */
/* off */
.fadein{opacity : 0;transform : translate(0, 50px);transition : all 1s ease-out;}

/* on */
.fadein.scrollin,#recommended_01 ul li.fadein.fadein.scrollin{opacity: 1;transform: translate(0, 0);}