@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap");
/* --------------------------------
	body
-------------------------------- */
main {
  overflow: hidden;
  box-sizing: border-box;
  background: #333;
}
main img, main svg, main video {
  width: auto;
  height: auto;
  display: inline;
  max-width: 100%;
}
main p {
  font-size: 6.6666666667px;
  line-height: 1.8;
}
main sup {
  vertical-align: super;
  font-size: 70%;
  transform: scale(0.8);
  transform-origin: left bottom;
}
article {
  letter-spacing: 0.08em;
  margin: auto;
  background: #fbf6d2;
  position: relative;
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  width: 500px;
  color: #595656;
}
@media (max-width: 500px) {
  article {
    width: 100%;
  }
}
article strong {
  font-weight: inherit;
}
article img {
  max-width: 100%;
}
article .-ib {
  display: inline-block;
}

#main a, #main a:hover {
  transition: 0.2s ease-out;
}

#main a:hover {
  opacity: 0.8;
}

#main.login .btn_logout {
  display: none !important;
}

#main.logout .btn_login {
  display: none !important;
}

#main.login p.btn_logout {
  display: none !important;
}

#main.logout p.btn_login {
  display: none !important;
}

#main.pgcd a.btn_logout {
  display: none !important;
}

#main.pgcd a.btn_login {
  display: none !important;
}

#main.pgcd a.fixed {
  display: none !important;
}

#main .pgcd.for_members {
  display: none !important;
}

#main.pgcd .pgcd.for_members {
  display: block !important;
  text-align: center;
  font-size: 12px;
  margin-top: 15px;
}

#main.pgcd .awa {
  display: none !important;
}

#main strong { /*font-weight: normal;*/ }

#main > section:after {
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  content: "";
}

section {
  box-sizing: border-box;
  position: relative;
  margin: auto;
}

.inner {
  box-sizing: border-box;
  position: relative;
  margin: auto 20px;
  width: aato;
}

a img {
  outline: none;
  border: none;
}

a {
  outline: none;
  border: none;
}

a:focus {
  outline: none;
  border: none;
}

sup {
  display: inline-block;
  position: relative;
  top: 0px;
}

/* --------------------------------
pgcd
-------------------------------- */
#main.pgcd #matome, #main.pgcd #ikkatsu, #main.pgcd #tanpin,
#main.pgcd #fixed_2step, #main.pgcd .btn.matome, #main.pgcd .withbottle {
  display: none !important;
}

/* --------------------------------
ボタン
-------------------------------- */
.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 80px;
  padding-left: 1%;
  background-color: #3a4e3a;
  border: 2px solid #3a4e3a;
  border: none;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  transition: 0.25s;
  position: relative;
  border-radius: 8px;
}
@media (max-width: 500px) {
  .btn {
    width: auto;
    display: flex;
    height: 16vw;
    font-size: 4.8vw;
  }
}

.btn:before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  margin-right: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.6666666667px 0 6.6666666667px 10.6666666667px;
  border-color: transparent transparent transparent #fff;
  content: "";
}
@media (max-width: 500px) {
  .btn:before {
    border-width: 4px 0 4px 7px;
  }
}

.btn:hover {
  opacity: 1 !important;
  background: #fff;
  color: #3a4e3a;
  border: 2px solid #3a4e3a;
}
.btn:hover::before {
  border-color: transparent transparent transparent #3a4e3a;
}

.btn > * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  top: 5px;
  left: 40%;
  padding-left: 5px;
  text-decoration: none !important;
  line-height: 1;
}

.btn span i {
  font-style: normal;
  font-size: 120%;
  font-family: serif;
  position: relative;
  display: inline-block;
  bottom: -0.5333333333vw;
  margin-right: 6.6666666667vw;
  margin-left: -8vw;
}
.btn span .type {
  font-size: 4.5333333333vw;
  font-family: serif;
  margin-left: -5.3333333333vw;
  margin-right: 10.6666666667vw;
}

/* --------------------------------

-------------------------------- */
main p, main h2, main h3, main h4, main h5, main h6, main li {
  font-size: 17.3333333333px;
  line-height: 1.6923076923;
}
main .small {
  font-size: 85%;
}
main strong {
  font-weight: bold;
}

/* --------------------------------
	cover
-------------------------------- */
section#cover {
  text-align: center;
  padding-top: 26.6666666667px;
  margin-bottom: 26.6666666667px;
}
section#cover .vol {
  font-size: 32px;
}
section#cover h1 img {
  width: 333.3333333333px;
}
@media (max-width: 500px) {
  section#cover {
    margin-bottom: 5.3333333333vw;
  }
  section#cover .vol {
    font-size: 6.4vw;
  }
  section#cover h1 img {
    width: 66.9333333333vw;
  }
}

/* --------------------------------
	mv
-------------------------------- */
section#mv {
  text-align: center;
}
section#mv h2 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
  font-family: "Zen Maru Gothic", serif;
}
section#mv ul.list {
  display: inline-block;
}
section#mv ul.list li {
  text-align: left;
  font-size: 17.3333333333px;
  padding-left: 1em;
  list-style:none;
}
section#mv li.list_okashi {
  line-height:1.25; 
}
@media (max-width: 500px) {
  section#mv h2 {
    margin-top: 4vw;
    font-size: 4.8vw;
  }
  section#mv il.list li {
    font-size: 3.4666666667vw;
  }
}

.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}
/* --------------------------------
	selection
-------------------------------- */
section.selection h2 {
  text-align: center;
  margin-top: 13.3333333333px;
}
section.selection h2 img {
  width: 400px;
}
section.selection p {
  font-size: 18.6666666667px;
  margin-top: 13.3333333333px;
}
@media (max-width: 500px) {
  section.selection h2 {
    margin-top: 2.6666666667vw;
  }
  section.selection p {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}

/* --------------------------------
	cloud
-------------------------------- */
section.cloud::before, section.cloud::after {
  content: "";
  display: block;
  width: 100%;
  height: 78.6666666667px;
  margin-top: 33.3333333333px;
  background: url(../img/cloud.png) center bottom no-repeat;
  background-size: 100% auto;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  section.cloud::before, section.cloud::after {
    height: 15.7333333333vw;
    margin-top: 6.6666666667vw;
  }
}
section.cloud::after {
  margin-top: -1px;
  transform: rotate(180deg);
}
section.cloud div.inner {
  margin: 0;
  background: #fff;
  padding: 0 20px 13.3333333333px;
}

section.cloud hgroup h2 {
  text-align: center;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 20px;
}
section.cloud hgroup  h2 .small{
  font-size: 88.0952380952%;
  display: block;
}

section.cloud hgroup .cloud_item {
	font-size:19px;
	text-align: center;
	line-height:1.3;
	margin-bottom:5px
}
		
section.cloud hr {
  margin:  30px auto; 
}
	
@media (max-width: 500px) {
  section.cloud hgroup h2 {
    font-size: 5.6vw;
    margin-bottom: 4vw;
  }
 section.cloud hgroup p {
    font-size: 3.8vw;
    margin-bottom: 4vw;
  }
 section.cloud hgroup .cloud_item {
    font-size: 4.8vw;
    margin-bottom: 4vw;
	 text-align: center;
  }
}
section.cloud .photos {
  width: 78.2608695652%;
  margin: 26.6666666667px auto auto;
}
@media (max-width: 500px) {
  section.cloud .photos {
    margin-top: 5.3333333333vw;
  }
}
section.cloud .photos figure {
  margin-top: 26.6666666667px;
}
section.cloud .photos figure figcaption {
  margin: 10px -2.5em;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
}
 
@media (max-width: 500px) {
  section.cloud .photos figure {
    margin-top: 5.3333333333vw;
  }
  section.cloud .photos figure figcaption {
    font-size: 3.2vw;
  }
}

/* --------------------------------
	offer
-------------------------------- */
section.offer {
  margin-top: 46.6666666667px;
  padding-bottom: 66.6666666667px;
}
section.offer .lead {
  text-align: center;
}
section.offer .lead h2 {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  border-bottom: 2px solid #595656;
  line-height: 1.5;
}
section.offer .lead p {
  font-size: 25.3333333333px;
  margin-top: 6.6666666667px;
  margin-bottom: -35px;
}


@media (max-width: 500px) {
  section.offer {
    margin-top: 8vw;
  }
  section.offer .lead h2 {
    font-size: 5.6vw;
  }
  section.offer .lead p {
    font-size: 5.0666666667vw;
    margin-top: 1.3333333333vw;
	margin-bottom: -9vw;
  }
}

section.offer .item {
  margin-top: 50.6666666667px;
}
section.offer .item hgroup {
  margin-top: 26.6666666667px;
  text-align: center;
}
section.offer .item hgroup p.limited {
  font-size: 20px;
  line-height: 2;
  background: #cc7222;
  display: inline-block;
  border-radius:50% ;
  color: #fff;
  padding: 0 26.6666666667px;
  width: 120px;
  height: 120px;
  position: relative;
}
section.offer .item hgroup figure {
  margin-bottom: 5%;
}
section.offer  p.shipping{
  font-size: 16px;
  line-height: 1.7;
  display: inline-block;
  border-radius: 33.3333333333px ;
  color: #cc7222;
  padding: 0 11px;
  position: relative;
  border: solid 1.999999941px #cc7222;
}
section.offer .item hgroup h2 {
  margin: 0 -0.5em;
  font-weight: 500;
  font-size: 28px;
  margin-bottom: 10.6666666667px;
}
section.offer .item hgroup h2 .small {
  font-size: 24px;
}
section.offer .item hgroup h2 .ss {
  font-size: 21.3333333333px;
}

div.price{
	justify-content: center;
}
section.offer .item p.price {
  text-align: center;
  font-size: 18.6666666667px;
  margin-left: 25px;
  margin-bottom: 2vw;
  display: inline-block;
}

section.offer .item p.price.single {
  text-align: center;
  font-size: 18.6666666667px;
  margin-left: 25px;
  margin-bottom: 2vw;
  display: block;
}
section.offer .item p.price .number {
  font-size: 142.8571428571%;
}
section.offer .item p.price .tax {
  font-size: 85.7142857143%;
}
section.offer .item p.set {
  text-align: center;
  font-size: 18.6666666667px;
  margin-bottom:2px;
}
section.offer .note {
  border: #726e6e 1px solid;
  margin-top: 50px;
}

section.offer .note h2 {
  padding:10px 2em 0;
  text-align: center;
  font-size:20px;
}
section.offer .note li {
  padding-left: 1.2em;
  text-indent: -1em;
  font-size: 16px;
  line-height: 1.5;
}

section.offer .note ul {
  margin:5px 15px 15px 15px;
}

section.offer .material {
  margin-top: 53.3333333333px;
}
section.offer .material p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 500px) {
  section.offer {
    margin-top: 8vw;
    padding-bottom: 13.3333333333vw;
  }
  section.offer .lead h2 {
    font-size: 5.6vw;
  }
  section.offer .lead p {
    font-size: 5.0666666667vw;
    margin-top: 1.3333333333vw;
  }
  section.offer .item {
    margin-top: 9.3333333333vw;
  }
  section.offer .item hgroup {
    margin-top: 5.3333333333vw;
  }
  section.offer .item hgroup p.limited {
    font-size: 4vw;
    display: inline-block;
    padding: 0 5.3333333333vw;
  }
  section.offer .item hgroup h2 {
    font-size: 5.6vw;
    margin-bottom: 2.1333333333vw;
  }
  section.offer .item hgroup h2 .small {
    font-size: 4.8vw;
  }
  section.offer .item hgroup h2 .ss {
    font-size: 4.2666666667vw;
  }
  section.offer .item hgroup h2 .narrow {
    letter-spacing: -0.05em;
  }
   section.offer .item  p {
    font-size: 3.4vw;
  }

  section.offer .item hgroup figure {
  margin-bottom: 2%;
  }
  section.offer .item p.set {
    font-size: 3.7333333333vw;
  }
  
  section.offer .note h2 {
    font-size: 4.2vw;
  }
  section.offer .note li {
    font-size: 3.2vw;
	padding-left: 0.7em;
  }
  section.offer .material {
    margin-top: 10.6666666667vw;
  }
  section.offer .material p {
    margin-top: 2.4vw;
    font-size: 3.1vw;
  }
	
  section.offer .item p.price {
  text-align: center;
  font-size: 3.6vw;
  margin-bottom: 2vw;
  display: inline-block;
  margin-left: 5vw;
  }
  
  section.offer .item p.price.single {
  text-align: center;
  font-size: 3.2vw;
  margin-bottom: 2vw;
  }

  section.offer  p.shipping{
  font-size: 3.2vw;
  line-height: 1.8;
  display: inline-block;
  border-radius: 33.3333333333px ;
  color: #cc7222;
  padding: 0 11px;
  position: relative;
  border: solid 1.999999941px #cc7222;
 } 
}

/* --------------------------------
	bnr
-------------------------------- */
section.bnr {
  text-align: center;
  background: #fff;
  padding: 46.6666666667px 0 66.6666666667px;
}
section.bnr h2 {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-size: 24.6666666667px;
  font-feature-settings: "palt";
  white-space: nowrap;
  margin: 0 -0.5em;
}
section.bnr ul {
  display: flex;
  margin-top: 13.3333333333px;
}
@media (max-width: 500px) {
  section.bnr {
    padding: 9.3333333333vw 0 13.3333333333vw;
  }
  section.bnr h2 {
    font-size: 5.0666666667vw;
  }
  section.bnr ul {
    margin-top: 2.6666666667vw;
  }
}

/* --------------------------------
残り僅か
-------------------------------- */
p.zaiko {
	font-size: 18.6666666667px;
	color: #c47878;
	text-align: center;
	font-weight: bold;
}

.btn_soldout {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 80px;
  padding-left: 1%;
  background-color: #726e6e;
  border: 2px solid #726e6e;
  border: none;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  position: relative;
  border-radius: 8px;
}

@media (max-width: 500px) {
	p.zaiko {
		font-size: 3.7333333333vw;
	}
	.btn_soldout {
		height: 16vw;
		font-size: 4.8vw;
	}
}



/* --------------------------------
teaser
-------------------------------- */

#timer {
	width: 100%;
	margin-top:20px;
	padding-bottom: 60px;
	text-align: center;
	font-size: 26px;
	color: #595656;
	background-color: #fbf6d2;
}

#timer p {
	font-size: 24px;
	line-height: 1.0;
	margin-bottom: 7px;

}
#timer .border {
	border-bottom: 3px solid #595656;
}

@media screen and (max-width: 768px) {
	#timer {
		font-size: 2.5rem;
		padding-bottom: 12px;
	}
	#timer span {
		font-size: 1.8rem;

	}
	#timer p {
		font-size: 2.0rem;
		padding-bottom: 30px;
	}
	#timer .border {
	border-bottom: 1px solid #595656;
	}
}

.free02 {
	font-size: 18.6666666667px!important;
	margin-top: -2rem;
}
.attention {
	font-size: 16px!important;
	margin: 1rem 0 2rem;
}
@media screen and (max-width: 768px) {
	.free02 {
		font-size: 3.6vw!important;
		margin-top: 0;
	}
	.attention {
		font-size: 3.2vw!important;
	}
}

/* --------------------------------

-------------------------------- */
/* --------------------------------

-------------------------------- */
/* --------------------------------

-------------------------------- */
/*# sourceMappingURL=style.css.map */