@charset 'utf-8'; 

@font-face { font-family: 'Font Awesome 7 Free'; font-style: normal; font-weight: 900; font-display: block; src: url('fontawesome/webfonts/fa-solid-900.woff2') format('woff2') }

:root { --basecolor: 255, 224, 25 }
:root { --subcolor: 1, 55, 115 }
:root { --linkcolor: 0, 0, 0 }
:root { --subfont: 'Darumadrop One', 'Noto Sans JP', sans-serif }

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent }
body { margin: 0; background-color: rgb(var(--basecolor)); color: #3d3d3d; line-height: 1.732; font-size: clamp(16px, calc(0.106vw + 15.6px), 17px); font-family: 'Noto Sans JP', sans-serif }
section, div, dl { display: flow-root }
p { margin: 0 }
p + p { margin-top: 1em }
a { color: rgb(var(--linkcolor)); text-decoration: none }
a:hover { color: rgba(var(--linkcolor), .72) }
ul, ol, dl, dt, dd { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { margin: 0 }
img { height: auto; border: none; vertical-align: top }
table { border-collapse: collapse }
iframe { border: none }

@-moz-document url-prefix() {
:root { --mypadding: 0px }
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
:root { --mypadding: 15px }
}

#mymodalhambergerouter { position: fixed; top: 16px; right: 16px; z-index: 9999 }
#mymodaltoggle { display: none }
#mymodalhamberger { display: block; cursor: pointer }
#mymodalhamberger span { display: block; background-color: #000; transition: .4s; transform-origin: 0; width: 28px; height: 2px; margin-top: 8px }
#mymodaltoggle:checked + #mymodalhamberger span:nth-child(1) { transform: translate(4px, 0) rotate(45deg) }
#mymodaltoggle:checked + #mymodalhamberger span:nth-child(2) { opacity: 0 }
#mymodaltoggle:checked + #mymodalhamberger span:nth-child(3) { transform: translate(4px, 0) rotate(-45deg) }
#mymodal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(var(--basecolor)); color: #000; overflow-y: auto; transition: opacity .5s; z-index: -999; display: flex; justify-content: center; align-items: center }
.mymodal-hide { opacity: 0 }
.mymodal-show { opacity: 1 !important }
.noscroll { overflow: hidden }
#modallogo { width: 240px }
#modallogo img { max-width: 100% }
#modalnav { width: 262px; margin-top: 24px }
#modalnav ul { list-style: none }
#modalnav li:first-of-type { font-family: 'Darumadrop One', 'Noto Sans JP', sans-serif; font-size: 22px; line-height: 1.3; letter-spacing: 1px }
#modalnav li:not(:first-of-type) { background: url(../img/common/back01.png) left top no-repeat; font-weight: 700; font-size: 16px }
#modalnav a { display: block; padding: 10px 8px 10px 39px; background: url(../img/common/back02.png) 12px center no-repeat }
#modalbtn { margin-top: 24px; width: 262px }
#modalbtn a { display: block; font-family: var(--subfont); color: #fff; font-size: 20px; background-color: rgb(var(--subcolor)); text-align: center; border-radius: 16px; padding: 12px 24px }
#modalbtn span { display: inline-block; background: url(../img/common/back03.png) left 12px no-repeat; padding-left: 32px }

@media (max-width: 767px) { 
#mymodalhamberger { transform: scale(.9) }
}

@media (min-width: 1080px) { 
.noscroll { padding-right: var(--mypadding) }
.noscroll #mymodalhambergerouter { right: calc(16px + var(--mypadding)) }
}

@keyframes myScrollDown { 0% { transform: translateY(0) }
24% { transform: translateY(16px) }
56% { transform: translateY(0) }
}

@keyframes myFadeIn { 0% { opacity: 0 }
100% { opacity: 1 }
}

@media (max-width: 1319px) { 
body { -webkit-text-size-adjust: 100%; font-feature-settings: 'palt' }
:is(h1, .largeonly) { display: none }
#wrapper { position: relative }
header { padding: 16px 16px 0; border-top: 6px solid #f9b91e }
#headerlogo { text-align: center }
#headerlogo img { width: clamp(224px, calc(4.021vw + 208.92px), 262px) }
#containergrobalnav { display: none }
#globanbtn { display: none }
#containermainvisual { position: relative; margin-top: 16px; padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px) }
#mainvisual { position: relative; border-radius: 16px; overflow: hidden }
#mainvisual img { width: 100%; height: 376px; object-fit: cover }
#mainvisual::after { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(0, 0, 0, .16) }
#mainvisualtext { position: absolute; top: 56px; right: 40px; left: 40px; text-align: center; text-shadow: 1px 1px 1px #000 }
#mainvisualtext p:nth-of-type(1) { font-size: clamp(24px, calc(0.847vw + 20.83px), 32px); color: #fff; font-weight: 800; line-height: 1.5 }
#mainvisualtext p:nth-of-type(2) { font-size: clamp(20px, calc(0.847vw + 16.83px), 28px); color: #fff; font-weight: 800; margin-top: 8px }
#mainvisualtext em { font-size: clamp(28px, calc(1.27vw + 23.24px), 40px); font-style: normal }
#mainvisualtext strong { display: inline-block; font-size: clamp(32px, calc(1.693vw + 25.65px), 48px); color: rgb(var(--subcolor)); background-color: #fff; line-height: 1.1; padding: 0 8px 4px; text-shadow: none }
#mainvisualinfo { margin-top: 16px }
#mainvisualinfoinner { max-width: 463px; margin: 0 auto; display: flex; justify-content: space-between; column-gap: clamp(16px, calc(0.847vw + 12.83px), 24px); border: 4px solid #ecdfcf; background-color: #fff; padding: 8px; border-radius: 8px }
#mainvisualinfoinner dl { display: flex; column-gap: 20px; align-items: center }
#mainvisualinfoinner img { width: clamp(56px, calc(1.587vw + 50.05px), 71px) }
#mainvisualinfoinner dd { font-size: 15px; line-height: 1.4 }
#mainvisualinfoinner strong { font-size: 14px; color: #011070 }
#mainvisualinfobtn { padding-left: clamp(8px, calc(0.847vw + 4.83px), 16px); border-left: 1px solid #b1b1b1 }
#mainvisualinfobtn a { display: block; font-family: var(--subfont); color: rgb(var(--subcolor)); font-size: 15px; padding: 8px 8px 14px; background: url(../img/common/back04.png) center bottom no-repeat }
main:has(#maincontents) { padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px) }
#containerpagetitle { position: relative; margin-top: 16px }
#pagetitleimg img { width: 100%; height: clamp(160px, calc(16.931vw + 96.51px), 320px); object-fit: cover; border-radius: 16px }
#pagetitle { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .56); border-radius: 16px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000 }
#pagetitle dt { font-family: var(--subfont); font-size: clamp(44px, calc(2.963vw + 32.89px), 72px); line-height: 1.2 }
#pagetitle dd { font-size: clamp(24px, calc(0.423vw + 22.41px), 28px); font-weight: 700 }
#mytopicpath { margin: 16px 0 24px; font-weight: 500; font-size: 88% }
#maincontents { background-color: #fff; border-radius: 16px; padding: clamp(16px, calc(1.693vw + 9.65px), 32px) }
main:has(#maincontents) + footer { margin-top: clamp(64px, calc(5.926vw + 41.78px), 120px) }
#myarticlebackground { margin-top: clamp(24px, calc(3.386vw + 11.3px), 56px); background: url(../img/common/back05.png) center top / 100% no-repeat }
#containermysection01 { position: relative; padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px) }
#mysection01 { max-width: 809px; margin: 0 auto }
#mysection01 h2 { font-family: var(--subfont); font-size: clamp(60px, calc(6.349vw + 36.19px), 120px); color: #f9b91e; letter-spacing: -2px; text-align: center; line-height: 1 }
#mysection01inner { background-color: #fff; border-radius: 16px; margin-top: 40px; padding: 0 clamp(24px, calc(9.735vw + -12.51px), 116px) 32px }
#mysection01innerimg { text-align: center; margin-top: -32px }
#mysection01innerimg img { width: clamp(240px, calc(7.725vw + 211.03px), 313px) }
#mysection01inner h3 { font-size: clamp(24px, calc(0.635vw + 21.62px), 30px); font-weight: 800; text-align: center; line-height: 1.4; margin: 16px 0 clamp(24px, calc(1.164vw + 19.63px), 35px) }
#mysection01images { margin-top: 16px; display: flex; justify-content: center; column-gap: clamp(8px, calc(0.847vw + 4.83px), 16px) }
#mysection01images img { width: 100%; height: clamp(112px, calc(8.995vw + 78.27px), 197px); object-fit: cover; border-radius: 16px }
#mysection01img01 { display: none }
#containermysection02 { margin-top: 80px; padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px) }
#mysection02titleimg { text-align: center }
#mysection02titleimg img { max-width: 100%; border-radius: 16px }
#mysection02titleinner h2 { color: rgb(var(--subcolor)); line-height: 1.2; text-align: center }
#mysection02titleinner span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(64px, calc(3.386vw + 51.3px), 96px); font-weight: 400; letter-spacing: -2px }
#mysection02titleinner span:nth-of-type(2) { display: block; font-size: clamp(24px, calc(0.847vw + 20.83px), 32px) }
#mysection02 { max-width: 1074px; margin: clamp(24px, calc(5.079vw + 4.95px), 72px) auto 0 }
#mysection02inner h3 { font-size: clamp(24px, calc(0.847vw + 20.83px), 32px); line-height: 1.6; text-align: center }
#mysection02inner h4 { font-size: clamp(20px, calc(0.635vw + 17.62px), 26px); text-align: center }
#mysection02inner p { margin-top: clamp(8px, calc(1.693vw + 1.65px), 24px) }
#mysection02inner br { display: none }
#mysection02img { margin-top: 24px; text-align: center }
#mysection02img img { max-width: 100%; border-radius: 16px }
#mysection02banners { margin-top: clamp(32px, calc(4.233vw + 16.13px), 72px); display: flex; flex-wrap: wrap; justify-content: center; gap: 8px }
#mysection02banners > div { width: 164px }
#mysection02banners img { max-width: 100% }
#mysection02cards { max-width: 1074px; margin: clamp(24px, calc(2.328vw + 15.27px), 46px) auto 0; background-color: #fffada; border-radius: 16px; padding: clamp(24px, calc(1.587vw + 18.05px), 39px) 0 16px }
#mysection02cardstitle { background: url(../img/common/back06.png) center center repeat-x; text-align: center }
#mysection02cardstitle h3 { display: inline-block; font-size: clamp(20px, calc(0.423vw + 18.41px), 24px); background-color: #fffada; padding: 0 16px }
#mysection02cardsinner { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 24px; gap: 8px; padding: 0 16px }
#mysection02cardsinner dl { width: 144px; text-align: center; background-color: #fff; padding: 16px 10px }
#mysection02cardsinner img { width: 69.2% }
#mysection02cardsinner dd { margin-top: 12px; line-height: 1.5 }
#mysection02cardsinner strong { display: inline-block; margin-bottom: 8px }
#mysection02banner { max-width: 1074px; margin: 16px auto 0; text-align: center }
#mysection02banner img { max-width: 100%; transition: .3s }
#mysection02banner a:hover img { opacity: .88 }
#containermysection03 { margin-top: 80px; padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px) }
#mysection03titleimg { text-align: center }
#mysection03titleimg img { max-width: 100%; border-radius: 16px }
#mysection03titleinner h2 { color: rgb(var(--subcolor)); line-height: 1.2; text-align: center; display: flex; flex-wrap: wrap }
#mysection03titleinner span:nth-of-type(1) { display: block; width: 100%; order: 2; font-size: clamp(24px, calc(0.847vw + 20.83px), 32px) }
#mysection03titleinner span:nth-of-type(2) { display: block; width: 100%; order: 1; font-family: var(--subfont); font-size: clamp(46px, calc(2.751vw + 35.68px), 72px); font-weight: 400; letter-spacing: -2px }
#mysection03cards { max-width: 1142px; margin: clamp(32px, calc(4.233vw + 16.13px), 72px) auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px 24px }
#mysection03cards dl { max-width: 536px; width: calc(50% - 12px) }
#mysection03cards img { max-width: 100%; border-radius: 16px }
#mysection03cards dd { margin-top: clamp(8px, calc(0.847vw + 4.83px), 16px); font-weight: 450; line-height: 1.5 }
#mysection03banner { max-width: 1074px; margin: 48px auto 0; text-align: center }
#mysection03banner img { max-width: 100% }
#mysection03banner div + div { margin-top: clamp(16px, calc(0.847vw + 12.83px), 24px) }
#containermysection04 { margin-top: 80px; padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px) }
#mysection04titleimg { text-align: center }
#mysection04titleimg img { max-width: 100%; border-radius: 16px }
#mysection04titleinner h2 { color: rgb(var(--subcolor)); line-height: 1.2; text-align: center }
#mysection04titleinner span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(46px, calc(2.751vw + 35.68px), 72px); font-weight: 400; letter-spacing: -2px }
#mysection04titleinner span:nth-of-type(2) { display: block; font-size: clamp(24px, calc(0.847vw + 20.83px), 32px) }
#mysection04 { max-width: 732px; margin: clamp(48px, calc(1.693vw + 41.65px), 64px) auto 0 }
.mysection04inner > div:first-of-type { text-align: center }
.mysection04inner img { border-radius: 16px; width: clamp(200px, calc(8.042vw + 169.84px), 276px) }
.mysection04inner h3 { font-size: clamp(24px, calc(0.635vw + 21.62px), 30px); text-align: center; margin-top: 8px }
.mysection04list { display: flex; justify-content: center }
.mysection04inner ul { list-style: none; margin-top: 8px }
.mysection04inner li { font-size: clamp(17px, calc(0.317vw + 15.81px), 20px); color: rgb(var(--subcolor)); background: url(../img/common/back09.png) left 11px no-repeat; padding-left: clamp(22px, calc(0.423vw + 20.41px), 26px); font-weight: 450 }
.mysection04inner + .mysection04inner { margin-top: 40px }
#mysection04banner { max-width: 1074px; margin: clamp(40px, calc(2.54vw + 30.48px), 64px) auto 0; text-align: center }
#mysection04banner img { max-width: 100% }
#containermysection05 { margin-top: 56px }
#mysection05title { text-align: center }
#mysection05title h2 { display: inline-block; line-height: 1.2 }
#mysection05title span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(64px, calc(3.386vw + 51.3px), 96px); font-weight: 400; color: #f9b91e; letter-spacing: -2px }
#mysection05title span:nth-of-type(2) { display: block; font-size: clamp(22px, calc(0.423vw + 20.41px), 26px); color: rgb(var(--subcolor)) }
#mysection05slide { margin-top: 32px; animation: myFadeIn 3s ease 0s }
#mysection05slide .slick-slide > div { max-width: 343px !important; margin: 0; padding: 0 16px }
.mysection05slideinner { position: relative; max-width: 311px !important }
.mysection05slideinner a { display: block }
.mysection05slideimg img { border-radius: 10px; max-width: 100% }
.mysection05slidedate { position: absolute; top: 4px; right: 8px; left: 8px; background: url(../img/common/back10.png) right top no-repeat }
.mysection05slidedate span { display: inline-block; font-family: var(--subfont); font-size: 16px; color: #fff; background-color: rgb(var(--subcolor)); border-radius: 8px; line-height: 1; padding: 4px 12px 6px; letter-spacing: 1px }
.mysection05slideinner dl { margin-top: clamp(16px, calc(0.529vw + 14.02px), 21px) }
.mysection05slideinner dt { font-weight: 700; color: rgb(var(--subcolor)); text-align: center }
.mysection05slideinner dd { margin-top: 6px; padding: 0 16px }
#mysection05btn { margin-top: 32px; text-align: center }
#mysection05btn a { display: inline-block; font-family: var(--subfont); font-size: 20px; color: rgb(var(--subcolor)); border-radius: 16px; padding: 10px 84px; background: url(../img/common/back10.png) 92% 15px no-repeat #fff }
footer { margin-top: 88px }
#footermap { padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px) }
#footermap iframe { width: 100%; height: clamp(320px, calc(29.418vw + 209.68px), 598px) }
#footertitle { text-align: center }
#footertitle h2 { display: inline-block; line-height: 1.2 }
#footertitle span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(56px, calc(4.233vw + 40.13px), 96px); font-weight: 400; color: #f9b91e; letter-spacing: -2px }
#footertitle span:nth-of-type(2) { display: block; font-size: clamp(22px, calc(0.423vw + 20.41px), 26px); color: rgb(var(--subcolor)) }
#shopinfo { margin-top: 24px; padding: 0 clamp(16px, calc(0.847vw + 12.83px), 24px); text-align: center }
#shopinfologo img { width: clamp(264px, calc(10.159vw + 225.9px), 360px) }
#shopinfophone { font-family: var(--subfont); font-size: clamp(36px, calc(1.27vw + 31.24px), 48px); line-height: 1; margin-top: 12px }
#shopinfofax { font-family: var(--subfont); font-size: clamp(28px, calc(0.423vw + 26.41px), 32px); line-height: 1; margin-top: 8px }
:is(#shopinfophone, #shopinfofax) span { color: #f9b91e }
#shopinfoopen { font-weight: 600; margin-top: 16px; line-height: 1.6 }
#shopinfoaddress { margin-top: 24px }
#shopinfoaddress a { display: inline-block; font-weight: 450; background-color: #fff; border-radius: 12px; padding: 8px 32px }
#shopinfoaddress i { font-size: 18px }
#footerslide { margin-top: 48px; font-size: 0 }
#footerslide img { max-width: 100% }
#containerfooterbanners { background-color: #fff; padding: 40px clamp(16px, calc(0.952vw + 5.71px), 24px) 24px }
#footerbanners a { display: block }
#footerbanner01 { max-width: 730px }
#footerbanner02 { max-width: 730px; margin-top: 24px }
.footerbannerimg img { max-width: 100%; border-radius: 16px 16px 0 0 }
.footerbannertitle { display: flex; justify-content: space-between; align-items: center; padding: clamp(16px, calc(0.952vw + 5.71px), 24px) clamp(24px, calc(0.952vw + 13.71px), 32px); color: #fff; border-radius: 0 0 16px 16px }
.footerbannertitle > div:nth-of-type(1) { font-size: clamp(20px, calc(0.476vw + 14.86px), 24px); font-weight: 700 }
.footerbannertitle > div:nth-of-type(2) { font-family: var(--subfont); font-size: clamp(20px, calc(0.476vw + 14.86px), 24px); line-height: 1; background: left 5px / 20px 16px no-repeat; padding-left: 28px }
#footercopyright { margin-top: 40px; padding: 0 clamp(16px, calc(0.952vw + 5.71px), 24px); font-family: var(--subfont); color: rgb(var(--subcolor)); font-size: clamp(16px, calc(0.476vw + 10.86px), 20px); text-align: center }
#footercopyright a { display: inline-block; padding-right: 20px; background: url(../img/common/back13.png) right 7px no-repeat; min-height: 13px }
.mysingletitle { border-bottom: 4px solid rgb(var(--basecolor)); padding-bottom: 6px }
.mysingletitle h3 { font-size: 120% }
.mysingledate { margin-top: 6px; font-size: 88% }
.mysinglecontent { margin-top: 16px }
.mysinglecontent p + p { margin-top: 2em }
.mysinglecontent img { max-width: 100% }
#mysinglepager { margin-top: clamp(16px, calc(0.847vw + 12.83px), 24px) }
.single_pager { list-style: none  }
.single_pager li { display: block; font-size: 80%; padding: 4px 0 }
.single_pager li:nth-of-type(1) a::before { font-family: 'Font Awesome 7 Free'; content: '\f100\2002'; font-weight: 900; font-size: 88% }
.single_pager li:nth-of-type(2) { text-align: center }
.single_pager li:nth-of-type(3) { text-align: right }
.single_pager li:nth-of-type(3) a::after { font-family: 'Font Awesome 7 Free'; content: '\2002\f101'; font-weight: 900; font-size: 88% }
#mysinglecategory ul { list-style: none; display: flex; flex-wrap: wrap; gap: 24px; justify-content : center }
#mysinglecategory li { width: calc(100% - 24px); max-width: 312px; background-color: #f8f8f8; border-radius: 16px; overflow: hidden; min-width: 0 } 
#mysinglecategory a { display: block }
#mysinglecategory div { transition: .3s }
#mysinglecategory a:hover div { opacity: .8 }
#mysinglecategory img { max-width: 100% }
.mycategorydate { padding: 16px clamp(16px, calc(1.333vw + -1.6px), 24px) 0; font-size: 88% }
.mycategorytitle { padding: 4px clamp(16px, calc(1.333vw + -1.6px), 24px) 0; font-weight: 600; font-size: 112%; color: rgb(var(--subcolor)) }
.mycategorycontent { margin: 8px clamp(16px, calc(1.333vw + -1.6px), 24px) clamp(16px, calc(1.333vw + -1.6px), 24px); font-size: 96%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
#mycategorypager { margin-top: 24px; text-align: center; word-spacing: 6px }
#mycategorypager a { display: inline-block; background-color: #fff; border-radius: 4px; padding: 0 8px}
.footersingle { margin: 24px 0 !important }
.smalltac { text-align: center }
}

@media (min-width: 1320px) { 
html { scroll-behavior: smooth }
:is(h1, .smallonly, #mymodalhambergerouter) { display: none }
#wrapper { position: relative; max-width: 1920px; margin: 0 auto }
header { position: fixed; top: 0; right: 0; width: 18.4375%; max-width: 354px; padding: clamp(80px, calc(8.167vw + -27.8px), 129px) 24px 0 0; z-index: 2 }
#headerlogo { max-width: 262px }
#headerlogo img { max-width: 100% }
#containergrobalnav { display: flex; justify-content: space-between; column-gap: 16px; align-items: center }
#globalnav { max-width: 262px; margin: clamp(32px, calc(1.833vw + 7.8px), 43px) 0 0 clamp(8px, calc(1.833vw + -16.2px), 19px); flex-grow: 1 }
#globalnav ul { list-style: none }
#globalnav li:first-of-type { font-family: 'Darumadrop One', 'Noto Sans JP', sans-serif; font-size: 22px; line-height: 1.3; letter-spacing: clamp(1px, calc(0.167vw + -1.2px), 2px) }
#globalnav li:not(:first-of-type) { background: url(../img/common/back01.png) left top no-repeat; font-weight: 700; font-size: 16px; letter-spacing: clamp(0, calc(0.25vw + -3.3px), 1.5px) }
#globalnav a { display: block; padding: 10px 8px 10px 39px; background: url(../img/common/back02.png) 12px center no-repeat; transition: .3s }
#globalnav a:hover { background-position-x: 6px; opacity: .8 }
#headerscroll { animation: myScrollDown 2s infinite; flex-grow: 0; transition: .4s }
#headerscroll img { width: clamp(14px, calc(0.5vw + 7.4px), 17px) }
.hideheaderscroll { opacity: 0 }
#globanbtn { margin-top: clamp(32px, calc(3.333vw + -12px), 52px); max-width: 262px }
#globanbtn a { display: block; font-family: var(--subfont); color: #fff; font-size: 20px; background-color: rgb(var(--subcolor)); text-align: center; border-radius: 16px; padding: 17px; letter-spacing: .5px; transition: .3s }
#globanbtn span { display: inline-block; background: url(../img/common/back03.png) left 12px no-repeat; padding-left: 32px }
#globanbtn a:hover { opacity: .8 }
#containermainvisual { position: relative; width: 81.5625%; margin-top: 41px }
#mainvisual { width: 93.742%; margin: 0 auto }
#mainvisual img { max-width: 100%; border-radius: 16px }
#mainvisualtext { position: absolute; left: clamp(72px, calc(7.167vw + -22.6px), 115px); bottom: clamp(96px, calc(-13.333vw + 352px), 176px) }
#mainvisualtext p:nth-of-type(1) { font-size: clamp(32px, calc(1.5vw + 12.2px), 41px); color: #fff; font-weight: 900; letter-spacing: clamp(2px, calc(0.333vw + -2.4px), 4px) }
#mainvisualtext p:nth-of-type(2) { font-size: clamp(28px, calc(1.167vw + 12.6px), 35px); color: #fff; font-weight: 900; letter-spacing: clamp(1px, calc(0.167vw + -1.2px), 2px); margin-top: clamp(8px, calc(0.833vw + -3px), 13px) }
#mainvisualtext em { font-size: clamp(40px, calc(1.5vw + 20.2px), 49px); font-style: normal }
#mainvisualtext strong { display: inline-block; font-size: clamp(48px, calc(1.5vw + 28.2px), 57px); color: rgb(var(--subcolor)); background-color: #fff; line-height: 1.1; letter-spacing: 1.5px; padding-bottom: 4px }
#mainvisualinfo { position: absolute; right: clamp(31px, calc(-2.833vw + 85.4px), 48px); bottom: 33px; display: flex; justify-content: flex-end }
#mainvisualinfoinner { width: 463px; display: flex; justify-content: space-between; column-gap: 24px; border: 4px solid #ecdfcf; background-color: #fff; padding: clamp(8px, calc(1.167vw + -7.4px), 15px); border-radius: 8px }
#mainvisualinfoinner dl { display: flex; column-gap: 20px; align-items: center }
#mainvisualinfoinner dd { font-size: 15px; line-height: 1.6 }
#mainvisualinfoinner strong { font-size: 14px; color: #011070 }
#mainvisualinfobtn { padding-left: 16px; border-left: 1px solid #b1b1b1 }
#mainvisualinfobtn a { display: block; font-family: var(--subfont); color: rgb(var(--subcolor)); font-size: 15px; padding: 8px 8px 14px; background: url(../img/common/back04.png) center bottom no-repeat; transition: .3s }
#mainvisualinfobtn a:hover { opacity: .72 }
main:has(#maincontents) { width: 81.5625%; padding: 0 49px }
#containerpagetitle { position: relative; margin-top: 41px }
#pagetitleimg img { max-width: 100%; border-radius: 16px }
#pagetitle { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .56); border-radius: 16px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000 }
#pagetitle dt { font-family: var(--subfont); font-size: clamp(72px, calc(4vw + 19.2px), 96px); letter-spacing: -2px; line-height: 1.2 }
#pagetitle dd { font-size: clamp(28px, calc(0.667vw + 19.2px), 32px); font-weight: 700 }
#mytopicpath { margin: 16px 0 32px; font-weight: 500 }
#maincontents { background-color: #fff; border-radius: 16px; padding: 40px clamp(40px, calc(2.667vw + 4.8px), 56px) }
main:has(#maincontents) + footer { margin-top: 120px }
#myarticlebackground { margin-top: 80px; background: url(../img/common/back05.png) center top / 100% no-repeat; padding-top: clamp(0px, calc(19vw + -250.8px), 114px) }
#containermysection01 { position: relative; width: 81.614%; padding: 0 24px clamp(128px, calc(10.5vw + -10.6px), 191px) }
#mysection01 { max-width: 809px; margin: 0 auto }
#mysection01 h2 { font-family: var(--subfont); font-size: clamp(120px, calc(4.667vw + 58.4px), 148px); color: #f9b91e; letter-spacing: -6px; text-align: center; line-height: 1 }
#mysection01inner { background-color: #fff; border-radius: 20px; margin-top: 58px; padding: 0 116px 130px }
#mysection01innerimg { text-align: center; margin-top: -87px }
#mysection01inner h3 { font-size: 30px; font-weight: 800; text-align: center; line-height: 1.4; margin: 19px 0 35px }
#mysection01inner p { font-size: 18px }
#mysection01img01 { position: absolute; top: 61px; right: clamp(120px, calc(34vw + -328.8px), 324px) }
#mysection01img01 img { width: clamp(160px, calc(9.167vw + 39px), 215px) }
#mysection01img02 { position: absolute; bottom: clamp(160px, calc(8.833vw + 43.4px), 213px); left: clamp(24px, calc(19.333vw + -231.2px), 140px) }
#mysection01img02 img { width: clamp(160px, calc(6.167vw + 78.6px), 197px) }
#mysection01img03 { position: absolute; bottom: clamp(88px, calc(7.5vw + -11px), 133px); right: clamp(80px, calc(32.667vw + -351.2px), 276px) }
#mysection01img03 img { width: clamp(160px, calc(7.167vw + 65.4px), 203px) }
#mysection01img04 { position: absolute; bottom: 0; left: clamp(120px, calc(24.5vw + -203.4px), 267px) }
#mysection01img04 img { width: clamp(200px, calc(8.167vw + 92.2px), 249px) }
:is(#mysection01img02, #mysection01img03, #mysection01img04) img { border-radius: 20px }
#containermysection02 { width: 81.614%; margin-top: 80px; padding: 0 24px }
#mysection02title { max-width: 1214px; margin: 0 auto; display: flex; justify-content: space-between }
#mysection02titleimg { width: 86.326% }
#mysection02titleimg img { max-width: 100%; border-radius: 20px }
#mysection02titleinner { width: 13.674%; margin-top: 48px }
#mysection02titleinner h2 { transform: translateX(32px); color: rgb(var(--subcolor)); line-height: 1.1; writing-mode: vertical-rl }
#mysection02titleinner span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(96px, calc(4.167vw + 41px), 121px); font-weight: 400; letter-spacing: -4px }
#mysection02titleinner span:nth-of-type(2) { display: block; font-size: clamp(32px, calc(0.667vw + 23.2px), 36px); font-weight: 800 }
#mysection02 { max-width: 1074px; margin: clamp(72px, calc(3.333vw + 28px), 92px) auto 0; display: flex; justify-content: space-between; align-items: center }
#mysection02inner { width: 74.302%; padding-right: 32px }
#mysection02inner h3 { font-size: clamp(32px, calc(0.667vw + 23.2px), 36px); font-weight: 800; line-height: 1.6; letter-spacing: 1.8px }
#mysection02inner h4 { font-size: clamp(26px, calc(0.667vw + 17.2px), 30px); font-weight: 800; letter-spacing: 1.6px }
#mysection02inner p { font-size: clamp(18px, calc(0.333vw + 13.6px), 20px); font-weight: 450; margin-top: 24px }
#mysection02img { width: 25.698% }
#mysection02img img { max-width: 100%; border-radius: 20px }
#mysection02banners { max-width: 1074px; margin: clamp(72px, calc(3.333vw + 28px), 92px) auto 0; display: flex; justify-content: space-between }
#mysection02banners > div { width: 23.836% }
#mysection02banners img { max-width: 100%; transition: .3s }
#mysection02banners a:hover img { opacity: .88 }
#mysection02cards { max-width: 1074px; margin: 46px auto 0; background-color: #fffada; border-radius: 20px; padding: 39px 0 83px }
#mysection02cardstitle { background: url(../img/common/back06.png) center center repeat-x; text-align: center }
#mysection02cardstitle h3 { display: inline-block; font-size: 24px; font-weight: 800; letter-spacing: 1.6px; background-color: #fffada; padding: 0 20px }
#mysection02cardsinner { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 35px; row-gap: 32px }
#mysection02cardsinner dl { width: 23.277%; text-align: center }
#mysection02cardsinner dl:not(:nth-of-type(4n-3)) { background: url(../img/common/back07.png) left top repeat-y }
#mysection02cardsinner img { width: 69.2% }
#mysection02cardsinner dd { margin-top: 14px; font-size: 16px; line-height: 1.5; padding: 0 16px }
#mysection02cardsinner strong { display: inline-block; font-size: 18px; margin-bottom: 8px; font-weight: 800 }
#mysection02banner { max-width: 1074px; margin: -48px auto 0; text-align: center }
#mysection02banner img { max-width: 100%; transition: .3s }
#mysection02banner a:hover img { opacity: .88 }
#containermysection03 { width: 81.614%; margin-top: clamp(128px, calc(9.333vw + 4.8px), 184px); padding: 0 24px }
#mysection03title { max-width: 1214px; margin: 0 auto; display: flex; justify-content: space-between }
#mysection03titleimg { width: 86.326%; order: 2 }
#mysection03titleimg img { max-width: 100%; border-radius: 20px }
#mysection03titleinner { width: 13.674%; margin-top: 48px; order: 1 }
#mysection03titleinner h2 { transform: translateX(32px); color: rgb(var(--subcolor)); line-height: 1.1; writing-mode: vertical-rl }
#mysection03titleinner span:nth-of-type(1) { display: block; font-size: clamp(32px, calc(0.667vw + 23.2px), 36px); font-weight: 800; margin-left: -10px }
#mysection03titleinner span:nth-of-type(2) { display: block; font-family: var(--subfont); font-size: clamp(72px, calc(1.5vw + 52.2px), 81px); font-weight: 400; letter-spacing: -2px; margin-left: -32px }
#mysection03cards { max-width: 1142px; margin: clamp(72px, calc(3.333vw + 28px), 92px) auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: clamp(56px, calc(5vw + -10px), 86px) }
#mysection03cards dl { width: 46.935% }
#mysection03cards img { max-width: 100%; border-radius: 20px }
#mysection03cards dd { margin-top: 18px; background: url(../img/common/back08.png) left center no-repeat; padding-left: 38px; font-weight: 450 }
#mysection03banner { max-width: 1074px; margin: clamp(48px, calc(4vw + -4.8px), 72px) auto 0; text-align: center }
#mysection03banner img { transition: .3s }
#mysection03banner a:hover img { opacity: .88 }
#mysection03banner div + div { margin-top: clamp(32px, calc(3.833vw + -18.6px), 55px) }
#containermysection04 { width: 81.614%; margin-top: clamp(128px, calc(9.333vw + 4.8px), 184px); padding: 0 24px }
#mysection04title { max-width: 1214px; margin: 0 auto; display: flex; justify-content: space-between }
#mysection04titleimg { width: 86.326% }
#mysection04titleimg img { max-width: 100%; border-radius: 20px }
#mysection04titleinner { width: 13.674%; margin-top: 48px }
#mysection04titleinner h2 { transform: translateX(32px); color: rgb(var(--subcolor)); line-height: 1.1; writing-mode: vertical-rl }
#mysection04titleinner span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(76px, calc(1.833vw + 51.8px), 87px); font-weight: 400; letter-spacing: -2px }
#mysection04titleinner span:nth-of-type(2) { display: block; font-size: clamp(32px, calc(0.667vw + 23.2px), 36px); font-weight: 800; margin-right: 8px }
#mysection04 { width: 732px; margin: clamp(64px, calc(4.667vw + 2.4px), 92px) auto 0 }
.mysection04inner { display: flex; column-gap: 64px; align-items: center }
.mysection04inner img { border-radius: 20px }
.mysection04inner h3 { font-size: 30px; font-weight: 800; letter-spacing: 2px }
.mysection04inner ul { list-style: none; margin-top: 15px }
.mysection04inner li { font-size: 20px; color: rgb(var(--subcolor)); background: url(../img/common/back09.png) left 11px no-repeat; padding-left: 26px; font-weight: 450; letter-spacing: 1px }
.mysection04inner + .mysection04inner { margin-top: 45px }
#mysection04banner { max-width: 1074px; margin: clamp(64px, calc(4.333vw + 6.8px), 90px) auto 0; text-align: center }
#mysection04banner img { transition: .3s }
#mysection04banner a:hover img { opacity: .88 }
#containermysection05 { margin-top: 126px }
#mysection05title { width: 81.614%; text-align: center }
#mysection05title h2 { display: inline-block; line-height: 1.15 }
#mysection05title span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(96px, calc(5.667vw + 21.2px), 130px); font-weight: 400; color: #f9b91e; letter-spacing: -2px }
#mysection05title span:nth-of-type(2) { display: block; font-size: clamp(26px, calc(0.667vw + 17.2px), 30px); font-weight: 800; color: rgb(var(--subcolor)); letter-spacing: 2px }
#mysection05slide { margin-top: 40px; animation: myFadeIn 3s ease 0s; width: 81.614%; padding: 0 54px }
#mysection05slide .slick-slide > div { max-width: 394px !important; margin: 0 auto; padding: 0 20px }
.mysection05slideinner { position: relative; max-width: 354px !important }
.mysection05slideinner :is(div, dl) { transition: .3s }
.mysection05slideinner a { display: block }
.mysection05slideinner a:hover :is(div, dl) { opacity: .8 }
.mysection05slideimg img { border-radius: 10px; max-width: 100% }
.mysection05slidedate { position: absolute; top: 4px; right: 8px; left: 8px; height: clamp(176px, calc(6.667vw + 88px), 216px); text-align: right; background: url(../img/common/back10.png) right bottom no-repeat }
.mysection05slidedate span { display: inline-block; font-family: var(--subfont); font-size: 16px; color: #fff; background-color: rgb(var(--subcolor)); border-radius: 8px; line-height: 1; padding: 4px 12px 6px; letter-spacing: 1px }
.mysection05slideinner dl { margin-top: 21px }
.mysection05slideinner dt { font-weight: 700; color: rgb(var(--subcolor)); font-size: 18px; text-align: center }
.mysection05slideinner dd { margin-top: 6px; font-size: 16px; padding: 0 16px }
#mysection05btn { margin-top: 40px; text-align: center; width: 81.614%; padding: 0 54px }
#mysection05btn a { display: inline-block; font-family: var(--subfont); font-size: 24px; color: rgb(var(--subcolor)); border-radius: 20px; padding: 10px 104px 10px 103px; background: url(../img/common/back10.png) 92% 20px no-repeat #fff; transition: .3s }
#mysection05btn a:hover { opacity: .8 }
footer { margin-top: 184px }
#footermap { width: 81.614%; padding: 0 54px }
#footermap iframe { width: 100%; height: 598px }
#footertitle { width: 81.614%; margin-top: 36px; text-align: center }
#footertitle h2 { display: inline-block; line-height: 1.15 }
#footertitle span:nth-of-type(1) { display: block; font-family: var(--subfont); font-size: clamp(96px, calc(5.667vw + 21.2px), 130px); font-weight: 400; color: #f9b91e; letter-spacing: -2px }
#footertitle span:nth-of-type(2) { display: block; font-size: clamp(26px, calc(0.667vw + 17.2px), 30px); font-weight: 800; color: rgb(var(--subcolor)); letter-spacing: 2px; margin-top: 11px }
#shopinfo { width: 81.614%; margin-top: clamp(40px, calc(4vw + -12.8px), 64px); display: flex; justify-content: center; column-gap: 56px }
#shopinfologo img { width: clamp(360px, calc(6vw + 280.8px), 396px) }
#shopinfophone { font-family: var(--subfont); font-size: clamp(48px, calc(2vw + 21.6px), 60px); line-height: 1; margin-top: -16px }
#shopinfofax { font-family: var(--subfont); font-size: clamp(32px, calc(0.667vw + 23.2px), 36px); line-height: 1; margin-top: 16px }
:is(#shopinfophone, #shopinfofax) span { color: #f9b91e }
#shopinfoopen { font-weight: 600; margin-top: clamp(20px, calc(1.333vw + 2.4px), 28px); font-size: 18px; line-height: 1.6 }
#shopinfoaddress { margin-top: clamp(24px, calc(1.333vw + 6.4px), 32px) }
#shopinfoaddress a { display: inline-block; font-weight: 450; font-size: 18px; background-color: #fff; border-radius: 16px; padding: 11px 40px }
#shopinfoaddress i { font-size: 20px }
#footerslide { margin-top: 92px; font-size: 0; background-color: #fff }
#footerslide img { max-width: 100% }
#containerfooterbanners { background-color: #fff; padding: 45px 0 88px }
#footerbanners { width: 81.614%; padding: 0 24px; display: flex; justify-content: space-between }
#footerbanners a { display: block; transition: .3s }
#footerbanners div { transition: .3s }
#footerbanners a:hover div { opacity: .8 }
#footerbanner01, #footerbanner02 { width: 48.089% }
.footerbannerimg img { max-width: 100%; border-radius: 20px 20px 0 0 }
.footerbannertitle { display: flex; justify-content: space-between; align-items: center; padding: clamp(24px, calc(0.5vw + 17.4px), 27px) clamp(32px, calc(4.667vw + -29.6px), 60px); color: #fff; border-radius: 0 0 20px 20px }
.footerbannertitle > div:nth-of-type(1) { font-size: clamp(24px, calc(1vw + 10.8px), 30px); font-weight: 800 }
.footerbannertitle > div:nth-of-type(2) { font-family: var(--subfont); font-size: 24px; line-height: 1; background: left 3px no-repeat; padding-left: 32px }
#footercopyright { width: 77.604%; margin-top: 180px; padding-left: 3%; display: flex; justify-content: space-between; font-family: var(--subfont); color: rgb(var(--subcolor)); font-size: clamp(20px, calc(0.333vw + 15.6px), 22px); line-height: 1 }
#footercopyright a { display: inline-block; padding-right: 20px; background: url(../img/common/back13.png) right 7px no-repeat }
.mysingletitle { border-bottom: 4px solid rgb(var(--basecolor)); padding-bottom: 8px }
.mysingletitle h3 { font-size: 136% }
.mysingledate { margin-top: 8px; font-size: 92% }
.mysinglecontent { margin-top: 24px }
.mysinglecontent p + p { margin-top: 2em }
.mysinglecontent img { max-width: 100% }
#mysinglepager { margin-top: 24px }
.single_pager { list-style: none; display: flex; justify-content: space-between; column-gap: 24px }
.single_pager li:nth-of-type(1) { flex: 1 }
.single_pager li:nth-of-type(1) a::before { font-family: 'Font Awesome 7 Free'; content: '\f100\2002'; font-weight: 900; font-size: 88% }
.single_pager li:nth-of-type(2) { text-align: center; flex-grow: 0 }
.single_pager li:nth-of-type(3) { text-align: right; flex: 1 }
.single_pager li:nth-of-type(3) a::after { font-family: 'Font Awesome 7 Free'; content: '\2002\f101'; font-weight: 900; font-size: 88% }
.footersingle { margin: 40px 0 !important }
#mysinglecategory ul { list-style: none; display: flex; flex-wrap: wrap; gap: 30px }
#mysinglecategory li { width: calc(33.333% - 20px); background-color: #f8f8f8; border-radius: 16px; overflow: hidden; min-width: 0 } 
#mysinglecategory a { display: block }
#mysinglecategory div { transition: .3s }
#mysinglecategory a:hover div { opacity: .8 }
#mysinglecategory img { max-width: 100% }
.mycategorydate { padding: 16px clamp(16px, calc(1.333vw + -1.6px), 24px) 0; font-size: 88% }
.mycategorytitle { padding: 4px clamp(16px, calc(1.333vw + -1.6px), 24px) 0; font-weight: 600; font-size: 112%; color: rgb(var(--subcolor)) }
.mycategorycontent { margin: 8px clamp(16px, calc(1.333vw + -1.6px), 24px) clamp(16px, calc(1.333vw + -1.6px), 24px); font-size: 96%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
#mycategorypager { margin-top: 24px; text-align: center; word-spacing: 6px }
#mycategorypager a { display: inline-block; background-color: #fff; border-radius: 4px; padding: 0 8px}
.largetac { text-align: center }
}

@media (min-width: 1921px) { 
header { right: calc(50% - 960px) }
}