@charset "UTF-8";

/* COMPASS
* ----------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}

html {
line-height: 1;
}

ol,
ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}

q,
blockquote {
quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}

a img {
border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

/* BASE
* ----------------------------------------------- */


/* ADDITIONAL RESET
* ----------------------------------------------- */

*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body * {
max-height: 99999em;
}

body img {
max-height: none;
width: 100%;
height: auto;
}

* {
-ms-overflow-style: none;
}

/* GENERAL
* ----------------------------------------------- */

body {
color: #333333;
font-family: "Helvetica Neue", "Helvetica",Yu Gothic Medium,游ゴシック Medium,YuGothic,游ゴシック体,ヒラギノ角ゴ Pro W3,メイリオ,sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.44;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
background-color: #fff;
}

.wrap-all {
width: 100%;
min-width: 100%;
}

.ie body {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.ft-serif {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Georgia, serif;
}

.ft-arial {
font-family: Arial, sans-serif;
}

.ft-junpro {
font-family: "Jun201Pro-Regular-AlphaNum", "A-OTF Jun Pro 201", "A-OTF Jun Pro", sans-serif;
}

.ie .ft-junpro {
font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "Yu Gothic", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.get-posts:not(.loaded) {
opacity: 0;
}

.get-posts {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}

.post-item {
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}


/* HELPERS
* ----------------------------------------------- */

.transparent {
opacity: 0;
}

.page-yakusoku>img {
display: none;
}

.clearfix {
zoom: 1;
}

.clearfix:after {
content: " ";
display: table;
clear: both;
}

img {
display: block;
max-width: 100%;
}

img.full {
width: 100%;
}

.center {
margin: 0 auto;
text-align: center;
}

ul.dot {
list-style: inherit;
padding-left: 1em;
}

a {
color: #333333;
text-decoration: none;
}

.dis-block {
display: block;
}

.dis-inline {
display: inline-block;
}

.trans {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-transition: opacity 0.26s ease;
-o-transition: opacity 0.26s ease;
-webkit-transition: opacity 0.26s ease;
transition: opacity 0.26s ease;
}

.trans:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}

strong {
font-weight: bold;
}

.hidden {
display: none;
}

.invisible {
visibility: hidden;
}

.text-left {
text-align: left;
}

.text-center {
text-align: center;
}

.text-center img {
display: inline-block;
}

.text-right {
text-align: right;
}

.text-justify {
text-align: justify;
text-justify: distribute;
}

.text-nowrap {
white-space: nowrap;
}

.text-lowercase {
text-transform: lowercase;
}

.text-uppercase {
text-transform: uppercase;
}

.text-capitalize {
text-transform: capitalize;
}

.container {
min-width: 1070px;
background-color: #fff;
}

.ver-top {
vertical-align: top;
}

.wrapper {
width: 1048px;
margin-left: auto;
margin-right: auto;
}

.img-left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.img-right {
float: left;
margin-left: 20px;
margin-bottom: 10px;
}


/* RESPONSIVE
* ----------------------------------------------- */

.sm,
.sm-inline {
display: none !important;
}

@media (max-width: 750px) {
.md {
	display: none !important;
}

.sm {
	display: block !important;
}

.sm-inline {
	display: inline !important;
}

.img-left,
.img-right {
	display: block;
	margin: 0 auto 10px;
	float: none;
}

.img-left-sm {
	float: left;
	width: 46%;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-right-sm {
	float: right;
	width: 46%;
	margin-left: 10px;
	margin-bottom: 10px;
}

.trans,
.trans:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	-webkit-transition: all 0.26s ease;
	transition: all 0.26s ease;
}

body {
	font-size: 12px;
}

.container {
	width: auto;
	min-width: 320px;
}

.wrapper {
	width: auto;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
}
}

@media (max-width: 374px) {
body {
	padding-bottom: 50px;
}

.wrapper {
	padding-left: 10px;
	padding-right: 10px;
}
}

@media (max-width: 1024px) {
.pc_tab {
    display: none !important;
}

.tab {
    display: block !important;
}
}

@media (min-width: 1025px) {
.pc_tab {
    display: block !important;
}
.tab {
    display: none !important;
}
}


/* PARTS
* ----------------------------------------------- */


/* COMMON HEADER
* ----------------------------------------------- */


/* COMMON TITLES
* ----------------------------------------------- */


/* COMMON BUTTONS
* ----------------------------------------------- */


/* COMMON BREADCRUMBS
* ----------------------------------------------- */


/* COMMON FORMS
* ----------------------------------------------- */


/* COMMON PAGINATIONS
* ----------------------------------------------- */


/* PAGES
* ----------------------------------------------- */

.mt0 {
margin-top: 0 !important;
}

.mb0 {
margin-bottom: 0 !important;
}

.mb04 {
margin-bottom: 4px !important;
}

.mb08 {
margin-bottom: 8px !important;
}

.mb12 {
margin-bottom: 12px !important;
}

.mb16 {
margin-bottom: 16px !important;
}

.mb20 {
margin-bottom: 20px !important;
}

.mb24 {
margin-bottom: 24px !important;
}

.mb28 {
margin-bottom: 28px !important;
}

.mb32 {
margin-bottom: 32px !important;
}

.mb40 {
margin-bottom: 40px !important;
}

.mb60 {
margin-bottom: 60px !important;
}

img.none {
	display: none;
}

.box-trans {
display: table;
width: 100%;
}

.box-trans .left {
display: table-cell;
vertical-align: middle;
background-color: #e6c2c2;
width: 56px;
height: 56px;
border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
}

.box-trans .left img {
display: block;
width: 23px;
margin: 0 auto;
}

.box-trans .right {
display: table-cell;
background-color: #f5f4f4;
font-size: 16px;
color: #333333;
font-weight: bold;
vertical-align: middle;
border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
padding-left: 15px;
padding-right: 15px;
}

.content-trans {
padding: 26px 19px;
}

.content-trans ul li a {
display: inline-block !important;
}

/*ドロップダウンメニュー*/
.g-nav-inr .btn_mega {
display: block;
position: relative;
margin-right: 10px;
padding: 10px 10px 0px;
font-weight: bold;
cursor: pointer;
}

#mega_overlay {
display: none;
z-index: 40;
height: 100%;
background: #000;
opacity: .6;
position: fixed;
top: 0;
left: 0;
width: 100%;
}

#mega_overlay.show {
display: block;
}

.mega_area {
position: relative;
}

div.mega_menu {
position: fixed;
top: 120px;
left: 0;
z-index: 50;
width: 100%;
background-color: #fff;
height: auto;
display: none;
}

.mega_contents {
display: flex;
}

.mega_b .ttl_area {
background: repeating-linear-gradient( -45deg, #c0e7ff, #c0e7ff 20px, #d2eeff 20px, #d2eeff 40px );
}

.mega_g .ttl_area {
background: repeating-linear-gradient( -45deg, #c7f0d6, #c7f0d6 20px, #d9f8e4 20px, #d9f8e4 40px );
}

.ttl_area {
width: 20%;
text-align: right;
padding: 20px;
}

.mega_contents .h2_mega {
padding: 3px 0 3px 0px;
font-size: 22px;
font-weight: bold;
}

.mega_contents .h3_mega {
padding: 3px 0 3px 0px;
font-size: 18px;
font-weight: bold;
}

.img_mega {
margin: 10px auto;
}

.mega_r, .mega_l {
width: 35%;
padding: 20px 20px 100px 20px;
}

.list_mega li {
box-sizing: border-box;
position: relative;
margin-bottom: 8px;
padding-left: 20px;
font-weight: 700;
line-height: 1.5;
font-size: 15px;
}

.mega_b .list_mega li a:hover {
color: #0079c3;
}

.mega_g .list_mega li a:hover {
color: #069538;
}

.mega_b .list_mega li a::before {
background-image: url(https://www.studio-mario.net//img/RN/ic_arrow_b.svg);
}

.mega_g .list_mega li a::before {
background-image: url(https://www.studio-mario.net//img/RN/ic_arrow_g.svg);
}

.list_mega li a::before {
position: absolute;
top: 3px;
left: 0;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: 16px 16px;
content: "";
}

.list_mega .w_50 {
width: 50%;
}

.list_mega .w_100 {
width: 100%;
}

.list_mega {
display: flex;
flex-wrap: wrap;
}

.btn_black {
cursor: pointer;
position: absolute;
bottom: 30px;
left: 50%;
width: 200px;
background-color: #333;
display: block;
max-width: 195px;
text-align: center;
color: #fff;
font-weight: bold;
border: 0;
outline: none;
-moz-border-radius: 50px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-image: url(https://www.studio-mario.net/img/common/close.png);
background-repeat: no-repeat;
background-size: 25px auto;
background-position: 20px center;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
padding: 15px 10px 15px 30px;
font-size: 18px;
transform: translate(-50%);
}

.btn_yellow_menu {
margin: 10px 0 0 auto;
font-size: 15px;
width: 140px;
margin-top: 10px;
padding: 15px 5px 15px 30px;
background-size: 18px;
display: block;
max-width: 195px;
text-align: center;
color: #fff;
font-weight: bold;
border: 0;
outline: none;
-moz-border-radius: 50px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f4a001;
background-image: url(https://www.studio-mario.net/img/common/icon-arrow07.png);
background-repeat: no-repeat;
background-position: 20px center;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}

#nav_menu div span, #nav_fee div span {
position: relative;
padding-right: 15px;
}

#nav_menu div span::after, #nav_fee div span::after {
content: '';
display: inline-block;
width: 15px;
height: 15px;
background-image: url(/img/common/ico_mega_u.svg);
background-size: contain;
vertical-align: middle;
position: absolute;
bottom: 2px;
right: -2px;
-webkit-transition: 0.6s;
transition: 0.6s;
}

#nav_menu div span:hover::after {
background-image: url(/img/common/ico_arrow_u_b.svg);
}

#nav_fee div span:hover::after {
background-image: url(/img/common/ico_arrow_u_g.svg);
}

#nav_menu:hover div span::after  {
background-image: url(/img/common/ico_arrow_u_b.svg);
}

#nav_fee:hover div span::after {
background-image: url(/img/common/ico_arrow_u_g.svg);
}


.top-footer {
padding-bottom: 46px;
padding-top: 50px;
}

.text-ft {
font-size: 15px;
color: #555;
text-align: center;
}

.list-banner-footer {
padding-top: 20px;
margin: 0 80px;
display: flex;
flex-wrap: wrap;
}

.list-banner-footer .inner {
padding: 30px 24px 0;
}

.list-banner-footer .inner a {
display: block;
}

.list-banner-footer .inner a img {
display: block;
}

.wrp_link {
text-align: center;
background-color: #f4a001;
padding: 50px 0 30px;
}

.wrp_link ul {
max-width: 1028px;
margin: 0 auto 16px;
}

.wrp_link ul li {
display: inline-block;
color: #fff;
}

.wrp_link ul li a {
display: block;
color: #fff;
font-weight: bold;
font-size: 14px;
}

.wrp_copy {
text-align: center;
background-color: #fff;
font-size: 14px;
color: #f4a001;
padding: 20px 0 18px;
font-weight: bold;
}

@media (min-width: 767px) {
.list-icon-footer {
text-align: center;
margin-bottom: 8px;
}

.list-icon-footer a {
display: inline-block;
margin: 0 7px;
}

.list-icon-footer a img {
display: block;
width: 80px;
height: 80px;
}
.wrp_copy {
padding: 20px 0 18px;
}
}

@media (max-width: 766px) {
footer .top-footer {
padding-top: 40px;
padding-bottom: 31px;
}

footer .text-ft {
font-size: 15px;
color: #555;
text-align: center;
}

.list-banner-footer {
margin: 0;
padding-top: 24px;
width: 100%;
}

.list-banner-footer .inner {
padding: 0;
width: 48%;
margin-bottom: 25px;
margin-right: 4%;
}

.list-banner-footer .inner:last-child {
margin-bottom: 0;
margin-right: 0;
}

.list-banner-footer.maeda .inner:nth-child(2),
.list-banner-footer .inner:nth-child(even){
margin-right: 0;
}

.list-banner-footer .inner a {
display: block;
}

.list-banner-footer .inner a img {
display: block;
width: 100%;
}

.list-icon-footer {
text-align: center;
margin-bottom: 8px;
}

.list-icon-footer a {
display: inline-block;
margin: 0 6px;
}

.list-icon-footer a img {
display: block;
width: 64px;
height: 64px;
}

.coppyright {
font-size: 11px;
color: #333333;
padding: 20px 0 16px;
}

.wrp_link ul {
width: 90%;
}

.wrp_link ul li a {
font-size: 14px;
}

.wrp_link ul li {
margin-bottom: 9px;
}

.wrp_copy {
margin-bottom: 50px;
padding: 20px 0 80px;
}
}

header {
top: 0;
left: 0;
width: 100%;
height: 120px;
z-index: 777;
position: fixed;
background: #fff;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
}

.header-inr {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

.header-logo {
position: absolute;
top: 26px;
left: 0px;
width: 154px;
}

.header-logo img {
width: auto;
height: auto;
}

.list-icon-header {
display: flex;
justify-content: flex-start;
gap: 5px;
}

.g-nav {
display: block;
}

.g-nav-inr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 13px;
left: 170px;
width: calc(100% - 78px);
transition: all .5s;
}

.g-nav-inr>li>a {
display: block;
position: relative;
margin-right: 10px;
padding: 10px 10px 0px;
font-weight: bold;
}

#btn-store>a {
-webkit-transition: all .5s;
display: block;
margin: 0 auto;
padding: 15px 21px 14px 46px;
background: #069538;
background-image: url(../img/RN/nav_store.svg);
border-radius: 10px;
color: #fff;
font-weight: 700;
line-height: 2;
line-height: 1.5;
text-align: center;
transition: all .5s;
background-repeat: no-repeat;
background-position: 16px center;
background-size: 18px auto;
}

#btn-reserve>a {
-webkit-transition: all .5s;
display: block;
margin: 0 0 0 10px;
padding: 15px 21px 14px 46px;
background: #d70c25;
background-image: url(../img/common/icon-booking.png);
border-radius: 10px;
color: #fff;
font-weight: 700;
line-height: 2;
line-height: 1.5;
text-align: center;
transition: all .5s;
background-repeat: no-repeat;
background-position: 16px center;
background-size: 18px auto;
}

.g-nav-inr>li span {
padding-top: 50px;
display: inline-block;
position: relative;
font-size: 15px;
-webkit-transition: 0.6s;
transition: 0.6s;
text-align: center;
line-height: 1.2;
}

.g-nav-inr>li:hover span {
-webkit-transition: 0.6s;
transition: 0.6s;
}

#nav_menu span {
background: url(../img/RN/nav_menu.svg) no-repeat center top;
}

#nav_campaign span {
background: url(../img/RN/nav_campaign.svg) no-repeat center top;
}

#nav_service span {
background: url(../img/RN/nav_service.svg) no-repeat center top;
}

#nav_fee span {
background: url(../img/RN/nav_fee.svg) no-repeat center top;
}

#nav_costume span {
background: url(../img/RN/nav_costume.svg) no-repeat center top;
}

#nav_shooting span {
background: url(../img/RN/nav_shooting.svg) no-repeat center top;
}

#nav_menu:hover span {
background: url(../img/RN/nav_menu_c.svg) no-repeat center top;
color: #0079c3;
}

#nav_campaign:hover span {
background: url(../img/RN/nav_campaign_c.svg) no-repeat center top;
color: #f4a104;
}

#nav_service:hover span {
background: url(../img/RN/nav_service_c.svg) no-repeat center top;
color: #e5005a;
}

#nav_fee:hover span {
background: url(../img/RN/nav_fee_c.svg) no-repeat center top;
color: #069538;
}

#nav_costume:hover span {
background: url(../img/RN/nav_costume_c.svg) no-repeat center top;
color: #0079c3;
}

#nav_shooting:hover span {
background: url(../img/RN/nav_shooting_c.svg) no-repeat center top;
color: #f4a104;
}

.box_cv {
position: absolute;
top: 0;
right: 90px;
}

.box_cv p {
font-size: 13px;
font-weight: bold;
}

.box_cv p span {
margin-right: 20px;
}

.box_btn {
display: flex;
justify-content: center;
margin-top: 10px;
}

.block-slider-top {
padding-top: 120px;
}

@media (min-width: 1025px) {
header {
	padding: 0 10px;
}
}

@media (max-width: 1230px) and (min-width: 1025px) {
.g-nav-inr>li>a {
margin-right: 5px;
padding: 10px 5px 0px;
}

.g-nav-inr>li span {
font-size: 14px;
}

.box_cv {
right: 60px;
}

#btn-store>a {
padding: 15px 13px 13px 36px;
background-position: 12px center;
background-size: 16px auto;
}

#btn-reserve>a {
padding: 15px 13px 13px 36px;
background-position: 12px center;
background-size: 16px auto;
}

.header-logo {
width: 134px;
}

.g-nav-inr {
left: 140px;
}

.box_cv p {
font-size: 12px;
}

.box_cv p span {
margin-right: 10px;
}
}

@media (max-width: 1024px) {
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 60px;
left: 0;
display: none;
z-index: 100;
}

.overlay.show {
display: block;
}

.btn-gnav-sp.active span:nth-of-type(1) {
top: 30px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.btn-gnav-sp.active span:nth-of-type(2) {
top: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.btn-gnav-sp.active span:nth-of-type(3) {
opacity: 0;
}

a.menu_plus {
background-image: url(../img/common/ico_plus.svg)!important;
}
a.menu_plus.active {
background-image: url(../img/common/ico_minus.svg)!important;
}
.navi-sm {
position: fixed;
width: 100%;
top: 80px;
right: -100%;
background-color: #fff;
z-index: 100;
-moz-transition: all 0.26s ease;
-o-transition: all 0.26s ease;
-webkit-transition: all 0.26s ease;
transition: all 0.26s ease;
 border-bottom: 3px solid #f4a000;
 padding-bottom: 20px; 
}

.navi-sm.show {
right: 0;
 overflow: auto;
}

.navi-sm.show .cover .btn-close {
left: -44px;
}

.navi-sm .cover {
position: relative;
overflow: auto;
height: unset;
}

.navi-sm .cover ul {
position: relative;
z-index: 90;
 display: flex;
 flex-wrap: wrap;
}

.navi-sm .cover ul .col2-nav {
display: flex;
justify-content: space-evenly;
padding: 16px 100px 20px;
background-color: #ffecc8;
 width: 100%;
}

.navi-sm .cover ul .col2-nav .online-booking,
.navi-sm .cover ul .col2-nav .find-store {
display: flex;
align-items: center;
justify-content: center;
width: 40%;
padding: 30px 0;
background-image: none;
border-bottom: none;
border-radius: 10px;
font-size: 15px;
font-weight: bold;
}

.navi-sm .cover ul .col2-nav .online-booking {
background-color: #da1d33;
color: #fff;
letter-spacing: -0.08em;
}

.navi-sm .cover ul .col2-nav .find-store {
background-color: #09973b;
color: #fff;
letter-spacing: -0.02em;
}

.navi-sm .cover ul li {
width: calc(100%/3);
}
.navi-sm .cover ul li a {
font-size: 14px;
color: #333;
font-weight: bold;
display: flex;
background-color: #fff;
background-image: url(../img/common/ico_arrow_r.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px auto;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
height: 55px;
align-items: center;
padding-left: 10px;
}

.navi-sm .cover .banner-navi {
text-align: center;
padding-left: 6px;
margin-bottom: 10px;
margin-top: 20px;
}

.navi-sm .cover .banner-navi a {
display: inline-block;
margin: 0 6px;
}

.navi-sm .cover .banner-navi a img {
display: block;
width: 65px;
}

.navi-sm .cover .text-navi {
font-size: 13px;
text-align: center;
line-height: 19px;
}

.box_menu_li {
display: flex;
flex-wrap: wrap;
}

.navi-sm .cover ul li ul li a {
text-align: left;
}

.wrp_menu_top {
padding-left: 15px!important;
}

.box_menu_li li {
width: 50%;
height: 55px;
}

.box_menu_li li a {
text-align: left;
display: flex;
align-items: center;
height: 55px;
font-size: 13px!important;
}

.box_menu_li li:nth-of-type(odd) a {
padding-left: 20px!important;
padding-right: 30px!important;
}

.box_menu_li li:nth-of-type(even) a {
padding-left: 5px!important;
padding-right: 30px!important;
}

header {
height: 80px!important;
position: fixed;
top: 0;
left: 0;
width: 100%;
}

.header-logo-sp {
position: absolute;
top: 5px;
left: 10px;
width: 100%;
}

.header-logo-sp img {
width: auto;
height: 46px;
}

.g-nav-sp {
display: block;
}

.g-nav-inr-sp {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 0px;
right: 55px;
transition: all .5s;
}

.g-nav-inr-sp>li {
flex-shrink: 1;
}

.g-nav-inr-sp>li span {
padding-top: 30px;
display: inline-block;
position: relative;
font-size: 11px;
}

#icon-store span {
color: #333;
background: url(/img/RN/nav_store_b.svg) no-repeat center top;
background-size: 30px;
}

#icon-reserve span {
color: #333;
background: url(/img/RN/nav_reserve_b.svg) no-repeat center top;
background-size: 25px;
}

#icon-menu span {
color: #333;
background: url(/img/RN/nav_menu_b.svg) no-repeat center top;
background-size: 30px;
}

.g-nav-inr-sp>li>a {
display: block;
position: relative;
padding: 10px 5px 0px;
font-weight: bold;
}

.btn-gnav-sp {
position: absolute;
background: #f4a000;
-webkit-transition: .1s linear;
transition: .1s linear;
z-index: 110;
border-radius: 6px;
width: 50px;
height: 50px;
top: 4px;
right: 5px;
}

span.line {
position: absolute;
background: #fff;
opacity: 0.9;
-webkit-transition: .1s linear;
transition: .1s linear;
height: 3px;
left: 10px;
border-radius: 20px;
width: 30px;
}

span.line:nth-child(1) {
top: 22px;
}

span.line:nth-child(2) {
top: 31px;
}

span.line:nth-child(3) {
top: 40px;
}

span.txt {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
color: #fff;
text-align: center;
top: 5px;
font-size: 10px;
}

.block-slider-top {
padding-top: 80px;
}

.cmn-header .left-header .logo {
width: 74px;
}

.header-menu {
font-size: 16px;
color: #333;
font-weight: bold;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 20px;
margin-right: 10px;
margin-top: 7px;
float: right;
}

.header-menu img {
width: 28px;
margin: 0 auto 2px;
display: block;
}

.header-menu p {
font-size: 10px;
}

.flex {
border-bottom: 1px solid #eeeeee;
}

.flex ul {
display: flex;
flex-wrap: wrap;
padding: 20px 10px;
justify-content: space-around;
}

.flex ul li {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 15%;
}

.flex ul li a { 
padding: 18px 0 15px;
background: #fff2d9;
border-radius: 8px;
box-shadow: 0 3px rgb(51 51 51 / 15%);
display: block;
text-align: center;
flex-grow: 1;
align-content: center;
max-height: 100px;
}

.flex p {
font-size: 14px;
font-weight: bold;
padding-top: 8px;
line-height: 14px;
}

i img {
height: 35px;
margin: 0 auto;
}
}

@media (max-width: 374px) {
.header-menu {
margin-top: 3px;
}

.g-nav-inr-sp>li span {
font-size: 10px;
padding-top: 25px;
}

#icon-menu span {
background-size: 25px;
}

#icon-reserve span {
background-size: 25px;
}

#icon-store span {
background-size: 25px;
}

.header-logo-sp {
top: 8px;
left: 8px;
}

.header-logo-sp img {
width: 70px;
height: 39px;
}

.g-nav-inr-sp {
top: 3px;
right: 60px;
}
}

@media (max-width: 766px) {
header {
height: 80px!important;
border-bottom: none;
}

.navi-sm {
border-bottom: none;
height: 100%;
padding-bottom: 100px;
}

.flex ul li {
width: 30%;
}

.flex ul li:nth-of-type(n+4) {
margin-top: 4%;
}

.navi-sm .cover ul li {
width: 100%;
}

.navi-sm .cover ul .col2-nav {
justify-content: space-between;
padding: 16px 16px 20px;
}

.navi-sm .cover ul .col2-nav .online-booking, .navi-sm .cover ul .col2-nav .find-store {
width: 48%;
padding: 16px 0;
}
}