@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700;900&display=swap');

html {
 font-size: 62.5%;
  text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

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,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
button {
 margin: 0;
 padding: 0;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 font-size: inherit;
 font: 100%;
}

img {
 border: 0;
 vertical-align: bottom;
}

nav ul {
 list-style: none;
}
ul li {
 list-style: none;
}

blockquote,
q {
 quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
 content: "";
 content: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
}
body {
 font-size: 1rem;
 font-family: YakuHanJP,  "M PLUS Rounded 1c", sans-serif;
 color: #000;
 text-align: center;
  text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
 line-height: 2;
 font-weight: normal;
 font-feature-settings: "palt";
 overflow-y: scroll;
}

a {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 transition: 0.4s;
 text-decoration: none;
}
ins {
 background-color: #ff9;
 color: #000;
 text-decoration: none;
}

mark {
 background-color: #ff9;
 color: #000;
 font-style: italic;
 font-weight: bold;
}

del {
 text-decoration: line-through;
}

abbr[title],
dfn[title] {
 border-bottom: 1px dotted #000;
 cursor: help;
}
input,
select {
 vertical-align: middle;
}
button {
 font-family: YakuHanJP,  "M PLUS Rounded 1c", sans-serif;
 border: none;
 background-color: transparent;
 border: none;
 cursor: pointer;
 padding: 0;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
}

.flex {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.alphabet {
 text-transform: uppercase;
}

.pc_only {
 display: block;
}
.sp_only {
 display: none;
}
@media screen and (max-width: 767px) {
 .pc_only {
  display: none;
 }
 .sp_only {
  display: block;
 }
}

#wrapper img {
 width: 100%;
}


.scrollLock {
 position: fixed;
 left: 0;
 width: 100%;
}

.fadein {
 opacity: 0;
 transition: .7s;
}

@media (scripting: none) {
 .fadein {
  opacity: 1;
 }
}
.scrollin {
 opacity: 1;
}


/*                       header                      */
#header {
 position: fixed;
 top: 0;
 width: 100%;
 box-sizing: border-box;
 padding: min(1.2rem, calc(12vw / 13.66))  min(5rem, calc(50vw / 13.66));
 background-color: #E95513;
 z-index: 99;
}
.hd_flex {
 display: flex;
 justify-content: space-between;
 align-items: center;

}
.hd_logo {
 width:  min(16.3rem, calc(163vw / 13.66));
}
.hd_menu  {
 width:  min(76rem, calc(760vw / 13.66));
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.hd_menu li a{
 color: #fff;
 letter-spacing: 0.12em;
 font-size: 1.6rem;
 font-weight: 700;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 transition: .4s;
}
.hd_menu li a::before {
 content: '';
 width: 100%;
 height: min(.2rem, calc(2vw / 13.66));
 border-radius: min(1rem, calc(10vw / 13.66));
 background-color: #fff;
 position: absolute;
 bottom: 0;
 left: 0;
 transform: scale(0,1);
 transform-origin: center;
 transition: .4s;
}
.hd_menu li a span{
 width: min(1.8rem, calc(18vw / 13.66));
 font-size: 0;
 display: inline-block;
 margin-right: min(1rem, calc(10vw / 13.66));
}

.nav {
 display: none;
}


@media (hover: hover)  and (pointer: fine){
 .hd_logo  a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
 .hd_menu li a:where(:any-link, :enabled, summary):hover::before {
  transform: scale(1);
 }
}




/*                       main                      */
#main {
 margin-top: min(8rem, calc(80vw / 13.66));
 overflow: hidden;

}


/*                       mv                      */

.mv_inner {
 position: relative;
}

.mv_splide .splide__pagination {
margin:   min(3rem, calc(30vw / 13.66)) 0 0;
}
.mv_splide .splide__pagination__page {
width: min(1.7rem, calc(17vw / 13.66));
height: min(1.7rem, calc(17vw / 13.66));
margin: 0  min(1.5rem, calc(15vw / 13.66));
background-color: #C6C6C6;
}
.mv_splide .splide__pagination__page.is-active {
background-color: #EC6A00;

}


.banner_pc {
 width: min(38.2rem, calc(382vw / 13.66));
 position: fixed;
 bottom: 0;
 right: 0;
 background-color: #fff;
 border-radius: min(1rem, calc(10vw / 13.66)) 0 0  min(1rem, calc(10vw / 13.66)) ;
 overflow: hidden;
}
.banner_pc  a {
 background-color: #652717;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: min(1rem, calc(10vw / 13.66)) 0;

}
.banner_pc_icon {
  width: min(5.2rem, calc(52vw / 13.66));
}
.banner_pc_qr {
  width: min(8rem, calc(80vw / 13.66));
}
.banner_pc p {
 font-size: 1.5rem;
 font-weight: 800;
 color: #fff;
 letter-spacing: 0.1em;
 text-align: left;
 margin-right: min(1rem, calc(10vw / 13.66));
}
.banner_pc p span{
 font-size: 2.7rem;
 display: block;
 letter-spacing: 0;
 line-height: 1;
}

@media (hover: hover)  and (pointer: fine){
 .banner_pc a:where(:any-link, :enabled, summary):hover {
  opacity: 0.7;
 }
}



/*                       about                      */
.section_contents {
 margin-top:  max(-8rem, calc(-80vw / 13.66));
 padding-top:  min(8rem, calc(80vw / 13.66));
}
.about_inner {
 padding-bottom: min(5rem, calc(50vw / 13.66)) ;
}
.about_item {
 width: min(100rem, calc(1000vw / 13.66));
 margin: 0 auto;
 position: relative;
}
.about_flexbox {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.about_flexbox:last-of-type {
 flex-direction: row-reverse;
 margin-top: min(10rem, calc(100vw / 13.66));
}
.about_detail {
 width: min(52rem, calc(520vw / 13.66));
}
.about_ttl {
 width: min(44.5rem, calc(445vw / 13.66));
}
.about_txt {
 text-align: left;
 font-size: 1.8rem;
 font-weight: 800;
 color: #652717;
 margin-top:min(2rem, calc(20vw / 13.66));
}
.about_txt span {
background:#FFC32C;
border-radius: min(.4rem, calc(4vw / 13.66));
display: inline-block;
line-height: 1.5;
padding: 0 min(.2rem, calc(2vw / 13.66));
}
.about_btn {
 font-size: 2.4rem;
 width:  min(44.6rem, calc(446vw / 13.66));
 margin-top: min(1.5rem, calc(15vw / 13.66));
}
.about_btn a{
 display: block;
 width: 100%;
 font-size: 2.4rem;
 color: #fff;
 background-color: #652717;
 font-weight: 800;
 border-radius:  min(3.6rem, calc(36vw / 13.66));
 border:  min(.2rem, calc(2vw / 13.66)) solid #652717;
 box-sizing: border-box;
 padding:  min(1rem, calc(10vw / 13.66)) 0;
}

@media (hover: hover)  and (pointer: fine){
 .about_btn  a:where(:any-link, :enabled, summary):hover {
  background-color: #fff;
  color: #652717;
 }
}


.about_img {
 width: min(39rem, calc(390vw / 13.66));
 position: relative;
}
.about_img span{
 width: min(42rem, calc(420vw / 13.66));
 position: absolute;
 bottom: min(3.5rem, calc(35vw / 13.66));
 left: max(-2rem, calc(-20vw / 13.66));
 right: 0;
 margin: 0 auto;
 transform-origin: center;
 transform: scale(0);
 transition: .7s;
 transition-delay: .5s;
}
.scrollin .about_img span{
 transform: scale(1);
}
.about_shape {
 position: absolute;
}

.about_shape.scrollin  {
 animation-name: about_shape;
 animation-timing-function: ease-out;
 animation-duration: 2s;
 animation-iteration-count: 1;
 animation-fill-mode: forwards;
 animation-delay: .2s;
}

.about_shape_01 {
 width: min(10rem, calc(100vw / 13.66));
 bottom:  min(33.5rem, calc(335vw / 13.66));
 left: max(-10rem, calc(-100vw / 13.66));

}
.about_shape_02 {
 width: min(7.7rem, calc(77vw / 13.66));
 bottom:  min(3.5rem, calc(35vw / 13.66));
 left: max(-8.5rem, calc(-85vw / 13.66));

}
.about_shape_03 {
 width: min(5rem, calc(50vw / 13.66));
 bottom:  min(11.5rem, calc(115vw / 13.66));
 left: max(-4.5rem, calc(-45vw / 13.66));
}
.about_shape_04 {
 width: min(6.5rem, calc(65vw / 13.66));
 bottom:  min(3rem, calc(30vw / 13.66));
 left: min(33rem, calc(330vw / 13.66));
}
.about_shape_05 {
 width: min(5.5rem, calc(55vw / 13.66));
 top:  min(27rem, calc(270vw / 13.66));
 left: min(53rem, calc(530vw / 13.66));
}
.about_shape_06 {
 width: min(3.8rem, calc(38vw / 13.66));
 top:  min(7rem, calc(70vw / 13.66));
 right: max(-3rem, calc(-30vw / 13.66));
}
.about_shape_07 {
 width: min(5.2rem, calc(52vw / 13.66));
 top:  min(8.5rem, calc(85vw / 13.66));
 right: max(-9rem, calc(-90vw / 13.66));
}
.about_shape_08 {
 width: min(10rem, calc(100vw / 13.66));
 top:  min(23.5rem, calc(235vw / 13.66));
 right: max(-12rem, calc(-120vw / 13.66));
}
.about_shape_09 {
 width: min(5.5rem, calc(55vw / 13.66));
 top:  min(36.5rem, calc(365vw / 13.66));
 right: max(-10.5rem, calc(-105vw / 13.66));
}
.about_shape_10 {
 width: min(6.5rem, calc(65vw / 13.66));
 top:  min(50rem, calc(500vw / 13.66));
 right: min(.5rem, calc(5vw / 13.66));
}
.about_shape_11 {
 width: min(5.5rem, calc(55vw / 13.66));
 bottom:  min(3.5rem, calc(35vw / 13.66));
 right: max(-4rem, calc(-40vw / 13.66));
}
.about_shape_12 {
 width: min(3.6rem, calc(36vw / 13.66));
 bottom:  min(7rem, calc(70vw / 13.66));
 right: max(-9rem, calc(-90vw / 13.66));
}

@keyframes about_shape {
  0%, 40%, 60%, 80% {
    transform: scale(1);
  }
  50%, 70% {
    transform: scale(0.85);
  }
}

.separate_bg {
 width: 100%;
 height:  min(7.5rem, calc(75vw / 13.66));
 background: url(../img/jelycodo2025_bg_img.svg) repeat-x;
 background-size:   min(27rem, calc(270vw / 13.66));
 background-color: #E95513;
 background-position: center left   max(-2rem, calc(-20vw / 13.66));
 animation: bgroop 80s linear infinite;
}

.separate_bg_02 {
 background-color: #f5ab09;
 animation: bgroop_02 80s linear infinite;
}

@keyframes bgroop {
    from {
        background-position: center left   max(-2rem, calc(-20vw / 13.66));
    }
    to {
        background-position:  center left   max(-200rem, calc(-2000vw / 13.66));
    }
}
@keyframes bgroop_02 {
    from {
        background-position: center left   max(-2rem, calc(-20vw / 13.66));
    }
    to {
        background-position:  center left   max(200rem, calc(2000vw / 13.66));
    }
}





/*                       order                      */

.order_inner {
 background-color: #EF8FA1;
}
.section_inner {
 padding: min(5rem, calc(50vw / 13.66))  0 min(5rem, calc(50vw / 13.66)) ;

}
.section_item {
 width: min(107rem, calc(1070vw / 13.66));
 margin:0 auto  ;
 background-color: #FFFFFF;
 border-radius:  min(3rem, calc(30vw / 13.66));
 box-sizing: border-box;
 padding:  min(4.5rem, calc(45vw / 13.66)) 0;
 position: relative;
}

.section_char {
 width: min(13.5rem, calc(135vw / 13.66));
 position: absolute;
}
.section_char span {
 width: min(9.4rem, calc(94vw / 13.66));
 position: absolute;
}
.order_item .section_char{
 top:  min(7.5rem, calc(75vw / 13.66));
 right:  max(-5rem, calc(-50vw / 13.66));
 transform: translateX(50%);
}
.section_char.scrollin {
 transform: translateX(0%);
}
.order_item  .section_char span {
  top:  max(-8rem, calc(-80vw / 13.66));
 right:  max(-6rem, calc(-60vw / 13.66));
 transform-origin: bottom left;
 transform: scale(0);
 transition: .5s;
 transition-delay: .5s;
}
.section_char.scrollin span{
 transform: scale(1);
}

.section_item_ttl_sab {
 font-size: 1.8rem;
 font-weight: 800;
 color: #723700;
 border-bottom: min(.2rem, calc(2vw / 13.66)) solid #723700;
}
.order_item  .section_item_ttl_sab  {
 border-color: #EF8FA1;
}
.section_item_ttl p {
 font-size: 4rem;
 font-weight: 900;
 color: #723700;
 line-height: 1.4;
}
.section_item_ttl_eg {
 font-size: 2.5rem;
 font-weight: 800;
 line-height: 1.2;
}
.order_item .section_item_ttl_eg  {
color: #EF8FA1;
}
.order_splide {
 width: min(84.4rem, calc(844vw / 13.66));
 margin:  min(11rem, calc(110vw / 13.66)) auto 0;
}
.order_slide {
 border-radius: min(2.1rem, calc(21vw / 13.66));
 box-sizing: border-box;
 position: relative;
 padding: min(3rem, calc(30vw / 13.66)) 0  min(4rem, calc(40vw / 13.66));
 background-color: #FDEAB9;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.order_splide  .splide__track {
 padding: min(1rem, calc(10vw / 13.66)) 0 0;
}
.order_slide_num {
 width:  min(9rem, calc(90vw / 13.66));
 font-size: 2rem;
 font-weight: 800;
 letter-spacing: 0.04em;
 background-color: #F59800;
 color: #fff;
 padding: min(1rem, calc(10vw / 13.66)) 0  min(2rem, calc(20vw / 13.66));
 clip-path: polygon( 100% 0, 100% 100%,50% 90%, 0 100%, 0 0);
position: absolute;
top:  max(-.5rem, calc(-5vw / 13.66));
left:  min(5.5rem, calc(55vw / 13.66));
}
.order_enjoy .order_slide_num{
 background-color: #E54966;
 padding: min(3.5rem, calc(35vw / 13.66)) 0  ;
}
.order_slide_num span{
 font-size: 4rem;
 display: block;
 line-height: 1;
}
.order_slide_ttl {
 font-size: 3.6rem;
 font-weight: 800;
 color: #723700;
 line-height: 1.5;
 display: flex;
 align-items: center;
 justify-content: center;
}
.order_slide_ttl  span {
 font-size: 2rem;
}
.order_slide_ttl_tag {
 font-size: 1.6rem;
 font-weight: 600;
 color: #fff;
 background-color: #F59800;
 border-radius:   min(1.4rem, calc(14vw / 13.66));
 display: inline-block;
 padding: 0   min(1.5rem, calc(15vw / 13.66));
 line-height: 1.8;
}

.order_slide_img  {
 margin:min(1.5rem, calc(15vw / 13.66)) auto 0;
 width:  min(77rem, calc(770vw / 13.66));
 flex: 1;
 display: flex;
 align-items: center;
 position: relative;
 z-index: 5;
}
.order_slide_img_icon {
 width:  min(10rem, calc(100vw / 13.66));
 position: absolute;
 top: min(1.5rem, calc(15vw / 13.66));
 right: min(6rem, calc(60vw / 13.66));

}
.order_slide_txt{
 position: absolute;
 top: min(1.5rem, calc(15vw / 13.66));
 right: min(2.5rem, calc(25vw / 13.66));
 font-size: 1.8rem;
 font-weight: 800;
 color: #E95205;
}
.order_slide_ttl_note{
 font-size: 1.4rem;
 color: #e95205;
 font-weight: normal;
 position: absolute;
 bottom:  min(1rem, calc(10vw / 13.66));
 left: 0;
 right: 0;
 margin: 0 auto;
}
.order_slide_03 .order_slide_ttl_note {
 font-size: 1.2rem;
 color: #723700;
 text-align: right;
 margin-right: min(3rem, calc(30vw / 13.66));
}
.order_slide_bg_01 {
 width:  min(41.4rem, calc(414vw / 13.66));
 position: absolute;
 bottom: min(2.8rem, calc(28vw / 13.66));
 left: min(3rem, calc(30vw / 13.66));
 opacity: 0;
 transform: scale(0);
 transition: .7s;
 transition-delay: .5s;
}
.order_slide_bg_02 {
 width:  min(30rem, calc(300vw / 13.66));
 position: absolute;
 top: min(3rem, calc(30vw / 13.66));
 right: min(2rem, calc(20vw / 13.66));
 opacity: 0;
 transform: scale(0);
 transition: .7s;
 transition-delay: .5s;
}
.order_enjoy.is-active .order_slide_bg_01 ,
.order_enjoy.is-active .order_slide_bg_02  {
 opacity: 1;
 transform: scale(1);
}
.order_splide  .splide__pagination {
 position: absolute;
 top: max(-9rem, calc(-90vw / 13.66));
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom: auto;
}
.order_splide .splide__pagination__page {
 width:  min(6rem, calc(60vw / 13.66));
 height:  min(6rem, calc(60vw / 13.66));
 background: url(../img/jelycodo2025_order_page_icon_01.svg) no-repeat;
 background-size: cover;
 border-radius: 0;
 opacity: 1;
}
.order_splide .splide__pagination li:nth-of-type(2) .splide__pagination__page{
 background-image: url(../img/jelycodo2025_order_page_icon_02.svg);
}
.order_splide .splide__pagination li:nth-of-type(3) .splide__pagination__page{
 background-image: url(../img/jelycodo2025_order_page_icon_03.svg);
}
.order_splide .splide__pagination li:nth-of-type(4) .splide__pagination__page{
 background-image: url(../img/jelycodo2025_order_page_icon_04.svg);
}
.order_splide .splide__pagination li:nth-of-type(5) .splide__pagination__page{
 background-image: url(../img/jelycodo2025_order_page_icon_05.svg);
}
.order_splide .splide__pagination li:nth-of-type(6) .splide__pagination__page{
 background-image: url(../img/jelycodo2025_order_page_icon_06.svg);
}


.order_splide .splide__pagination__page.is-active {
 background-image: url(../img/jelycodo2025_order_page_icon_01_active.svg);
}

.order_splide .splide__pagination li:nth-of-type(2) .splide__pagination__page.is-active{
 background-image: url(../img/jelycodo2025_order_page_icon_02_active.svg);
}
.order_splide .splide__pagination li:nth-of-type(3) .splide__pagination__page.is-active{
 background-image: url(../img/jelycodo2025_order_page_icon_03_active.svg);
}
.order_splide .splide__pagination li:nth-of-type(4) .splide__pagination__page.is-active{
 background-image: url(../img/jelycodo2025_order_page_icon_04_active.svg);
}
.order_splide .splide__pagination li:nth-of-type(5) .splide__pagination__page.is-active{
 background-image: url(../img/jelycodo2025_order_page_icon_05_active.svg);
}
.order_splide .splide__pagination li:nth-of-type(6) .splide__pagination__page.is-active{
 background-image: url(../img/jelycodo2025_order_page_icon_06_active.svg);
}

.order_splide .splide__arrow {
 width:  min(5.8rem, calc(58vw / 13.66));
 height:  min(5.8rem, calc(58vw / 13.66));
 background-color: #fff;
 box-sizing: border-box;
 border:min(.3rem, calc(3vw / 13.66)) solid #723700;
 opacity: 1;
 transition: .4s;
}
.order_splide .splide__arrow--prev {
 left: max(-2.8rem, calc(-28vw / 13.66));
}
.order_splide .splide__arrow--next {
 right: max(-2.8rem, calc(-28vw / 13.66));
}
.order_splide .splide__arrow svg {
 width:  min(2.5rem, calc(25vw / 13.66));
 height:  min(2.5rem, calc(25vw / 13.66));
 transition: .4s;
 fill: #723700;
}
.order_splide  .splide__arrow:hover:not(:disabled) {
 opacity: 1;
 background-color: #723700;
}
.order_splide  .splide__arrow:hover:not(:disabled) svg{
 fill: #fff;
}





/*                       menu                      */

.menu_inner {
 background-color: #9CC24C;
}
.menu_item {
 padding: min(4.5rem, calc(45vw / 13.66)) 0 min(4.5rem, calc(45vw / 13.66));
}
.menu_item .section_char{
 bottom: 0;
 left:  max(-6rem, calc(-60vw / 13.66));
 transform: translateX(-50%);
}
.menu_item .section_char.scrollin {
 transform: translateX(0%);
}


.menu_item  .section_char span {
  top:  max(-7rem, calc(-70vw / 13.66));
 left:  max(-5rem, calc(-50vw / 13.66));
 transform-origin: bottom right;
 transform: scale(0);
 transition: .5s;
 transition-delay: .5s;
}
.menu_item .section_char.scrollin span{
 transform: scale(1);
}

.menu_item  .section_item_ttl_sab  {
 border-color: #9CC24C;
}
.menu_item .section_item_ttl_eg  {
color: #9CC24C;
}

.menu_list,.custom_list {
 width:min(78rem, calc(780vw / 13.66)) ;
 margin: min(3.5rem, calc(35vw / 13.66)) auto 0;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.menu_list li,.custom_list li {
 width: min(34.5rem, calc(345vw / 13.66));
 margin-bottom:  min(5rem, calc(50vw / 13.66));
}
.menu_list li:nth-of-type(3),.menu_list li:nth-of-type(4),
.custom_list li:nth-of-type(3),.custom_list li:nth-of-type(4)
 {
  margin-bottom: 0;
 }
.menu_list_name,.custom_list_name {
 font-size: 2rem;
 color: #723700;
 letter-spacing: 0;
 line-height: 1.2;
 font-weight: 800;
 margin: min(1.5rem, calc(15vw / 13.66)) 0 min(1rem, calc(10vw / 13.66));
}
.menu_list_price,.custom_list_price {
 font-size: 3.5rem;
 font-weight: 800;
 color: #723700;
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: .8;
}
.menu_list_price span.size,.custom_list_price span.size{
 width: min(3rem, calc(30vw / 13.66));
 font-size: 2rem;
 line-height: 1.5;
 border-radius: 50%;
 background-color: #723700;
 color: #fff;
 margin-right: min(.5rem, calc(5vw / 13.66));
}
.menu_list_price span.min_size_txt,
.custom_list_price span.min_size_txt{
 font-size: 1.4rem;
 margin-right: min(.5rem, calc(5vw / 13.66));
}
.menu_list_price span.min_txt,
.custom_list_price span.min_txt{
 font-size: 2.6rem;
 align-self: flex-end;
 line-height: 1.1;
}

.menu_square {
 position: absolute;
 transform: rotate(0) scale(0);
}
.menu_square_01 {
 width: min(5.4rem, calc(54vw / 13.66));
 top:  min(4.5rem, calc(45vw / 13.66));
 left:  min(4rem, calc(40vw / 13.66));
}
.menu_square_02 {
 width: min(2.5rem, calc(25vw / 13.66));
 top:  min(5rem, calc(50vw / 13.66));
 left:  min(13rem, calc(130vw / 13.66));
}
.menu_square_03 {
 width: min(4.5rem, calc(45vw / 13.66));
 top:  min(10.5rem, calc(105vw / 13.66));
 left:  min(11rem, calc(110vw / 13.66));
}
.menu_square_04 {
 width: min(3rem, calc(30vw / 13.66));
 top:  min(48rem, calc(480vw / 13.66));
 left:  min(4.5rem, calc(45vw / 13.66));
}
.menu_square_05 {
 width: min(3rem, calc(30vw / 13.66));
 top:  min(54rem, calc(540vw / 13.66));
 left:  min(7.5rem, calc(75vw / 13.66));
}
.menu_square_06 {
 width: min(3.8rem, calc(38vw / 13.66));
 top:  min(4.5rem, calc(45vw / 13.66));
 right:  min(6.5rem, calc(65vw / 13.66));
}
.menu_square_07 {
 width: min(5.6rem, calc(56vw / 13.66));
 top:  min(10rem, calc(100vw / 13.66));
 right:  min(8.5rem, calc(85vw / 13.66));
}
.menu_square_08 {
 width: min(3rem, calc(30vw / 13.66));
 top:  min(53.5rem, calc(535vw / 13.66));
 right:  min(5rem, calc(50vw / 13.66));
}
.menu_square_09 {
 width: min(4.5rem, calc(45vw / 13.66));
 bottom:  min(4rem, calc(40vw / 13.66));
 right:  min(5rem, calc(50vw / 13.66));
}


.menu_square.scrollin  {
 animation-name: menu_square;
 animation-timing-function: ease-out;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-fill-mode: forwards;
 animation-delay: .2s;
}

@keyframes menu_square {
  0% {
   transform: rotate(0) scale(0);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}



/*                       custom                      */

.custom_inner {
 background-color: #e95513;
}
.custom_item {
 padding: min(4.5rem, calc(45vw / 13.66)) 0 min(3.5rem, calc(35vw / 13.66));
}
.custom_item .section_char{
 top: min(30rem, calc(300vw / 13.66));
 right:  max(-9rem, calc(-90vw / 13.66));
 transform: translate(50%,50%);
}
.custom_item .section_char.scrollin {
 transform: translate(0%);
}


.custom_item  .section_char span {
  top:  max(-7rem, calc(-70vw / 13.66));
 left:  max(-5rem, calc(-50vw / 13.66));
 transform-origin: bottom right;
 transform: scale(0);
 transition: .5s;
 transition-delay: .5s;
}
.custom_item .section_char.scrollin span{
 transform: scale(1);
}

.custom_item  .section_item_ttl_sab  {
 border-color: #e95513;
}
.custom_item .section_item_ttl_eg  {
color: #e95513;
}


.custom_list_name span{
 width: min(2.5rem, calc(25vw / 13.66));
 height: min(2.5rem, calc(25vw / 13.66));
 background:url(../img/jelycodo2025_plus_icon.svg) no-repeat;
 background-size: cover;
 display: inline-block;
 vertical-align: bottom;
}
.custom_list_option {
 width: min(30.6rem, calc(306vw / 13.66));
 margin: 0 auto min(1rem, calc(10vw / 13.66));
}
.custom_list li:nth-of-type(2) .custom_list_name {
 letter-spacing: -0.05em;
}

.custom_square {
 position: absolute;
 transform: rotate(0) scale(0);
}
.custom_square_01 {
 width: min(5.4rem, calc(54vw / 13.66));
 top:  min(4.5rem, calc(45vw / 13.66));
 left:  min(4rem, calc(40vw / 13.66));
}
.custom_square_02 {
 width: min(2.5rem, calc(25vw / 13.66));
 top:  min(5rem, calc(50vw / 13.66));
 left:  min(13rem, calc(130vw / 13.66));
}
.custom_square_03 {
 width: min(4.5rem, calc(45vw / 13.66));
 top:  min(10.5rem, calc(105vw / 13.66));
 left:  min(11rem, calc(110vw / 13.66));
}
.custom_square_04 {
 width: min(3rem, calc(30vw / 13.66));
 top:  min(48rem, calc(480vw / 13.66));
 left:  min(4.5rem, calc(45vw / 13.66));
}
.custom_square_05 {
 width: min(3rem, calc(30vw / 13.66));
 top:  min(54rem, calc(540vw / 13.66));
 left:  min(7.5rem, calc(75vw / 13.66));
}
.custom_square_06 {
 width: min(3.8rem, calc(38vw / 13.66));
 top:  min(4.5rem, calc(45vw / 13.66));
 right:  min(6.5rem, calc(65vw / 13.66));
}
.custom_square_07 {
 width: min(5.6rem, calc(56vw / 13.66));
 top:  min(10rem, calc(100vw / 13.66));
 right:  min(8.5rem, calc(85vw / 13.66));
}
.custom_square_08 {
 width: min(3rem, calc(30vw / 13.66));
 top:  min(53.5rem, calc(535vw / 13.66));
 right:  min(5rem, calc(50vw / 13.66));
}
.custom_square_09 {
 width: min(4.5rem, calc(45vw / 13.66));
 bottom:  min(15rem, calc(150vw / 13.66));
 right:  min(4.3rem, calc(43vw / 13.66));
}
.custom_square_10 {
 width: min(5.7rem, calc(57vw / 13.66));
 bottom:  min(8.5rem, calc(85vw / 13.66));
 left:  min(6rem, calc(60vw / 13.66));
}
.custom_square_12 {
 width: min(4.5rem, calc(45vw / 13.66));
 bottom:  min(7rem, calc(70vw / 13.66));
 right:  min(6.5rem, calc(65vw / 13.66));

}


.custom_square.scrollin  {
 animation-name: custom_square;
 animation-timing-function: ease-out;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-fill-mode: forwards;
 animation-delay: .2s;
}

@keyframes custom_square {
  0% {
   transform: rotate(0) scale(0);
  }
  100% {
    transform: rotate(-360deg) scale(1);
  }
}





/*                       news                      */


.news_item {
 background-color: #fff7ea;
}
.news_item .section_item_ttl_eg  {
color: #e95513;
}
.news_list {
 margin-top: min(3rem, calc(30vw / 13.66));
}
.news_list a  {
 display: block;
 width:  min(89rem, calc(890vw / 13.66));
 margin: 0 auto;
 border-top: min(.1rem, calc(1vw / 13.66)) solid #f5ab09;
}
.news_list dl {
 display: flex;
 align-items: baseline;
 justify-content: space-between;
 padding: min(1.2rem, calc(12vw / 13.66)) min(5rem, calc(50vw / 13.66));
 padding-right: min(3rem, calc(30vw / 13.66));
 box-sizing: border-box;
}
.news_list  a:last-of-type {
 border-bottom: min(.1rem, calc(1vw / 13.66)) solid #f5ab09;
}


.news_list dt {
 width:  min(13.5rem, calc(135vw / 13.66));
 font-size: 2.2rem;
 font-weight: 800;
 color: #e95513;
 letter-spacing: 0.04em;
 text-align: left;
}
.news_list dd {
 width:  min(65rem, calc(650vw / 13.66));
 text-align: left;
 font-size: 1.6rem;
 font-weight: 700;
 color: #723700;
 display: flex;
 align-items: baseline;
}

.news_list dd  span {
 display: inline-block;
 width:  min(1.3rem, calc(13vw / 13.66));
 height:  min(1.3rem, calc(13vw / 13.66));
 background-color: #f5ab09;
 border-radius:min(.2rem, calc(2vw / 13.66)) ;
 transform: rotate(45deg);
 margin-right: min(4rem, calc(40vw / 13.66));
}



@media (hover: hover)  and (pointer: fine){
 .news_list  a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
}

.note_txt {
 width: min(108rem, calc(1080vw / 13.66));
 margin: min(2.5rem, calc(25vw / 13.66)) auto 0;
 font-size: 1.6rem;
 font-weight: normal;
 line-height: 2;
 text-align: justify;
 color: #652717;
}






/*                       footer                      */

.footer_inner {
 padding: min(2rem, calc(20vw / 13.66)) 0;
}
.footer_logo {
 width:  min(16.2rem, calc(162vw / 13.66));
 margin: 0 auto  min(.5rem, calc(5vw / 13.66));
}
.footer_menu {
  width:  min(57rem, calc(570vw / 13.66));
  margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.footer_menu  a {
 font-size: 1.6rem;
 font-weight: 800;
 color: #E95205;
 letter-spacing: 0.04em;
 position: relative;
 display: block;
}

.footer_menu_other {
  width:  min(94.5rem, calc(945vw / 13.66));
  margin:  min(.5rem, calc(5vw / 13.66)) auto 0;
  padding-top:  min(1rem, calc(10vw / 13.66));
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-top:  min(.1rem, calc(1vw / 13.66)) solid #f5ab09;
}
.footer_menu_other  a {
 font-size: 1.4rem;
 font-weight: 800;
 color: #E95205;
 letter-spacing: 0.04em;
 position: relative;
 display: block;
}
.footer_sns {
 width:  min(31.5rem, calc(315vw / 13.66));
 margin:  min(1rem, calc(10vw / 13.66)) auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.footer_sns  a {
 width:  min(12.8rem, calc(128vw / 13.66));
}
.footer_sns  a:last-of-type {
 width:  min(15rem, calc(150vw / 13.66));

}
.copy {
 font-size: 1.4rem;
 font-weight: normal;
 color: #949495;
 letter-spacing: 0.04em;
}


@media (hover: hover)  and (pointer: fine){
 .footer_menu  a:where(:any-link, :enabled, summary):hover ,
 .footer_menu_other  a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
 .footer_sns  a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
}





/*                       shop                      */
#shop {
 background-color: #fdeab9;
}
.shop_inner {
  width:  min(117rem, calc(1170vw / 13.66));
  margin: 0 auto;
  padding:  min(4rem, calc(40vw / 13.66)) 0;
 }


.shop_ttl {
 display: flex;
 align-items: center;
 font-size: 4.5rem;
 font-weight: 800;
 color: #e95513;
 letter-spacing: 0.1em;
}
.shop_ttl span {
 width:  min(5.5rem, calc(55vw / 13.66));
 margin-right:  min(1rem, calc(10vw / 13.66));
}
 .shop_item {
 background-color: #fff;
 box-sizing: border-box;
 padding: min(4rem, calc(40vw / 13.66)) min(7.5rem, calc(75vw / 13.66))  min(5rem, calc(50vw / 13.66));
 border-radius: min(3rem, calc(30vw / 13.66));
 margin-top: min(2.5rem, calc(25vw / 13.66));
}
.shop_item_flex  {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom:  min(3rem, calc(30vw / 13.66));
}
.shop_item:nth-of-type(3) .shop_item_flex  {
 align-items: flex-start;
}

.shop_name {
font-size: 3.4rem;
color: #723700;
font-weight: 800;
text-align: left;
margin-bottom:  min(2rem, calc(20vw / 13.66));
line-height: 1.3;
}
.shop_item_img {
 width:  min(49rem, calc(490vw / 13.66));
}
.shop_item_detail{
width:  min(48.8rem, calc(488vw / 13.66));
}
.shop_item_detail dl {
 border-bottom: min(.1rem, calc(1vw / 13.66)) #f5ab09 solid;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding-bottom:min(1.2rem, calc(12vw / 13.66)) ;
 margin-bottom:min(1.2rem, calc(12vw / 13.66)) ;
}

.shop_item_detail dt {
 width:  min(9.2rem, calc(92vw / 13.66));
 background-color: #e95513;
 font-size: 1.8rem;
 font-weight: 700;
 letter-spacing: 0.08em;
 text-align: center;
 color: #fff;
 border-radius:  min(.7rem, calc(7vw / 13.66));
 line-height: 1.7;
}
.shop_item_detail dl dt.pay {
 font-size: 1.6rem;
 letter-spacing: 0.02em;
 padding: min(.1rem, calc(1vw / 13.66)) 0;
}
.shop_item_detail dd {
 width:  min(38rem, calc(380vw / 13.66));
 font-size: 1.6rem;
 font-weight: 700;
 text-align: justify;
 color: #652717;
 line-height: 1.56;
}

.shop_item_detail dd a {
 color: #652717;
 text-decoration: underline;
 text-decoration-skip-ink:none;
 text-underline-offset:  min(.5rem, calc(5vw / 13.66));
}
.shop_map {
 height:  min(32rem, calc(320vw / 13.66));
 border-radius:  min(2.7rem, calc(27vw / 13.66));
 overflow: hidden;
}


@media (hover: hover)  and (pointer: fine){
.shop_item_detail dd a:where(:any-link, :enabled, summary):hover  {
  opacity: .7;
 }
}





@media screen and (max-width: 767px) {


/*                       header                      */
#header {
 background: transparent;
 padding: 0;
 transition: .4s;
}

.hd_flex {
 display: flex;
 justify-content: space-between;
 align-items: center;

}
.hd_logo {
 width: 7.5rem;
 margin-left: 1rem;
}
.hd_menu  {
 display: none;
}


.nav_btn {
 width: 5rem;
 background-color: #501b00;
 border-radius:  0 0 0 .8rem;
 padding: 2.3rem 0;
 box-sizing: border-box;
 position: relative;
 z-index: 100;
}
.nav_btn  span {
 width: 2.5rem;
 display: block;
 border: .2rem solid #fff;
 border-radius: 1rem;
 margin: 0 auto;
 box-sizing: border-box;
 transition: .4s;
}
.nav_btn::before ,.nav_btn::after{
 content: '';
 width: 2.5rem;
 border: .2rem solid #fff;
 border-radius: 1rem;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 box-sizing: border-box;
 transition: .4s;
}
.nav_btn::before  {
 top: 1.5rem;
}
.nav_btn::after  {
 bottom: 1.5rem;
}

.nav_btn.open  span {
 opacity: 0;
}
.nav_btn.open::before {
 transform: rotate(135deg);
 top: 2.3rem;
}
.nav_btn.open::after {
 transform: rotate(-135deg);
 bottom: 2.3rem;
}



.nav {
 position: fixed;
 top: 0;
 width: 100%;
 left: 0;
 background-color: #e95513;
 height: 100vh;
 height: 100dvh;
 z-index: 99;
 display: none;
 overflow: scroll;
}
.nav_bg {
 position: fixed;
 top: 0;
 width: 100%;
 height: 100%;
}
.nav_inner {
 position: relative;
 margin-top: 6rem;
 padding-bottom: 5rem;
}
.nav_icon {
 width: 5.5rem;
 margin: 0 auto 6rem;
}
.nav_menu {
 width: 15.5rem;
 margin: 0 auto;
}
 .nav_menu li a{
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #fff;
  display:flex;
  align-items: center;
  margin-bottom: 3.2rem;
}
 .nav_menu li a span{
  font-size: 0;
  width: 1.4rem;
  margin-right: 0.7rem;
}
.nav_logo {
 width: 13rem;
 margin: 6.5rem auto 0;
}

.nav_sns {
 width: 9.5rem;
 margin: 1.5rem auto 2.5rem;
}


.nav_banner {
 width: 32.4rem;
 background-color: #652717;
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin: 0 auto;
 border-radius: .8rem ;
}
.nav_banner_link {
 width: 26.2rem;
}
.nav_banner_link a {
 display: flex;
 align-items: center;
 justify-content: center;
}

.nav_banner_link a > span {
 display: block;
 width: 3.5rem;
 margin-right: .5rem;
}
.nav_banner_link p {
 font-size: 2rem;
 font-weight: 900;
 color: #fff;
 line-height: 1.3;
}
.nav_banner_link p span{
 font-size: 1.3rem;
 font-weight: 800;
 display: block;
}

.nav_banner_btn {
 width: 6.2rem;
 border: .2rem solid #652717;
 background-color: #fff;
 padding: 0.2rem 0;
 border-radius:0 .8rem .8rem 0;
}
.nav_banner_btn span {
 width: 2.2rem;
 margin: 0 auto;
 display: block;
}
.nav_banner_btn  p{
 font-size: 1rem;
 color: #652717;
 font-weight: 800;
}



/*                       main                      */
#main {
 margin-top: 0;

}


/*                       mv                      */

.mv_inner {
 position: relative;
}

.mv_splide .splide__pagination {
margin:  1rem 0 0;
}
.mv_splide .splide__pagination__page {
width:1rem;
height:1rem;
margin: 0  .7rem;
}


.banner_pc {
 display: none;
}


/*                       about                      */
.section_contents {
 margin-top: 0rem;
 padding-top:0rem;
}
.about_inner {
 padding-top: 1.5rem;
 padding-bottom:0 ;
}
.about_item {
 width:100%;
 padding-bottom: 2rem;
}
.about_flexbox {
 flex-direction: column;
 position: relative;
}
.about_flexbox:last-of-type {
 flex-direction: column;
 margin-top: 8.5rem;
}
.about_detail {
 width:100%;
}
.about_ttl {
 width:22.4rem;
 margin: 0 auto;
}
.about_txt {
 font-size: 1.4rem;
 margin-top:1rem;
 text-align: center;
}
.about_txt span {
border-radius: .4rem;
line-height: 1.5;
padding: 0 .2rem;
}

.about_btn {
 width:  28rem;
 margin: 0 auto;
 margin-top: 2rem;
 position: absolute;
 bottom: -5rem;
 left: 0;
 right: 0;
 margin: 0 auto;
}
.about_btn a{
 font-size: 1.5rem;
 border-radius: 2.8rem;
 border: .2rem solid #652717;
 padding:  .6rem 0;
}

.about_img {
 width: 21rem;
 position: relative;
 margin-top: 1rem;
}

.about_img span{
 width: 22rem;
 bottom:2rem;
 left:0rem;
}

.about_shape_01 {
 width:2.8rem;
 bottom: auto;
 top: 29rem;
 left: 2.5rem;

}
.about_shape_02 {
 width:1.9rem;
 bottom:auto;
 top: 22.3rem;
 left: auto;
 right: 5.6rem;

}
.about_shape_03 {
 width:5rem;
 bottom: auto;
 top: 30.5rem;
 left: auto;
 right: 3rem;
}
.about_shape_04 {
 width:3.2rem;
 bottom: auto;
 top: 23.8rem;
 left: 5rem;
}
.about_shape_05 {
 width:5rem;
 bottom: 1.7rem;
 top:  auto;
 left: auto;
 right: 5rem;
}
.about_shape_06 {
 width:3.8rem;
 bottom: 19.3rem;
 top: auto;
 right:auto;
 left: 3rem;
}
.about_shape_07 {
 width: 1.8rem;
 top:  auto;
 bottom: 5.7rem;
 right:auto;
 left: 4.5rem;
}
.about_shape_08 {
 width: 2.4rem;
 top: auto;
 bottom: 15rem;
 right: auto;
 left: 3.5rem;
}
.about_shape_09 {
 width:2.7rem;
 top:  auto;
 bottom: 3rem;
 right:auto;
 left: 6.5rem;
}
.about_shape_10 {
 width: 3.2rem;
 top:  auto;
 bottom: 19.2rem;
 right:2.5rem;
}
.about_shape_12 {
 width:2.5rem;
 bottom: 6rem;
 right:3rem;
}
.about_shape_13 {
 width: 2.7rem;
 left: 7rem;
 top: 36rem;
}
.about_shape_14 {
 width: 2.6rem;
 right: 2.5rem;
 top: 23rem;
}


.separate_bg {
 width: 100%;
 height: 2.5rem;
 background: url(../img/jelycodo2025_bg_img.svg) repeat-x;
 background-size:  9.5rem;
 background-color: #E95513;
 background-position: center left  -1rem;
 animation: bgroop 80s linear infinite;
}

.separate_bg_02 {
 background-color: #f5ab09;
 animation: bgroop_02 80s linear infinite;
}

@keyframes bgroop {
    from {
        background-position: center left  -1rem;
    }
    to {
        background-position:  center left   -100rem;
    }
}
@keyframes bgroop_02 {
    from {
        background-position: center left  -1rem;
    }
    to {
        background-position:  center left  100rem;
    }
}





/*                       order                      */

.section_inner {
 padding: 2rem  0 ;

}
.section_item {
 width: 34rem;
 border-radius: 1.2rem;
 padding: 2rem 0;
}

.section_char {
 width: 4.3rem;
}
.section_char span {
 width: 3rem;
}
.order_item .section_char{
 top: 2rem;
 right:  1rem;
}
.order_item  .section_char span {
  top: -2.5rem;
 right:  -2rem;
}

.section_item_ttl_sab {
 font-size: 1.4rem;
 border-bottom: .2rem solid #723700;
}

.section_item_ttl p {
 font-size: 2.4rem;
 line-height: 1.3;
}
.section_item_ttl_eg {
 font-size: 1.4rem;
}
.order_splide {
 width:29rem;
 margin: 5rem auto 0;
}
.order_slide {
 border-radius:1rem;
 padding: 4rem 0 2rem;
}
.order_splide  .splide__track {
 padding: 1rem 0 0;
}
.order_slide_num {
 width: 5rem;
 font-size: 1.1rem;
 padding: .5rem 0 1.3rem;
top: -.5rem;
left: 1.7rem;
}
.order_enjoy .order_slide_num{
 padding:2rem 0  ;
}
.order_slide_num span{
 font-size: 2.2rem;
 display: block;
 line-height: 1;
}
.order_slide_ttl {
 font-size: 1.8rem;
 line-height: 1.3;
 flex-direction: column;
}
.order_slide_ttl  span {
 font-size: 1.4rem;
}
.order_slide_ttl_tag {
 font-size: 1.4rem;
 border-radius:  1rem;
 padding: 0   1rem;
 line-height: 1.4;
 margin-top: 0.2rem;
}

.order_slide_img  {
 margin:.5rem auto 0;
 width:  25.6rem;
}
.order_slide_img_icon {
 width:  5.8rem;
 top: .7rem;
 right: 1.5rem;

}
.order_slide_txt{
 top: .5rem;
 right:1rem;
 font-size: 1.4rem;
}
.order_slide_ttl_note{
 font-size: 1.1rem;
 bottom: .5rem;
 left: 1rem;
 right: 0;
 margin: 0 auto;
 line-height: 1.5;
 text-align: left;
}
.order_slide_03 .order_slide_ttl_note {
 text-align: left;
 margin: 0 auto;
 font-size: 1.1rem;
}
.order_slide_bg_01 {
 width: 9.8rem;
 bottom: 2rem;
 left: .8rem;
}
.order_slide_bg_02 {
 width: 11.6rem;
 top: 2rem;
 right:.8rem;
}

.order_splide  .splide__pagination {
 top: -5rem;
 padding: 0;
}
.order_splide .splide__pagination__page {
 width: 4rem;
 height: 4rem;
 margin: 0 .2rem;
}

.order_splide .splide__arrow {
 width: 2.8rem;
 height: 2.8rem;
 border:.2rem solid #723700;
}
.order_splide .splide__arrow--prev {
 left: -1.7rem;
}
.order_splide .splide__arrow--next {
 right: -1.7rem;
}
.order_splide .splide__arrow svg {
 width:  1.4rem;
 height:  1.4rem;
}





/*                       menu                      */
#menu .section_item_ttl p {
 font-size: 2.2rem;
}
.menu_item {
 padding-bottom: 1.5rem;
}
.menu_item .section_char{
 width: 4.4rem;
 top: -2.5rem;
 bottom: auto;
 right: -.5rem;
 left: auto;
 transform: translateX(-50%);
}

.menu_item  .section_char span {
  top: -2.3rem;
 left: -1.5rem;
 width: 3rem;
}

.menu_list,.custom_list {
 width:29rem ;
 margin: 1rem auto 0;
 flex-wrap: wrap;
}
.menu_list li,.custom_list li {
 width: 13.5rem;
 margin-bottom: 1.5rem;
}


.menu_list_name,.custom_list_name {
 font-size: 1.4rem;
 letter-spacing: 0em;
 line-height: 1.1;
 margin: 1rem 0 .2rem;
 white-space: nowrap;
}

.menu_list li:nth-of-type(3) .menu_list_name {
 text-indent: -.5em;
}
.menu_list_price,.custom_list_price {
 font-size: 2rem;
 width: 11.5rem;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
}
.menu_list_price span.size,.custom_list_price span.size{
 width:1.7rem;
 font-size: 1.1rem;
 margin-right:.3rem;
}
.menu_list_price span.min_size_txt,
 .custom_list_price span.min_size_txt {
  font-size: 1rem;
  margin: 0;
 }
.menu_list_price span.min_txt,
.custom_list_price span.min_txt{
 font-size: 1.5rem;
}


.menu_square_01 {
 width: 1.6rem;
 top:  7.5rem;
 left: 1.3rem;
}
.menu_square_02 {
 width:1.2rem;
 top:  7rem;
 right: 1.4rem;
 left: auto;
}
.menu_square_03 {
 width:2.3rem;
 top:  .8rem;
 left: 2.4rem;
}
.menu_square_04 {
 width: 1.3rem;
 top: auto;
 bottom: 3.3rem;
 right: 1.3rem;
 left:  auto;
}
.menu_square_08 {
 width: 1.6rem;
 top: 1rem;
 right: 5.3rem;
}

.menu_square_10 {
 width: 1.6rem;
 bottom: 1rem;
 left: .8rem;

}





/*                       custom                      */
.custom_item {
 padding-bottom: 2rem;
}

.custom_inner {
 background-color: #e95513;
}

.custom_item .section_char{
 width: 4.4rem;
 top: -.5rem;
 right: -.5rem;
}


.custom_item  .section_char span {
  top: -2.5rem;
 left: -1.5rem;
 width: 3rem;
}

.custom_list li {
 margin-bottom: 2rem;
}
.custom_list_name {
 margin-bottom: 1rem;
}
.custom_list_name span{
 width: 1.5rem;
 height: 1.5rem;
}
.custom_list_option {
 width: 100%;
 margin: 0 auto .5rem;
}

.custom_list li:nth-of-type(2) .custom_list_name {
 text-indent: -.5em;
}
.custom_list li:nth-of-type(4) .custom_list_name {
 font-size: 1.35rem;
 letter-spacing: -0.1em;
 margin-left: -.5rem;
}

.custom_square_01 {
 width: 1.6rem;
 top: 5.5rem;
 left: 1.6rem;
}
.custom_square_02 {
 width: 1.2rem;
 top:  7rem;
 left: auto;
 right: 1.2rem;
}
.custom_square_03 {
 width:2.3rem;
 top:  .8rem;
 left:  2.3rem;
}
.custom_square_04 {
 width: 1.2rem;
 top:  auto;
 bottom: 32rem;
 right: 1rem;
 left: auto;
}
.custom_square_08 {
 width:1.6rem;
 top:  auto;
 bottom: 28rem;
 left: 1.3rem;
 right: auto;
}
.custom_square_11 {
 width:1.6rem;
 top:  1rem;
 right: 5.3rem;
}









/*                       news                      */

.news_list {
 margin-top: 1rem;
}
.news_list a {
 width: 28.5rem;
 border-top:.1rem solid #f5ab09;
}
.news_list dl {
 padding: .5rem .5rem;
 padding-right: 3rem;
 flex-direction: column;
 text-align: justify;
}
.news_list a:last-of-type {
 border-bottom: .1rem solid #f5ab09;
}
.news_list dt {
 width:  100%;
 font-size: 1.4rem;
}
.news_list dd {
 width: 100%;
 font-size: 1.45rem;
 line-height: 1.44;
}

.news_list dd  span {
 display: none;
}

.note_txt {
 width:33.8rem;
 margin: 1.5rem auto 0;
 font-size: 1rem;
}







/*                       footer                      */
#footer {
 /* margin-bottom: 6.2rem; */
}
.footer_inner {
 padding:1rem 0 1rem;
 position: relative;
}
.footer_logo {
 width: 14.8rem;
 margin: 0 auto ;
 position: absolute;
 left: 0;
 right: 0;
 bottom: 3.5rem;
}
.footer_menu {
  width:  24.5rem;
 flex-wrap: wrap;
}
.footer_menu li:last-of-type {
 margin: 0 auto;
}
.footer_menu  a {
 font-size: 1.4rem;
 display: flex;
 align-items: center;
 min-width: 8.6rem;
 margin-top: 1.5rem;
}
.footer_menu  a::before{
 content: '';
 width: .8rem;
 height: .8rem;
 border-radius: .2rem;
 background-color: #f5ab09;
 position: static;
 transform: rotate(45deg);
 margin-right: .5rem;
}

.footer_menu_other  a::before  {
 content: none;
}
.footer_menu_other {
  width: 34rem;
  margin: 1rem auto 0;
  padding-top:  1.5rem;
 flex-direction: column;
 border-top:  .1rem solid #f5ab09;
}
.footer_menu_other  a {
 font-size: 1.25rem;
 margin-bottom: 1rem;
}
.footer_sns {
 width: 100%;
 margin: 1.5rem auto;
 flex-direction: column;
}
.footer_sns  a {
  width: 13.5rem;
}
.footer_sns  a:last-of-type {
 width: 15.8rem;
 margin-top: 2.5rem;

}
.copy {
 font-size: 1rem;
 margin-top: 8.5rem;
}




/*                       shop                      */

.shop_inner {
  width:  34rem;
  margin: 0 auto;
  padding: 5rem 0 2.5rem;
 }


.shop_ttl {
 font-size: 2.4rem;
}
.shop_ttl span {
 width: 3rem;
 margin-right: .5rem;
}
 .shop_item {
 background-color: #fff;
 box-sizing: border-box;
 padding:2rem 2.5rem 2rem;
 border-radius: 1.2rem;
 margin-top: 2.5rem;
}
.shop_item:first-of-type {margin-top: 1rem;}
.shop_item_flex  {
 flex-direction: column;
 margin-bottom: 2rem;
}

.shop_name {
font-size: 1.7rem;
margin-bottom:  1rem;

}
.shop_name span {
 font-size: 1.3rem;
}
.shop_item_img {
 width: 100%;
}
.shop_item_detail{
width:  100%;
margin-top: 1.2rem;
}
.shop_item_detail dl {
 border-bottom:.1rem #f5ab09 solid;
 flex-direction: column;
 padding-bottom:.8rem ;
 margin-bottom:.8rem ;
 align-items: flex-start;
}
.shop_item_detail dl:last-of-type {
 border-bottom:.1rem #f5ab09 solid;
}

.shop_item_detail dt {
 width: 7rem;
 font-size: 1.3rem;
 border-radius:  .35rem;
 margin-bottom: .5rem;
}
.shop_item_detail dl:first-of-type span {
 font-size: 1.2rem;
}
.shop_item_detail dl dt.pay {
 font-size: 1.3rem;
 letter-spacing: 0;
 padding: 0;
}
.shop_item_detail dd {
 width:  100%;
 font-size: 1.4rem;
 line-height: 1.5;
}


.shop_item_detail dd a {
 text-underline-offset:  .3rem;
}

.shop_map {
 height:  22.4rem;
 border-radius: 1rem;
}

.banner_sp {
 width: 100%;
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 90;
 background-color: #652717;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.banner_sp_link {
 width: 31.3rem;
}
.banner_sp_link a {
 display: flex;
 align-items: center;
 justify-content: center;
}

.banner_sp_link a > span {
 display: block;
 width: 3.5rem;
 margin-right: .5rem;
}
.banner_sp_link p {
 font-size: 2rem;
 font-weight: 900;
 color: #fff;
 line-height: 1.3;
}
.banner_sp_link p span{
 font-size: 1.3rem;
 font-weight: 800;
 display: block;
}

.banner_sp_btn {
 width: 6.2rem;
 border: .2rem solid #652717;
 background-color: #fff;
 padding: 0.2rem 0;
}
.banner_sp_btn span {
 width: 2.2rem;
 margin: 0 auto;
 display: block;
}
.banner_sp_btn  p{
 font-size: 1rem;
 color: #652717;
 font-weight: 800;
}


}




.set_btn {
 width: min(44.6rem, calc(446vw / 13.66));
 margin:  min(3.5rem, calc(35vw / 13.66)) auto 0;
}
.set_btn a {
 background-color: #652717;
 display: block;
 width: 100%;
 background-color: #652717;
 font-size: 2.4rem;
 color: #fff;
 border-radius:  min(3.6rem, calc(36vw / 13.66));
 padding:  min(1.2rem, calc(12vw / 13.66)) 0;
 font-weight: 600;
 box-sizing: border-box;
 border:  min(.2rem, calc(2vw / 13.66) ) solid #723700;
}


@media (hover: hover)  and (pointer: fine){
 .set_btn  a:where(:any-link, :enabled, summary):hover {
  background-color: #fff;
  color: #723700;
 }
}



@media screen and (max-width: 767px) {
.set_btn {
 width: 28.4rem;
 margin:  1.7rem auto 0;
}
.set_btn a {
 font-size: 1.5rem;
 border-radius:  2.3rem;
 padding: .8rem 0;
 border: none;
}

}

.f_banner {
 width:230px;
 position: fixed;
 z-index: 90;
 position: fixed;
 bottom: 60px;
 right: 45px;
}
@media screen and (max-width: 767px) {
 .f_banner {
  width:11.8rem;
  bottom: 3rem;
  right: 1.75rem;
  max-width: 230px;
 }
}