@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=M+PLUS+1p:wght@400;500;700&display=swap');

/* margin ---------------------------------------- */
.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;margin-bottom: 1rem;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}
.mt-s{margin-top:5px!important;}
.mr-s{margin-right:5px!important;}
.ml-s{margin-left:5px!important;}
.mb-s{margin-bottom:5px!important;}

/* padding ---------------------------------------- */
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}
.p-s{padding:5px!important;}
.pt-s{padding-top:5px!important;}
.pr-s{padding-right:5px!important;}
.pl-s{padding-left:5px!important;}
.pb-s{padding-bottom:5px!important;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}
.text-bold{font-weight:700;}
.text-normal{font-weight:normal;}

.v-sp {display: none;}

main {background: #F4F4F4;}

/* -------------------------------------------------- */
/* wrapper */
/* -------------------------------------------------- */
#wrapper {color: #333; font-family: 'M PLUS 1p', sans-serif; font-size:16px; font-weight: 400; line-height: 1.625; letter-spacing: 0.05em;}
#wrapper .serif {font-family: 'Noto Serif JP',"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;}
#wrapper a:hover{opacity:0.7;}
#wrapper a img:hover{opacity:0.7;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
#pagenav {margin-top: 30px; background-color: #fff;}
#pagenav ul {display: flex; justify-content: center; max-width: 522px; margin: auto;}
#pagenav ul > li {position: relative; width: calc(100% / 2);text-align: center;border:1px solid #054B72;margin-left: 15px;margin-right: 15px;}
#pagenav ul > li::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 8px; height: 8px; border-bottom: 1px solid #054B72; border-right: 1px solid #054B72; transform: translateX(-50%) rotate(45deg);margin-bottom: 8px;}
#pagenav ul > li a {display: block;color: #054B72; font-weight: 500;font-size: 20px;padding-top: 8px;padding-bottom: 12px;}

/* fixed */
#pagenav.fixed {position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 10px 0; z-index: 10;}

/* -------------------------------------------------- */
/* block-mv */
/* -------------------------------------------------- */
#block-mv .mv{background-image: url(../images/showa-100/mv-pc.jpg);height: 450px;padding: 0 20px;background-size: cover;background-position: center center;}
#block-mv .frame{ position: absolute;border:2px solid #fff; padding: 30px; width: 95%; height: 395px;top:25px;left:2.5%;right: 35px;}
#block-mv .inner {position: relative; max-width: 1230px; height: 100%; margin: auto;}
#block-mv .inner .logo {position: absolute; left: 0; top: 0; width: 194px; z-index: 1;}
#block-mv .inner .ttl {position: absolute;left: 50%;top: 60px;width: 550px;padding: 0px 0px;color: #fff;letter-spacing: 0.1em;text-align: center;transform: translateX(-50%);}
#block-mv .inner .ttl .sekai {width: 109px; margin: auto;}
#block-mv .inner .ttl h1 {font-size: 44px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em;}
#block-mv .inner .ttl .en {font-size: 20px; font-weight: 700;}

/* -------------------------------------------------- */
/* block-contents */
/* -------------------------------------------------- */
#block-contents #anchor_custard{padding-top: 70px;}
#block-contents .title{width: 255px; line-height: 60px; margin: auto; margin-top: 30px; font-size: 38px; color: #054B72; font-family: "源ノ明朝 JP";}
#block-contents .title .line {border-bottom: 4px solid #054B72;}
#block-contents .title .line-2 {border-bottom: 2px solid #054B72;padding-top: 3.5px;}
#block-contents .title-2{width: 340px; line-height: 60px; margin: auto; margin-top: 30px; font-size: 38px; color: #054B72; font-family: "源ノ明朝 JP";}
#block-contents .title-2 .line {border-bottom: 4px solid #054B72;}
#block-contents .title-2 .line-2 {border-bottom: 2px solid #054B72;padding-top: 3.5px;}
#block-contents {position: relative; max-width: 820px; margin: -100px auto 0; border-radius: 11px; background-color: #fff;}
#block-contents h2 {color: #BF9C46; font-size: 30px; font-weight: 500; text-align: center; line-height: 1.6;letter-spacing: 4px; padding-bottom: 0px; font-family: "源ノ明朝 JP";}
#block-contents h3 {color: #B3963D; font-size: 26px; font-weight: 500; text-align: center; line-height: 1.6;}
#block-contents h3.line {position: relative; margin-bottom: 15px; padding-bottom: 5px;}
#block-contents h3.line::before {content: ""; position: absolute; left: 50%; bottom: 0; width: 62px; height: 2px; background-color: #BF9C46; transform: translateX(-50%);}
#block-contents h3 + .lead {font-size: 18px; letter-spacing: 0.1em;}
#block-contents .detail {padding: 30px 35px 85px;}
#block-contents .pickup {position: relative; display: flex; justify-content: space-between; max-width: 522px; margin: 45px auto 0; border: 1px solid #707070;}
#block-contents .pickup .balloon {position: absolute; left: 15px; top: -12px; padding: 5px 15px; color: #fff; font-size: 15px; line-height: 1; letter-spacing: 0.075em; border-radius: 18px; background-color: #0084A3;}
#block-contents .pickup .txt {flex: 1; padding: 20px 20px 10px;}
#block-contents .pickup .txt .ttl {font-size: 20px; line-height: 1.3;}
#block-contents .pickup .txt .name {display: flex; flex-wrap: wrap; margin-top: 10px;}
#block-contents .pickup .txt .name span {font-size: 13px; font-weight: 500;}
#block-contents .pickup .txt .name span:not(:last-child) {margin-right: 1em;}
#block-contents .pickup .txt .btnarea {display: flex; justify-content: space-between; margin-top: 10px;}
#block-contents .pickup .txt .btnarea .btn {display: block; padding: 5px; width: calc(50% - 15px); color: #fff; font-size: 11px; font-weight: 700; text-align: center; background-color: #333;}
#block-contents .pickup .img {padding: 5px 20px;}
#block-contents .pickup .img img {width: 140px;}
#block-contents .feature {display: flex; align-items: center; padding: 20px 0; margin-top: 45px; color: #BF9C46; background-color: #FAF7EF;}
#block-contents .feature .ttl {width: 155px; font-size: 16px; font-weight: 400; text-align: center;}
#block-contents .feature .ttl span {display: block; font-size: 26px; font-weight: 700;}
#block-contents .feature .check {flex: 1; padding: 0 30px; border-left: 1px solid #BF9C46;}
#block-contents .feature .check ul > li {position: relative; padding-left: 40px; color: #777;}
#block-contents .feature .check ul > li::before {content: ""; position: absolute; left: 0; top: 5px; width: 22px; height: 19px; background: url(../images/common/icon_check.png) left top / 100% auto no-repeat;}
#block-contents .feature .check ul > li + li {margin-top: 1em;}
#block-contents .movie {width: 470px; margin: 25px auto 0;}
#block-contents .movie .youtube {position: relative; width: 100%; padding-top: 56.25%;}
#block-contents .movie .youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
#block-contents .movie .caption {margin-top: 1em; font-size: 12px; line-height: 1.7; text-align: center;}
#block-contents .imgbox {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin: 25px auto 0;}
#block-contents .imgbox figure {width: calc(50% - 10px);}
#block-contents .imgbox figure.full {width: 760px;}
#block-contents .imgbox figure figcaption {margin-top: 1em; font-size: 12px; text-align: center;}
#block-contents .block {margin-top: 0px;}
#block-contents .block h4 {color: #BF9C46; font-size: 24px; font-weight: 500; text-align: center; line-height: 1.6;padding-top: 20px;}
#block-contents .itemlist {max-width: 620px; margin: 20px auto 0;}
#block-contents .itemlist ul > li {display: flex; justify-content: space-between; padding: 20px 8px 12px 32px; border-radius: 13px; border: 1px solid #B3963D;}
#block-contents .itemlist ul > li + li {margin-top: 15px;}
#block-contents .itemlist ul > li .txt {flex: 1;}
#block-contents .itemlist ul > li .txt p {font-size: 13px; line-height: 1.5; letter-spacing: 0.1em;}
#block-contents .itemlist ul > li figure {width: 153px;}
#block-contents .review {position: relative; max-width: 612px; margin: 40px auto 0;}
#block-contents .review .lead {margin-bottom: 50px;}
#block-contents .review .ttl {position: relative; padding: 10px 125px 10px 25px; border-radius: 12px 12px 0 0; background-color: #B5983F;}
#block-contents .review .ttl h4 {color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 0.1em;}
#block-contents .review .ttl .reviewer {position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
#block-contents .review .ttl .reviewer .img {width: 76px;}
#block-contents .review .detail {position: relative; padding: 60px 60px 30px; background-color: #EDE8DB;}
#block-contents .review .detail + .ttl {margin-top: 40px;}
#block-contents .review .detail .prof {position: absolute; top: 10px; right: 30px; color: #777; font-size: 14px; letter-spacing: 0.1em; z-index: 1;}
#block-contents .review .detail .prof .name {margin-left: 1em; font-size: 18px; font-weight: 500;}
#block-contents .review .detail ol {display: flex; flex-wrap: wrap; gap: 20px; counter-reset: review 0;}
#block-contents .review .detail ol > li {display: flex; flex-direction: column; width: calc(50% - 10px); background-color: #fff;}
#block-contents .review .detail ol > li .txt {position: relative; padding: 15px 15px 15px 45px;}
#block-contents .review .detail ol > li .txt::before {counter-increment: review 1; content: counter(review); position: absolute; left: 15px; top: 5px; font-size: 26px; font-weight: 500;}
#block-contents .review .detail ol > li .txt p {font-size: 13px; letter-spacing: 0.1em;}
#block-contents .review .detail ol > li .img {margin-top: auto;}
#block-contents .review .detail .more {margin-top: 1em; text-align: right;}
#block-contents .review .detail .more a {font-size: 14px;}
#block-contents .review .detail .more a:hover {text-decoration: underline;}
#block-contents .sns {margin-top: 140px;}
#block-contents .sns .insta {margin-top: 50px;}
#block-contents .sns .insta .instagram-media {margin: auto !important;}
#block-contents .sns .short {width: 365px; margin: auto;}
#block-contents .sns .insta + .short {margin-top: 40px}
#block-contents .sns .short .youtube {position: relative; width: 100%; padding-top: 178.0821917808219%;}
#block-contents .sns .short .youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
#block-contents .order {padding: 30px 0 75px; margin-top: 140px; border-radius: 0 0 11px 11px; background-color: #F7F3E9;}
#block-contents .orderTtl {position: relative; padding-bottom: 5px; margin-bottom: 30px; color: #000; font-size: 26px;}
#block-contents .orderTtl::before {content: ""; position: absolute; left: 50%; bottom: 0; width: 62px; height: 2px; background-color: #BF9C46; transform: translateX(-50%);}
#block-contents .orderList {max-width: 650px; margin: 30px auto 0;}
#block-contents .orderList ul {display: flex; flex-wrap: wrap; gap: 20px;}
#block-contents .orderList ul > li {width: calc(50% - 10px);}
#block-contents .orderList ul > li a {position: relative; display: block; height: 100%; padding: 10px 20px 15px 20px; letter-spacing: 0.1em; border: 1px solid #707070; background-color: #fff; box-sizing: border-box;}
#block-contents .orderList ul > li a::after {content: ""; position: absolute; right: 5px; bottom: 5px; width: 26px; height: 26px; background: url(../images/common/arrow_link.png) left top / 100% auto no-repeat;}
#block-contents .orderList ul > li .name {padding-bottom: 5px; margin-bottom: 5px; font-size: 18px; border-bottom: 1px solid #707070;}
#block-contents .orderList ul > li .price {font-weight: 500;}
#block-contents .orderItem {max-width: 700px; margin: auto; background-color: #fff; box-shadow: 0px 3px 6px #00000071;margin-top: 30px;}
#block-contents .orderItem + .orderItem {margin-top: 40px;}
#block-contents .orderItem a {display: flex; justify-content: space-between; align-items: center; padding: 20px; color: #333;}
#block-contents .orderItem .img {width: 29%; margin-right: 20px;}
#block-contents .orderItem.otoku .img {position: relative;}
#block-contents .orderItem.otoku .img::before {content: ""; position: absolute; right: 15px; bottom: 15px; width: 60px; height: 60px; background: url(../images/common/otoku.png) left top / 100% auto no-repeat;}
#block-contents .orderItem .inner {width: 71%;}
#block-contents .orderItem .inner .name {padding-bottom: 10px; margin-bottom: 10px; font-size: 23px; line-height: 1.2; border-bottom: 1px solid #707070;}
#block-contents .orderItem .inner .name small {display: block; font-size: 20px;}
#block-contents .orderItem .inner .price {font-size: 18px; font-weight: 500;}
#block-contents .orderItem .inner .price .num {font-size: 24px;}
#block-contents .orderItem .inner .btn {position: relative; max-width: 220px; padding: 8px; margin: 18px auto 0; color: #fff; font-size: 18px; text-align: center; background-color: #333;}
#block-contents .orderItem .inner .btn-end {pointer-events: none; background-color: #888888;}

.kiwami{width: 100%;margin: auto;background: #B3963D;padding-top: 60px;padding-bottom: 70px; margin-bottom: 50px; font-family: 'M PLUS 1p', sans-serif;}
.kiwami h2 {font-size: 32px; color:#FFFFFF; text-align: center;padding-bottom: 25px; font-family: "Noto Serif JP";}
.kiwami ul{display: flex; justify-content:center;text-align: center;}
.kiwami ul li{background: #fff; border-radius: 10px;padding-left: 20px;padding-right: 20px;}
.kiwami ul li:nth-child(1){margin-right: 10px;}
.kiwami ul li:nth-child(2){margin-left: 10px;}
.kiwami .name-1{color: #054B72; font-size: 24px; font-weight: 600;line-height: 35px; padding-top: 35px;padding-bottom: 35px;}
.kiwami .name-2{color: #054B72; font-size: 24px; font-weight: 600;line-height: 35px; padding-top: 20px;padding-bottom: 18px;}
.kiwami .appeal{color: #B3963D; font-size: 20px; font-weight: 500;line-height: 32px; padding-top: 15px;padding-bottom: 10px;}
.kiwami .price .num{ font-size: 23px;}
.kiwami .price{color: #333333; font-size: 16px; font-weight: 500;line-height: 28px; padding-top: 0px;padding-bottom: 0px;}
.kiwami .btn{position: relative;max-width: 220px;padding: 8px;margin: 18px auto 0;color: #fff;font-size: 18px;text-align: center;background-color: #333;margin-bottom: 30px;}


@media screen and (max-width: 1270px) {
	/* -------------------------------------------------- */
	/* block-mv */
	/* -------------------------------------------------- */
	#block-mv .inner .logo {width: 16%;}
}

@media screen and (max-width: 860px) {
	/* -------------------------------------------------- */
	/* block-mv */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* block-contents */
	/* -------------------------------------------------- */
}

@media screen and (max-width: 767px) {
 
  #block-mv .mv{background-image: url(../images/showa-100/mv-sp.jpg);height: 450px;padding: 0px;background-size: cover;background-position: center center;}
	#block-mv {height: auto;}
	#block-mv .inner .ttl .sekai {width: 80px;}
	#block-mv .inner .ttl h1 {font-size: 24px;}
	#block-mv .inner .ttl .en {font-size: 12px;}
 #block-mv .inner .ttl{top:150px;}

 
	main {background-color: #fff;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.v-pc {display: none;}
	.v-sp {display: block;}

	/* -------------------------------------------------- */
	/* pagenav */
	/* -------------------------------------------------- */
	#pagenav ul > li a {font-size: 22px;}

	/* -------------------------------------------------- */
	/* block-mv */
	/* -------------------------------------------------- */
	#block-mv .inner .logo {width: 22%;}
	#block-mv .inner .ttl {top: 58%; width: calc(85% - 30px); padding: 8px 20px 15px; transform: translate(-50%, -50%);}

	/* -------------------------------------------------- */
	/* block-contents */
	/* -------------------------------------------------- */
	#block-contents {margin: 0; border-radius: 0;}
	#block-contents h2 {color: #B3963D; font-size: 30px; padding-top: 30px;}
	#block-contents h3 {color: #BF9C46; font-size: 22px;}
	#block-contents h3.line::before {width: 46px; height: 1px;}
	#block-contents h3 + .lead {font-size: 14px;}
	#block-contents .detail {padding: 12px 15px 35px;}
 	#block-contents .mt-1{font-size: 17px;width: 95%;margin: auto;}
	#block-contents .pickup {margin-top: 30px;}
	#block-contents .pickup .balloon {font-size: 10px;}
	#block-contents .pickup .txt {padding: 15px 0 10px 15px;}
	#block-contents .pickup .txt .ttl {font-size: 14px;}
	#block-contents .pickup .txt .name span {font-size: 10px;}
	#block-contents .pickup .img {padding: 5px 15px;}
	#block-contents .pickup .img img {width: 75px;}
	#block-contents .pickup .txt .btnarea .btn {font-size: 8px;}
	#block-contents .feature {margin-top: 30px;}
	#block-contents .feature .ttl {width: 80px; font-size: 12px;}
	#block-contents .feature .ttl span {font-size: 19px;}
	#block-contents .feature .check {padding: 0 15px;}
	#block-contents .feature .check ul > li {padding-left: 22px; font-size: 13px;}
	#block-contents .feature .check ul > li::before {top: 3px; width: 14px;}
	#block-contents .imgbox {margin-top: 20px; gap: 15px 10px;}
	#block-contents .imgbox figure {width: calc(50% - 5px);}
	#block-contents .imgbox figure figcaption {font-size: 14px;}
	#block-contents .movie {width: 280px;}
	#block-contents .movie .caption {font-size: 36px;}
	#block-contents .block {margin-top: 20px;}
	#block-contents .block h4 {color: #BF9C46; font-size: 24px;}
	#block-contents .itemlist {margin-top: 15px;}
	#block-contents .itemlist ul > li {display: block; padding: 10px;}
	#block-contents .itemlist ul > li figure {width: 128px; margin: auto;}
	#block-contents .review {margin-top: 20px;}
	#block-contents .review .lead {padding: 0 15px; margin-bottom: 35px;}
	#block-contents .review .ttl {padding: 15px 90px 15px 10px;}
	#block-contents .review .ttl h4 {font-size: 16px;}
	#block-contents .review .ttl .reviewer {right: 10px;}
	#block-contents .review .ttl .reviewer .img {width: 68px;}
	#block-contents .review .detail {padding: 45px 15px 30px;}
	#block-contents .review .detail .prof {right: 15px; font-size: 10px;}
	#block-contents .review .detail .prof .name {font-size: 12px;}
	#block-contents .review .detail ol {gap: 10px;}
	#block-contents .review .detail ol > li {width: calc(50% - 5px);}
	#block-contents .review .detail ol > li .txt {padding: 10px 8px 5px 25px;}
	#block-contents .review .detail ol > li .txt::before {top: 8px; left: 10px; font-size: 13px;}
	#block-contents .review .detail ol > li .txt p {font-size: 12px; line-height: 1.4;}
	#block-contents .review .detail .more {margin-top: 1em;}
	#block-contents .review .detail .more a {font-size: 13px;}
	#block-contents .sns {margin-top: 60px;}
	#block-contents .sns .insta {margin: 30px 15px 0;}
	#block-contents .sns .insta .instagram-media {min-width: 100% !important;}
	#block-contents .sns .short {width: 270px;}
	#block-contents .sns .insta + .short {margin-top: 30px;}
	#block-contents .order {padding: 20px 15px 45px; margin-top: 80px; border-radius: 0;}
	#block-contents .orderTtl {font-size: 21px;}
	#block-contents .orderTtl::before {width: 46px; height: 1px;}
	#block-contents .orderList {margin-top: 20px;}
	#block-contents .orderList ul {gap: 10px;}
	#block-contents .orderList ul > li {width: calc(50% - 5px);}
	#block-contents .orderList ul > li a {padding: 6px 10px 12px; letter-spacing: 0.05em;}
	#block-contents .orderList ul > li .name {font-size: 14px;}
	#block-contents .orderList ul > li .price {font-size: 12px;}
	#block-contents .orderList ul > li a::after {right: 3px; bottom: 3px; width: 17px; height: 17px;}
	#block-contents .orderItem {position: relative; margin: 30px 15px 0; padding-bottom: 50px;}
	#block-contents .orderItem a {padding: 15px 12px;}
	#block-contents .orderItem .img {width: 33%; top:-10px; margin-right: 0px; margin-top: 10px; text-align: center;}
	#block-contents .orderItem.otoku .img::before {top: auto; bottom: 5px; right: 5px; width: 50px; height: 50px;} 
	#block-contents .orderItem .inner {width: 66%; padding: 10px 0;}
	#block-contents .orderItem .inner .name small {font-size: 16px;}
	#block-contents .orderItem .inner .name {font-size: 20px;}
	#block-contents .orderItem .inner .price {font-size: 14px;}
	#block-contents .orderItem .inner .price .num {font-size: 19px;}
	#block-contents .orderItem .inner .btn {position: absolute; left: 50%; bottom: 20px; width: 205px; max-width: none; margin: 0; font-size: 15px; transform: translateX(-50%);}
 #block-contents #anchor_custard{padding-top: 0px;}
 
 .kiwami{margin-top: 30px;padding-top: 40px;}
 
 .kiwami ul{display: block;}
 
 .kiwami ul li{width: 400px; margin: auto;padding-bottom: 20px;}
 
 .kiwami ul li:nth-child(1){margin: auto;margin-bottom: 40px;margin-top: 20px;}
 
  .kiwami ul li:nth-child(2){margin: auto;}
 
}

@media screen and (max-width: 626px) {
 
  #block-contents h2{font-size: 26px;}
 
	#block-mv .inner .ttl {top: 50%; width: calc(95% - 30px);} 
 
}

@media screen and (max-width:550px){
 
 #block-contents .title{margin-top: 0px;}
 
  #block-mv .inner .logo{width: 22%;}
 
 #block-contents h2{font-size: 22px;letter-spacing: 1px;}
 
 #pagenav{margin-top: 10px;}
 
 #block-contents .mt-1{font-size: 15px;}
 
 .kiwami h2{width: 95%;font-size: 28px;margin: auto;padding-bottom: 0px;}
 
 #block-contents .block h4{font-size: 20px;}
 
 #pagenav ul > li a{font-size: 18px;}
 
 #block-mv .mv{ height: 280px;} 
 
 #block-mv .inner .ttl{width: calc(80% - 30px); top:55%;}
 
 #block-mv .frame{height: 230px;}
 
 .kiwami{margin-bottom: 0px;padding-bottom: 50px;}
 
  .kiwami ul li{width: 80%; margin: auto;padding-bottom: 20px;}
 
}

@media screen and (max-width:500px){
 
 #block-mv .inner .logo{width: 24%;}
 
 #block-contents h2{font-size: 20px;padding-top: 15px;}
 
 #pagenav ul > li a{font-size: 16px;} 
 
 #block-contents .title{width: 220px; font-size: 35px;margin-top: 0px;} 
 
 #block-contents .title-2{width: 290px; font-size: 35px;margin-top: 0px;} 
 
 #block-contents .block h4{padding-top: 0px;}
 
}

@media screen and (max-width:430px){
 
 
 #block-contents .title{width: 200px; font-size: 32px;margin-top: 0px;} 
 
 #block-contents .title-2{width: 270px; font-size: 32px;margin-top: 20px;} 
 
 #block-contents .block h4{padding-top: 0px;}
 
}