@charset "UTF-8";
html,body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
a{text-decoration: none;}
ul,dl{display: flex;justify-content: space-between;}
h3.or_line{text-align: center;}
h3.or_line span{display: inline-block;border-bottom: 2px solid #f58402;padding: 0 0 7px 0;font-size: 18px;}
strong{color:#b20000;}

@media screen and (min-width: 769px) {
body{font-size:14px;line-height:1.8;}
.sp{display: none!important;}
.wrap1300{max-width: 1300px;margin: 0 auto;padding: 0 10px;}
.wrap1000{max-width: 1024px;margin: 0 auto;padding: 0 10px;}
.note{font-size:12px;margin-top: 5px;}
article section{margin-top: 60px;padding-top: 10px;}
article section:first-of-type{margin-top: 40px;}
}

@media screen and (max-width: 768px) {
body{font-size:13px;line-height:1.8;}
.pc{display: none!important;}
.wrap1300{max-width: auto;width: 100%;padding: 0 15px;}
.wrap1000{max-width: auto;width: 100%;padding: 0 15px;}
.note{font-size:11px;margin-top: 3px;}
h3.or_line span{padding: 0 0 5px 0;font-size: 16px;}
ul,dl{flex-wrap: wrap;}
li,dd,dt{width: 100%;}
article section{margin-top: 35px;}
article section:first-of-type{margin-top: 20px;}
}

/*||||||||||||||||| ヘッダー＆メニュー |||||||||||||||||*/
header nav .header_menu_fixed{padding: 0;width: 100%;background: #fff;height: 170px;}

header nav .header_wrap{max-width: 1300px;margin: 0 auto;flex-wrap: wrap;justify-content: flex-end;}
header nav .header_wrap dt.logo{padding: 10px;width: 30%;background: #fff;z-index: 20000;}
header nav .header_wrap dt.logo a{transition: all 0.2s;}
header nav .header_wrap dt.logo a:hover{opacity: 0.6;}
header nav .header_wrap dd.sns_btn{width: 70%;text-align: right;background: #fff;z-index: 20000;padding-right: 10px;}
header nav .header_wrap dd.sns_btn a{padding: 10px 10px 10px 70px;display: inline-block;width: 200px;color: #fff;text-align: left;line-height: 1.4; transition: all 0.2s;font-weight: bold;overflow: hidden;}
header nav .header_wrap dd.sns_btn a.insta_btn{background: #d13085;}
header nav .header_wrap dd.sns_btn a.insta_btn::before{content: url("../img/insta_i.png");position: absolute;top:15px;left: 15px;}
header nav .header_wrap dd.sns_btn a.line_btn{background: #01b903;}
header nav .header_wrap dd.sns_btn a.line_btn::before{content: url("../img/line_i.png");position: absolute;top:16px;left: 15px;}
header nav .header_wrap dd.sns_btn a:hover{opacity: 0.6;}
header nav .header_wrap dd.global_menu{width: 980px;padding-right: 10px;}


@media only screen and (max-width: 1000px) {
header nav .header_wrap dd.global_menu{width: 100%;}
}

/* メニュー */
header nav .global_menu ul{align-items: center;margin-top: 30px;}
header nav .global_menu li{text-align: center;color:#000;border-right:1px solid #8b8b8b;flex: 1;padding: 0 5px;}
header nav .global_menu li:first-of-type{border-left:1px solid #8b8b8b;}
header nav .global_menu li a{font-size:13px;color:#000;display: block;padding: 5px 0;}
/* ロールオーバ（アンダーライン） */
header nav .global_menu li a::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #fd8105;transform: scale(0, 1);transform-origin: center top;transition: transform .3s;}
header nav .global_menu li a:hover::after{content: "";transform: scale(1, 1);}
header nav .global_menu li.select a::after{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #fd8105;transform: scale(1, 1);}

/* SP用フットメニューPCで非表示 */
header nav .sp_footmenu{display: none;}



/* PC用ヘッダーメニュー固定 */
header nav .header_menu_fixed.fixed{background: #fff;position: fixed;width: 100%;top: 0;z-index: 20000;left: 0;box-shadow:0px 0px 5px 1px #d3d3d3;height: 120px;}
header nav .header_menu_fixed.fixed .header_wrap dt.logo a img{width: 80%;}
header nav .header_menu_fixed.fixed .header_wrap dd.sns_btn i{display: none;}
header nav .header_menu_fixed.fixed .header_wrap dd.sns_btn a.insta_btn::before{top:7px;}
header nav .header_menu_fixed.fixed .header_wrap dd.sns_btn a.line_btn::before{top:8px;}
header nav .header_menu_fixed.fixed .global_menu ul{margin-top: 7px;}



/*||||||||||||||||| スマホ版メニュー（全ページ共通） |||||||||||||||||*/
@media only screen and (max-width: 768px) {

header nav .header_menu_fixed{height: 50px;}
header nav .header_wrap{justify-content: flex-start;}
header nav .header_wrap dt.logo{width: 100%;padding: 10px 0 0 15px;height: 50px;border-bottom: 1px solid #ccc;}
header nav .header_wrap dt.logo h1{width: 60%;}
header nav .header_wrap dt.logo h1 img{width: 200px;}


/* SP用フッター固定メニュー */
header nav .sp_footmenu{display: flex; z-index: 100000;position: fixed;bottom:0;width: 100%;}
header nav .sp_footmenu li{display: flex;align-items: flex-end;justify-content: center;text-align: center;height: 50px;position: relative;vertical-align: bottom;padding:0 0 3px 0;font-size:10px;width: 33.333333%;border-right: 1px solid #fff;}
header nav .sp_footmenu li:last-of-type{border-right: none;}
header nav .sp_footmenu li a{display: flex;color: #fff;width: 100%;height: 100%;align-items: flex-end;justify-content: center;}
header nav .sp_footmenu li a::before{content: "";position: absolute;top:8px;right:0;left: 0;margin: 0 auto;}
header nav .sp_footmenu li.sp_tel_btn{background: #0059b3;}
header nav .sp_footmenu li.sp_tel_btn a::before{content: url(../img/sp_tel_btn.png);}
header nav .sp_footmenu li.sp_reservation_btn{background: #ff7f00;}
header nav .sp_footmenu li.sp_reservation_btn a::before{content: url(../img/sp_reservation_btn.png);}
header nav .sp_footmenu li.sp_insta_btn{background: #d13085;}
header nav .sp_footmenu li.sp_insta_btn a::before{content: url(../img/sp_insta_btn.png);}
header nav .sp_footmenu li.sp_line_btn{background: #00b900;}
header nav .sp_footmenu li.sp_line_btn a::before{content: url(../img/sp_line_btn.png);}

/* 固定メニューの3本線 */
.sp_menu_open,
.sp_menu_open span,
.sp_menu_open::before,
.sp_menu_open::after{content: "";position:absolute;width:30px;height:2px;background:#000;right:0;transition:all 0.3s;display:block;}
.sp_menu_open{top:17px;right:50%;transform: translateX(50%);background: none;z-index: 20010;}
.sp_menu_open::before{top:-7px;}
.sp_menu_open::after{bottom:-7px;width:20px;}
.active .sp_menu_open::before{transform:rotate(-135deg);top:0;right:0;content: "";}
.active .sp_menu_open::after{transform:rotate(135deg);bottom:0;right:0;content: "";width:30px;}
.active .sp_menu_open span{display: none;}
/* ヘッダーメニューの3本線の位置 */
.header_menu{position: absolute;right: 15px;top:1px;}
.sp_menu_btn{width: 30px;height: 30px;}
.sp_menu_btn::after{content: "menu";position: absolute;bottom: -14px;left: 0;color: #000;display: block;z-index: 1000000;font-size: 12px;}
.sp_menu_btn.active::after{content: "close";}


/* プルアップメニュー */
header nav .header_wrap dd.global_menu{width: 100%;transform: translateY(-130%);position: fixed;top:50px;transition: all 0.6s;z-index: 10000;margin: 0;left: 0;font-size: 13px;padding-right: 0;}
header nav .header_wrap dd.global_menu.active{transform: translateY(0%);z-index: 10000;}
header nav .global_menu ul{margin-top: 0;}
header nav .global_menu li:first-of-type{border-left:none;}
header nav .global_menu li{flex: 1 100%;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background: rgba(255,255,255,0.99);text-align: center;}
header nav .global_menu li:first-of-type{flex: 1 100%;}
header nav .global_menu li:nth-of-type(odd){border-right: none;}
header nav .global_menu li a{display: inline-block;padding:10px 11px 9px 11px;color: #000;}
header nav .global_menu li a:hover::after{content: "";transform: scale(0, 0);}
header nav .global_menu li.select a::after{content: "";position: absolute;bottom: 5px;left: 0;width: 100%;height: 2px;background: #fd8105;transform: scale(1, 1);}

/* SP用ヘッダー固定メニュー */
header nav .header_menu_fixed.fixed{position: fixed;width: 100%;top: 0;z-index: 20000;left: 0;box-shadow:none;background: #fff;height: 50px;}
header nav .header_menu_fixed.fixed .header_wrap dt.logo a img{width: 200px;}
header nav .header_menu_fixed.fixed dt.logo{width: 100%;padding: 10px 0 0 15px;height: 50px;}
header nav .header_menu_fixed.fixed .global_menu ul{margin-top: 0;}

}


/*||||||||||||||||| 3つ並びボタン |||||||||||||||||*/
.three_btn{padding: 60px 30px 0;display: flex;justify-content: center;margin-top: 0;}
.three_btn a{width: 32%;padding: 15px 10px 15px 75px;color: #fff;text-align: left;line-height: 1.4; transition: all 0.2s;font-weight: bold;overflow: hidden;font-size: 16px;}
.three_btn a.reservation_btn{background: #ff8000;}
.three_btn a.reservation_btn::before{content: url("../img/reservation_i.png");position: absolute;top:15px;left: 15px;}
.three_btn a.insta_btn{background: #d13085;}
.three_btn a.insta_btn::before{content: url("../img/insta_i.png");position: absolute;top:15px;left: 15px;}
.three_btn a.line_btn{background: #01b903;}
.three_btn a.line_btn::before{content: url("../img/line_i.png");position: absolute;top:16px;left: 15px;}
.three_btn a:hover{opacity: 0.6;}
.three_btn a:first-child{margin-right:20px;}

@media only screen and (max-width: 768px) {
.three_btn{padding: 25px 15px 0;display: flex;margin-top: 0;}
.three_btn a{width: 33%;padding: 10px 0;text-align: center;font-size: 12px;}
.three_btn a.reservation_btn{background: #ff8000;}
.three_btn a.reservation_btn::before{content: "";position: static;width: 30px;height: 33px;background: url(../img/reservation_i.png);background-size: cover;display: block;margin: 0 auto 5px;}
.three_btn a.insta_btn{background: #d13085;}
.three_btn a.insta_btn::before{content: "";position: static;width: 33px;height: 33px;background: url(../img/insta_i.png);background-size: cover;display: block;margin: 0 auto 5px;}
.three_btn a.line_btn{background: #01b903;}
.three_btn a.line_btn::before{content: "";position: static;width: 35px;height: 33px;background: url(../img/line_i.png);background-size: cover;display: block;margin: 0 auto 5px;}
.three_btn a:hover{opacity: 0.6;}
}

/*||||||||||||||||| フッター（全ページ共通） |||||||||||||||||*/


footer #sitemap{background: #efefef;padding: 45px 10px;margin-top: 60px;}
footer #sitemap li{width: 30%;text-align: left;}
footer #sitemap li a{transition: all 0.2s;display: block;color: #000;}
footer #sitemap li > a{border-bottom: 1px solid #aeaeae;padding: 0 0 5px 2px;}
footer #sitemap li > a:nth-of-type(n+2){margin-top: 30px;}
footer #sitemap li > p{padding: 15px 0 0 20px;}
footer #sitemap li > p a{text-indent: -1.0em;padding-left: 1.0em;}
footer #sitemap li > p a:nth-of-type(n+2){margin-top: 3px;}
footer #sitemap li a:hover{color:#999;}

footer .footer_outline{padding:30px 10px 0;max-width: 1300px;margin: 0 auto;}
footer .footer_outline dt{width: 44%;}
footer .footer_outline dt h4{font-size: 18px;}
footer .footer_outline dt h4 + p{margin-top: 10px;}
footer .footer_outline dt .card{width: 260px;margin-top: 15px;}
footer .footer_outline dd{width: 54%;}
footer .footer_outline dd table{width: 100%;}
footer .footer_outline dd th,
footer .footer_outline dd td{text-align: center;padding: 7px;vertical-align: middle;}
footer .footer_outline dd th{width: 28%;}
footer .footer_outline dd td.sat{color: #0589ee;}
footer .footer_outline dd td.sun{color: #cf3750;}
footer .footer_outline dd tr:nth-of-type(n+2) th,
footer .footer_outline dd tr:nth-of-type(n+2) td{border-top: 1px solid #000;}
footer .footer_outline dd table + .note{text-align: right;}
footer .copyright{text-align: right;font-size: 14px;padding: 40px 10px 0;max-width: 1300px;margin: 0 auto;}

@media only screen and (max-width: 768px) {
footer{padding-bottom: 70px;}
footer .footer_outline{padding:20px 15px 0;max-width: 1300px;margin: 0 auto;border-top: 1px solid #ccc;margin-top: 40px;}
footer .footer_outline dt{width: 100%;}
footer .footer_outline dt h4{font-size: 15px;}
footer .footer_outline dt h4 + p{margin-top: 7px;}
footer .footer_outline dd{width: 100%;margin-top: 15px;}
footer .footer_outline dd th,
footer .footer_outline dd td{padding: 4px;}
footer .copyright{text-align: center;font-size: 11px;padding: 25px 15px 0;}

}

/* トップへ戻るボタン */
a#page_top{background: rgba(255,196,15,0.8);width: 30px;height: 30px;position: fixed;right: 30px;bottom: 50px;border: 1px solid #fff;}
a#page_top::before{content: "";width: 12px;height: 12px;display: block;position: absolute;margin: auto;top: 25%;bottom: 0;left: 0;right: 0;border-top:1px solid #000;border-right:1px solid #000;transform: rotate(-45deg);}

@media only screen and (max-width: 768px) {
a#page_top{right: 10px;bottom: 70px;z-index: 100000;}
}





/*||||||||||||||||| 下層ページ共通 |||||||||||||||||*/
.layer main .main_img{width: 100%;}
.layer main h2{position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 0;font-size: 24px;text-align: center;background: rgba(228,129,0,0.9);color:#fff;}
.layer h3.or_line + *{width: 80%;margin: 30px auto 0;}
.layer h4.sub_tit{text-align: center;font-size: 18px;margin-top: 40px;}
.layer h4.sub_tit + *{width: 80%;margin: 25px auto 0;}

@media only screen and (max-width: 768px) {
.layer main h2{bottom: 5%;font-size: 18px;text-align: center;height: 36px;color:#fff;top:0;}
.layer h3.or_line + *{width: 90%;margin: 20px auto 0}
.layer h4.sub_tit{font-size: 15px;margin-top: 25px;}
.layer h4.sub_tit + *{width: 90%;margin: 15px auto 0;}

}