@charset "UTF-8";
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/assets/sass/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/assets/sass/style.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Baskervville&display=swap);
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/assets/sass/style.scss (2) ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Baskervville&family=Noto+Serif+JP:wght@200..900&display=swap);

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/assets/sass/style.scss (3) ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
body * {
  color: #000;
  font-family: Noto Sans JP, sans-serif;
  line-height: 1.666666667
}

html, body{
	margin:0;
	padding:0;
}
img{
	max-width:100%;
	vertical-align:bottom;
}
.main_wrap{
	max-width:720px;
	margin:0 auto;
}
.mv_area{
	height:680px;
	padding:20px;
	background-image:url('image/mv_back.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	box-sizing:border-box;

	.logo{
		img{
			width:104px;
		}
	}
	.title{
		margin-top:30px;
		text-align:center;

		img{
			width:655px;
		}
	}
	.item{
		margin-top:20px;
		text-align:center;

		img{
			width:605px;
			opacity:0;
			transform:translateY(30px);
			transition:opacity .6s, transform .6s;

			&.active{
				opacity:1;
				transform:translateY(0);
				transition-delay:.3s;
			}
		}
	}
}

:root {
  --font-family: "YakuHanJP", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-family-en: "Montserrat", sans-serif;
  --font-color: #000;
  --font-color-brown: #5e5650;
  --font-color-blue: #344669;
  --font-color-blue-light: #5e77a8;
  --font-color-orange: #f0bf6e;
  --blue: #5e77a8;
  --blue-20: #dfe4ee;
  --blue-50: #aebbd3;
  --light-gray: #d2d7d9;
  --light-orange: #fadeaf;
  --light-orange-30: #faecd3;
  --light-orange-70: #f4d39a;
  --beige: #e3decb;
  --beige-20: #f9f8f5;
  --beige-50: #f5f3ed;
  --beige-60: #eeebe0;
  --gold: #dfc080;
  --border-radius: 20px;
  --bg-gradation: linear-gradient(115deg, #fcefd7, #fcefd7 20%, #fef8ef 70%, #fef8ef);
  --font-size-sp: 12px;
  --font-size-tb: 13px;
  --font-size-pc: 18px;
  --10px: 59%;
  --11px: 65%;
  --12px: 71%;
  --13px: 76%;
  --14px: 82%;
  --15px: 88%;
  --16px: 94%;
  --17px: 100%;
  --18px: 106%;
  --19px: 112%;
  --20px: 118%;
  --21px: 124%;
  --22px: 129%;
  --23px: 135%;
  --24px: 141%;
  --25px: 147%;
  --26px: 153%;
  --27px: 159%;
  --28px: 165%;
  --29px: 171%;
  --30px: 176%;
  --31px: 182%;
  --32px: 188%;
  --33px: 194%;
  --34px: 200%;
  --35px: 206%;
  --36px: 212%;
  --37px: 218%;
  --38px: 226%;
  --39px: 229%;
  --40px: 235%;
  --05em-sp: .25em;
  --1em-sp: .5em;
  --2em-sp: 1em;
  --3em-sp: 1.5em;
  --4em-sp: 2em;
  --5em-sp: 2.5em;
  --6em-sp: 3em;
  --col1: 8.3333%;
  --col2: 16.6666%;
  --col3: 25%;
  --col4: 33.3333%;
  --col5: 41.6666%;
  --col6: 50%;
  --col7: 58.333%;
  --col8: 66.666%;
  --col9: 75%;
  --col10: 83.333%;
  --col11: 91.666%;
  --col12: 100%;
  --inner-col1: 8.73%;
  --inner-col2: 17.46%;
  --inner-col3: 26.19%;
  --inner-col4: 34.92%;
  --inner-col5: 43.65%;
  --inner-col6: 52.38%;
  --inner-col7: 61.11%;
  --inner-col8: 69.84%;
  --inner-col9: 78.57%;
  --inner-col10: 87.3%;
  --inner-col11: 96.03%;
  --inner-col12: 104.76%
}

.campaign_area{
	img{
		width:100%;
	}
}
.lineup_area{
	padding:37px 10px 45px 10px;
	margin-bottom: 40px;
	background-image:url('image/main_back.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;

	.title{
		margin-bottom:20px;
	}
	.container{
		display:grid;
		gap:30px;

		.box{
			position:relative;

			a{
				position:absolute;
				bottom:30px;
				right:80px;
				width:330px;
				transition:0.3s;

				&:hover{
					opacity:0.6;
				}
				img{
					width:100%;
				}
			}
			&:last-child{
				a{
					bottom:57px;
				}
			}
		}
	}
}

@media(max-width:720px){
	.mv_area{
		height:94.444vw;
		padding:2.778vw;
		
		.logo{
			img{
				width:14.444vw;
			}
		}
		.title{
			margin-top:4.167vw;

			img{
				width:90.972vw;
			}
		}
		.item{
			margin-top:2.778vw;

			img{
				width:84.028vw;
			}
		}
	}
	.lineup_area{
		padding:5.139vw 1.389vw 6.25vw 1.389vw;
		
		.title{
			margin-bottom:2.778vw;
		}
		.container{
			gap:4.167vw;

			.box{
				a{
					bottom:4.167vw;
					right:11.111vw;
					width:45.833vw;
				}
				&:last-child{
					a{
						bottom:7.917vw;
					}
				}
			}
		}
	}
}


/* guide */
#guide.container {
  padding: 10px 15px 50px;
  background: #FFF;
  color: #333;
}

#guide h2 {
	font-size: min(7.7vw, var(--36px));
  text-align: center;
  line-height: 0.8;
  margin-bottom: 30px;
  font-weight: 400;
  color: #333 !important;
}

#guide h2 span {
  font-size: 16px;
  letter-spacing: 2px;
}

#guide h3 {
  font-size: min(3.6vw, var(--20px));
  border: 1px solid #333;
  border-radius: 5px;
  margin-top: 15px;
  padding: 5px;
  min-height: 50px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  box-sizing: border-box;
  position: relative;
  color: #333 !important;
}

#guide .link_underline {
  text-decoration: underline;
}

#guide h3.one-line {
  display: flex;
  align-items: center;
  justify-content: center;
}

#guide h3.link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-48%);
  width: 20px;
  height: 20px;
  background: url(../img/external_link-icon.png);
  background-size: cover;
}

#guide h3 a {
  color: #333;
}

#guide p {
  font-size: min(3.2vw, var(--18px));
  padding: 5px 0;
  color: #333 !important;
}

@media screen and (min-width:660px) {
  #guide.container {
    padding: 0 30px 50px;
  }

  #guide h3 {
    min-height: 60px;
    margin-top: 20px;
  }

  #guide h3.link::after {
    width: 25px;
    height: 25px;
    right: 15px;
  }
}


.origin * {
  /* color: #344669 !important */
}

.origin .footer {
  margin: 0 auto;
  /* max-width: 490px; */
  padding-bottom: 15vw
}

.origin .footer .col4-sp {
  width: 36.7346938776vw
}

.origin .footer .col9 {
  width: auto
}

.origin .footer .copyright .col9 {
  padding-right: 15px !important
}

@media screen and (min-width:490px) {
  .origin .footer .col4-sp {
    width: 180px
  }
}

@media screen and (min-width:768px) {
  .origin .footer {
    padding-bottom: 0
  }
}

.origin .footer {
  background: #fff;
  color: var(--font-color-blue);
  font-weight: 500
}

.origin .footer .footer_menu {
  width: 94%;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 10px;
}

.origin .footer .footer_menu a {
  display: inline-block;
  font-size: var(--16px);
  line-height: 1.4;
  padding: 3px 0;
  vertical-align: middle;
  color: #333 !important;
}

.origin .footer .footer_menu a:after {
  background: var(--beige);
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 5px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  width: 1px
}

.origin .footer .footer_menu a:last-child:after {
  display: none
}

.origin .footer .copyright {
  font-size: 80%;
  padding: 10px 15px 50px;
}

@media screen and (max-width:767px) {
  .origin .sp_none {
    display: none
  }

  .origin .grid_container {
    width: 100%
  }
}

@media screen and (min-width:768px) {
  .origin .pc_none {
    display: none
  }

  .origin .footer .footer_menu {
        padding: 15px 15px;
        margin: 0px auto 24px;
  }

  .origin .footer .footer_menu a:after {
    height: 15px;
    margin: 0 15px
  }

  .origin .footer .footer_menu a:nth-child(3):after {
    display: inline-block
  }

  .origin .footer .copyright {
    padding: 0
  }

  .origin .footer .copyright .col9 {
    padding-right: 170px;
    font-size: 12px;
	text-align: right;
	color: #333;
	margin: 16px;
  }
}

.origin _:-ms-lang(x)::-ms-backdrop {
  height: auto
}

.origin .index_list a>figure img,
.origin _:-ms-lang(x)::backdrop {
  height: auto
}

.origin .index_list a>figure img,
.origin _:lang(x)::-ms- {
  height: auto
}

@media (min-width:768px) {
  .origin .pc_none {
    display: none
  }
}

@media (max-width:767px) {
  .origin .sp_none {
    display: none
  }
}

.origin .voice_slide_text {
  font-size: 12px;
  margin-top: 80px;
  padding: 10px
}

@media screen and (min-width:768px) {
  .origin .voice_slide_text {
    font-size: 12px;
    margin-top: 30px;
    padding: 0;
    text-align: center
  }
}

.origin .new-item {
  background: url(../images/bg_0123.jpg) no-repeat;
  background-size: cover
}

.origin .new-item .min_b {
  color: #fff
}

.origin .new-item img,
.origin .new-item02 {
  display: block;
  margin: 0 auto
}

.origin .new-item02 {
  max-width: 800px
}

.origin .new-item02 h2 {
  color: #c73b4e;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.4
}

.origin .accordion {
  margin: auto;
  max-width: 750px;
  width: 100%
}

.origin .accordion button {
  background-color: #beb38c;
  border: 1px solid #ddd;
  color: #fff;
  cursor: pointer;
  font-family: serif;
  font-size: 22px;
  font-weight: 700;
  outline: none;
  padding: 10px 30px;
  position: relative;
  text-align: left;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
  width: 100%
}

.origin .new-item02 .accordion {
  margin: 20px auto 0;
  width: 100%
}

.origin .new-item02 .accordion button {
  background-color: #f0e8cb;
  border: 1px solid #ddd;
  color: #434343;
  cursor: pointer;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  outline: none;
  padding: 10px 30px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
  width: 100%
}

.origin .new-item02 .accordion-content {
  background-color: #fafafa;
  border: none;
  display: none;
  overflow: hidden;
  -webkit-transition: max-height .2s ease-out;
  transition: max-height .2s ease-out
}

.origin .new-item02 .accordion-content p {
  margin-top: 10px
}

.origin .new-item02 .accordion button:before {
  content: "+";
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 0
}

.origin .accordion button:before {
  content: "+";
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 5px
}

.origin .accordion button:hover {
  background-color: #b6b6b6
}

.origin .accordion button.active:before {
  content: "−"
}

.origin .accordion-content {
  background-color: #fafafa;
  border: 1px solid #ddd;
  display: none;
  overflow: hidden;
  -webkit-transition: max-height .2s ease-out;
  transition: max-height .2s ease-out
}

.origin .accordion-content img {
  display: block;
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
  width: 100%
}

.origin .accordion-content.show img {
  opacity: 1 !important
}

.origin .accordion_inner {
  background: #97b7c1 !important;
  display: block;
  margin: 0 auto 20px !important;
  width: 90% !important
}

.origin .accordion-content_inner {
  border: none !important;
  margin: 0 auto 30px;
  width: 90%
}

.origin .accordion-content p {
  font-size: 14px;
  margin: 20px 15px 30px
}

.origin .buy_inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0 0 20px
}

.origin .buy_inner li {
  font-size: 18px;
  padding: 5px 60px
}

.origin .buy_inner li,
.origin .buy_inner_txt {
  background: #fffbf0;
  border: 1px solid #b19c4e;
  line-height: 1.4;
  text-align: center
}

.origin .buy_inner_txt {
  font-size: 22px;
  margin: 0 auto 10px;
  max-width: 518px;
  padding: 10px 60px
}

@media (max-width:767px) {
  .origin .buy_inner {
    margin: 3vw 0
  }

  .origin .buy_inner_txt {
    font-size: 4vw;
    margin: 0 auto 4vw;
    max-width: 54%;
    padding: 5px 60px
  }

  .origin .buy_inner li {
    border: 1px solid #b19c4e;
    font-size: 3.5vw;
    padding: 5px 15px
  }

  .origin .accordion {
    margin: auto;
    width: 90%
  }

  .origin .accordion button {
    display: block;
    font-size: 4vw;
    margin: 0 auto;
    width: 100%
  }

  .origin .accordion button:before {
    font-size: 8vw;
    right: 3vw;
    top: -1vw
  }

  .origin .accordion-content_inner p {
    font-size: 3vw;
    margin-top: 10px
  }

  .origin .new-item img,
  .origin .new-item02 {
    width: 90%
  }

  .origin .new-item02 h2 {
    font-size: 6vw
  }

  .origin .new-item02 .accordion button {
    font-size: 4vw
  }

  .origin .new-item02 .accordion button:before {
    font-size: 7vw
  }
}

.origin .buy_box {
  margin: 0 auto
}

.origin .addcart {
  cursor: pointer;
  opacity: 1
}

.origin .addcart:hover {
  opacity: .8;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

.origin .s_txt {
  font-size: 1.8rem
}

.origin .select_box {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  margin: 30px auto 40px
}

.origin .select_box div {
  border: 3px solid #aeaeae;
  border-radius: 10px;
  opacity: .7;
  padding: 10px
}

.origin .buy_box .buy:after {
  background: #fff
}

.origin .buycart_box {
  width: 100%
}

.origin .buycart_box .addcart {
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 2rem;
  text-align: center;
  width: 100%
}

.origin .select_box .selected_image {
  border: 3px solid #af4c4c;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  opacity: 1
}

.origin .buycart_box {
  position: relative
}

.origin .buycart_box .button {
  padding: 0
}

.origin .buycart_box .button:before {
  left: 210px;
  margin-right: 15px;
  position: absolute;
  top: 25px
}

@media (max-width:767px) {
  .origin .s_txt {
    font-size: 1.4rem
  }

  .origin .select_box {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin: 10px auto 30px
  }

  .origin .select_box div {
    border: 2px solid #aeaeae;
    border-radius: 10px;
    padding: 5px
  }

  .origin .select_box .selected_image {
    border: 2px solid #af4c4c;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
  }

  .origin .buycart_box .addcart {
    padding: 1.2rem
  }

  .origin .buycart_box .button:before {
    left: 10vw;
    position: absolute;
    top: 3.2vw
  }
}

.origin .width540 {
  margin: 0 auto;
  max-width: 540px
}

@media screen and (min-width:541px) {
  .origin .bg-img {
    background: url(../images/point_sec_img.jpg) 50%/cover no-repeat #baad9c;
    background-attachment: fixed
  }
}

.origin .cta .addcart {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f46068), color-stop(50%, #f24e57));
  background: linear-gradient(#f46068 50%, #f24e57 0);
  border-radius: 6px;
  -webkit-box-shadow: 0 6px rgba(0, 0, 0, .102);
  box-shadow: 0 6px rgba(0, 0, 0, .102);
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 8px 10px;
  text-align: center;
  width: 100%
}

.origin .cta>div+div {
  margin-top: 20px
}

.origin .note[data-astro-cid-rdujvvb2] {
  background: #fff;
  font-size: 10px;
  margin-bottom: 30px;
  margin-top: 10px;
  padding: 10px
}

.origin .addcart[data-astro-cid-rdujvvb2] {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f46068), color-stop(50%, #f24e57));
  background: linear-gradient(#f46068 50%, #f24e57 0);
  border-radius: 6px;
  -webkit-box-shadow: 0 6px rgba(0, 0, 0, .102);
  box-shadow: 0 6px rgba(0, 0, 0, .102);
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 8px 10px;
  text-align: center;
  width: 100%
}

.origin .price[data-astro-cid-rdujvvb2] .text[data-astro-cid-rdujvvb2] {
  text-align: center
}

.origin .price[data-astro-cid-rdujvvb2] .text[data-astro-cid-rdujvvb2] img[data-astro-cid-rdujvvb2] {
  width: 75%
}

.origin .price[data-astro-cid-rdujvvb2] dl[data-astro-cid-rdujvvb2] {
  border-radius: 8px;
  margin-bottom: 10px;
  margin-top: 20px;
  position: relative
}

.origin .price[data-astro-cid-rdujvvb2] dd[data-astro-cid-rdujvvb2],
.origin .price[data-astro-cid-rdujvvb2] dt[data-astro-cid-rdujvvb2] {
  color: #6e3538
}

.origin .price[data-astro-cid-rdujvvb2] dt[data-astro-cid-rdujvvb2] {
  background: #f1e2d2;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 8px;
  text-align: center
}

.origin .price[data-astro-cid-rdujvvb2] dt[data-astro-cid-rdujvvb2]>span[data-astro-cid-rdujvvb2] {
  font-size: 10px
}

.origin .price[data-astro-cid-rdujvvb2] dd[data-astro-cid-rdujvvb2] {
  background: #fff;
  border-radius: 0 0 8px 8px;
  font-size: 16px;
  padding: 8px;
  text-align: center
}

.origin .price[data-astro-cid-rdujvvb2] dd[data-astro-cid-rdujvvb2] img[data-astro-cid-rdujvvb2] {
  width: 75%
}

.origin .price[data-astro-cid-rdujvvb2] ul[data-astro-cid-rdujvvb2] {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 10px
}

.origin .price[data-astro-cid-rdujvvb2] ul[data-astro-cid-rdujvvb2] li[data-astro-cid-rdujvvb2] {
  background: #fff;
  color: #6e3538;
  font-size: 11px;
  font-weight: 700;
  padding: 8px 2px;
  text-align: center
}

.origin .price[data-astro-cid-rdujvvb2] .heading[data-astro-cid-rdujvvb2] {
  background: #f24d57;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 30px;
  padding: 4px 0;
  position: relative;
  text-align: center
}

.origin .price[data-astro-cid-rdujvvb2] .heading[data-astro-cid-rdujvvb2]:after {
  border-color: #f24d57 transparent;
  border-style: solid;
  border-width: 10px 10px 0;
  bottom: -10px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-inline: auto;
  position: absolute;
  right: 0;
  width: 0
}

.origin section[data-astro-cid-rdujvvb2] {
  background: #f7ede4
}

.origin .wrapper[data-astro-cid-rdujvvb2] {
  display: block;
  padding: 40px 20px
}

.origin h3[data-astro-cid-rdujvvb2] {
  background: -webkit-gradient(linear, left top, left bottom, from(#f46068), color-stop(50%, #f46068), color-stop(50%, #f24e57));
  background: linear-gradient(180deg, #f46068, #f46068 50%, #f24e57 0);
  clip-path: polygon(100% 0, 98% 25%, 100% 50%, 98% 75%, 100% 100%, 0 100%, 2% 75%, 0 50%, 2% 25%, 0 0);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 4px 0;
  text-align: center;
  width: 100%
}

.origin .set[data-astro-cid-rdujvvb2] {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1.5fr
}

.origin .set[data-astro-cid-rdujvvb2] figure[data-astro-cid-rdujvvb2] {
  text-align: center
}

.origin .set[data-astro-cid-rdujvvb2] figure[data-astro-cid-rdujvvb2] img[data-astro-cid-rdujvvb2] {
  height: 190px;
  width: auto
}

.origin .set[data-astro-cid-rdujvvb2] dl[data-astro-cid-rdujvvb2] {
  border-radius: 8px;
  position: relative
}

.origin .set[data-astro-cid-rdujvvb2] dl[data-astro-cid-rdujvvb2]+dl[data-astro-cid-rdujvvb2]:before {
  background: url(../_astro/icon-plus.svg) 50%/contain no-repeat;
  content: "";
  display: block;
  height: 30px;
  left: -22.5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px
}

.origin .set[data-astro-cid-rdujvvb2] dd[data-astro-cid-rdujvvb2],
.origin .set[data-astro-cid-rdujvvb2] dt[data-astro-cid-rdujvvb2] {
  color: #6e3538
}

.origin .set[data-astro-cid-rdujvvb2] dt[data-astro-cid-rdujvvb2] {
  background: #f1e2d2;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 8px;
  text-align: center
}

.origin .set[data-astro-cid-rdujvvb2] dt[data-astro-cid-rdujvvb2]>span[data-astro-cid-rdujvvb2] {
  font-size: 10px
}

.origin .set[data-astro-cid-rdujvvb2] dd[data-astro-cid-rdujvvb2] {
  background: #fff;
  border-radius: 0 0 8px 8px;
  font-size: 16px;
  padding: 4px 8px
}

.origin .buycart_box select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  background-color: #fff;
  min-width: 250px;
  padding: .5em 0 .5em 1em;
  position: relative
}

.origin .buycart_box form>*+* {
  margin-top: 4rem
}

.origin .buycart_box div p {
  background-color: #c1ad8c;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  padding: .5em 1em
}

.origin .buycart_box div label {
  display: block;
  margin-top: 1.5rem;
  padding-left: 1em
}

.origin .cart-btn {
  background: var(--font-color-blue-light);
  border-radius: 50px;
  -webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 10px 0 rgba(0, 0, 0, .1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: var(--24px);
  font-weight: 600;
  padding: 2rem !important;
  text-align: center;
  width: 100%
}

.origin .buy_single {
  background-color: #c1ad8c;
  padding: 0 2rem 2rem
}

.origin .buy_single_info>*+* {
  margin-top: 2rem
}

.origin .buy_single .name {
  font-size: min(19px, 1.2em);
  font-weight: 700
}

.origin .buy_single .price strong {
  color: #af4c4c;
  font-size: 1.5em;
  font-weight: 700
}

.origin .buy_single_heading {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  padding: 2rem 0;
  text-align: center
}

.origin .buy_single_btn {
  display: block;
  height: min(41px, 7.321429vw);
  width: 100%
}

.origin .buy_single_btn:hover {
  cursor: pointer;
  opacity: .8
}

.origin .buy_single_btn.is_g {
  background: url(../img/buy_single_btn_g.png) 50%/contain no-repeat
}

.origin .buy_single_btn.is_n {
  background: url(../img/buy_single_btn_n.png) 50%/contain no-repeat
}

.origin .buy_single_warapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #fff;
  display: grid;
  grid-template-columns: 40% 1fr;
  justify-content: center;
  padding: 2rem
}

.origin .buy_single_warapper:nth-of-type(2n) {
  border-top: 1px solid #baad9c
}

.origin .buy_select_box>*+* {
  margin-top: 3rem
}

.origin .font-family01 {
  font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, sans-serif
}

.origin .voice_text_box {
  padding-left: 10px;
  padding-right: 10px
}

.origin .voice_text {
  font-size: 12px
}

.origin .accordion_area {
  background: #fff;
  margin: auto;
  max-width: 750px;
  width: 100%
}

.origin .accordion_box {
  position: relative
}

.origin .detail_btn_box {
  bottom: 15%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 80px;
  padding-right: 80px;
  position: absolute;
  width: 100%
}

.origin .accordion-js_inner {
  display: none
}

.origin .detail_btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #5c82a1;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: grid;
  font-size: var(--26px);
  font-weight: 700;
  grid-auto-flow: column;
  grid-template-columns: 30px 1fr;
  line-height: 1.5;
  margin: auto;
  min-height: 53px;
  padding: 2px 20px;
  width: 100%
}

.origin .buy_single_heading_area {
  padding: 20px 0
}

.origin .buy_single_heading {
  background: #344569;
  font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, sans-serif;
  font-size: var(--20px);
  margin: auto;
  padding: 0 45px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.origin .d-none,
.origin img.d-none {
  display: none
}

.origin .d-block,
.origin img.d-block {
  display: block
}

@media screen and (min-width:768px) {
  .origin .voice_text_box {
    padding-left: 30px;
    padding-right: 30px
  }
}



/* end guide */