/* 管理画面から開いたとき、wp-admin の common.min.css が読み込まれるため body の背景を上書き */
body{background:#fff !important;}
/* トップページ（body.home）用：管理用CSSの body.home を上書き */
body.home{background:#fff !important;}
#page{overflow-x:hidden;}
.gf{font-family: "M PLUS Rounded 1c",sans-serif;}
[class^="icon-"]::before, [class*=" icon-"]::before{margin:0;width:auto}

/*ヘッダー（#page 内のみ・重複なし） */
#page .header{padding:0 20px;}
#page .header .inner{max-width:1080px;position:relative;padding:20px 0 30px;}
#page .header .logo{font-size:1.6rem;}
#page .header .logo img{max-width:300px;height:auto;}
#page .h_nav{position:absolute;right:300px;top:40px;}
#page .h_nav ul li{float:left;border-right:1px solid #ccc;padding:0 15px;font-size:1.4rem;}
#page .h_nav ul li:last-child{border-right:0;}
#page .h_nav ul li a{display:block;}
#page .h_nav ul li a:after{content:"";position:absolute;}
#page.hover .h_nav ul li a:hover{color:#e56b07;}
#page .logo_kanko{position:absolute;right:0;top:20px;}
#page .logo_kanko a{display:block;border:1px solid #ccc;transition:0.3s;float:left;margin-left:10px;}
#page .logo_kanko a img{width:136px;height:auto;}
#page.hover .logo_kanko a:hover{border-color:#e56b07;}

/*ナビゲーション（6項目・#page 内のみ・重複なし） */
#page .nav{max-width:900px;margin:0 auto 15px;padding:0 20px;}
#page .nav>ul{list-style:none;margin:0;padding:0;overflow:hidden;}
#page .nav>ul li{float:left;width:16.666667%;border-right:1px solid #ccc;box-sizing:border-box;}
#page .nav>ul li:last-child{border-right:0;}
#page .nav>ul li a{display:block;position:relative;padding-top:40px;text-align:center;font-size:1.5rem;transition:0.3s;perspective:120px;}
#page .nav>ul li a:before{content:"";display:block;height:30px;width:30px;position:absolute;top:0;left:50%;margin-left:-15px;transition:transform 0.8s;background-repeat:no-repeat;background-size:cover;}
#page .nav>ul li:nth-child(1) a:before{background-image:url(../images/icon_restaurant.png);}
#page .nav>ul li:nth-child(2) a:before{background-image:url(../images/icon_takeout.png);}
#page .nav>ul li:nth-child(3) a:before{background-image:url(../images/icon_omiage.png);}
#page .nav>ul li:nth-child(4) a:before{background-image:url(../images/icon_bussan.png);}
#page .nav>ul li:nth-child(5) a:before{background-image:url(../images/icon_inn.png);}
#page .nav>ul li:nth-child(6) a:before{background-image:url(../images/icon_access.png);}
#page .nav .menu-item.icon-restaurant a:before{background-image:url(../images/icon_restaurant.png) !important;}
#page .nav .menu-item.icon-takeout a:before{background-image:url(../images/icon_takeout.png) !important;}
#page .nav .menu-item.icon-omiage a:before{background-image:url(../images/icon_omiage.png) !important;}
#page .nav .menu-item.icon-bussan a:before{background-image:url(../images/icon_bussan.png) !important;}
#page .nav .menu-item.icon-inn a:before{background-image:url(../images/icon_inn.png) !important;}
#page .nav .menu-item.icon-access a:before{background-image:url(../images/icon_access.png) !important;}
#page.hover .nav>ul li a:hover{color:#ec6002;}
#page.hover .nav>ul li a:hover:before{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform-origin:center center;}
#page .nav>ul li.active a,
#page .nav>ul li.current-menu-item a{color:#ec6002;}


/*ナビボタン
------------------------------*/
.nav-button-wrap { padding: 7px 6px 5px 6px; position: absolute; top: 12px; right: 0; font-size: 0; text-align: center; cursor: pointer; z-index: 10; display: none;background:#723b3c;border-radius:2px; height:39px;}

.nav-button { position: relative; width: 26px; height: 16px; }
.nav-button span { display: block; position: absolute; -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; height: 2px; background: #fff; }
.nav-button span:nth-of-type(1) { top: 0; }
.nav-button span:nth-of-type(2) { top: 7px; }
.nav-button span:nth-of-type(3) { bottom: 0; }

.nav-button.active span { background: #fff; }
.nav-button.active span:nth-of-type(1) { -webkit-transform: translateY(7px) rotate(-45deg); transform: translateY(7px) rotate(-45deg); }
.nav-button.active span:nth-of-type(2) { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); }
.nav-button.active span:nth-of-type(3) { -webkit-transform: translateY(-7px) rotate(45deg); transform: translateY(-7px) rotate(45deg); }

.nav-circle{background:#333;border-radius:50%;height:36px;width:36px;padding:11px 0 0 0;}
.nav-button-wrap strong{font-size:8px;font-size:0.8rem;color:#fff;display:block;text-align:center;margin-top:3px;line-height:1;}

/*レイアウト（#page 内のみ・重複なし） */
#page .contents.clearfix{max-width:1120px;padding:0 20px 30px;box-sizing:border-box;}
#page .contents.clearfix:after{content:"";display:table;clear:both;}
#page .contents.clearfix .contents_main{float:left;width:67%;box-sizing:border-box;}
#page .contents.clearfix .contents_side{float:left;width:33%;padding-left:50px;box-sizing:border-box;}


/*フッター（#page 内のみ・重複なし） */
#page .footer{background:linear-gradient(#edf4e0,#e5ece8);padding:0 20px;position:relative;}
#page .footer:before,#page .footer:after{content:"";position:absolute;left:0;width:100%;background-size:cover;}
#page .footer:before{height:15px;top:0;background:url(../images/main_upper.png) no-repeat;}
#page .footer:after{height:15px;bottom:0;background:url(../images/main_lower.png) no-repeat;}
#page .f_info{max-width:1080px;position:relative;padding:40px 0;}
#page .f_info .f_img{float:left;margin-right:20px;}
#page .f_info p{margin-bottom:8px;font-size:1.4rem;}
#page .f_info .f_logo{display:block;font-size:3.1rem;margin-bottom:7px;}
#page .f_info address{margin-bottom:7px;}
#page .f_info address a{color:#723b3c;}
#page.hover .f_info address a:hover{color:#ec6103;}
#page .f_info address a.u:hover{color:#e56b07;}
#page .f_info .f_tel{font-size:1.7rem;}
#page .f_info .f_tel strong{font-size:2.4rem;}
#page .f_info .f_tel strong a{color:#723b3c;}
#page .uma{position:absolute;right:40px;bottom:5px;}
#page .uma img{max-width:100%;height:auto;}
#page .copyright{text-align:center;font-size:1.2rem;font-family:Helvetica;letter-spacing:1px;padding:25px 0 35px;}

/* ページトップ（オレンジ丸1つ＋白い上矢印、外枠なし・矢印は中央） */
.pagetop{position:fixed;bottom:30px;right:30px;cursor:pointer;z-index:100;display:none;}
.pagetop_inner{
	width:60px;height:60px;background:#ec6103;border-radius:50%;color:#fff;
	display:flex;align-items:center;justify-content:center;
	transition:0.3s;
}
.pagetop_inner i{
	display:flex;align-items:center;justify-content:center;
	margin:0;line-height:0;font-size:2.5rem;color:#fff;
}
.pagetop_inner i:before{margin-left:0;margin-right:0;transition:0.2s}
.hover .pagetop_inner:hover{background:#f57b29}
.hover .pagetop_inner:hover i:before{transform:translateY(-3px)}

.u a,a.u{display:inline-block;position:relative;transition:0.3s;}
.u a:after,a.u:after{content:"";position:absolute;border-bottom:1px solid #e56b07;left:0;bottom:-2px;width:100%;transform:scale(0);transition:0.3s;}
.u a:hover:after,a.u:hover:after{transform:scaleX(1);}
.u a:hover,a.u:hover{color:#ec6103}

@media screen and (max-width:1020px){
/*ヘッダー*/
.h_nav{position:static;text-align:center;padding-top:20px;}
.h_nav ul{display:inline-block;}
.h_nav ul li{padding:0;}
.h_nav ul li a{padding:5px 15px;}
.h_nav ul li:last-child{border-right:0;}
}

@media screen and (max-width:900px){
/*レイアウト*/
.contents{max-width:1120px;padding:0 20px 30px}
.contents_main{float:none;width:100%;max-width:700px;padding-bottom:20px;}
.contents_side{float:none;width:100%;max-width:400px;padding-left:0;}
#page .contents.clearfix .contents_main{float:none;width:100%;max-width:700px;padding-bottom:20px;}
#page .contents.clearfix .contents_side{float:none;width:100%;max-width:400px;padding-left:0;}

/*フッター*/
.uma{right:0;bottom:5px;width:150px;}
}

@media screen and (max-width:767px){
/*ヘッダー*/
.header{padding:0 15px;}
.header .inner{padding:15px 0 10px}

.h_nav ul{max-width:400px;display:block;}
.h_nav ul li{width:25%;}
.h_nav ul li:nth-child(4){border-right:0;}

.logo img{max-width:200px;height:auto;}
.logo_kanko{position:static;text-align:center;padding-top:12px;padding-bottom:15px;}
.logo_kanko a{max-width:150px;display:inline-block;float:none;}
.logo_kanko img{max-width:100%;height:auto;}

.h_nav{padding-top:15px;}

/*ナビボタン*/
.nav-button-wrap{display:block;}

/*ナビゲーション*/
.nav{display:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;position:absolute;top:62px;z-index:100;background:#fff;width:100%;background:#ffffee}
.nav>ul li{float:none;border-right:0;border-bottom:1px solid #ccc;width:100%;}
.nav>ul li:last-child{border-bottom:1;}
.nav>ul li a{position:relative;padding:10px 15px;text-align:left;font-size:1.7rem;transition:0.3s;line-height:30px;}
.nav>ul li a:before{content:"";height:30px;width:30px;position:static;display:inline-block;margin-left:0;margin-right:10px;vertical-align:middle;}
.nav>ul li.active a{background:#fdefd6}

/*フッター*/
.footer{text-align:center;}
.footer:before{content:"";height:10px;}
.footer:after{content:"";height:10px;}


.f_info{display:inline-block;padding-bottom:130px;}
.f_info .f_img{float:none;margin-right:0;margin-bottom:20px;}
.f_info address{line-height:1.6}
.uma{right:0;bottom:5px;width:100px;}

/* ページの先頭（SP） */
.pagetop{bottom:15px;right:15px}
.pagetop_inner{width:40px;height:40px;}
.pagetop_inner i{font-size:1.8rem;}
}

.warnning{
    padding: 10px;font-size:17px;line-height: 2.9rem;border: solid #FF2E00 2px;
    font-weight: bold;
}

.bktime{ /*text-decoration: line-through; */}

/* 営業時間は ACF の値のみ表示するため、::before の固定文言は削除 */