@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Noto+Serif+JP:wght@400;500;700&display=swap');

:root{--spacing:0.05em;}
*{letter-spacing:var(--spacing);}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{font-size:62.5%;}
body{
	font-family:"Noto Serif JP","游明朝", "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
	font-size:1.6rem;
	color:#222;
	line-height:1.8;
	-webkit-text-size-adjust:100%;
	max-width:100%;
	min-width:320px;
	padding-top:136px;
}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #cccccc;}
input, select{vertical-align:middle;margin:0;box-sizing:border-box;}
input,textarea{-webkit-appearance:none;font-family:inherit;box-sizing:border-box;}
input:focus,textarea:focus,select:focus{outline:0;}
button{font-family:inherit;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;box-sizing:border-box;}
button::-moz-focus-inner{border:0;}
input:placeholder-shown{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder{color:#ccc;}
pre{white-space:pre-wrap;font-family:inherit;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
a{color:#222;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:none;transition:.2s ease;}
a[href^="tel:"]{cursor:text;}
a:hover{color:#222;}
a img{transition:.2s ease;}
a:hover img{opacity:0.7;}
*:focus-visible,
select:focus-visible{outline:1px solid #222;transition:outline 0s!important;}
.clearfix:after{content:"";clear:both;display:block;}
p + p{margin-top:1em;}
.en {font-family: 'Lato', sans-serif;}

#contents{overflow:hidden;}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header{width:100%;height:136px;padding:15px 30px 0;position:fixed;top:0;left:0;z-index:100;background:#fff;box-shadow:0 1px 2px 1px #0000000d;display:flex;flex-direction:column;justify-content:space-between;}
header .header-btn{position:absolute;top:0;right:0;display:flex;justify-content:flex-end;}
header .header-btn a{width:200px;height:55px;font-size:1.4rem;text-align:center;color:#fff;line-height:1.1;display:flex;align-items:center;justify-content:center;}
header .header-btn a:hover{filter:brightness(90%);}
header .header-btn .btn01{background:#77a1c8;}
header .header-btn .btn02{background:#a81f1f;}
header .header-nav ul{display:flex;justify-content:center;width:100%;}
header .header-nav ul > li{flex:1 1 auto;}
header .header-nav ul a{display:block;padding:20px 10px;font-size:1.3rem;text-align:center;font-weight:500;}
header .header-nav ul a:hover{color:#cd162c;}
header .header-nav ul > li.current a{color:#cd162c;}
header #header-sp-btn{display:none;}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{background:#222;color:#fff;text-align:center;padding:30px 20px 25px;}
footer a{color:#fff;}
footer .copyright{font-size:1.2rem;letter-spacing:0.1em;}
footer .footer-nav{font-size:1.4rem;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;}
footer .footer-nav a{display:block;padding:10px 20px;}
footer .footer-nav a:hover{color:#fff;opacity:0.7;}

/* -------------------------------------------------- */
/* form */
/* -------------------------------------------------- */
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{border:1px solid #cdcdcd;padding:10px;font-size:1.6rem;font-family:inherit;background:#fff;border-radius:0;}
/*
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url(/assets/img/arrow_select.png) no-repeat center right #fff;background-size:20px 7px;padding-right:28px!important;}
select::-ms-expand {display: none;}
textarea{width:100%;resize:vertical;}
*/

/* -------------------------------------------- */
/*  animation */
/* -------------------------------------------- */
.fadein,.fadein-list li {opacity: 0;}
.fadein.inview-show,.fadein-list li.inview-show { -webkit-animation: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) both .5s;animation: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) both .5s;-webkit-animation-name: slide_in_y;animation-name: slide_in_y;}

.slidein,.slidein-list li {opacity: 0;}
.slidein.inview-show,.slidein-list li.inview-show  {-webkit-animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) both .5s;animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) both .5s;-webkit-animation-name: slide_in_x;animation-name: slide_in_x;}

.scale,.scale-list li{opacity: 0;}
.scale.inview-show,.scale-list li.inview-show  {-webkit-animation: 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both .5s;animation: 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both .5s;-webkit-animation-name: scale_in;animation-name: scale_in;}

@-webkit-keyframes slide_in_x {0% { -webkit-transform: translateX(-3%); opacity: 0;}100% { -webkit-transform: translateX(0); opacity: 1;}}
@keyframes slide_in_x {0% { transform: translateX(-3%); opacity: 0;}100% { transform: translateX(0); opacity: 1;}}
@-webkit-keyframes slide_in_y {0% { -webkit-transform: translateY(10%); opacity: 0;}100% { -webkit-transform: translateY(0); opacity: 1;}}
@keyframes slide_in_y {0% { transform: translateY(10%); opacity: 0;}100% { transform: translateY(0); opacity: 1;}}
@-webkit-keyframes scale_in {0% { -webkit-transform: scale(0.98); opacity: 0;}100% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes scale_in {0% { transform: scale(0.98); opacity: 0;}100% { transform: scale(1); opacity: 1;}}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}
.nowrap{white-space:nowrap!important;}

.v-sp{display:none!important;}
.v-tablet{display:none!important;}
.v-pc{display:block!important;}

/* margin */
.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}

/* padding */
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}

/* container */
.container{max-width:1360px;padding:0 40px;margin:auto;position:relative;}
.container2{max-width:1080px;padding:0 40px;margin:auto;position:relative;}
section > .container,.section > .container,
section > .container2,.section > .container2{padding:80px 40px;}

/* ttl */
.common-ttl01{font-size:3.2rem;text-align:center;font-weight:bold;line-height:1.5;border-bottom:2px solid #222;padding-bottom:25px;margin-bottom:30px;}
.common-ttl02{font-size:3.2rem;text-align:center;font-weight:bold;line-height:1.5;margin-bottom:30px;}
.common-ttl02 small{font-size:1.8rem;}
.common-ttl03{font-size:2.4rem;text-align:left;font-weight:bold;line-height:1.5;border-bottom:1px solid #f4f4f4;padding-bottom:10px;margin-bottom:30px;position:relative;padding-left:28px;}
.common-ttl03::before{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 12px 0px 12px 20px;border-color: transparent transparent transparent #222;position:absolute;top:5px;left:0;}
.common-ttl03 a{text-decoration:underline;}
.common-ttl03 a:hover{text-decoration:none;}

/* btn */
.common-btn01{display:inline-block;padding:14px 20px;background:transparent;border:2px solid #222;text-align:center;line-height:1.6;min-width:280px;max-width:100%;font-weight:500;}
.common-btn01:hover{background:#222;color:#fff;}
.common-btn01.white{background:#fff;}
.common-btn01.white:hover{background:#222;}

/* bg */
.common-bg01{background:#f6f6f6;}
.common-bg02{background:url(/img/back01.png) repeat;}

/* lead */
.common-lead01 .txt{text-align:center;}

/* submv */
.common-submv{position:relative;display:flex;align-items:center;justify-content:flex-start;height:500px;}
.common-submv .img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.common-submv .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none;}
.common-submv .ttl{font-size:3.2rem;padding:10px 40px;font-weight:bold;position:relative;z-index:1;background:rgba(47,47,47,0.6);color:#fff;}
.common-submv.right .img img{object-position:80% center;}

/* breadcrumb */
.common-breadcrumb ul{display:flex;font-size:1.3rem;gap:20px;margin-top:10px;overflow:hidden;}
.common-breadcrumb ul > li{position:relative;white-space:nowrap;}
.common-breadcrumb ul > li br{display:none!important;}
.common-breadcrumb ul > li::after{content:"";display:block;width:5px;height:5px;border-right:1px solid #222;border-bottom:1px solid #222;transform:rotate(-45deg);position:absolute;right:-11px;top:50%;margin-top:-3px;}
.common-breadcrumb ul > li:last-child::after{display:none;}

/* block */
.common-block01{display:flex;}
.common-block01 .img{width:50%;}
.common-block01 .img img{width:100%;}
.common-block01 .inner{flex:1;padding:0 50px;background:url(/img/back_circle.png) no-repeat center center;background-size:contain;display:flex;align-items:center;}
.common-block01 .inner2{width:100%;}
.common-block01 .ttl{font-size:2.8rem;font-weight:bold;text-align:center;position:relative;line-height:1.5;padding-bottom:25px;margin-bottom:30px;}
.common-block01 .ttl::after{content:"";display:block;width:calc(100% + 100px);height:2px;background:#222;position:absolute;left:-50px;bottom:0;}
.common-block01 .ttl.big{font-size:3.2rem;}
.common-block01 .txt01{text-align:center;font-size:2.4rem;}
.common-block01 .btn{margin-top:25px;}
.common-block01 .btn a{display:block;}
.common-block01 + .common-block01{margin-top:100px;}
.common-block01.reverse{flex-direction:row-reverse;}

/* list */
.common-list01{display:flex;flex-wrap:wrap;gap:60px 30px;}
.common-list01 > li{width:calc((100% - 60px) / 3);}
.common-list01 > li .ttl{font-size:2.4rem;text-align:center;font-weight:bold;line-height:1.6;margin-bottom:20px;}
.common-list01 > li .ttl02{font-size:2.4rem;text-align:center;font-weight:bold;line-height:1.6;margin-top:15px;margin-bottom:15px;}
.common-list01 > li .img img{width:100%;}
.common-list01 > li .btn{margin-top:30px;text-align:center;}
.common-list01 > li .btn a{min-width:1px;width:280px;}

.common-list02{display:flex;flex-wrap:wrap;gap:25px;}
.common-list02 > li{width:calc((100% - 75px) / 4);}
.common-list02 > li .common-btn01{width:100%;min-width:1px;height:100%;display:flex;align-items:center;justify-content:center;}

.common-list03{display:flex;flex-wrap:wrap;gap:40px;}
.common-list03 > li{width:calc((100% - 40px) / 2);display:flex;gap:30px;}
.common-list03 > li .img{width:48%;height:0;padding-bottom:29.5%;position:relative;overflow:hidden;}
.common-list03 > li .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.common-list03 > li .inner{flex:1;line-height:1.6;font-size:1.5rem;}
.common-list03 > li .ttl{border-bottom:1px solid #222;font-size:1.8rem;font-weight:500;padding-bottom:5px;margin-bottom:10px;}
.common-list03 > li .link{display:flex;flex-wrap:wrap;font-size:1.5rem;margin-top:10px;white-space:nowrap;gap:5px 10px;}
.common-list03 > li .link > *{flex:1;}
.common-list03 > li .link a{text-decoration:underline;display:flex;align-items:center;}
.common-list03 > li .link a:hover{text-decoration:none;}
.common-list03 > li .link .tel a::before{content:"";display:inline-block;width:20px;height:20px;background:url(/img/icon_tel.png) no-repeat;background-size:contain;margin-right:3px;}
.common-list03 > li .link .mail a::before{content:"";display:inline-block;width:20px;height:20px;background:url(/img/icon_mail.png) no-repeat;background-size:contain;margin-right:3px;}
.common-list03 > li .btn{margin-top:15px;}
.common-list03 > li .btn a{display:block;width:100%;min-width:1px;}
.common-list03 + .common-ttl03{margin-top:60px;}

.common-list04 > li{border-bottom:1px solid #222;}
.common-list04 > li:first-child{border-top:1px solid #222;}
.common-list04 > li > *{display:block;padding:15px;}
.common-list04 > li > a:hover{opacity:0.7;}
.common-list04 > li .ttl{font-weight:bold;}
.common-list04 > li .excerpt{font-size:90%;opacity:0.7;}
.common-list04 > li .excerpt br{display:none!important;}

/* navlink */
.common-navlink01{text-align:center;background:#ececec;margin:50px 0;}
.common-navlink01 .container{padding-top:0;padding-bottom:0;position:relative;}
.common-navlink01 .img img{width:auto;height:210px;}
.common-navlink01 .link{position:absolute;left:0;bottom:0;width:100%;}
.common-navlink01 .common-btn01{width:625px;max-width:90%;min-width:1px;}

/* shop */
.common-shop { border-top: solid 1px #333333;background: url(/img/shop-bg.png); }
.common-shop .container2{padding-top:60px;padding-bottom:100px;}
.common-shop .container2 .common-ttl02{margin-bottom:10px;}
.common-shop .shop-inner { display: flex; justify-content: space-between; }
.common-shop .shop-map { width: 47%; letter-spacing: 0; }
.common-shop .shop-map .img { position: relative; display: inline-block;}
.common-shop .shop-map a { display: inline-block; width: 80px; font-size: 1.2rem; padding: 2px 0 3px; background: #fff; border: solid 1px #222; text-align: center; position: absolute; z-index: 1; }
.common-shop .shop-map a.area01 { top: 44%; left: 74%; }
.common-shop .shop-map a.area02 { top: 65%; left: 65%; }
.common-shop .shop-map a.area03 { top: 46%; left: 44%; }
.common-shop .shop-map a.area04 { top: 85%; left: 51%; }
.common-shop .shop-map a.area05 { top: 70%; left: 32%; }
.common-shop .shop-map a.area06 { top: 57%; left: 16%; }
.common-shop .shop-map a.area07 { top: 88%; left: 23%; }
.common-shop .shop-map a.area08 { top: 78%; left: 0%; }
.common-shop .shop-list { width: 47%; letter-spacing: 0;font-size:1.4rem; }
.common-shop .shop-list dl { display: table; }
.common-shop .shop-list dl + dl { margin-top: 20px; }
.common-shop .shop-list dt { display: table-cell;}
.common-shop .shop-list dt a { color: #fff; display: block; width: 80px; font-size: 1.2rem; padding: 2px 0 3px; background: #222; text-align: center; margin-right:5px;}
.common-shop .shop-list dt a:hover { background: #646464; }
.common-shop .shop-list dd { display: table-cell; padding-left: 10px; text-align: left;}
.common-shop .shop-list dd span + span:before { content: "｜"; margin: 0 1px; color: #222; }

/* page（固定ページ） */
.common-page .post h2,.common-page .post h3,.common-page .post h4,.common-page .post h5 ,.common-page .post h6 {line-height: 1.4em;margin: 2em 0 1.5em;}
.common-page .post h2 {font-size: 3rem;text-align: center;}
.common-page .post h2:after {content: '';display: block;width: 30px;height: 1px;background-color: #222222;margin: 30px auto;}
.common-page .post h3 {border: 1px solid #222;text-align: center;padding: .5em;font-size: 2rem;}
.common-page .post p {line-height: 2em;font-size:inherit;}
.common-page .post p:after {content: "";display: block;clear: both;}
.common-page .post ul ,.common-page .post ol {margin: 1em 0;}
.common-page .post ul{list-style:disc;}
.common-page .post ol{list-style:decimal;}
.common-page .post li + li {margin-top: 1em;}
.common-page .post li {text-indent: -1em;margin-left: 2em;list-style:inherit ;text-indent: 0;}
.common-page .post blockquote {color: #666;font-size: .9em;padding: 1em;border: 1px solid #ccc;}
.common-page .post a {color: #a9a9a9;border-bottom: 1px solid #999;}
.common-page .post a:hover {color: #ccc;border-bottom-color: transparent;}
.common-page .post hr {margin: 50px auto;border: 0 none; height: 1px;background-color: #ccc;}
.common-page .post table {border-collapse: collapse;margin: 1em 0;}
.common-page .post table th,
.common-page .post table td {border: 1px solid #ddd;font-size: .9em;padding: 1em;}
.common-page .post table th {background-color: #f1f1f1;white-space: nowrap;}
.common-page .sitemap,
.common-page .sitemap ul{list-style: none!important;}
.common-page .sitemap li {margin: 0;}
.common-page .sitemap a {color: #251e1c;border: none;}
.common-page .sitemap a:hover {border-color: #222;}
.common-page .sitemap {display: flex;flex-wrap: wrap;}
.common-page .sitemap > li {width: calc(96% / 3);margin-bottom: 2em;margin-left: 2%;}
.common-page .sitemap > li + li {margin-top: 0;}
.common-page .sitemap > li:nth-child(3n+1) {margin-left: 0;}
.common-page .sitemap > li > a {border: solid 1px #222;display: block;padding: .8em 1em .8em 2em;}
.common-page .sitemap > li > ul li {margin-left: 2em;}
.common-page .sitemap > li > ul li:before {content: '・';}
.common-page  form {max-width: 750px;margin: auto;}
.common-page .form-group {padding: 1% 0 3%;position: relative;display: flex;flex-wrap: wrap;}
.common-page .form-group label {min-width: 180px;}
.common-page .form-group label + span {flex: 1;display: flex;flex-direction: column;}
.common-page .form-control {display: inline-block;padding: .8em;margin-left: 0.5%;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #eeeeee;background-image: none;border: none;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.common-page .form-control:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.common-page .mwform-tel-field input[type="text"],
.common-page .mwform-zip-field input[type="text"]{width:auto;max-width:90px;}
.common-page form input[type="submit"] {font-family: 'Noto Serif JP', serif;background-color: #222222;color: #fff;border: none;padding: 1.5em .5em;min-width: 200px;margin: 2em auto;display: block;transition: .3s;cursor: pointer;}
.common-page form input[type="submit"]:hover {background-color: #444;}
.common-page .mwform-tel-field {display: flex;align-items: center;}
.common-page .red{color:#f25252;}

/* tag */
.common-tag span { display: inline-block; margin-bottom: 5px; }
.common-tag span a { font-size: 1.2rem; color: #4e4e4e; line-height: 1.25; border-bottom: solid 1px #aaa; margin: 0 5px; padding-bottom: 4px; transition: .2; }
.common-tag span a:before {content: '#';}
.common-tag span a:hover { opacity: .7;border: transparent; }

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1199px){
	.common-shop .shop-list { width: 50%;}
}
@media screen and (min-width:1px) and (max-width:999px){
	body{padding-top:62px;font-size:1.5rem;}

	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header{height:62px;padding:0 20px;}
	header .logo{display:flex;align-items:center;height:100%;}
	header .logo img{width:200px;}
	header .header-menu{position:fixed;top:0;left:-100%;max-width:calc(100vw - 70px);width:320px;height:100%;background:#cc4f5c;color:#fff;transition:left .3s linear;padding:15px 15px 60px;overflow-y:auto;}
	header .header-menu.active{left:0;}
	header .header-menu a{color:#fff;}
	header .header-nav ul{display:block;margin-top:10px;}
	header .header-nav ul a{text-align:left;font-size:1.4rem;padding:15px 10px;}
	header .header-nav ul a:hover{color:#fff;}
	header .header-btn{position:static;display:block;}
	header .header-btn a + a{margin-top:10px;}
	header .header-btn a{width:100%;}
	header .header-btn a br{display:none;}
	header #header-sp-btn{display:flex;align-items:flex-end;position:absolute;right:0;top:0;z-index:101;width:70px;height:62px;cursor:pointer;color:#222;}
	header #header-sp-btn span{display:inline-block;transition:all .2s;box-sizing:border-box;width:24px;position:absolute;top:calc(50% - 8px);right:22px;height:1px;background-color:#000;}
	header #header-sp-btn span:nth-of-type(1){transform:translateY(-6px);}
	header #header-sp-btn span:nth-of-type(3){transform:translateY(6px);}
	header #header-sp-btn.active span:nth-of-type(1){transform:rotate(45deg);}
	header #header-sp-btn.active span:nth-of-type(2){opacity:0;}
	header #header-sp-btn.active span:nth-of-type(3){transform:rotate(-45deg);}
	header #header-sp-btn small{display:block;width:100%;text-align:center;font-size:1.2rem;letter-spacing:0;padding-bottom:8px;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.v-pc{display:none!important;}
	.v-tablet{display:block!important;}

	.container,.container2,
	section > .container,.section > .container,
	section > .container2,.section > .container2{padding-left:5%;padding-right:5%;}

	/* ttl */
	.common-ttl01{font-size:2.4rem;padding-bottom:20px;margin-bottom:25px;}
	.common-ttl02{font-size:2.8rem;}
	.common-ttl02 small{font-size:1.5rem;}
	.common-ttl03{font-size:2rem;padding-left:22px;}
	.common-ttl03::before{border-width:8px 0px 8px 14px;top:8px;}

	/* block */
	.common-block01 .ttl{font-size:2.4rem;}
	.common-block01 .ttl.big{font-size:2.8rem;}
	.common-block01 .txt01{font-size:2rem;}

	/* list */
	.common-list03 > li{display:block;}
	.common-list03 > li .img{width:100%;padding-bottom:60%;margin-bottom:15px;}

	/* shop */
	.common-shop .container2{padding-top:30px;padding-bottom:40px;}
	.common-shop .common-ttl02{text-align:center!important;}
	.common-shop .shop-inner {display: block;}
	.common-shop .shop-map,.common-shop .shop-list { width: 100%; text-align: center;}
	.common-shop .shop-list { margin-top: 40px;font-size:1.2rem;}
	.common-shop .shop-list .shop-list-inner { display: inline-block;}
	.common-shop .shop-list dt a{font-size:1.1rem;}

	/* page */
	.common-page .post h2 {font-size: 1.8rem;}
	.common-page .post blockquote{margin: 0;}

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:767px){
	body{font-size:1.4rem;}

	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	footer{padding:25px 5% 20px;}
	footer .footer-nav{font-size:1.2rem;}
	footer .footer-nav a{padding:5px 20px;}

		/* -------------------------------------------------- */
	/* form：フォーム拡大防止 */
	/* -------------------------------------------------- */
	input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
	input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{font-size:16px!important;}
	textarea{font-size:16px!important;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.v-tablet{display:none!important;}
	.v-sp{display:block!important;}

	section > .container,.section > .container,
	section > .container2,.section > .container2{padding-top:50px;padding-bottom:50px;}

	/* margin */
	.m-0{margin:0!important;}.m-1{margin:0.5rem!important;}.m-2{margin:1rem!important;}.m-3{margin:1.5rem!important;}.m-4{margin:2rem!important;}.m-5{margin:2.5rem!important;}.m-6{margin:3rem!important;}.m-7{margin:3.5rem!important;}.m-8{margin:4rem!important;}
	.mt-0{margin-top:0!important;}.mt-1{margin-top:0.5rem!important;}.mt-2{margin-top:1rem!important;}.mt-3{margin-top:1.5rem!important;}.mt-4{margin-top:2rem!important;}.mt-5{margin-top:2.5rem!important;}.mt-6{margin-top:3rem!important;}.mt-7{margin-top:3.5rem!important;}.mt-8{margin-top:4rem!important;}
	.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:0.5rem!important;}.mb-2{margin-bottom:1rem!important;}.mb-3{margin-bottom:1.5rem!important;}.mb-4{margin-bottom:2rem!important;}.mb-5{margin-bottom:2.5rem!important;}.mb-6{margin-bottom:3rem!important;}.mb-7{margin-bottom:3.5rem!important;}.mb-8{margin-bottom:4rem!important;}
	.mr-0{margin-right:0!important;}.mr-1{margin-right:0.5rem!important;}.mr-2{margin-right:1rem!important;}.mr-3{margin-right:1.5rem!important;}.mr-4{margin-right:2rem!important;}.mr-5{margin-right:2.5rem!important;}.mr-6{margin-right:3rem!important;}.mr-7{margin-right:3.5rem!important;}.mr-8{margin-right:4rem!important;}
	.ml-0{margin-left:0!important;}.ml-1{margin-left:0.5rem!important;}.ml-2{margin-left:1rem!important;}.ml-3{margin-left:1.5rem!important;}.ml-4{margin-left:2rem!important;}.ml-5{margin-left:2.5rem!important;}.ml-6{margin-left:3rem!important;}.ml-7{margin-left:3.5rem!important;}.ml-8{margin-left:4rem!important;}

	/* padding */
	.p-0{padding:0!important;}.p-1{padding:0.5rem!important;}.p-2{padding:1rem!important;}.p-3{padding:1.5rem!important;}.p-4{padding:2rem!important;}.p-5{padding:2.5rem!important;}.p-6{padding:3rem!important;}.p-7{padding:3.5rem!important;}.p-8{padding:4rem!important;}
	.pt-0{padding-top:0!important;}.pt-1{padding-top:0.5rem!important;}.pt-2{padding-top:1rem!important;}.pt-3{padding-top:1.5rem!important;}.pt-4{padding-top:2rem!important;}.pt-5{padding-top:2.5rem!important;}.pt-6{padding-top:3rem!important;}.pt-7{padding-top:3.5rem!important;}.pt-8{padding-top:4rem!important;}
	.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:0.5rem!important;}.pb-2{padding-bottom:1rem!important;}.pb-3{padding-bottom:1.5rem!important;}.pb-4{padding-bottom:2rem!important;}.pb-5{padding-bottom:2.5rem!important;}.pb-6{padding-bottom:3rem!important;}.pb-7{padding-bottom:3.5rem!important;}.pb-8{padding-bottom:4rem!important;}
	.pr-0{padding-right:0!important;}.pr-1{padding-right:0.5rem!important;}.pr-2{padding-right:1rem!important;}.pr-3{padding-right:1.5rem!important;}.pr-4{padding-right:2rem!important;}.pr-5{padding-right:2.5rem!important;}.pr-6{padding-right:3rem!important;}.pr-7{padding-right:3.5rem!important;}.pr-8{padding-right:4rem!important;}
	.pl-0{padding-left:0!important;}.pl-1{padding-left:0.5rem!important;}.pl-2{padding-left:1rem!important;}.pl-3{padding-left:1.5rem!important;}.pl-4{padding-left:2rem!important;}.pl-5{padding-left:2.5rem!important;}.pl-6{padding-left:3rem!important;}.pl-7{padding-left:3.5rem!important;}.pl-8{padding-left:4rem!important;}

	/* ttl */
	.common-ttl01{font-size:2rem;padding-bottom:15px;margin-bottom:20px;}
	.common-ttl02{font-size:2.4rem;margin-bottom:20px;}
	.common-ttl02 small{font-size:1.2rem;}
	.common-ttl03{margin-bottom:20px;}

	/* lead */
	.common-lead01 .txt{text-align:left;}

	/* submv */
	.common-submv{height:62vw;}
	.common-submv .ttl{font-size:2rem;padding:8px 20px;}

	/* breadcrumb */
	.common-breadcrumb ul{font-size:1.2rem;}

	/* block */
	.common-block01{display:block;}
	.common-block01 .img{width:100%;margin-bottom:30px;}
	.common-block01 .inner{padding:0 5%;}
	.common-block01 .ttl{font-size:2rem;padding-bottom:15px;margin-bottom:20px;}
	.common-block01 .ttl.big{font-size:2.4rem;}
	.common-block01 .txt01{font-size:1.8rem;}
	.common-block01 .btn a{max-width:80%;margin:auto;}
	.common-block01 + .common-block01{margin-top:50px;}
	.common-block01.sp-reverse{display:flex;flex-direction:column-reverse;}
	.common-block01.sp-reverse .img{margin-top:30px;margin-bottom:0;}

	/* list */
	.common-list01{display:block;}
	.common-list01 > li{width:100%;}
	.common-list01 > li + li{margin-top:50px;}
	.common-list01 > li .img{max-width:450px;margin:auto;}
	.common-list01 > li .ttl{font-size:2rem;margin-bottom:15px;}
	.common-list01 > li .ttl02{font-size:2rem;}
	.common-list01 > li .btn{margin-top:15px;text-align:center;}
	.common-list01 > li .btn a{max-width:80%;}

	.common-list02{gap:10px;}
	.common-list02 > li{width:calc((100% - 10px) / 2);}

	.common-list03{display:block;}
	.common-list03 > li{width:100%;}
	.common-list03 > li + li{margin-top:50px;}	
	.common-list03 > li .inner{font-size:1.3rem;}

	.common-list04 > li > *{padding:15px 0;}

	/* shop */
	.common-shop .shop-map a.shinetsu { top: 46%; left: 43%; }
	.common-shop .shop-map a.chugoku { top: 54%; left: 12%; }
	.common-shop .shop-map a.shikoku { top: 88%; left: 20%; }
	.common-shop .shop-map a.kyushu { top: 73%; left: 0%; }

	/* page */
	.common-page .post h2 {font-size: 2.3rem;}
	.common-page .post h3 {font-size: 1.5rem;}
	.common-page .sitemap > li {width: 100%;margin-left: 0;margin-bottom: 1em;}
	.common-page .sitemap > li > a {padding-left: 1em;}
	.common-page .form-group label {display: block;width: 100%;margin-bottom: 10px;}
	.common-page .form-group .form-control {flex: none;width: 100%;}

	/* tag */
	.tag span a {padding-bottom: 2px;}
}
