@font-face{ font-family: "dnp-shuei-mincho-pr6n", sans-serif; font-weight: 400; font-style: normal;}
@font-face{ font-family: "dnp-shuei-mincho-pr6n", sans-serif; font-weight: 600; font-style: normal;}

a { text-decoration:none; color: #4d4d4d; }
a:hover { text-decoration:none; color: #AEAEAE; }
@media screen and (min-width: 600px){
a[href^="tel:"]{ pointer-events: none; }
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
svg{ display:block; position: absolute; height: 100%; width: 100%; top:0; left:0;}
div{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
h1, h2{ margin: 0 0; padding: 0 0; }
small{ color: #fff; }

body{ margin: 0 0; padding: 0 0; width: 100%; height: 100%; background-color: rgba(255,255,255,1); font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; text-align: left; color: rgba(51,41,38,1); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
img{ border: 0; vertical-align: bottom; line-height: 0;}
html{ height: 100%; font-size: 100%; scroll-behavior: smooth; }

.clear {clear: both; width: 100%; border: 0px; height: 1px;}
.nowrap { white-space: nowrap;}
@media screen and (min-width: 600px){
.non { display: none; }
}
#main { margin: 3.7rem auto 0 auto; padding: 0 3.7rem; max-width: 1084px; background-color: rgba(255,255,255,1); text-align: center; overflow: hidden; }
@media screen and (max-width: 600px){
#main { margin: 2rem auto 0 auto;  padding: 0 1rem;}
}
#footer { margin: 0 0; padding: 2rem 0; max-width: 100%; background-color: rgba(51,41,38,1); overflow: hidden; }
#footer-enter { margin: 0 auto; padding: 0 2rem; max-width: 1084px; text-align: center; overflow: hidden; }

.font01 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);}
.font02 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: 1.6rem;}
.font03 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem);}
.font04 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1.688rem, 1.506rem + 0.91vw, 2.188rem);}
.font05 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 1.4rem;}
.font06 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(3.5rem, 1.398rem + 6.14vw, 9.6rem);}
.font07 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);}
.font08 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(0.938rem, 0.847rem + 0.45vw, 1.188rem)}
.font09 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(3.375rem, 1.807rem + 7.84vw, 7.688rem);}
.font10 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(0.688rem, 0.619rem + 0.34vw, 0.875rem);}
.font11 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1.688rem, 1.642rem + 0.23vw, 1.813rem);}
.font12 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(6.563rem, 6.517rem + 0.23vw, 6.688rem);}
.font13 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1.313rem, 1.199rem + 0.57vw, 1.625rem);}
.font14 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(0.813rem, 0.653rem + 0.8vw, 1.25rem);}
.font15 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1.625rem, 1.307rem + 1.59vw, 2.5rem);}
.font16 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: clamp(1.375rem, 1.284rem + 0.45vw, 1.625rem);}
.font17 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: clamp(1.25rem, 1.182rem + 0.34vw, 1.438rem);}
.font18 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: clamp(1.25rem, 1.045rem + 1.02vw, 1.813rem);}
.lineheight01 { line-height: clamp(1.688rem, 1.415rem + 1.36vw, 2.438rem);}
.lineheight02 { line-height: clamp(9.375rem, 8.239rem + 5.68vw, 12.5rem);}
.lingheight03 { line-height: clamp(14.375rem, 13.92rem + 2.27vw, 15.625rem);}
.lingheight04 { line-height: 1.5rem;}
.lingheight05 { line-height: 1.8rem;}
.color01 { color: rgba(51,41,38,1);}
.color02 { color: rgba(255,255,255,1);}
.color03 { color: rgba(51,41,38,0.1);}
.color04 { color: rgba(0,90,67,1);}
.color05 { color: rgba(51,41,38,0.5);}
.text-style { font-style: oblique;}
.text-style02 { text-decoration: underline;}
.text-style03 { vertical-align: 2rem;}
.text-style04 { font-weight: 600;}
.magin01 { margin: 1rem 0 0.2rem 0; padding: 0 0;}
.magin02 { margin: 0 0; padding: 0 0 0.5rem 0;}
.bg01 { margin: 0 0; padding: 0.5rem; background-color: rgba(253,141,62,1);}
.bg02 { margin: 0 0; padding: 0.5rem; background-color: rgba(51,41,38,1); }
.bg03 { margin: 0 0; padding: 0.5rem; background-color: rgba(51,41,38,0.2);}
.bg04 { background-color: rgba(255,255,255,1);}

ol { margin: 0; padding: 0;}
ol li.one{ list-style: none; padding-left: 1.5em; text-indent: -1.4em;}
ul { margin: 0 0; padding: 0 0;}
ul li.two{ margin: 0; padding: 0 0 1rem 0; list-style: none;}
ul li.three{margin: 0; padding: 0 0; list-style: none;}
ul#flex { margin: 0 0; padding: 2rem 0; display: flex; list-style: none;}
ul#flex li.date{ margin: 0 0; padding: 0 0;}
ul#flex li.data{ margin: 0 0; padding: 0 0;}
@media screen and (max-width: 600px){
ul#flex { margin: auto; flex-direction: column; align-items: center;}
ul#flex li.date{ margin: 0 auto; display: inline-block;}
ul#flex li.data{ margin: 0 auto; display: inline-block;}
}

/* 点滅 */

.blinking{ -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animation:blink 1.5s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;}
}
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;}
}
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;}
}

#logo { margin: 0 auto; padding: 2rem 0 0 0; text-align: left; width: 40%; max-width: 435px; filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 9)); transform: translateZ(0); z-index: 3; position: absolute;}
#logo a{ display: block; }
#logo02 { margin: 1rem 0 0 0; padding: 0 0; text-align: left; width: 45%; max-width: 134px; filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 1)); transform: translateZ(0);}
#logo02 a{ display: block; }
#logo03 { margin: 0 0; padding: 0 0 0.5rem 0; text-align: left; width: 80%; max-width: 700px; }
#logo03 img{ width: 100%; }
#logo04 { margin: 0 auto; padding: 2rem 0; text-align: center; width: 80%; max-width: 297px; }
#logo04 img{ width: 60%; }
@media screen and (max-width: 600px){
#logo { display:  none;}
#logo02 { display:  none;}
}
@media screen and (max-width: 800px){
#logo04 { margin: 0 auto; text-align: center;}
}
@media screen and (min-width: 600px) {
#logo03 { display:  none;}
}

#webwide { margin: 0 0; padding: 0 0; width: 100%; text-align: center; position: relative;  }
#spwide { margin: 0.5rem 0 0 0; padding: 0 0; width: 100%; text-align: center; position: relative;}
@media screen and (max-width: 600px){
#webwide { display:  none;}
}
@media screen and (min-width: 600px) {
 #spwide  { display:  none;}
}

.Inner {margin-left: auto;margin-right: auto;width: 100%;display: flex;flex-direction: column;
}
.Inner-Card {margin-top: 0px;width: 100%;
}
.Inner-Card-Wrapper {display: flex;
}
.Inner-Card-Wrapper-Slide {width: 100%!important;/*スライドの横幅*/
}
@media screen and (max-width: 600px){width: 100%!important;/*スライドの横幅*/
}
.Inner-Card-Wrapper-Slide-Item {position: relative;width: 100%;
}
.Inner-Card-Wrapper-Slide-Item-ImgBox {width: 100%;
}
.Inner-Card-Wrapper-Slide-Item-ImgBox-Img {width: 100%;padding-top: 70%;/*スライドの縦横比*/
}
@media screen and (max-width: 600px){
.Inner-Card-Wrapper-Slide-Item-ImgBox-Img {width: 100%;padding-top: 90%;/*スライドの縦横比*/
}
}
/* fb */
/* スマホ用 */
/* PCでは横幅500pxで表示 */
.fb-wrap{
/* 以下2行は不要かも */
max-width: 500px; width: 100%;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border: 1px dotted #999; display: block; }

/* 896px以下は横幅100%、中央寄せ*/
@media screen and (max-width: 1000px) {
 .fb-wrap{width: 100%;text-align: center !important;margin: 0 auto !important;}
.fb-page {text-align: center !important;margin: 0 auto !important;}
}


#top-text { margin: 0 0; padding: 2.5rem; width: 70%; max-width: 469px; height: auto; background: rgba(51,41,38,0.8); text-align: center; position: absolute; top: 78%; z-index: 3;}
#top-bg { margin: 2rem 0 0 auto; padding: 0 0; width: 95%; height: auto; background: url("../_img/top_wide02.jpg") bottom left; background-size: cover;}
#top-text02 { margin: 0 0 0 auto; padding: 11rem 0 6rem 0; width: 100%; height: auto; background: linear-gradient(-90deg, rgba(255, 255, 255, 1)40%, rgba(255, 255, 255, 0)70%); text-align: right;}
#top-bg02 { margin: 3rem 0 0rem auto; padding: 0rem 0 4rem 0;  height: auto; background-image: url("../_img/arrow01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; text-align: right; display: inline-block;}
@media screen and (max-width: 900px) {
#top-text02 { background: linear-gradient(-90deg, rgba(255, 255, 255, 1)40%, rgba(255, 255, 255, 0)100%);}
}
@media screen and (max-width: 900px) {
#top-text02 { padding: 11rem 0 3rem 0;}
}
@media screen and (max-width: 700px) {
#top-text { margin: 0 0; padding: 1.5rem; max-width: 320px; top:85%; left:10; transform: translate(-85%, -10);}
#top-bg { margin: 2rem 0 0 auto; padding: 0 0;}
#top-text02 { padding: 11rem 0 0 0; width: 100%; background: rgba(255, 255, 255, 1);}
}
@media screen and (max-width: 450px) {
#top-text { width: 95%;}
#top-text02 { padding: 10rem 0 0 0;}
}

#contents-box01 { margin: 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#contents-box02 { margin: 8rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#contents-box03 { margin: 0 0 5rem 0; padding: 0 0 2rem 0; width: 100%; height: auto; background: url("../_img/box-bg01.jpg") repeat-x top, url("../_img/box-bg02.jpg") repeat-x bottom; text-align: center;}
#contents-box04 { margin: 0 0 5rem 0; padding: 2rem 2rem 6rem 2rem; width: 100%; height: auto; background: url("../_img/box-bg03.jpg") repeat center; text-align: center;}
#contents-box05 { margin: 0 0 4.5rem 0; padding: 1rem 1rem 5rem 1rem; background-color: rgba(51,41,38,0.1); width: 100%; height: auto; text-align: center;}
#contents-box06 { margin: 0 0 5rem 0; padding: 0 0; width: 100%; height: auto;}
#contents-box06 img { max-width: 100%; height: auto;}
#text-box01 { margin: 5rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box02 { margin: -2rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box03 { margin: 3rem auto 0 auto; padding: 0 0; width: 100%; height: auto; text-align: justify;}
#text-box04 { margin: 1rem auto; padding: 0 0; width: 90%; height: auto; text-align: right;}
#text-box05 { margin: 0 auto 2rem auto; padding: 0 0 1rem 0; width: 90%; height: auto; text-align: justify;}
#text-box06 { margin: -2% 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box07 { margin: 0 0; padding: 1rem 0; width: 100%; height: auto; text-align: left;}
#text-box08 { margin: 0 0; padding: 1rem 0 1rem 2rem; width: 100%; height: auto; text-align: left;}
#text-box09 { margin: 0 0; padding: 0 0; width: 100%; height: auto; text-align: left; border: dashed rgba(51,41,38,1); border-width: 1px 0 0 0; }
#text-box10 { margin: 5rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box11 { margin: 0 0; padding: 0 0; width: 100%; height: auto;}
#text-box12 { margin: 0 0; padding: 0 0 0 1rem; width: 100%; height: auto;}
#text-box13 { margin: 6rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box14 { margin: 0.5rem auto 1rem auto; padding: 0 0; width: 90%; height: auto; text-align: justify;}
#text-box15 { margin: 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box18 { margin: 2rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
.text-box16 { margin: 0 auto; padding: 1rem 0.5rem 0 0.5rem; display: inline-block; height: auto; text-align: left; }
.text-box17 { margin: 1rem auto 0 auto; padding: 0rem 1rem 0.7rem 1rem; display: inline-block; height: auto; text-align: left; border: solid rgba(51,41,38,1); border-width: 1px 0 1px 0; }
@media screen and (max-width: 800px) {
#text-box06 { margin: -3% 0 0 0;}
}
@media screen and (max-width: 600px) {
#contents-box01 { margin: 0 0;}
#contents-box03 { margin: 0 0;}
#contents-box05 { margin: 0 0 1rem 0;}
#text-box06 { margin: -3% 0 0 0;}
#text-box10 { margin: 1rem 0 0 0;}
#text-box11 { margin: 0 auto; padding: 0 0; text-align: center;}
#text-box12 { margin: 0 auto; padding: 1rem 0 0 0; text-align: center;}
}
.job-title01{ margin: -4.5rem auto 0 auto; padding: 0.5rem; width: 95%; max-width: 495px; height: auto; text-align: center; background-color: rgba(235,234,233,1); border: solid 1px rgba(51,41,38,1); }
.job-title02{ margin: -1.5rem auto 0 auto; padding: 0.5rem; width: 100%; max-width: 100px; height: auto; text-align: center; background-color: rgba(230,239,236,1); }
#job-data02{ margin: 6rem auto 2rem auto; padding: 2rem; width: 100%; max-width: 700px; height: auto; text-align: center; background-color: rgba(230,239,236,1) ; }


@media screen and (max-width: 700px){
.job-text{ padding: 1rem 0 0 0; }
.job-text02{ padding: 1rem 0 0 0; }
}

#flame01 { margin: 0 0; padding: 0 0; width: 100%; position: relative; display: flex; text-align: center; border: solid rgba(51,41,38,1); border-width: 1px 0 1px 0;}
#flame02 { margin: 2rem 0; padding: 0 0; width: 100%; position: relative; display: flex; gap: 1rem; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0;}
#flame03 { margin: 0 0; padding: 1rem 0; width: 100%; text-align: right;}
#flame04 { margin: 2rem 0; padding: 0 0; width: 100%; position: relative; display: flex; flex-wrap: wrap; gap: 1em; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0 0 0;}
#flame05 { margin: 1rem auto 0 auto; padding: 0 0 ; width: 90%; max-width: 740px; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0 0 0;}
#flame06 { margin: 0 0; padding: 0 0; width: 100%; position: relative; display: flex; gap: 1em; text-align: center;}
#flame07 { margin: 2rem 0; padding: 0 0; width: 100%; position: relative; display: flex; gap: 2em; text-align: center;}
#flame08 { margin: 1rem auto 0 auto; padding: 0 0; text-align: center; display: inline-block; overflow: hidden;}
#flame09 { margin: 1rem auto; padding: 0 0; position: relative; display: flex; flex-wrap: wrap; gap: 0em; text-align: center;}
#shop01 { margin: 0 0; padding: 4rem; width: 50%; text-align: justify; border: solid rgba(51,41,38,1); border-width: 0 1px 0 0;}
#shop02 { margin: 0 0; padding: 4rem; width: 50%; text-align: justify; border: solid rgba(51,41,38,1); border-width: 0 0;}
#shopflame01 { margin: 0 auto; padding: 0 0; width: 100%; height: auto; text-align: center;}
#shopcarrierflame { margin: 2rem 0 0 0; padding: 2rem; width: 100%; height: auto; background-color: rgba(51,41,38,0.1); text-align: center;}
#shopimages { margin: 0 0; padding: 0 0; width: 50%; text-align: center;}
#shopimages img { max-width: 100%; height: auto;}
#castflame { margin: 1rem auto; padding: 0 1rem; width: 18%; height: auto; text-align: center; flex-basis: auto;}
#castflame02 { margin: 0 auto; padding: 1rem 0; width: 100%; text-align: center; border: solid rgba(51,41,38,1); border-width: 1px 0 1px 0;}
#castflame03 { margin: 0 auto; padding: 5rem 0; width: 100%; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0 0 0;}
#castflame03 img { max-width: 100%; height: auto;}
#castflame04 { margin: 0 auto; padding: 1rem 0; width: 100%; text-align: center; }
#cast01 { margin: 0 auto; padding: 0 0; width: 100%; height: auto; text-align: center;}
#cast01 a:hover{ display: block; opacity: 0.5;}
#castimages { margin: 1rem auto; padding: 0 0; width: 85%; max-width: 454px; height: auto; border-radius: 50%; overflow: hidden;}
#castimages img { max-width: 100%; height: auto;}
#castbutton { margin: 1rem auto; padding: 0 0; width: 100%; max-width: 435px; height: auto; text-align: right; display: table; overflow: hidden; vertical-align: bottom; overflow: hidden;}
#castbutton img { max-width: 100%; height: auto;}
#column01 { margin: 0 0; padding: 0 0; width: 50%; text-align: justify; position: relative;}
#column01 img { max-width: 100%; height: auto;}
#columntitle01 { margin: 0 0; padding: 0 0; width: 100%; height: auto; border: solid rgba(51,41,38,1); border-width: 1px 0 0 1px;}
#columntitleentertop { margin: 0 0; padding: 2rem 0 5rem 3rem; width: 100%;}
#columntitleenterbottom { margin: 0 0 1rem 0; padding: 0 0 0 1rem; width: 100%; height: auto; position: absolute; left: 0; bottom: 0; border: solid rgba(51,41,38,1); border-width: 0 0 1px 0;}
#columntitleenterbottom02 { margin: 1rem 0; padding: 1rem 0; width: 100%; height: auto; text-align: left; border: solid rgba(51,41,38,1); border-width: 0 0 1px 0;}
#schedule01 { margin: 0 auto; padding: 0 0; width: 50%; text-salign: justify; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
#schedule02 { margin: 0 auto; padding: 0 0 2rem 0; width: 100%; text-salign: justify; background: url("../_img/arrow02.jpg") no-repeat bottom left;}
#schedule03 { margin: 0.5rem 0 0 auto; padding: 0 0; text-salign: right;}
#schedule04 { margin: 0 auto 0 0; padding: 0 0; text-salign: left;}
#schedule05 { margin: 1rem auto; padding: 0 0; height: auto; text-align: center;}
#schedule06 { margin: 0 auto; padding: 0 0; background-color: rgba(51,41,38,0.1); width: 14rem; height: 14rem; text-align: center; border-radius: 50%; position: relative;}
#schedule07 { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); justify-content: center; white-space: nowrap;}
#shoplogo { margin: 0 auto; padding: 0 0; text-align: center; max-width: 100%; height: auto; object-fit: cover;}
#shoplogo img { max-width: 100%; height: auto;}
#shoplogo02 { margin: 0 auto; padding: 0 0; text-align: center; max-width: 100%; height: auto; object-fit: cover;}
#shoplogo02 img { max-width: 100%; height: auto;}
#shoplogo03 { margin: 0 auto; padding: 0 0; text-align: center; max-width: 100%; height: auto; object-fit: cover;}
#shoplogo03 img { max-width: 100%; height: auto;}
#shopname { margin: 0 auto; padding: 0.5rem; background-color: rgba(51,41,38,1); text-align: center; max-width: 100%; height: auto;}
@media screen and (max-width: 800px){
#flame02 { flex-direction: column; gap: 0em;}
#flame06 { flex-direction: column; gap: 0em;}
#flame07 { flex-direction: column; gap: 0em;}
#column01 { width: 100%;}
#schedule01 { width: 100%;}
#castflame { display: none;}
#columntitle01 { margin: 0 0; padding: 0 0 5rem 0;}
#columntitleenterbottom { display: none;}
}
@media screen and (max-width: 800px){
#columntitleentertop { padding: 2rem 0 0 3rem;}
#castflame  { width: 30%;}
#castimages {width: 80%;}
#flame01 { width: 100%; display: block;}
#shop01{ padding: 4rem 2rem; width: 100%; border-width: 0 0 1px 0;}
#shop02{ padding: 4rem 2rem; width: 100%;}
#shoplogo { max-width: 410px;}
#shoplogo03 { max-width: 410px;}
#shoplogo02 { display: none;}
#schedule05 { width: 50%;}
#shopimages { margin: 0 auto; padding: 0 0 1rem 0; width: 100%;}
}
@media screen and (max-width: 410px){
#shoplogo { max-width: 100%;}
#schedule06 { width: 12rem; height: 12rem;}
}
@media screen and (min-width: 800px) {
#shoplogo03 { display: none;}
}
@media screen and (min-width: 800px) {
#columntitleenterbottom02 { display: none;}
}

#catch01{ margin: 0 0 0 0; padding: 1rem 0 0 0; width: 100%; text-align: left;}
#catch02{ margin: -0.5% 0 2.5rem 0; padding: 0 0; text-align: left; max-width: 600px; top: 10%;}

table{ border-collapse: collapse; margin: 0 auto; width: 100%;}
.tb01 th,
.tb01 td{ padding: 1.5rem; text-align: justify;}
.tb01 th.chang01 { padding: 1rem; background: rgba(255,255,255,1);}


#pagelinkbutton01 { margin: -4rem 0 0 auto; padding: 0 0; width: 90%; max-width: 454px; text-align: right; z-index: 10;}
#pagelinkbutton02 { margin: -4rem auto 0 0; padding: 0 0; width: 90%; max-width: 454px; text-align: left; z-index: 10;}
#pagelinkbutton03 { margin: 0 auto; padding: 0 0 5rem 0; width: 100%; text-align: center;}
#pagelinkbutton04 { margin: 0 auto; padding: 0 0 1rem 0; width: 100%; text-align: center;}
#iconbox { margin: 0 auto; padding: 0 0; text-align: center;}
#iconbox img { max-width: 10%; height: auto;}
.btn a {
position: relative;
display: block;
margin: 0 0 0 auto;
border: solid rgba(51,41,38,1); border-width: 1px 1px 1px 1px;
width: 260px;
padding: 5px 0;
background-color: rgba(255,255,255,0.7);
text-decoration: none;
text-align: center;
}
.btn a:hover {
background-color: rgba(51,41,38,0.5);
color: rgba(255,255,255,1);
}
.btn02 a {
position: relative;
display: block;
margin: 0 auto 0 0;
border: solid rgba(51,41,38,1); border-width: 1px;
width: 260px;
padding: 5px 0;
background-color: rgba(255,255,255,0.7);
text-decoration: none;
text-align: center;
}
.btn02 a:hover {
background-color: rgba(51,41,38,0.5);
color: rgba(255,255,255,1);
}
.btn03 a {
position: relative;
display: block;
margin: 0 auto;
border: solid rgba(51,41,38,1); border-width: 1px;
width: 280px;
padding: 10px 0;
background-color: rgba(255,255,255,0.7);
text-decoration: none;
text-align: center;
}
.btn03 a:hover {
background-color: rgba(51,41,38,0.5);
color: rgba(255,255,255,1);
}
.btn04 a {
position: relative;
display: block;
margin: 0 auto;
border: solid rgba(51,41,38,1); border-width: 1px;
width: 350px;
padding: 15px 0;
background-color: rgba(253,141,62,1);
text-decoration: none;
text-align: center;
}
.btn04 a:hover {
background-color: rgba(253,141,62,0.7);
color: rgba(255,255,255,1);
}
.btn05 a {
position: relative;
display: block;
margin: 0 auto;
border: solid rgba(51,41,38,1); border-width: 1px;
width: 350px;
padding: 15px 0;
background-color: rgba(0,90,67,1);
text-decoration: none;
text-align: center;
}
.btn05 a:hover {
background-color: rgba(0,90,67,0.7);
color: rgba(255,255,255,1);
}
/* アイコンのスタイル */
.btn-arrow-right a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 15px;
width: 9px;
height: 9px;
margin: auto;
border-top: 2px solid rgba(0,90,67,1);
border-right: 2px solid rgba(0,90,67,1);
transform: rotate(45deg);
box-sizing: border-box;
}
.btn-arrow-white a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 15px;
width: 9px;
height: 9px;
margin: auto;
border-top: 2px solid rgba(255,255,255,1);
border-right: 2px solid rgba(255,255,255,1);
transform: rotate(45deg);
box-sizing: border-box;
}
@media screen and (max-width: 600px){
.btn a { margin: 0 auto; width: 100%; max-width: 454px; overflow: hidden;}
.btn02 a { margin: 0 auto; width: 100%; max-width: 454px; overflow: hidden;}
.btn03 a { margin: 0 auto; width: 100%; overflow: hidden;}
.btn04 a { margin: 0 auto; width: 100%; overflow: hidden;}
.btn05 a { margin: 0 auto; width: 100%; overflow: hidden;}
#pagelinkbutton01 { margin: -3rem  auto 0 auto; padding: 0 0; width: 98%;}
#pagelinkbutton02 { margin: -3rem auto 0 auto; padding: 0 0; width: 98%;}
}

.arrow_box {
position: relative;
width: 95%; max-width: 1024px;
margin: 6rem auto 3rem auto;
padding: 2rem 2rem;
background: rgba(255,255,255,1);
border: solid rgba(51,41,38,1);
border-width: 1px 1px 0 1px;
}
.arrow_box:after, .arrow_box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255,255,255,1);
border-width: 30px;
margin-left: -30px;
}
.arrow_box:before {
border-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(51,41,38,1);
border-width: 31px;
margin-left: -31px;
}

.arrow_box02 {
position: relative;
margin: 2rem auto;
padding: 2rem 2rem;
background:  rgba(230,230,230,1);
border: solid rgba(51,41,38,1);
border-width: 1px 1px 1px 1px;
display: inline-block;
}
.arrow_box02:after, .arrow_box02:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box02:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: rgba(230,230,230,1);
border-width: 10px;
margin-left: -10px;
}
.arrow_box02:before {
border-color: rgba(0, 0, 0, 0);
border-top-color: rgba(51,41,38,1);
border-width: 11px;
margin-left: -11px;
}

.up {
position: fixed;
z-index: 90;
bottom: -100px;
right: 3%;
border-radius: 50%;
cursor: pointer;
}
.up span {
position: relative;
height: 50px;
width: 50px;
display: block;
border-radius: 50%;
box-shadow: 0 6px 17px -7px rgba(122, 132, 135, .1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgba(51,41,38,.2);
-webkit-transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
@supports not (backdrop-filter: blur(30px)) {
.up span {background: rgba(255,255,255,.8);
}
}
@media all and (-ms-high-contrast: none) {
.up span {background: rgba(255,255,255,.8);
}
}
.up span:before, .up span:after {
content: "";
position: absolute;
top: 49%;
width: 32%;
height: 3px;
background: rgba(255,255,255,.5);
display: block;
border-radius: 12px;
}
.up span:before {
left: 24%;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.up span:after {
right: 24%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.up span:hover {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
box-shadow: 0 10px 20px -6px rgba(122, 132, 135, .3);
opacity: .95;
}

.title02 {
    margin: 2rem 0 0 0; padding: 0 0;
	display: inline-block;
    position: relative;
    padding-inline: 30px;
}

.title02::before,.title02::after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: rgba(51,41,38,1);
    position: absolute;
    top: 0;
}

.title02::before {
    left: 0;
    transform: rotate(-30deg);
}

.title02::after {
    right: 0;
    transform: rotate(30deg);
}