/*
Theme Name: hugmogu-theme
Theme URI: localhost/wordpress/
Description: hugmogu
Author: Taiga
Author URI: localhost/wordpress/
Version: 1.0.0
*/

/* カスタム CSS をここに入力してください */






/* レスポンシブ切り替え */

.pc-header,.pc-content,.pc-foot{
	display:block;
	margin-top: 5vw;
}

.sp-header,.sp-content,.sp-foot{
	display:none;
}

@media (max-width: 480px) {
	
	.pc-header,.pc-content,.pc-foot{
	display:none;
}

.sp-header,.sp-content,.sp-foot{
	display:block;
}
	
}




img.pc-event-head{
	width: 100vw;
}

.sp-event-slick{
	overflow:hidden;
}

.slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}


/* 全体サイズ */

@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl{
		max-width: 100%;
}
}

html {
  scroll-behavior: smooth;
}

.top-button-oya {
	display: flex;
	justify-content: center;
    align-items: center;
    height: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.top-button {
  background-color: #ff325a; /* ボタンの背景色を設定 */
  color: #ffffff; /* ボタンの文字色を設定 */
  border-radius: 50%; /* ボタンを丸くするためにborder-radiusを設定 */
  width: 40px;
  font-size: 20px;
  position: fixed;
  right: 20px; /* 画面右側からの位置を調整 */
  bottom: -40px;
  z-index: 9999; /* ボタンを最前面に表示するために必要な場合は値を調整 */
  display: flex;
  transition: bottom 0.2s ease-in-out;
}

.top-button a {
  color: inherit;
  text-decoration: none;
}

.top-button.show {
  bottom: 20px; /* 通常の表示位置 */
}


#choco:bedore {
	display: block;
    height: 7rem;
    margin-top: -7rem;
    content: "";
}

.header {
	position:fixed;
	z-index:9999;
	width:100vw;
	background-color:#fff;
	margin-top:-5vw;
}

body {
  overflow-x: hidden;
	margin: 0;
}

.background-parent {
	  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 1.75vw 1.75vw;
  background-repeat: repeat;
  background-position: center center;
}

.upper-element {
  position: relative;
  z-index: 10;
  /* その他のスタイルを設定 */
}


/* ポップアップ */


.overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5); /* 薄暗い背景 */
            z-index: 1000;
        }
        .btn_area {
            position: relative;
            width: 350px;
            height: 350px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .popup-pc-1 {
            width: 350px;
            height: 350px;
        }
        .pop-close-btn {
            position: absolute;
            left: 10px;
            top: 10px;
            width: 20px;
            height: 20px;
            background: url('https://portforio-page-1.bikodo.com/wp-content/uploads/2023/11/細いバツのアイコン-1.png'); /* ×マークの画像パスをここに設定してください */
            background-size: cover;
            cursor: pointer;
        }


/* ローディング画面 */
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* ここまで */


.head-full{
	position:relative;
	height:4vw;
	z-index:999;
	box-shadow: -1px 3px 9px 1px rgba(85,100,115,0.5);
}

.logo{
	position:absolute;
	top:0.5vw;
	left:2vw;
	z-index:999;
}

.logo img{
	width:12vw;
}


.gnav-navi-1{
	position:absolute;
	display:flex;
	top:2vw;
	left:58vw;
}

.gnav-child{
	position:relative;
	font-family: "poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:1.3vw;
}


.nav-cont-1{
	left:-4vw;
}

.nav-cont-2{
	left:-1vw;
}

.nav-cont-3{
	left: 13vw;
    font-size: 1.1vw;
    letter-spacing: 0.1vw;
}

/* .nav-cont-4 p {
    background-color: #FF325A;
    width: 12vw;
    text-align: center;
    border-radius: 2vw;
    height: 3vw;
    line-height: 3.3vw;
    color: white;
} */

.nav-cont-4{
	top: -0.2vw;
    left: 15vw;
    position: relative;
    cursor: pointer;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color: #FF325A;
    margin: auto;
    padding: 0.25vw 1.5vw 0.1vw 1.5vw;
    border-radius: 10vw;
    color: #FFF;
    font-size: 1.25vw;
    letter-spacing: 0.1vw;
}



/* トップビュー */

.top-view{
	margin-bottom: -33.5vw;
	z-index: 2;
	width: 100%;
	position: relative;
	margin-top: 4vw;
}

.top-view img{
  width: 100vw;
	margin-top:-1vw;
}

.top-view-text {
    position: absolute;
    top: 29vw;
    text-align: center;
    left: 50vw;
    transform: translateX(-50%);
    color: #fff;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.0vw;
    z-index: 100;
    letter-spacing: 0.1vw;
    line-height: 1.75vw;
}

.top-view-overlap-1{
	position:absolute;
	z-index:3;
	top:-3.0vw;
	left:0;
	animation-name: anim_v;
}

.top-view-overlap-2{
	position:absolute;
	z-index:4;
	top:-0.6vw;
	left:0;
	animation-name: anim_v;
}

.top-view-overlap-3{
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	animation-name: anim_v;
}

.top-view-overlap-4{
	position:absolute;
	z-index:6;
	top:0;
	left:0;
	animation-name: anim_v;
}

.top-view-overlap-5{
	position:absolute;
	z-index:7;
	top:0;
	left:0;
	animation-name: anim_v;
}

.top-view-overlap-6{
	position:absolute;
	z-index:8;
	top:0;
	left:0;
	animation-name: anim_v;
}

.top-view-overlap-7{
	position:absolute;
	z-index:9;
	top:0;
	left:0;
}

.top-view-overlap-8{
	position:absolute;
	z-index:10;
	top:0.1vw;
	left:0;
}


/* ここまで */


/* トップページ下　お菓子部分 */

.subscribe-oya{
  position: relative;
}

.subscribe-oya img{

}

.okashi-scattered-img{
	width: 100vw;
	position:relative;
	top:23.0vw;
	z-index:3;
}

.subscribe-mozi{
	position:absolute;
	top:37vw;
	left:8.7vw;
	z-index:5;
	width:31vw;
}

.okashi-scattered-text p{
  position: absolute;
  width: 30.2vw;
  top:46.5vw;
  left:14vw;
  font-size: 3.0vw;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  z-index:5;
	color:#FF325A;
	letter-spacing:0.25vw;
}

.okashi-scattered-text .okashi-scroller {
	position: absolute;
	width: 19vw;
	top: 43.8vw;
	left: 31vw;
	font-size: 2.0vw;
	line-height: 3.1vw;
	overflow: hidden;
	height: 3.5vw;
	margin: 1em 0 0 7px;
	border: 3px solid;
	border-radius: 10px;
	text-align: center;
	font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
	z-index:5;
	border-color:#FF325A;
}
.okashi-scattered-text .okashi-scroller span {
	display: block;
	color: #FF325A;
}
.okashi-scattered-text .okashi-scroller .scroller-inner {
	-webkit-animation: anime15_scroll 10s infinite ease-out;
	        animation: anime15_scroll 10s infinite ease-out;
}
.okashi-scattered-text .okashi-scroller .scroller-inner::after {
	position: absolute;
	top: 1em;
	left: 8em;
	/* content: '65'; */
	color: #b10d0d;
}
@-webkit-keyframes anime15_scroll {
	9.1%  { margin-top: 0; }
	18.2%  { margin-top: 0; }
	27.3%  { margin-top: -1.5em; }
	36.4%  { margin-top: -1.5em; }
	45.5%  { margin-top: -3em; }
	54.6%  { margin-top: -3em; }
	63.7%  { margin-top: -4.5em; }
	72.8%  { margin-top: -4.5em; }
	81.9%  { margin-top: -6em; }
	91%  { margin-top: -6em; }
	100%  { margin-top: 0; }
}
@keyframes anime15_scroll {
	9.1%  { margin-top: 0; }
	18.2%  { margin-top: 0; }
	27.3%  { margin-top: -1.5em; }
	36.4%  { margin-top: -1.5em; }
	45.5%  { margin-top: -3em; }
	54.6%  { margin-top: -3em; }
	63.7%  { margin-top: -4.5em; }
	72.8%  { margin-top: -4.5em; }
	81.9%  { margin-top: -6em; }
	91%  { margin-top: -6em; }
	100%  { margin-top: 0; }
}

/* @-webkit-keyframes anime15_scroll {
	7%  { margin-top: 0px; }
	14%  { margin-top: 0px; }
	21%  { margin-top: -1.5em; }
	28%  { margin-top: -1.5em; }
	35%  { margin-top: -3em; }
	42%  { margin-top: -3em; }
	49%  { margin-top: -4.5em; }
	56%  { margin-top: -4.5em; }
	63%  { margin-top: -6em; }
	70%  { margin-top: -6em; }
	77%  { margin-top: -7.5em; }
	84%  { margin-top: -7.5em; }
	100% { margin-top: 0px; }
}
@keyframes anime15_scroll {
	7%  { margin-top: 0px; }
	14%  { margin-top: 0px; }
	21%  { margin-top: -1.5em; }
	28%  { margin-top: -1.5em; }
	35%  { margin-top: -3em; }
	42%  { margin-top: -3em; }
	49%  { margin-top: -4.5em; }
	56%  { margin-top: -4.5em; }
	63%  { margin-top: -6em; }
	70%  { margin-top: -6em; }
	77%  { margin-top: -7.5em; }
	84%  { margin-top: -7.5em; }
	100% { margin-top: 0px; }
} */

.okashi-scattered-text-2{
	position: absolute;
	top: 48vw;
	left: 19vw;
	width: 30vw;
}

.scattered-text-1{
	position: absolute;
	top: 2.8vw;
	left:-5vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size:1.5vw;
	width:42vw;
	letter-spacing:0.2vw;
	z-index:5;
	color:#FF325A;
}

.scattered-text-2{
	position: absolute;
	top: 6vw;
	left:-5vw;
	font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size:1.0vw;
	line-height:2vw;
	width:32.5vw;
	letter-spacing:0.09vw;
	z-index:5;
}

.box-arrow{
	position: absolute;
    top: 51vw;
    left: 49vw;
	z-index: 5;
	width:14vw;
}


.okashi-usagi img{
	width:6vw;
}

.okashi-usagi{
	position: absolute;
	top: 52.5vw;
	left: 89vw;
	transform: rotate(0deg);
	display: none;
	z-index:2;
}




.okashi-scattered-box-oya:hover .okashi-usagi{
	display: block;
	animation: usagi 0.4s ease-in-out;
}


@keyframes usagi {
  0% {
    transform: translateX(-1vw) translateY(5vw);
  }
  100% {
    transform: translateX(0) translateY(0);

  }
}

/* @keyframes usagi {
  0% {
    transform: translateX(-8vw) rotate(-90deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);

  }
} */



.okashi-scattered-box{
    position: absolute;
    top: 20vw;
    left: 59.5vw;
    z-index: 5;
    width: 36vw;
}

.okashi-scattered-box:hover {
  /* content: url("img/コンセプト_0406.png");
	display:block; */
	animation: shake 0.4s ease-in-out;
	animation-iteration-count: infinite;
}



.about-box-oya{
	position:relative;
	display:flex;
}


.mokkun-img{
	position:absolute;
	top:-31vw;
	left:10vw;
	width:9vw;
	z-index:5;
}

.about-box-1{
	position:absolute;
	top:-29.5vw;
	left:21vw;
	width:16.5vw;
	z-index:5;
}

.about-box-2{
	position:absolute;
	top:-29.5vw;
	left:50vw;
	transform:translatex(-50%);
	width:16.5vw;
	z-index:5;
}

.about-box-3{
	position:absolute;
	top:-29.5vw;
	left:62vw;
	width:16.5vw;
	z-index:5;
}

.about-box p{
	font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 1vw;
}

.about-box-para-1{
	position:absolute;
	z-index:6;
    top: -19vw;
    left: 23.8vw;
}

.about-box-para-2{
	position:absolute;
	z-index:6;
    top: -19vw;
    left: 50vw;
	transform:translatex(-50%);
}

.about-box-para-3{
	position:absolute;
	z-index:6;
    top: -19vw;
    left: 66vw;
}


.arrow-img{
	position:relative;
	top:-14vw;
	left:50vw;
	transform:translatex(-50%);
	z-index:5;
	width:15vw;
}



.woman-oya{
    position: relative;
    background-color: #FFCDDC;
    height: 24vw;
    top: -13vw;
}

.woman-headline p {
    position: absolute;
    z-index: 5;
    font-size: 3vw;
    top: 3vw;
    left: 13vw;
    color: #FF325A;
	font-family: "poppins", sans-serif;
	font-weight: 900;
	font-style: italic;
}

.woman-paragraph p {
    position: absolute;
    z-index: 5;
    top: 7.0vw;
    left: 13.5vw;
    font-size: 1.0vw;
    letter-spacing: 0.09vw;
    line-height: 1.5vw;
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.okashi-kinds {
    display: flex;
}

.st-okashi-1{
    width: 7vw;
    position: absolute;
    z-index: 5;
    top: 12vw;
    left: 19vw;
}


.se-okashi-1{
    width: 7vw;
    position: absolute;
    z-index: 5;
    top: 12vw;
    left: 29vw;
}


.ne-okashi-1{
    width: 7vw;
    position: absolute;
    z-index: 5;
    top: 12vw;
    left: 39vw;
}

.okashi-kinds p{
	font-family: "poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
    text-align: center;
    font-size: 1vw;
	color:#FF325A;
}

.st-okashi-para-1{
	position:absolute;
	z-index:5;
	top:20vw;
	left:20vw;
}

.se-okashi-para-1{
	position:absolute;
	z-index:5;
	top: 20vw;
    left: 30vw;
}

.ne-okashi-para-1{
	position:absolute;
	z-index:5;
    top: 20vw;
    left: 40.8vw;
}


.woman-pict-1{
	position: absolute;
	top: -0.35vw;
	width: 34vw;
	left: 49vw;
	z-index: 5;
}





@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px) rotate(-5deg);
  }
  50% {
    transform: translateX(0) rotate(0);
  }
  75% {
    transform: translateX(5px) rotate(5deg);
  }
  100% {
    transform: translateX(0);
  }
}






/* ここまで */

/* 女子高生のいる部分 */

.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 3.0s;
}

.animation-2{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 3.5s;
  animation-delay:0.5s;
}

.animation-3{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 4.0s;
  animation-delay:0.25s;
}

@keyframes anim_v {
  0% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, 100px);
  }
}



/* ここまで */









/* お菓子BOX */

.okashi-oya{
	position: relative;
	z-index: 999;
	background: url("https://portforio-page-1.bikodo.com/wp-content/uploads/2023/06/04_ホームパーティ背景_0630.png");
	top:-10vw;
	height:46vw;

}

.okashi-box-img{
  width: 70vw;
  margin-left: 15%;
  /* margin-right: 10%; */
}

.okashi-flex-1{
  position: absolute;
  max-width: 35vw;
  height: 21vw;
  /* top: 3%; */
  /* left: 9vw; */
  /* padding-right: 3%; */
  /* background-color: blue; */
}

.okashi-flex-1 ul {
display: flex; /* 要素をFlexコンテナとして定義する */
padding:0; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
height: 6vw;
}

.okashi-flex-1 li {
padding:0.35vw; /* 要素の余白を指定する(上下左右) */
margin: 0.4vw; /* ボックス外側余白を指定する */
}



.okashi-flex-1 li img{
position: relative;
top: 0;
left: 0;
transform: translate(-50%,-50%);
}

.okashi-flex-1 li h1{
  width: 8vw;
  /* background-color: blue; */
  font-size: 0.8vw;
}

.okashi-flex-1 li p{
  width: 3vw;
  font-size: 0.5vw;
  /* background-color: blue; */
}

.flex-item-1{
	position: relative;
	top: 2vw;
	left: 5vw;
}

.flex-item-3{
	position: relative;
	top: -3vw;
	left: 5vw;
}

.flex-item-2{
	position: relative;
	top: -2vw;
	left: 1vw;
}

.flex-item-4{
	position: relative;
	top: -7vw;
	left: 1vw;
}

.okashi-box-plan{
  position: absolute;
  bottom: 1vw;
  left: 16vw;;
  transform: translateX(-40%);
}

.okashi-box-plan p{
  width: 16vw;
  height: 2.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: red;
  font-size: 1.3vw;
  letter-spacing: 0.2vw;
}


.letparty-logo {
    position: absolute;
    z-index: 999;
    top: 3vw;
    width: 36vw;
    left: 2vw;
	transition: opacity 2s; /* アニメーションに0.3秒かける */
	opacity: 1; /* 不透明 */
}

.letparty-logo.hidden{
	display: none;
}

.inbox-menu li:hover .letparty-logo{
	opacity: 0; /* 不透明にする */
	transition-delay: 0; /* ホバーをやめたときのディレイをリセット */
}


.inbox-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.inbox-contents{
	position: relative;
	z-index: 1;
	/* background-color: #fad9e4; */
	background-color:#FFCDDC;
}

/* .inbox-contents p {
	margin: 0;
	font-size: 2rem;
} */

.inbox-container {
	margin-top:5vw;
	width:100vw;
	position: relative;
	top:4vw;
	left:3vw;
}

.inbox-menu {
	position: relative;
	top: 1.5vw;
	left: 27.5vw;
	margin: 0 auto;
	width: 100vw;
	height: 35vw;
	display: flex;
	justify-content: space-between;
}

.inbox-menu li {
	display: flex;
	width: 40vw;
	height: auto;
	box-sizing: border-box;
	perspective: 60vw;
}

.door-left{
	position: relative;
	width: 50%;
	height: 100%;
	box-sizing: border-box;
	z-index: 2;
	transition: 0.5s ease-in;
	background: url("https://portforio-page-1.bikodo.com/wp-content/uploads/2023/06/01_FV_背景_0630.png");
	background-size: 100% 100%;
	background-repeat:no-repeat;
}

.door-right{
	position: relative;
	width: 50%;
	height: 100%;
	box-sizing: border-box;
	z-index: 2;
	transition: 0.5s ease-in;
	background: url("https://portforio-page-1.bikodo.com/wp-content/uploads/2023/06/01_FV_背景_0630.png");
	background-size: 100% 100%;
	background-repeat:no-repeat;
}

.door-left {
	border: 0.1vw solid #FF5A7D;
	transform-origin: left; /* マウスオーバーした時の回転軸をここで指定 */
}

.door-right {
	border: 0.1vw solid #FF5A7D;
	transform-origin: right;
}

.inbox-contents {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.inbox-contents {
	/* opacity: 0.1; */
	/* transition: all 0.5s ease 0.5s;
	transition-delay:0; */
	transition-duration:0.5s;
	transition:ease 0.5s;
	transition-delay:0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* 子要素を3D空間 */
}



/* .inbox-menu li:hover .door-left {
	transform: rotate3d(0, 1, 0, -180deg);
	transition-duration:0.5s;
	transition:ease-in-out 0.5s;
	transition-delay:0;
}

.inbox-menu li:hover .door-right {
	transform: rotate3d(0, 1, 0, 180deg);
	transition-duration:0.5s;
	transition:ease-in-out 0.5s;
	transition-delay:0;
} */

.inbox-menu li:hover .door-left, .inbox-menu li.door-open .door-left {
	transform: rotate3d(0, 1, 0, -180deg) !important;
	transition-duration:0.5s;
	transition:ease-in-out 0.5s;
	transition-delay:0;
}

.inbox-menu li:hover .door-right, .inbox-menu li.door-open .door-right {
	transform: rotate3d(0, 1, 0, 180deg) !important;
	transition-duration:0.5s;
	transition:ease-in-out 0.5s;
	transition-delay:0;
}

.inbox-menu li:hover .img-box {
	/* opacity: 10; */
}


.party-mozi{
	position: relative;
	z-index: 3;
}

.inbox-menu li:hover .fadeUp{
	display:block;
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
animation-delay:1.5s;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  /* transform: translateY(100px); */
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.party-mozi{
	display:none;
}

.party-mozi p{
	text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5vw;
    font-size: 1.0vw;
    margin-top: -0.5vw;
}

.party-2{
	position: absolute;
	font-size: 3vw;
	left: 13vw;
	top: -2vw;
}

.party-3{
	position: absolute;
	font-size: 2vw;
	left: 18vw;
	top: 3vw;
}

.party-4{
	position: absolute;
	left: 10.5vw;
	top: 10vw;
	width:20vw;

}

.bigsizebox-logo{
	position:absolute;
	top:3vw;
	left:12.7vw;
	width:16vw;
}

.party-woman{
	position:relative;
	display: none;
}

.party-woman-img{
	position: absolute;
	top: 17.4vw;
	left: 1.0vw;
	width:40vw;
}


img.bigsizebox-weight {
    width: 11vw;
}

.bigsizebox-weight-oya{
	position:absolute;
	z-index:9999;
	display:none;
	left: 34vw;
    top: -3vw;
}

.tiribame-oya{
	position: relative;
	z-index: 999;
	width:0;
}


.tiribame-1{
	position: absolute;
	top: -3vw;
	left: -52vw;
	display: none;
}

.inbox-menu li:hover .tiribame-1{
	animation-name:chiribame-Anime-1;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}

@keyframes chiribame-Anime-1 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(80vw, 60vw, 60vw);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
		/* 50% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(80vw, 60vw, 60vw);
			animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);
		} */
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-2{
	position: absolute;
	top: 1vw;
	left: -41.5vw;
	display: none;
}

.inbox-menu li:hover .tiribame-2{
	animation-name:chiribame-Anime-2;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}


@keyframes chiribame-Anime-2 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(80vw, 50vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-3{
	position: absolute;
	top: 8vw;
	left: -59vw;
	display: none;
}

.inbox-menu li:hover .tiribame-3{
	animation-name:chiribame-Anime-3;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}


@keyframes chiribame-Anime-3 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(130vw, 20vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-4{
	position: absolute;
	top: 11vw;
	left: -49vw;
	display: none;
}

.inbox-menu li:hover .tiribame-4{
	animation-name:chiribame-Anime-4;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}


@keyframes chiribame-Anime-4 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(80vw, 30vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
		/* 50% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(-80vw, 60vw, 0);
			animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);
		} */
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-5{
	position: absolute;
	top: 10vw;
	left: -36vw;
	display: none;
}

.inbox-menu li:hover .tiribame-5{
	animation-name:chiribame-Anime-5;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-5 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(65vw, 30vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.05, 0.675, 0.19);  */
	}
		/* 50% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(-65vw, 30vw, 0);
			animation-timing-function: cubic-bezier(1, 0.05, 0.675, 0.19);
			} */
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-6{
	position: absolute;
	top: 17vw;
	left: -39.5vw;
	display: none;
}

.inbox-menu li:hover .tiribame-6{
	animation-name:chiribame-Anime-6;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-6 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(80vw, 25vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-7{
	position: absolute;
	top: 18vw;
	left: -56vw;
	display: none;
}

.inbox-menu li:hover .tiribame-7{
	animation-name:chiribame-Anime-7;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-7 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(110vw, 0vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}

.tiribame-8{
	position: absolute;
	top: 21vw;
	left: -46.5vw;
	display: none;
}

.inbox-menu li:hover .tiribame-8{
	animation-name:chiribame-Anime-8;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-8 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(90vw, -10vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}

.tiribame-9{
	position: absolute;
	top: 18vw;
	left: -48vw;
	display: none;
}

.inbox-menu li:hover .tiribame-9{
	animation-name:chiribame-Anime-9;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-9 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(90vw, -10vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-10{
	position: absolute;
	top: 25vw;
	left: -58vw;
	display: none;
}

.inbox-menu li:hover .tiribame-10{
	animation-name:chiribame-Anime-10;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-10 {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(130vw, -15vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}



.tiribame-1-r{
	position: absolute;
	top: 2vw;
	left: -8vw;
	display: none;
}

.inbox-menu li:hover .tiribame-1-r{
	animation-name:chiribame-Anime-1-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-1-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-80vw, 50vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-2-r{
	position: absolute;
	top: 5vw;
	left: 14vw;
	display: none;
}

.inbox-menu li:hover .tiribame-2-r{
	animation-name:chiribame-Anime-2-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-2-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-110vw, 40vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-3-r{
	position: absolute;
	top: 9vw;
	left: 3vw;
	display: none;
}

.inbox-menu li:hover .tiribame-3-r{
	animation-name:chiribame-Anime-3-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-3-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-80vw, 30vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}

.tiribame-4-r{
	position: absolute;
	top: 12vw;
	left: -8.5vw;
	display: none;
}

.inbox-menu li:hover .tiribame-4-r{
	animation-name:chiribame-Anime-4-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-4-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-70vw, 25vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}

.tiribame-5-r{
	position: absolute;
	top: 3.5vw;
	left: 3vw;
	display: none;
}

.inbox-menu li:hover .tiribame-5-r{
	animation-name:chiribame-Anime-5-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-5-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-80vw, 25vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-6-r{
	position: absolute;
	top: 13.5vw;
	left: 9.5vw;
	display: none;
}

.inbox-menu li:hover .tiribame-6-r{
	animation-name:chiribame-Anime-6-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-6-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-110vw, 25vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-7-r{
	position: absolute;
	top: 21vw;
	left: -5vw;
	display: none;
}

.inbox-menu li:hover .tiribame-7-r{
	animation-name:chiribame-Anime-7-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-7-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-80vw, -10vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}


.tiribame-8-r{
	position: absolute;
	top: 22.5vw;
	left: 5vw;
	display: none;
}

.inbox-menu li:hover .tiribame-8-r{
	animation-name:chiribame-Anime-8-r;
	animation-duration:1.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
	animation-delay:1.5;
	display: block;
}



@keyframes chiribame-Anime-8-r {
	0% {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-110vw, -25vw, 0);
		/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
		/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
	}
		100% {
			opacity: 1;
		}
	}







	.tiribame-1-2{
		position: absolute;
		top: 22vw;
		left: -25vw;
		display: none;
	}

	.inbox-menu li:hover .tiribame-1-2{
		animation-name:chiribame-Anime-1-2;
		animation-duration:1.5s;
		animation-timing-function:ease-out;
		animation-fill-mode:forwards;
		opacity:0;
		animation-delay:1.5;
		display: block;
	}

	@keyframes chiribame-Anime-1-2 {
		0% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -28vw, 60vw);
			/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
		}
			/* 50% {
				opacity: 0;
				transform: scale3d(0.1, 0.1, 0.1) translate3d(80vw, 60vw, 60vw);
				animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);
			} */
		60% {
			opacity: 1;
			transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
			/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
		}
			/* 100% {
				opacity: 1;
			} */
		}


	.tiribame-2-2{
		position: absolute;
		top: -3vw;
		left: -19vw;
		display: none;
	}

	.inbox-menu li:hover .tiribame-2-2{
		animation-name:chiribame-Anime-2-2;
		animation-duration:1.5s;
		animation-timing-function:ease-out;
		animation-fill-mode:forwards;
		opacity:0;
		animation-delay:1.5;
		display: block;
	}


	@keyframes chiribame-Anime-2-2 {
		0% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(-25vw, 45vw, 0);
			/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
		}
		60% {
			opacity: 1;
			transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
			/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
		}
			/* 100% {
				opacity: 1;
			} */
		}


	.tiribame-3-2{
		position: absolute;
		top: 3vw;
		left: -35vw;
		display: none;
	}

	.inbox-menu li:hover .tiribame-3-2{
		animation-name:chiribame-Anime-3-2;
		animation-duration:1.5s;
		animation-timing-function:ease-out;
		animation-fill-mode:forwards;
		opacity:0;
		animation-delay:1.5;
		display: block;
	}


	@keyframes chiribame-Anime-3-2 {
		0% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(38vw, 28vw, 0);
			/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
		}
		60% {
			opacity: 1;
			transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
			/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
		}
			/* 100% {
				opacity: 1;
			} */
		}


	.tiribame-4-2{
		position: absolute;
		top: 12vw;
		left: -28vw;
		display: none;
	}

	.inbox-menu li:hover .tiribame-4-2{
		animation-name:chiribame-Anime-4-2;
		animation-duration:1.5s;
		animation-timing-function:ease-out;
		animation-fill-mode:forwards;
		opacity:0;
		animation-delay:1.5;
		display: block;
	}


	@keyframes chiribame-Anime-4-2 {
		0% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(15vw, 0vw, 0);
			/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
		}
			/* 50% {
				opacity: 0;
				transform: scale3d(0.1, 0.1, 0.1) translate3d(-80vw, 60vw, 0);
				animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19); } */
		60% {
			opacity: 1;
			transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
			/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
		}
			/* 100% {
				opacity: 1;
			} */
		}

	.tiribame-5-2{
		position: absolute;
		top: 20vw;
		left: -17vw;
		display: none;
	}

	.inbox-menu li:hover .tiribame-5-2{
		animation-name:chiribame-Anime-5-2;
		animation-duration:1.5s;
		animation-timing-function:ease-out;
		animation-fill-mode:forwards;
		opacity:0;
		animation-delay:1.5;
		display: block;
	}



	@keyframes chiribame-Anime-5-2 {
		0% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(-25vw, -30vw, 0);
			/* animation-timing-function: cubic-bezier(1, 0.05, 0.675, 0.19);  */
		}
			/* 50% {
				opacity: 0;
				transform: scale3d(0.1, 0.1, 0.1) translate3d(-65vw, 30vw, 0);
				animation-timing-function: cubic-bezier(1, 0.05, 0.675, 0.19);
			} */
		60% {
			opacity: 1;
			transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
			/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
		}
			/* 100% {
				opacity: 1;
			} */
		}


	.tiribame-6-2{
		position: absolute;
		top: 7vw;
		left: -16vw;
		display: none;
	}

	.inbox-menu li:hover .tiribame-6-2{
		animation-name:chiribame-Anime-6-2;
		animation-duration:1.5s;
		animation-timing-function:ease-out;
		animation-fill-mode:forwards;
		opacity:0;
		animation-delay:1.5;
		display: block;
	}



	@keyframes chiribame-Anime-6-2 {
		0% {
			opacity: 0;
			transform: scale3d(0.1, 0.1, 0.1) translate3d(-30vw, 15vw, 0);
			/* animation-timing-function: cubic-bezier(1, 0.055, 0.675, 0.19);  */
		}
		60% {
			opacity: 1;
			transform: scale3d(1, 1, 1) translate3d(0, -3vh, 0);
			/* animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  */
		}
			/* 100% {
				opacity: 1;
			} */
		}




.choco-potechi-1{
	width: 11vw;
}

.block-choco-1{
	width: 8vw;
}

.potechi-1{
	width: 8vw;
}

.almond-choco{
	width:10vw;
}

.blue-gumi-1{
	width:4vw;
}

.purple-gumi-1{
	width:5vw;
}

.ball-gumi-1{
	width:6vw;
}

.potechi-2{
	width:7vw;
}

.pocky-1{
	width:11vw;
}

.green-gumi-1{
	width:5vw;
}


.orange-gumi-1r{
	width:8vw;
}

.green-gumi-1r{
	width:3vw;
}

.pink-gumi-1r{
	width:6vw;
}

.block-choco-1r{
	width:8vw;
}

.pocky-1r{
	width:10vw;
}

.ball-choco-1r{
	width:6vw;
}

.potechi-1r{
	width:10vw;
}

.chocopie-1r{
	width:11vw;
}


.okashi-explanation-oya{
	position: relative;
	z-index: 3;
	background-color:#FFE6ED;
	top:-12vw;
	height:65vw;
}

.okashi-explanation-oya-subsc{
	margin-bottom:-17vw;	
}

.pakkun-1{
	position: absolute;
    top: 5vw;
    left: 23vw;
    z-index: 5;
    width: 7vw;
}






.explanation-heading{
	position: absolute;
	height: 50vw;
	z-index:10;
}

.explanation-heading p{
	position: absolute;
	text-align: center;
	z-index:5;
}


.explanation-title{
	color: #FF325A;
	font-size: 3vw;
	top: 6vw;
	left:25vw;
	width:50vw;
	font-family: "poppins", sans-serif;
	font-weight: 900;
	font-style: italic;
	letter-spacing:0.2vw;
}

.explanation-title-under{
	top: 13vw;
	width: 41vw;
	left: 29.5vw;
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.explanation-flex ul {
display: flex; /* 要素をFlexコンテナとして定義する */
padding:0; /* 要素の余白を指定する(上下左右) */
list-style: none; /* リストのスタイルを無効にする */
height: 50vw;
position: absolute;
top: 9vw;
left:50vw;
}

/* .explanation-flex li:not(:first-child){
	margin-left: -15vw;
} */


.explanation-flex-1{
    position: absolute;
    top: 2.5vw;
    left: -12vw;
    transform: translateX(-50%);
}

.explanation-flex-2{
    position: absolute;
    top: 2.5vw;
    left: 0;
    transform: translateX(-50%);
}

.explanation-flex-3{
    position: absolute;
    top: 2.5vw;
    left: 12vw;
    transform: translateX(-50%);
}

.explanation-common img{
	width:5vw;
}

.ex-st-para-1{
    position: absolute;
    z-index: 5;
    top: 8.5vw;
    width: 10vw;
    text-align: center;
	left: -12vw;
    transform: translateX(-50%);
}

.ex-common-para span{
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.1vw;
    color: #FF325A;
}

.ex-common-para p{
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8vw;
    line-height: 1.0vw;
    margin-top: 0.3vw;
}

.ex-se-para-1{
    position: absolute;
    z-index: 5;
    top: 8.5vw;
	left: 0;
    transform: translateX(-50%);
    width: 10vw;
    text-align: center;
}

.ex-ne-para-1{
    position: absolute;
    z-index: 5;
    top: 8.5vw;
	left: 12vw;
    transform: translateX(-50%);
    width: 10vw;
    text-align: center;
}



.okashi-list-oya{
	position: relative;
	left: 50vw;
	top:30vw;
	transform: translateX(-50%);
}

.okashi-list-oya ul{
	display: flex; /* 要素をFlexコンテナとして定義する */
	padding:0; /* 要素の余白を指定する(上下左右) */
	list-style: none; /* リストのスタイルを無効にする */
	height: 5vw;
	position: relative;
	margin-bottom:3vw;
	top:-3vw;
}




.okashi-item-1 {
width: 5vw;
}

.okashi-item-1:not(:first-child) {
margin-left: 4vw;
}

.okashi-item-1 img{
	width: 4vw;
	position:relative;
	left:-0.5vw;
}

.okashi-item-1{
	margin-top: 1vw;
	position: relative;
    left: 21vw;
}


.okashi-item-2 {
width: 10vw;
margin-left: 1vw;
	position: relative;
    left: 20vw;
}

.okashi-item-2 h1{
	font-size: 1.0vw;
	margin-top: 1.0vw;
	width: 12vw;
	font-family: "poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.okashi-item-2 p{
	margin-top: 0.3vw;
	font-size: 0.8vw;
	width:13vw;
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.okashi-plan{
	position: relative;
	left: 50vw;
	top: 3vw;
    border-radius: 2vw;
    border: solid 0.3vw;
    width: 12vw;
    height: 3.5vw;
    border-color: #FF325A;
    background-color: #FF325A;
	transition: all 0.3s ease;
    cursor: pointer;
	transform:translatex(-50%);
}

/* ハートの共通スタイル */
.okashi-plan::before,
.okashi-plan::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 3vw;
  height: 3vw;
  position: absolute;
  opacity: 0;
}

/* 左上のハートのスタイル */
.okashi-plan::before {
  background-image: url('https://portforio-page-1.bikodo.com/wp-content/uploads/2023/07/heart.svg');
  top: -1vw;
  left: -3vw;
}

/* 右下のハートのスタイル */
.okashi-plan::after {
  background-image: url('https://portforio-page-1.bikodo.com/wp-content/uploads/2023/07/heart-reverse.svg');
  bottom: -1vw;
  right: -3vw;
}


/* ========= ホバー時のスタイル ======== */

/* ボタンホバー時のスタイル */
.okashi-plan:hover {
  background-color: #fff;
  border-color: #FF325A;
}

.okashi-plan p:hover{
	color: #FF325A;
}

/* ボタンホバー時の左上のハートのスタイル */
.okashi-plan:hover::before {
  animation: heart 1.5s infinite ease-out;
}

/* ボタンホバー時の右下のハートのスタイル */
.okashi-plan:hover::after {
  animation: heart 1.5s 0.2s infinite ease-out;
}

/* ========= アニメーションの設定 ======== */
@keyframes heart {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translateY(-20px) scale(1.4);
    opacity: 0;
  }
}


.okashi-plan p{
    font-size: 1.75vw;
    text-align: center;
    color: white;
	font-family: "poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height:3.2vw;
}

.senbon-oya{
	position:relative;
	top:-4vw;
}

.senbon-pict{
	width:100vw;
}

.senbon-para-1{
	position: absolute;
    top: 12vw;
    left: 40.5vw;
    width: 22vw;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8vw;
    line-height: 1.25vw;
    color: #fff;
}

.senbon-para-2{
	position: absolute;
    top: 20vw;
    left: 40.5vw;
    width: 19vw;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8vw;
    line-height: 1.25vw;
    color: #fff;
}




/* 配送パートCSS */

.oya{
	position: relative;
	height: 70vw;
	margin-bottom:-1.5vw;
}




.timelag {

display:flex;
/* width:90%; */
margin:0 auto;
}

.timelag img {

/* レイアウトは貼り付けた要素に合わせて調整してください。*/
display:block;
/* width:30%; */
padding:initial;
/* margin:2%; */
opacity:0;
transform:translateX(-50%);
}



.huwa {

animation:huwa 1.5s ease-out forwards;
}

@keyframes huwa {

to {

transform:initial;
opacity:1;
}

}


.sub-main-img-1{
	width: 20vw;
	position: absolute;
	top: 4vw;
	left: 13vw;
}

.sub-main-img-2{
	width: 20vw;
	position: absolute;
	top: 10vw;
	left:41vw;
}

.sub-main-img-3{
	width: 20vw;
	position: absolute;
	top: 16vw;
	left: 69vw;
}



.sub-main-img-4{
	width: 12vw;
	position: absolute;
	top: 8vw;
	left: 33vw;
}

.sub-main-img-5{
	width: 12vw;
	position: absolute;
	top: 30vw;
	left: 57vw;
}


.text-1 h1{
  position: absolute;
  top: -1vw;
  left: 50vw;
  padding: 0;
  margin: 0;
  letter-spacing: 0.2vw;
  font-size: 2.5vw;
	font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
	color:#FF325A;
	transform: translateX(-50%);
}


.text-2-1 p{
  position: absolute;
  top: 19.5vw;
  left: 15vw;
  font-size: 1.0vw;
	line-height:1.25vw;
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.text-2-2 p{
  position: absolute;
  top: 24.5vw;
  left: 42vw;
  font-size: 1.0vw;
	line-height:1.25vw;
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.text-2-3 p{
  position: absolute;
  top: 31vw;
  left: 71vw;
  font-size: 1.0vw;
	line-height:1.25vw;
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

#text-2-1,#text-2-2,#text-2-3{
	display:none;
}

/* ここまで */







.loop-img {
  display: flex;
  width: 100vw;
  overflow: hidden;
	position: relative;
	opacity: 0.5;
	top:36.6vw;
}

.loop-img img {
  width: auto;
  height: 30vw;
}

.loop-img img:first-child {
  animation: loop 75s -38s linear infinite;
}

.loop-img img:last-child {
  animation: loop2 75s linear infinite;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}



.footer-oya{
	position:relative;
	background-color:#FF325A;
	height: 35vw;
}

.foot-hugmogu-logo{
	position: absolute;
    top: 5vw;
    left: 14vw;
	width: 15vw;
}


.foot-ct-1{
	position: absolute;
    top: 13vw;
    left: 14.1vw;
    list-style: none;
}

.subsc{
	background-color: #FFE600;
    width: 10vw;
    height: 2.5vw;
    border-radius: 2vw;
    text-align: center;
    line-height: 2.8vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF325A;
    margin-bottom: 1.5vw;
    font-size: 1.2vw;
	letter-spacing:0.05vw;
}

.contact{
    width: 10vw;
    height: 2.5vw;
    border-radius: 2vw;
    text-align: center;
    line-height: 2.8vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF325A;
    font-size: 1.2vw;
	background-color:#9AECE9;
}

.foot-ct-2{
	position: absolute;
    top: 13vw;
    left: 28vw;
    list-style: none;
}

ul.foot-ct-2 {
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.0vw;
}

ul.foot-ct-2 li {
    margin-bottom: 1vw;
}

ul.foot-ct-2 li:first-child {
    margin-bottom: 2vw;
}

ul.foot-ct-2 span {
    color: #00ffff;
}

ul.foot-ct-2 p {
    color: white;
}

.foot-ct-3{
	position: absolute;
    top: 13vw;
    left: 28vw;
    list-style: none;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.0vw;
}

ul.foot-ct-3 li{
	margin-bottom:1vw;
}

ul.foot-ct-3 li:first-child{
	margin-bottom:2vw;
}

ul.foot-ct-3 span{
	color: #00ffff;
	font-weight: 500;
	letter-spacing:0.1vw;
}

ul.foot-ct-3 p{
	color:white;
	letter-spacing:0.1vw;
}

.foot-under{
	position: absolute;
    top: 30vw;
    left: 15vw;
    display: flex;
	color:white;
}

.insta-sns{
	position: absolute;
    top: -2.5vw;
    left: -1vw;
	width:4vw;
}

/* .foot-under-1{
	position: absolute;
    top: 0.5vw;
    left: 4vw;
    width: 9vw;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8vw;
} */

/* .foot-under-2{
	position: absolute;
    top: 0.5vw;
    left: 13vw;
    width: 7vw;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8vw;
} */

.foot-under-2 {
    position: relative;
    top: -1vw;
}

.foot-under-1 {
    color: white;
    position: relative;
    top: -1vw;
}

.copyright{
	position: absolute;
    left: 50vw;
    width: 50vw;
    top: 0.5vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 0.9vw;
    letter-spacing: 0.1vw;
    text-align: left;
    transform: translateX(-50%);
}

.foot-haruka{
	position: absolute;
    left: 65vw;
    bottom: 0;
	width:34vw;
}

i.pc-paypal.fa-brands.fa-cc-paypal.fa-lg {
    position: absolute;
    top: 27vw;
    left: 14.2vw;
    font-size: 5vw;
}



/* 商品紹介CSS */

.intro-under-head{
	position:relative;
	margin-top: 5vw;
	top:-1vw;
}

.intro-under-head-back{
	
}

img.intro-under-head-back{
	width:100vw;
}

.intro-under-head-title {
    position: absolute;
    top: 6vw;
    left: 25.5vw;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #ff325a;
    font-size: 2vw;
    letter-spacing: 0.07vw;
    line-height: 2vw;
}

.intro-under-head-text{
	position: absolute;
    top: 10.5vw;
    left: 25.7vw;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8vw;
    line-height: 1.25vw;
}

.intro-under-head-search{
	position: absolute;
    left: 22vw;
	top:14vw;
}

img.intro-under-head-search{
	width:6vw;
}

.intro-icon-size{
	position: absolute;
    z-index: 999;
    top: 15.8vw;
}

img.intro-icon-size{
	width:4vw;
}

.intro-under-head-icon-1{
	left:29vw;
}

.intro-under-head-icon-2{
	left:35vw;
}

.intro-under-head-icon-3{
	left:41vw;
}

.intro-under-head-icon-4{
	left:47vw;
}

.intro-under-head-icon-5{
	left:53vw;
}

.intro-under-head-icon-6{
	left:59vw;
}

.intro-under-head-icon-7{
	left:65vw;
}

.intro-under-head-icon-8{
	left:71vw;
}


.intro-title-1{
	
}

.intro-okashi{
	position:relative;
	left:20vw;
}

.okashi-titile{
	background-color: #FF325A;
    width: 60vw;
    position: relative;
    left: 20vw;
	height: 2.25vw;
    margin-top: 5vw;
}

.okashi-titile-text{
	color: white;
    font-size: 1.5vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-left: 1vw;
    letter-spacing: 0.1vw;
    line-height: 2.6vw;
}

.intro-okashi-child{
	
}

img.intro-okashi-child{
	width:60vw;
}

.intro-title-8{
	margin-bottom: 5vw;
}

.intro-adjust{
	height:5vw;
	margin-bottom: -5vw;
}

.intro-menu{
  background-color: #FF325A;
  height: 6vw;
  position: fixed;
  left: 0;
  right: 0;
  transition: top 0.3s ease;
	margin-top: 3.5vw;
}

.intro-icon-size-2{
	position: absolute;
    z-index: 999;
    top: 1vw;
}

img.intro-icon-size-2{
	width:4vw;
}

/* サブスクページ */

.subsc-main {
    margin-bottom: 12vw;
	margin-top: -8vw;
}

.subsc-adjust{
	margin-top:1vw;
}

.subct-top {
	width: 100vw;
    margin-top: -1.0vw;
    position: relative;
    z-index: 1;
}

.subct-top-2{
    width: 15vw;
    position: absolute;
    top: 26vw;
    left: 15vw;
    margin-bottom: -3vw;
    z-index: 5;
}

img.subct-top-3 {
    position: absolute;
    top: 21vw;
    left: 73vw;
    width: 15vw;
}

.subct-top-box {
    width: 25vw;
    position: absolute;
    top: 0.25vw;
    left: 70vw;
	z-index:2;
}

.subcs-plan-text {
    position: absolute;
    top: 12vw;
    left: 50vw;
    color: #FF325A;
    font-size: 2.2vw;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    transform: translateX(-50%);
}

.subsc-text {
    position: absolute;
    top: 15.5vw;
    left: 50vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 0.9vw;
    text-align: center;
    transform: translateX(-50%);
	letter-spacing:0.1vw;
}

.subsc-plan-select {
    position: absolute;
    top: 19vw;
    left: 56.3vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF325A;
    font-size: 1.1vw;
}

.subsc-plan-select::before, .subsc-plan-select::after {
    content: '';
    position: absolute;
    top: 0.5vw;
    bottom: 0;
    background-color: #FF325A;
    width: 2.5vw;
    height: 0.1vw;
}

.subsc-plan-select::before {
    left: -3.1vw;
}

.subsc-plan-select::after {
    right: -3.1vw;
}

.subsc-underline {
    width: 16.5vw;
    border-bottom: solid 0.12vw #FF325A;
    position: absolute;
    top: 35.5vw;
    left: 53vw;
}

img#mainImage {
    position: absolute;
    top: 19vw;
    left: 31vw;
    width: 18vw;
    height: 12vw;
	z-index:5;
}

.subsc-thumbnail {
	cursor: pointer;
    width: 5vw;
    height: 4vw;
}

.subsc-pic-1 {
	position: absolute;
    top: 32vw;
    left: 31vw;
	z-index:5;
}

.subsc-pic-2 {
    position: absolute;
    top: 32vw;
    left: 37.5vw;
	z-index:5;
}

.subsc-pic-3 {
    position: absolute;
    top: 32vw;
    left: 44vw;
	z-index:5;
}

.subsc-thumbnail-text {
    position: absolute;
    top: 38vw;
    left: 31vw;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.7vw;
    width: 18.25vw;
    letter-spacing: 0.01vw;
    padding-left: 0.4vw;
    text-indent: -0.4vw;
}



.subsc-button {
    width: 17vw;
}

.trial-button {
    position: absolute;
    top: 36.5vw;
    left: 53vw;
}

.premium-button {
    position: absolute;
    top: 21vw;
    left: 53vw;
	z-index:5;
}

.standard-button {
    position: absolute;
    top: 25.5vw;
    left: 53vw;
	z-index:5;
}

.lite-button {
    position: absolute;
    top: 30.5vw;
    left: 53vw;
	z-index:5;
}

.subsc-mini-huyuno {
    width: 5.5vw;
    position: absolute;
    top: 13vw;
    left: 70vw;
}

.subsc-mini-natsuki {
    width: 5.5vw;
    position: absolute;
    top: 13vw;
    left: 24vw;
}

/* FAQ */

.faq-title {
    position: relative;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #FF325A;
    text-align: center;
    font-size: 3vw;
    padding-top: 5vw;
    padding-bottom: 4vw;
}

.faq-q {
    display: flex;
    background-color: #FFCDDC;
    width: 50vw;
    border-radius: 2vw;
    position: relative;
    left: 25vw;
}

.faq-q span {
    color: #FF325A;
    margin-left: 1.5vw;
    margin-right: 2vw;
    padding-top: 0.5vw;
    padding-bottom: 0.3vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3vw;
}

.faq-q p {
    padding-top: 0.6vw;
    padding-bottom: 0.4vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.1vw;
}

p.faq-a {
    text-align: left;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 1vw;
    margin-bottom: 5vw;
    font-size: 1.1vw;
    padding-left: 30vw;
    width: 70vw;
}

.faq-under {
    background-color: #FFCDDC;
    padding-top: 4vw;
    padding-bottom: 2vw;
}

.faq-under p {
	font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size:1.2vw;
}

.faq-under-text {
    position: relative;
    left: 31vw;
}

.faq-contact {
    position: relative;
    left: 54vw;
    top: -3.0vw;
    background-color: white;
    text-align: center;
    width: 10vw;
    border-radius: 2vw;
}

.faq-contact p {
	color: #FF325A;
    font-size: 1.2vw;
    height: 2.5vw;
    text-align: center;
    line-height: 2.8vw;
}

/* PrivacyPolicy */

.privacy-title, .tos-title, .target-title {
    position: relative;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #FF325A;
    text-align: center;
    font-size: 3vw;
    padding-top: 5vw;
    padding-bottom: 4vw;
	letter-spacing:0.25vw;
}

.privacy-head, .tos-head, .target-head {
    width: 60vw;
    position: relative;
    left: 20vw;
    border-bottom: solid 0.2vw #FF325A;
	color: #FF325A;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2vw;
}

.privacy-text, .tos-text, .target-text{
    width: 60vw;
    position: relative;
    left: 20vw;
    padding-top: 1.5vw;
    padding-bottom: 4vw;
    font-size: 0.8vw;
    font-family: "poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.05vw;
    line-height: 1.25vw;
}

/* contact */

.contact-title {
    position: relative;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #FF325A;
    text-align: center;
    font-size: 4vw;
    padding-top: 5vw;
    padding-bottom: 4vw;
}

.contact-back {
    background-color: #FFCDDC;
    width: 60vw;
    position: relative;
    left: 20vw;
    border-radius: 2vw;
	padding-bottom: 5vw;
	margin-bottom: 10vw;
}

p.contact-head {
    padding-top: 2vw;
    padding-left: 2vw;
}

p.contact-head {
    padding-top: 2vw;
    padding-left: 2vw;
    color: white;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3.0vw;
    padding-bottom: 1vw;
}

.contact-holder {
    padding: 0.2em 0.5em;
    margin: 2vw 2vw 4vw;
    color: #565656;
    background: #fff;
    box-shadow: 0px 0px 0px 1vw #ffeaea;
    border: dashed 2px #FFCDDC;
    border-radius: 8px;
    width: 56vw;
	font-size: 2vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

button, input, optgroup, select, textarea {
/*     width: 55vw; */
}

.contact-media {
    width: 56vw;
    padding-left: 4vw;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: white;
    width: 20vw;
    border-radius: 2vw;
    position: relative;
    left: 21vw;
    top: 2vw;
    color: #FF325A;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 2.5vw;
    padding: 1vw 5vw;
}

.contact-dammy {
    padding-top: 7vw;
	margin-bottom:-5vw;
}

.tos-dammy,.privacy-dammy{
	margin-bottom:-5vw;
}

.index-dammy{
	margin-bottom: -6vw;
}

.contact-limit {
	top: 1vw;
    left: 45.5vw;
    font-size: 1vw;
    position: relative;
}

/* 対象エリアページ */

.target-adjust {
    margin-bottom: -5vw;
    height: 7vw;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 1.75vw 1.75vw;
    background-repeat: repeat;
    background-position: center center;
}
/* スマホCSS */

.sp-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  color: #fff;
  height: 60px;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
	z-index:999;
	box-shadow: -1px 3px 9px 1px rgba(85,100,115,0.5);
}

.sp-logo {
  width: 118px;
  height: 30.6px;
}

.menu-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.sp-head-subsc {
	position: relative;
    cursor: pointer;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color: #FF325A;
    margin: auto;
    padding: 2.5vw 4vw 1.5vw 4vw;
    border-radius: 10vw;
    color: #FFF;
    font-size: 4vw;
    right: -5vw;
    letter-spacing: 0.25vw;
}

.hamburger-menu {
  width: 30px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-line {
  width: 30px;
  height: 4px;
  background-color: #000;
}

.sp-menu {
  display: none;
  background-color: #FFCDDC;
  position: absolute;
  top: 60px;
  right: 0;
  width: 150px;
}

.menu-item {
	padding: 10px;
    color: #fff;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 4vw;
}

.show-menu {
  display: block;
}




.sp-top-img-1{
	width: 100vw;
    padding-top: 40px;
}

.sp-top-img-2 {
    width: 100vw;
    position: relative;
    top: -50vw;
}

.sp-top-text {
    position: absolute;
    top: 90vw;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    left: 50vw;
    transform: translateX(-50%);
    width: 70vw;
	z-index:5;
	font-size:3.5vw;
	line-height:5vw;
	letter-spacing:0.25vw;
}

.sp-section2 {
	position: relative;
    overflow: hidden;
    padding-top: 50vw;
    margin-top: -50vw;
}

.sp-section2-title {
    position: absolute;
    width: 87vw;
    left: -2vw;
    top: 3vw;
	z-index:0;
	overflow: hidden;
}

.sp-section2-okashi {
    position: absolute;
    left: 0;
    top: 186vw;
	width:100vw;
	z-index:1;
	overflow: hidden;
}

.sp-section2-main-text {
    position: absolute;
    top: 20vw;
    left: 7vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF325a;
    font-size: 5vw;
    z-index: 3;
    letter-spacing: 0.2vw;
}

.sp-section2-sub-text {
	position: relative;
    top: -12vw;
    left: 7vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3.5vw;
    letter-spacing: 0.3vw;
    line-height: 7vw;
    z-index: 3;
}

.sp-section3 {
    background-color: #FF325A;
    margin-top: -3vw;
	padding-bottom: 38vw;
	overflow: hidden;
	position:relative;
}

.sp-section3-mokkun {
    position: relative;
    width: 65vw;
    top: 2vw;
    left: 3vw;
}

.sp-section3-part-1 {
    position: relative;
    top: 7vw;
    left: 50vw;
    transform: translateX(-50%);
    width: 86vw;
}

.sp-section3-part-2 {
    position: relative;
    left: 50vw;
	top:10vw;
    transform: translateX(-50%);
    width: 86vw;
}

img.sp-section3-part-2-2 {
	position: relative;
    left: 70vw;
    top: -63vw;
    width: 28vw;
    margin-bottom: -23vw;
}

.sp-section3-part-3 {
    position: relative;
    top: 33vw;
    left: 50vw;
    transform: translateX(-50%);
    width: 86vw;
}

.sp-section3-part-1-button {
    text-align: center;
}

.sp-section3-part-1-text {
    position: relative;
    top: 20vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
    background-color: #FFE600;
    margin: auto;
    padding: 1.5vw 7vw 0.8vw 7vw;
    border-radius: 10vw;
    color: #FF325A;
    font-size: 5vw;
    letter-spacing: 0.1vw;
	z-index:5;
}

.sp-section4 {
    position: relative;
	padding-top: 12vw;
	overflow: hidden;
}

.sp-section4-plane {
    width: 16.8vw;
    position: relative;
    left: 60vw;
    top: -1vw;
}

.sp-section4-title {
    position: relative;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #FF325A;
    font-size: 8vw;
	letter-spacing:0.5vw;
}

.sp-section4-arrow {
    width: 2.4vw;
    position: relative;
    top: -37vw;
    left: 50vw;
    transform: translateX(-50%);
}

.sp-section4-common {
    width: 50vw;
    position: relative;
    left: 50vw;
    transform: translateX(-58%);
}

.sp-section4-common-text {
    position: relative;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3.5vw;
}

.sp-section4-part-1 {
    top: 15vw;
}

.sp-section4-part-2 {
    left: 54vw;
    top: 7vw;
}

.sp-section4-part-3 {
    left: 54vw;
    top: -1vw;
}

.sp-section4-text-1 {
    top: 3vw;
}

.sp-section4-text-2 {
    top: -5vw;
}

.sp-section4-text-3 {
    top: -14vw;
}

.sp-loop-img {
	display: flex;
    width: 100vw;
    overflow: hidden;
    position: relative;
    opacity: 0.5;
    top: 0.6vw;
}

.sp-loop-img img {
  width: auto;
  height: 50vw;
}

.sp-loop-img img:first-child {
  animation: loop 75s -38s linear infinite;
}

.sp-loop-img img:last-child {
  animation: loop2 75s linear infinite;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.sp-foot-section {
    background-color: #FF325A;
    position: relative;
	overflow: hidden;
}

.sp-insta-sns {
    width: 8vw;
    position: absolute;
    right: 5vw;
    top: 5vw;
}

.sp-foot-title-common {
	position: relative;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #9AECE9;
    left: 5vw;
    font-size: 4.5vw;
    letter-spacing: 0.5vw;
}

.sp-foot-text-common {
    position: relative;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    left: 5vw;
    font-size: 4vw;
    letter-spacing: 0.3vw;
    top: 6vw;
    margin-bottom: 1vw;
}

.sp-foot-title1 {
    top: 5vw;
}

.sp-foot-title2 {
    top: 5vw;
}

.sp-foot-text4 {
    margin-bottom: 2vw;
}

.sp-foot-text5 {
    top: 8vw;
}

.sp-foot-text6 {
    top: 9vw;
}

.sp-foot-text7 {
    top: 10vw;
}

.sp-foot-haruka {
    width: 70vw;
    position: relative;
    left: 34vw;
}

.sp-foot-under-text {
    position: absolute;
    bottom: -3.5vw;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #fff;
    font-size: 10vw;
}

.sp-foot-section-2 {
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FF325A;
    text-align: center;
    padding: 6vw 3vw;
    font-size: 3vw;
    margin: 0 auto;
	position:relative;
	overflow: hidden;
	letter-spacing:0.2vw;
}

.sp-foot-section-2 span {
    font-weight: 700;
}


.accordion {
	width: 85.7vw;
    overflow: hidden;
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
    top: -6vw;
}

.accordion-btn {
	display: block;
    width: 95%;
    padding: 0;
    background-color: #FFE6ED;
    color: #FF325A;
    border: none;
    cursor: pointer;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    /* border-radius: 0 0 5vw 5vw; */
    margin: 0 auto;
	height: 11vw;
    margin-top: -2vw;
}

.accordion-content {
	height: 0;
	overflow: hidden;
    transition: height 0.3s ease;
    background-color: #FFE6ED;
	border-radius: 0 0 5vw 5vw;
}

.accordion-image-1 {
  width: 100%;
  display: block;
}

.close-btn {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    cursor: pointer;
    text-align: center;
    height: 16vw;
	background-color: #FFE6ED;
	color: #ff325a;
}

.accordion-under-arrow {
    width: 9vw;
    position: relative;
    top: 3vw;
    z-index: 10;
}

.accordion-over-arrow {
    width: 9vw;
}


.accordion-2 {
	width: 85.7vw;
    overflow: hidden;
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
    top: 20vw;
}

.accordion-btn-2 {
	display: block;
    width: 95%;
    padding: 0;
    background-color: #cdf5f4;
    color: #FF325A;
    border: none;
    cursor: pointer;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    /* border-radius: 0 0 5vw 5vw; */
    margin: 0 auto;
	height: 11vw;
    margin-top: -2vw;
}

.accordion-content-2 {
	height: 0;
	overflow: hidden;
    transition: height 0.3s ease;
    background-color: #cdf5f4;
	border-radius: 0 0 5vw 5vw;
}

.accordion-image-2 {
  width: 100%;
  display: block;
}

.close-btn-2 {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    cursor: pointer;
    text-align: center;
    height: 16vw;
	background-color: #cdf5f4;
	color: #ff325a;
}




.sp-privacy-back,.sp-tos-back,.sp-faq-back,.sp-intro-back{
    background-color: #FF325A;
    width: 100vw;
    height: 16vw;
}

.sp-privacy-title, .sp-tos-title,.sp-faq-title {
    position: relative;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #FF325A;
    text-align: center;
    font-size: 8vw;
    padding-top: 8vw;
    padding-bottom: 5vw;
}

.sp-privacy-head, .sp-tos-head {
    width: 90vw;
    position: relative;
    left: 5vw;
    border-bottom: solid 0.4vw #FF325A;
    color: #FF325A;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5vw;
}

.sp-privacy-text, .sp-tos-text{
    width: 90vw;
    position: relative;
    left: 5vw;
    padding-top: 2.5vw;
    padding-bottom: 10vw;
    font-size: 4vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}




.sp-faq-q {
	display: flex;
    background-color: #FFCDDC;
    width: 100vw;
    position: relative;
    height: 18vw;
	align-items: center;
}

.sp-faq-q span {
    color: #FF325A;
    margin-left: 8.5vw;
    margin-right: 2vw;
    padding-top: 2vw;
    padding-bottom: 0.3vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 6vw;
}

.sp-faq-q p {
    padding-top: 3vw;
    padding-bottom: 0.4vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 5vw;
    position: relative;
    left: 2vw;
    width: 77vw;
}

p.sp-faq-a {
	text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 3vw;
    margin-bottom: 5vw;
    font-size: 4vw;
    width: 90vw;
    position: relative;
    left: 5vw;
}

.sp-faq-under {
    background-color: #FFCDDC;
    padding-top: 13vw;
    padding-bottom: 10vw;
}

.sp-faq-under p {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 4.5vw;
    text-align: center;
    color: #FF325A;
}

.sp-faq-under-text {
	position: relative;
    top: -6vw;
}

.sp-faq-contact {
	width: 70vw;
}

.sp-faq-contact p {
	position: relative;
    cursor: pointer;
    background-color: #FFF;
    margin: auto;
    padding: 2vw 4vw;
    border-radius: 10vw;
    color: #FF325A;
    font-size: 6vw;
    left: 50vw;
    transform: translateX(-50%);
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

/* スマホ-サブスク */

.sp-subsc-section1 {
    position: relative;
    overflow: hidden;
	height: 115vw;
}

.sp-subsc-top {
    width: 100vw;
    position: relative;
    top: 6vw;
}

.sp-subsc-title {
    position: relative;
    top: 10vw;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #FF325A;
    font-size: 8vw;
}

.sp-subsc-title-sub {
    position: relative;
    top: 12vw;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 4vw;
	letter-spacing: 0.25vw;
}

img.sp-subsc-main {
    width: 100vw;
    position: relative;
    top: 16vw;
}

.sp-subsc-section2 {
    position: relative;
    overflow: hidden;
	height: 145vw;
}

.sp-subsc-plan-title {
    position: relative;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF325A;
    font-size: 6vw;
    top: 0;
	margin-top: 5vw;
}

.sp-subsc-plan-title::before, .sp-subsc-plan-title::after {
    content: '';
    position: absolute;
    top: 2.5vw;
    bottom: 0;
    background-color: #FF325A;
    width: 14vw;
    height: 0.5vw;
}

.sp-subsc-plan-title::before {
    left: 6vw;
}

.sp-subsc-plan-title::after {
    left: 79vw;
}

.sp-subsc-button {
    width: 90vw;
    position: relative;
	top:3vw;
    left: 50vw;
    transform: translateX(-50%);
	margin-bottom:3vw;
}

.sp-subsc-underline {
    width: 87vw;
    border-bottom: solid 0.6vw #FF325A;
    position: relative;
    margin: auto;
    left: -1vw;
    top: 3vw;
}

.sp-trial-button {
    margin-top: 5vw;
}

.sp-subsc-underline-2 {
    width: 87vw;
    border-bottom: solid 0.6vw #FF325A;
    position: relative;
    margin: auto;
    left: -1vw;
    top: 7vw;
}

.sp-subsc-undertext {
    position: relative;
    width: 90vw;
    margin: auto;
    top: 11vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3vw;
}

.sp-subsc-section3 {
    background-color: #FFCDDC;
	border-radius: 0 0 5vw 5vw;
	margin-top: 10vw;
}

.sp-subsc-introduction {
    position: relative;
    top: -9vw;
	width: 100vw;
}


.accordion-3 {
	width: 74.7vw;
    overflow: hidden;
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
    top: -15vw;
}

.accordion-btn-3 {
    display: block;
    width: 95%;
    padding: 0;
    background-color: #FFCDDC;
    color: #FF325A;
    border: none;
    cursor: pointer;
    text-align: center;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0 auto;
}

.accordion-content-3 {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

.accordion-image-3 {
  width: 100%;
  display: block;
}

.close-btn-3 {
    display: block;
    width: 100%;
    padding: 10px;
    color: #fff;
    border: none;
    cursor: pointer;
    background-color: #FFCDDC;
    text-align: center;
}

.accordion-under-arrow-3{
	width: 13vw;
    margin-left: -2vw;
}

.sp-subsc-section4 {
    position: relative;
	height: 65vw;
}

.sp-subsc-pakkun {
    width: 67vw;
    position: relative;
    top: 12vw;
    left: 50vw;
    transform: translateX(-50%);
}

.sp-subsc-intro-button {
    position: relative;
    cursor: pointer;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color: #FF325A;
    margin: auto;
    padding: 2vw 4vw;
    border-radius: 10vw;
    color: #FFF;
    font-size: 4vw;
    width: 68vw;
    text-align: center;
    top: 16vw;
}

/* スマホ　商品紹介 */

.sp-intro-section1 {
    position: relative;
    top: 11vw;
	margin-top: -2vw;
	overflow: hidden;
}

.sp-intro-top {
    width: 100vw;
    position: relative;
}

.sp-intro-top-text {
    position: absolute;
    top: 36vw;
    left: 7.5vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3vw;
    letter-spacing: 0.4vw;
    width: 45vw;
}

.sp-intro-okashilist-1 {
    display: flex;
    position: relative;
    top: -36vw;
    left: 14vw;
}

.sp-intro-okashilist-2 {
    display: flex;
    position: relative;
    top: -35vw;
    left: 14vw;
}

.sp-intro-icon-size {
	width: 16vw;
    margin-right: 3vw;
}

.sp-intro-section2 {
    position: relative;
/*     overflow: hidden; */
}

.sp-intro-okashi-title {
    position: relative;
    text-align: center;
    background-color: #FF325A;
    padding: 1.25vw 1vw 0.5vw 1vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 5vw;
    letter-spacing: 0.25vw;
}

.sp-choco-title {
    top: -16vw;
}

.sp-intro-category-illust {
    width: 100vw;
    margin-top: -16vw;
}

.sp-intro-allergen {
    position: relative;
    background-color: #d5d2d2;
    width: 85vw;
    margin: auto;
	cursor: pointer;
	margin-bottom: 15vw;
}

.sp-intro-allergen-text {
    padding: 2vw 0 2vw 3vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3.5vw;
}

.sp-intro-adjust {
    padding-top: 7vw;
}

.sp-intro-allergen-content {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

.sp-intro-allergen-content.show {
  height: 170vw; /* 画像の高さに合わせて適切な値を設定 */
}

.sp-intro-allergen-illust {
  width: 100%;
  display: block;
}

i.fa-solid.fa-chevron-down {
    position: absolute;
    top: 2vw;
    left: 77vw;
}

/* ボタンのアイコンのスタイル */


.fa-chevron-down {
  display: inline-block;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

    .content {
      display: none;
    }
    /* タイトルのスタイル */
    .sp-intro-okashi-title {
      font-weight: bold;
      cursor: pointer;
    }

@media (max-width: 480px){
i.fa-brands.fa-cc-paypal.fa-lg {
    position: absolute;
    top: 37vw;
    left: 5vw;
	font-size:14vw;
}
}
.fa-lg {
    font-size: 14vw;
    line-height: .75em;
    vertical-align: -0.0667em;
}

/* スマホ　contact */

@media (max-width: 480px){
.contact-title {
    position: relative;
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #FF325A;
    text-align: center;
    font-size: 10vw;
    padding-top: 17vw;
    padding-bottom: 0vw;
}

.contact-back {
    background-color: #FFCDDC;
    width: 90vw;
    position: relative;
    left: 5vw;
    border-radius: 2vw;
    padding-bottom: 5vw;
    margin-top: 5vw;
	padding-bottom: 15vw;
}

p.contact-head {
    color: #ff325a;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5vw;
    padding-bottom: 1vw;
    text-align: center;
    padding-top: 6vw;
    letter-spacing: 0.25vw;
}

.contact-holder {
    padding: 0.2em 0.5em;
    margin: 3vw 5vw 4vw;
    color: #565656;
    background: #fff;
    box-shadow: 0px 0px 0px 1vw #ffeaea;
    border: dashed 2px #FFCDDC;
    border-radius: 8px;
    width: 80vw;
	font-size: 4vw;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

button, input, optgroup, select, textarea {
/*     width: 55vw; */
}

.contact-media {
    width: 86vw;
    padding-left: 4vw;
}


input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: white;
    border-radius: 9vw;
    position: relative;
    top: 5vw;
    color: #FF325A;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 6vw;
	padding: 3.5vw 9vw 3vw 9vw;
    left: 50vw;
    transform: translateX(-60%);
    width: auto;
    height: auto;
    line-height: 4vw;
}


.contact-dammy {
    padding-top: 7vw;
}

.contact-limit {
    position: relative;
    top: 1vw;
    left: 55.5vw;
    font-size: 1vw;
}
	
.wpcf7-form-control-wrap{
	position: relative;
    font-family: 'poppins',sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.1vw;	
}
	
	
}


/* インフルエンサー募集ページ */

.influ-top {
    width: 100vw;
    position: relative;
    top: -1vw;
}

.influ-title {
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 4vw;
    letter-spacing: 0.25vw;
    line-height: 4vw;
    position: absolute;
    top: 13vw;
    left: 12.5vw;
    color: grey;
}

.influ-title-span {
    color: #FFCDDC;
}

.influ-top-2 {
    position: absolute;
    z-index: 5;
    top: 6.8vw;
    left: 67.6vw;
    width: 14vw;
}

.influ-overview {
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
    width: 53vw;
    top: 2.3vw;
}

.influ-flow {
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
    width: 75vw;
    margin-top: 7vw;
}

/* インフルエンサー募集ページ（フォーム部分） */

/* 共通　未入力時赤字 */

.wpcf7-not-valid-tip {
    color: #FF325A;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    width: 20vw;
    left: 25vw;
    top: -0.7vw;
    text-align: right;
}

/*  */

select {
    appearance: none;
}

.influ-back {
    position: relative;
    left: 27vw;
}

.influ-form-back {
    width: 100vw;
    background-color: #FFCDDC;
    margin-top: 5vw;
}

.influ-form-title {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF325A;
    font-size: 2vw;
    text-align: center;
    padding-top: 5vw;
    letter-spacing: 0.25vw;
	padding-bottom: 1.5vw;
}

.influ-head {
    text-align: center;
    font-size: 1vw;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
	padding-bottom: 2vw;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border: 1px solid;
    width: 46vw;
    border-color: #fff;
    border-radius: 10vw;
    height: 3vw;
    background-color: #fff;
    margin-bottom: 2vw;
    padding-left: 2vw;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    border: 1px solid;
    width: 46vw;
    border-color: #fff;
    border-radius: 10vw;
    height: 3vw;
    background-color: #fff;
    margin-bottom: 2vw;
    padding-left: 2vw;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.sns-intro-size {
    border: 1px solid;
    width: 46vw;
    border-color: #fff;
    border-radius: 2vw;
    background-color: #fff;
    margin-bottom: 2vw;
    padding-left: 2vw;
    padding-top: 1vw;
}

#influ-privacy-policy {
    height: 300px;
    border: 1px solid;
    overflow-y: scroll;
    width: 46vw;
}

input#register {
    width: 11vw;
    height: 2vw;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    background-color: #FF325A;
    color: #fff;
    padding: 0.25vw 0 0 0;
    font-size: 1.5vw;
    letter-spacing: 0.25vw;
    left: 17vw;
}

/* リキャプチャ */
.grecaptcha-badge{
	z-index:99999;
}

/* 決済ページ */
div#thwmscf-tab-panels {
    width: 50vw;
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
}

.thwmscf-wrapper .thwmscf-buttons {
    text-align: center !important;
}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    border: 1px solid #515151;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: #515151;
}


/* 千本引き */

img.senbon-test-1 {
    width: 100vw;
    position: relative;
    top: -1vw;
}

.tab-area {
  display: flex;/* flexで横並び */
  border: 2px solid;
  cursor: pointer;/* カーソルポインターに */
}
.tab {
  width: calc(100%/3);/* calc関数を使用し、均等に3分割する */
  padding: 5px;
  text-align: center;/* 文字を中央に。 */
}
.tab:nth-child(n+2) {
  border-left: 2px solid;
}
.tab.active {
  background-color: #000;
  color: #fff;
}

.panel {
  display: none;
  text-align: center;
}
.panel.active {
  display: block;
}


.event-back {
    width: 100vw;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 8vw;
}

.event-back {
    width: 17vw;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 8vw;
    height: 38vw;
}

.event-back-2 {
    width: 17vw;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 8vw;
    height: 38vw;
}

.sp-event-back {
    width: 100vw;
    position: absolute;
    top: 245vw;
}