@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

.price-flow.flex-01.wrap-01.sp-1,
.tate-1{
	display: none;
}

.price-card-2{
	display: none;
}


.attention-text.m-top {
/*   margin-top: 3em; */
  margin-bottom: 0;
  font-size: 20px;
  text-decoration: underline 2px;
}

.back-w{
	background-color: white;
	padding: 20px;
	margin-top: 2em;
}

.sp{
	display:none;
}
/************************************
** シトロン様　希望デザイン
************************************/
/****決済方法*****/
.taimen-box {
  display: flex;
  align-items: center;
}

.siharai .gennkin-box{
	display: flex;
  width: 20%;
  background-color: #fea2c7;
  justify-content: center;
  align-items: center;
  padding: 15px;
  margin-right: 20px;
  height: 60px;
  color: white;
  font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
}

.genkin-a span{
	font-size: 1.5em;
  background: linear-gradient(transparent 60%, #fea2c7 50%);
}

.hitaimen-box {
  display: flex;
}

.siharai .hurikomi-box{
	display: flex;
  width: 20%;
  background-color: #5ec8d8;
  justify-content: center;
  align-items: center;
  padding: 15px;
  margin-right: 20px;
  height: 60px;
  color: white;
  font-weight: bold;
	font-size: 16px;
margin-bottom: 1em;
}

.card-flex {
  display: flex;
	align-items: center;
	margin-bottom: 1em;
}

.siharai .card-box{
	display: flex;
  width: 20%;
  background-color: #575757;
  justify-content: center;
  align-items: center;
  padding: 15px;
  margin-right: 20px;
  height: 60px;
  color: white;
  font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
}

.credit-card {
  display: block;
  height: 50px;
}


.siharai {
  background-color: white;
  padding: 45px 30px 30px 30px;
  max-width: 1200px;
  margin: 3em auto;
}

.card-flex-c {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.siharai .genkin-a {
  margin-top: 1em;
  font-size: 16px;
}

/****決済方法（先方希望）*****/
.credit-card-2 {
  margin: 0 auto;
	width: 50%;
  display: block;
}

.siharai-tex-em span {
  font-size: 1.5em;
  background: linear-gradient(transparent 70%, #fdafceb8 70%);
  padding-bottom: 4px;
}

.siharai-tex-em,.siharai-text-1{
	text-align: center;
}

.siharai-tex-em{
	margin-top: 1em;
}


/**2025.10.17修正版**/

.page-id-2168 .template-box{
	width: 100%;
}

.page-id-2168 .temp-img {
  display: block;
  margin: 1em auto 3em auto;
}

.page-id-2168 .article h3.design-title {
  min-height: auto;
  margin-top: 2em;
}

.page-id-2168 .text-design,
.page-id-2168 .text-design-2{
  min-height: auto;
}

.page-id-2168 .temp-botton {
  margin: 0 auto;
}

.kliner-1 {
  display: block;
  margin-bottom: 3em;
}



.page-id-2161 h1.entry-title,
.page-id-2168 h1.entry-title,
.page-id-2172 h1.entry-title{
  font-weight: bold;
  color: white;
  text-align: center;
  padding: 25px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
	background-color: transparent;
	font-size: 60px;
  text-shadow: 0 0 5px #5fa8d3, 0 0 10px #5fa8d3, 0 0 20px #5fa8d3, 0 0 30px #6ebcdf, 0 0 40px #6ebcdf;
}

.p-25-r{
	  padding: 25px 50px 25px 25px;
	border-right: solid white;
	 display: flex;
  flex-direction: column;
	  align-items: center;
}

.p-25-l{
	  padding: 25px 25px 25px 50px;
	 display: flex;
  flex-direction: column;
	  align-items: center;
}


.text-design{
  font-weight: bold;
  font-size: 1.2em;
	text-align: center;
	min-height: 80px;
}


.contents-box.design-000{
	display: flex;
	background-color: transparent;
	position: relative;
}

.or-img {
  width: 8%;
  object-fit: contain;
  position: absolute;
  top: 60px;
  left: 45%;
}


.template-box{
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.original-box {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.article h3.design-title{
	border: none;
  text-align: center;
  font-size: 1.5em;
	min-height: 92px;
	display: flex;
	justify-content: center;
	align-items: baseline;
}

.text-design-2 {
  min-height: 210px;
/* 	text-align: justify; */
	width: 100%;
	text-align: center;
}

.temp-img {
  margin-bottom: 40px;
}

.original-img{
	margin-bottom: 40px;
}

.tap-02{
	display: block;
  width: 80%;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  background-color: #fff;
  font-size: 18px;
  color: #5492cd;
}

.temp-botton{
  text-decoration: none;
  color: white;
  background-color: #5492cd;
  padding: 15px;
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

.flow-botton {
  text-decoration: none;
  color: white;
  background-color: #5492cd;
  padding: 15px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin: 0 auto;
/*   height: 85px; */
  font-weight: bold;
	margin-top: 3em;
}


/* .temp-botton:hover{
	color: #5492cd;
	background-color: white;
	border: solid #5492cd;
} */

.temp-botton:hover,
.flow-botton:hover{
	opacity: 0.7;
	color: white;
}

.ribbon-img {
  display: block;
  width: 31%;
  margin: 1%;
}

.s-muryou{
	display: block;
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

/*TOP*/


#main {
  background-color: transparent;
}



.menu-flame {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.menu-l {
  width: 45%;
  margin: 2%;
}

.menu-0 {
  width: 30%;
  margin: 1%;
}

.page-id-1172 h1.entry-title{
	display: none;
}


@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Rampart+One&display=swap');

.page-id-1172 .subtitle-new-1{
  font-weight: bold;
  color: white;
  background-color: transparent;
  text-align: center;
  font-size: 60px;
  text-shadow: 0 0 5px #5fa8d3, 0 0 10px #5fa8d3, 0 0 20px #5fa8d3, 0 0 30px #6ebcdf, 0 0 40px #6ebcdf;
/* 	font-family: "Dela Gothic One", serif; */

}

.menu0:hover{
	opacity: 0.7;
}

.img-okotowari {
  width: 80%;
  display: block;
  margin: 0 auto;
}

.none-link{
	display: block;
	width: 45%;
	margin: 2%;
}

#flow-01 {
  background-color: #fffacd;
}



.orizinal-img-002{
  margin-bottom: 40px;
  background-color: white;
}



/***************header*********************/
#menu-header-menu-pc0 .menu-top.menu-header.menu-pc{
	justify-content: space-between;
}


#menu-item-2510,#menu-item-2509,#menu-item-2508{
	border: solid 3px #5ec8d8;
	margin-top: 1px;
}









#menu-item-1323,#menu-item-1324,#menu-item-1325,#menu-item-1419,#menu-item-2507{
    background-color: #5ec8d8;
/*     margin: 0 5px; */
}

/* #menu-item-1253:hover,#menu-item-1254:hover,#menu-item-1255:hover{
	opacity: 0.7;
	background-color:  #57dcf2;
} */

.item-label{
	font-size: 18px;
	color: white;
    font-weight: bold;
/* 	text-shadow: 0 0 5px #1aa9e1, 0 0 10px #1aa9e1, 0 0 20px #fff, 0 0 40px #1aa9e1; */
}

.navi-in > ul .caption-wrap > .item-label{
/* 	width: 170px; */
}


.header-container-in.hlt-top-menu .logo-header{
	max-height: none;
}


.caption-wrap{
/* 	width: 100%; */
}

#navi .navi-in > ul > li{
/* 	width: 250px; */
	width: 19%;
	margin: 0 2px;
	height: 77px;
	display: flex;
	align-items: center;
}

.navi-in a:hover{
	opacity: 0.9;
/* 	text-shadow: 0 0 5px #e8f7fd, 0 0 10px #1aa9e1, 0 0 20px #fff, 0 0 40px #2bb0e3;
	background-color: #57dcf2; */
}


.navi-in > ul{
	justify-content: space-between;
}


.header-line{
    background-color: #00B900;
	color: white;
	padding: 0.5em;
	font-size: 15px;
	display: flex;
	align-items: center;
	height: 77px;
	justify-content: center;
	text-shadow: 0 0 5px #1aa9e1, 0 0 10px #1aa9e1, 0 0 20px #fff, 0 0 40px #1aa9e1;
}

.header-line-00{
	 background-color: #00B900;
	color: white;
	padding: 0.5em;
	font-size: 15px;
	display: flex;
	align-items: center;
	height: 77px;
	justify-content: center;
	text-shadow: 0 0 5px #1aa9e1, 0 0 10px #1aa9e1, 0 0 20px #fff, 0 0 40px #1aa9e1;
}

/* .header-line p{
	font-size: 15px;
} */


.fa-line{
	font-size: 32px;
	padding-right: 10px;
	color: white;
}

.header-container-in.hlt-top-menu{
	height: 110px;
}

.header-container-in.hlt-top-menu .logo-header img{
	max-height: 110px;
}


.site-logo-image:hover{
	opacity: 0.7;
}

.soroeru{
	display: flex;
    justify-content: center;
	align-items: center;
}


/* .navi-in > ul{
	justify-content: unset;
	flex-wrap: unset;
	width: 100%;
} */

/***************モバイルスライドイン*********************/

.custom-menu-icon.menu-icon{
	display: none;
}


.mobile-menu-buttons .menu-button{
	color: #FA6A90;
}

.mobile-insuta-01{
	width: 32px;
}

.mobile-line{
	display: flex;
	align-items: center;
	color: white;
}

#navi-menu-content .menu-item-1328,#navi-menu-content .menu-item-1329,#navi-menu-content .menu-item-1330,#navi-menu-content .menu-item-1331,#navi-menu-content .menu-item-1418{
	display: flex;
	align-items: center;
	height: 60px;
}


.menu-drawer .menu-item-1332{
	background-color: #00B900;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	border-radius: 10px;
	margin-top: 24px;
	height: 70px;
}




#navi-menu-content .line-00 a{
	padding-left: 0;
	margin-top: 0;
}


.mobile-logo{
	width: 75px;
	display: block;
	margin: 0 auto;
}

.mobile-line .fa-line{
	font-size: 31px;
	margin-right: 15px;
}

.menu-drawer a:has(.mobile-logo){
	margin: 0;
	padding: 0;
}


.menu-drawer a {
	position: relative;
	padding-block: 10px;
	padding-left: 25px;
	font-weight: 700;
	margin-top: 10px;
}

.menu-drawer .menu-item-1328 a::before,
.menu-drawer .menu-item-1329 a::before,
.menu-drawer .menu-item-1330 a::before,
.menu-drawer .menu-item-1331 a::before,
.menu-drawer .menu-item-1418 a::before,
.menu-drawer .menu-item-2524 a::before,
.menu-drawer .menu-item-2523 a::before,
.menu-drawer .menu-item-2522 a::before
{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #508CC6;
	left: 0px;
}

.menu-drawer .menu-item-1328 a::after,
.menu-drawer .menu-item-1329 a::after,
.menu-drawer .menu-item-1330 a::after,
.menu-drawer .menu-item-1331 a::after,
.menu-drawer .menu-item-1418 a::after,
.menu-drawer .menu-item-2524 a::after,
.menu-drawer .menu-item-2523 a::after,
.menu-drawer .menu-item-2522 a::after
{
	content: "";
	position: absolute;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 50%;
	left: 5px;
	width: 5px;
	height: 5px;
	transform: translateY(-50%) rotate(45deg);
}

#menu-item-1434{
	width: 19%;
  margin: 0 2px;
  height: 77px;
  display: flex;
  align-items: center;
  background-color: #06C755;
}

.line-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.line-text {
  font-size: 15px;
}

.line-00.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1332 .fa-line{
	padding-right: 15px;
}

.line-text{
	color: white;
}

/* .line-00.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1332{
	width: 80%;
} */

.line-00.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1332:hover{
	background-color: #02AA47;
	opacity: 0.7;
	color: white;
}

.menu-drawer a:hover{
	background-color: transparent;
}


/***************main*********************/

.text-design.sp-001{
		display: none;
	}
	


/* #main.main{
	max-width: 1272px;
	margin-left: 145px;
}
 */


.contents-01{
	margin: 0 auto;
/* 	width: 100%; */
	max-width: 1200px;
}

.flex-01{
	display: flex;
	justify-content: left;
	align-items: center;
}

.wrap-01{
	flex-wrap: wrap;
}

.t-center-01{
	text-align: center;
}

/* .price-flow{
	margin: 1em 0;
} */


/**************TOPページ**********************/
.page-id-1172 h1.entry-title{
	display: none;
}

.page-id-1172 #content.content{
	margin-top: -20px;
}

.page-id-1172 #main.main{
	padding-top: 0;
}


.contents-00{
	margin: 0 auto;
}

.top-1{
  margin: 0 calc(50% - 50vw);
  width: calc(100vw - 9px);
  max-width: none; 
}

.instagram-1{
	display: block;
    width: 400px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 5em;
}

.instagram-1:hover{
	opacity: 0.7;
}

#top-image a:hover{
	opacity: 0.7;
}

/**************料金**********************/

.small-1 {
  font-size: 0.8em;
}

.table-1200{
	max-width: 1200px;
	margin: 0 auto;
}

.table-1200.t-sp{
	display: none;
}

.b-pink-1 {
  background-color: #ee83a6;
  color: white;
  font-size: 17px;
}

.table-1200 td{
  text-align: center;
  background-color: white;
  font-size: 16px;
}

.b-pink-2{
 background-color: #ee83a6;
}

/**/

.price-area {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: 1.5%;
	margin-bottom: 3em;
	justify-content: center;

}

.price-area.mb-000{
	margin-bottom: 5em;
}

.pricce-card {
 display: flex;
  flex-direction: column;
  width: 18.25%;
  margin-bottom: 1.5%;
}

.sake-name {
  text-align: center;
  background-color: #fea2c7;
  color: white;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
	font-size: 16px;
	font-weight: bold;
	
}

.sake-price {
  text-align: center;
  background-color: white;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
	font-size: 16px;
}

.pricce-card.op-01 {
  width: 24.6%;
}

.article h3.price-title{
  text-align: center;
  border: none;
  margin-top: 3em;
	font-size: 1.5em;
}



.article h2.pink-01{
	background-color: #fea2c7;
	box-shadow: 0 0 10px 10px #fea2c7;
	color: white;
	height: 75px;
   display: flex;
   align-items: center;
/* 	font-family: "Dela Gothic One", serif; */
}

.article h2.blue-01{
	background-color: #5ec8d8;
	box-shadow: 0 0 10px 10px #5ec8d8;
	color: white;
	height: 75px;
   display: flex;
   align-items: center;
/* 	font-family: "Dela Gothic One", serif; */
}



.article h2 {
  font-size: 30px;
  font-weight: bold;
  height: 95px;
  background-color: white;
	margin-top: 2em;
	margin-bottom: 1em;
}


.margin-b-1{
	margin-bottom: 2em;
}


.article h3.subtitle-03{
	border: none;
	background-color: #ffd4e5;
	padding: 10px;
	margin-left: 1%;
	font-size: 1.5em;
	border-top: solid 2px white;
    border-bottom: solid 2px white;
}

.article h3.subtitle-04{
	border: none;
	padding: 10px;
	margin-left: 1%;
	font-size: 1.5em;
	border-top: solid 2px white;
    border-bottom: solid 2px white;
	margin-top: 1em;
}

.price-flow{
	margin: 5em 0;
}

.price-card{
	width: 20%;
}

.syanpan-card{
	width: 31%;
	margin: 1%;
}

.contents-box{
	padding: 30px;
	margin-bottom: 1em;
	background-color: #ffd4e5;
}

/* .option-price .contents-box{
	background-color: #93e3f0;
} */

.souryou-price .price-td-1{
	background-color: white;
	text-align: center;
}

.souryou-price .price-th-1{
	font-size: 17px;
	font-weight: bold;
	background-color: #ffd4e5;
}

.far.fa-lightbulb{
   color: white; /* 中央の文字色を白に設定 */
  text-shadow: 
    0 0 10px white,  /* 中心の光 */
    0 0 20px white,  /* 少し広がった光 */
    0 0 30px white,  /* 中間の光 */
    0 0 40px white,  /* 強い光 */
    0 0 50px white,  /* さらに広がる光 */
    0 0 70px white,  /* 外側の激しい光 */
    0 0 100px white; /* 最大限広がった光 */
}

.muryou-img {
  display: block;
  margin: 2em auto 1em auto;
  max-width: 800px;
  width: 100%;
}

.textwidget .s-muryou{
	padding: 0 14px;
}

.souryou-at {
  margin-top: 3em;
  text-align: center;
}


.size-full.wp-image-2216.aligncenter{
	padding: 0 14px;
}


.ritou-1 {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  max-width: 800px;
}

.ritou-0 {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  max-width: 800px;
	padding: 0 14px;
}


.siharai-box{
	margin-top: 4em;
	text-align: center;
}

.siharai-text,.siharai-text-2{
	font-size: 22px;
}


.siharai-text span{
	font-size: 1.5em;
    border-bottom: double;
}

.siharai-text-2 span{
	font-size: 1.5em;
	background: linear-gradient(transparent 60%, #fea2c7 50%);
}

.tyuui-1 {
  text-align: center;
  text-decoration: underline;
}

.souuryou-tyuui {
  text-align: center;
}

.syanpan-led {
  width: 30%;
  display: block;
  margin: 0 auto;
  margin: 1%;
}

.list-a ul{
  text-align: center;
  text-decoration: none;
  list-style: none;
  padding-left: 0;
}


/*****オプション*****/

.flex-goods{
	display: flex;
	flex-wrap: wrap;
}

.image-text-goods{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 30%;
	margin: 1%;
}

.image-text-goods-2{
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.article h4.ribon{
	text-align: center;
	border: none;
}

.normal-ribon{
	margin-bottom: 1em;
}

.t-center-1{
	text-align: center;
}

.t-center-01.muryou{
	margin-top: 4em;
	text-decoration: underline solid 3px #f157a8;
}

.t-center-01.muryou span{
	font-size: 1.3em;
}


/**************CTA**********************/

.line-01{
	max-width: 800px;
	display: block;
	margin: 0 auto;
	padding: 0 14px;
}

.line-01:hover{
	opacity: 0.7;
}


/**************ご注文の流れ**********************/
.page-id-1169 h1.entry-title,.page-id-135 h1.entry-title{
  font-weight: bold;
  color: white;
/*   background-color: #fea2c7; */
  text-align: center;
  padding: 25px;
/*   box-shadow: 0 0 10px 10px #fea2c7; */
  margin: 0 auto;
  width: 100%;
	font-size: 60px;
  text-shadow: 0 0 5px #fd88b4, 0 0 10px #ffadcc, 0 0 20px #fd9dc1, 0 0 30px #ff8db8, 0 0 40px #ff4a8f;
/*   font-family: "Dela Gothic One", serif; */
}

.price-flow.flex-01{
	justify-content: space-between;
}


.flex-02{
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3em;
	padding: 3em 0;
}

.flow-01{
  width: 50%;
  display: block;
  margin: 0 auto 3em auto;
}

.flow-02{
	display: block;
	margin: 1em auto 1em auto;
}

.attention-01{
	border: solid 2px #d06d8e;
	padding: 3em;
	position: relative;
    margin-top: 5em;
    padding-top: 2em;
}

.attention-text-center{
	text-align: center;
	font-size: 1.2em;
}

.logo-01{
	display: block;
    width: 100px;
    position: absolute;
    top: -55px;
    left: 455px;
    background-color: white;
}

.fas.fa-exclamation-triangle{
	color: #ffbf00;
}

.flex-03{
	display: flex;
	justify-content: left;
	align-items: center;
}

.img-text{
	width: 31%;
    display: flex;
    align-items: center;
    height: 200px;
    background-color: white;
    margin: 1%;
}

.syanpan-img{
	width: 31%;
    margin: 1%;
	background-color: white;
}

.orisyan-price .img-text p{
	margin-bottom: 0;
	text-align: center;
}



.tap-01{
	display: block;
  width: 90%;
  margin: 0 auto;
    margin-top: 0px;
  text-align: center;
  margin-top: 1em;
	background-color: #ddd;
	font-size: 18px;
}


.wp-block-image.size-large a:has(.wp-image-1462){
	width: 100%;
}


.wp-image-1462{
	display: block;
	margin: 0 auto;
	width: 90%;
}

.w-90-1{
	width: 90%;
}

/**************テンプレート一覧**********************/


.page-id-1227 h1.entry-title,.page-id-1175 h1.entry-title,.page-id-1227 .article h2.temp-01,.postid-2161 h1.entry-title{
  font-weight: bold;
  color: white;
  text-align: center;
  padding: 25px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
	background-color: transparent;
	font-size: 60px;
  text-shadow: 0 0 5px #5fa8d3, 0 0 10px #5fa8d3, 0 0 20px #5fa8d3, 0 0 30px #6ebcdf, 0 0 40px #6ebcdf;
}

.page-id-1227 .article h2.temp-02{
	margin: 2em 0 1em 0;
	background-color: #fea2c7;
    color: white;
    padding: 10px;
	box-shadow: 0 0 5px 5px #fea2c7;
	height: unset;
	font-size: 30px;
  font-family: "Dela Gothic One", serif;
}

.contents-01.margin-t-1{
	margin-top: 5em;
}

.top-2.margin-t-2{
	margin-top: 3em;
}

/**************Q＆A**********************/

.page-id-135 .contents-01{
/* 	margin-top: 5em; */
	padding: 3em 0;
}


#section-faq-1{
	margin-top: 2em;
}



.qa-1 {
    max-width: 100%;
    margin-bottom: 7px;
    border: 1px solid #d6dde3;
    border-radius: 5px;
	background-color: white;
}

.qa-1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-1 summary::before,
.qa-1 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-1 summary::before {
    color: #008ED5;
    content: "Q";
}

.qa-1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-1[open] summary::after {
    transform: rotate(225deg);
}

.qa-1 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-1[open] p {
    transform: none;
    opacity: 1;
}

.qa-1 p::before {
    color: #FA6A90;
    line-height: 1.2;
    content: "A";
}

summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

.w-90{
	width: 90%;
}

/*******プライバシーポリシー*******/

.page-id-30 h1.entry-title {
  font-weight: bold;
  color: white;
/*   background-color: #fea2c7; */
  text-align: center;
  padding: 25px;
/*   box-shadow: 0 0 10px 10px #fea2c7; */
  margin: 0 auto;
  margin-bottom: 2em;
  width: 100%;
	font-size: 60px;
  text-shadow: 0 0 5px #fd88b4, 0 0 10px #ffadcc, 0 0 20px #fd9dc1, 0 0 30px #ff8db8, 0 0 40px #ff4a8f;
/*   font-family: "Dela Gothic One", serif; */
}

.t-bold{
	font-weight: bold;
}

/* .line-pri{
	width: 40%;
    margin: 0 auto;
    background-color: #00b900;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    text-decoration: none;
    color: white;
    font-size: 1.2em;
	border-radius: 10px;
}

.line-pri:hover{
	opacity: 0.7;
	color: white;
} */

	.m-l-10{
		margin-right: 10px;
		display: block;
	}

/*******footer*******/
#footer{
/* 	background-color: #5ec8d8; */
	background-color: white;
}

.navi-footer-in a:hover{
	background-color: #d0f0fd;
}









/*1215px以下*/
@media screen and (max-width: 1215px){
	.fa-line {
  font-size: 32px;
  padding-right: 2px;
  color: white;
}
}

/*1165px以下*/
@media screen and (max-width: 1165px){
	.line-text {
  font-size: 13px;
}
}



/*1200px以下*/
@media screen and (max-width: 1200px){
	.attention-01{
		margin: 2em;
	}
}


/*1023px以下*/
@media screen and (max-width: 1023px){
	#content.content{
/* 		margin-top: -100px; */
	}
	
	.instagram-1{
		width: 300px;
	}
	
	.page-id-1172 .header-container-in.hlt-top-menu{
		height: 0;
	}
	
	.header-line-0{
		display: none;
	}
	
	.top-1{
		margin: 0 calc(50% - 50vw);
		width: calc(100vw - 1px);
		max-width: none; 
}
	
	#header-container{
		display: none;
	}
	
	#footer{
		display: none;
	}
	
	.pricce-card{
		width: 33%;
	}
}

/*970px以下*/
@media screen and (max-width: 970px){
	.text-design-2 {
  min-height: 210px;
}
}

/*900px以下*/
@media screen and (max-width: 900px){
	.contents-box.design-000{
		flex-direction: column;
	}
	
	.template-box,.original-box{
		width: 100%;
		margin-top: 2em;
	}
	
	.article h3.design-title{
		min-height: unset;
		margin-bottom: 0;
	}
	
	.p-25-r{
		border-right: none;
		border-bottom: solid white;
        padding: 25px 25px 50px 25px;
	}
	
	.p-25-l{
		padding: 25px;
	}
	
	.text-design,.text-design-2{
		min-height: unset;
	}
	
	.or-img{
		display: none;
	}
	
	.flow-botton{
		width: 60%;
	}
}





/*834px以下*/
@media screen and (max-width: 834px){
	.flow-01{
		width: 90%;
	}
	
	.page-id-1227 .article h2.temp-01{
		font-size: 36px;
	}
	
	.flex-02{
		justify-content: center;
	}
	
	.attention-01{
		width: 90%;
        margin: 3em auto;
		padding: 2em;
	}
	
	.tap-01{
	display: block;
  width: 90%;
  margin: 0 auto;
    margin-top: 0px;
  text-align: center;
  margin-top: 3em;
	background-color: #ddd;
	font-size: 15px;
}
		
}

/*800px以下*/
@media screen and (max-width: 800px){
	.table-1200.t-pc{
		display: none;
	}
	
	.table-1200.t-sp{
		display: inline-table;
		width: 100%;
	}
	
	
}

/*750px以下*/
@media screen and (max-width: 750px){
	.article h2.pink-01{
		font-size: 25px;
	}
}


/*680px以下*/
@media screen and (max-width: 680px){
	.page-id-1175 h1.entry-title,
	.page-id-30 h1.entry-title,
	.page-id-1172 h1.entry-title,
	.page-id-1227 h1.entry-title,
	.page-id-135 h1.entry-title,
	.page-id-1169 h1.entry-title,
	.page-id-2161 h1.entry-title,
    .page-id-2168 h1.entry-title,
    .page-id-2172 h1.entry-title{
		font-size: 38px;
		padding: 15px;
	}
	
	 .article h2.pink-01,
	 .article h2.blue-01
	{
		font-size: 24px;
		height: 45px;
	}
	
	.article h3.subtitle-03,
	.article h3.subtitle-04{
		font-size: 20px;
	}
	
	.contents-box{
		padding: 15px;
	}
	
	.syanpan-img,.syanpan-card{
		width: 45%;
	}
	
	
.page-id-1227 .article h2.temp-01{
		font-size: 30px;
	}

	.page-id-1227 .article h2.temp-02{
		font-size: 28px;
	}
	
	.muryou-img{
		width: 100%;
	}
	
	.flex-03,.flex-01{
		justify-content: center;
	}
	
	.siharai-text,.siharai-text-2{
	font-size: 18px;
}
	
	.page-id-1172 .subtitle-new-1{
		font-size: 50px;
	}
	
	.img-okotowari{
		width: 100%;
	}
	
	.menu-l,.none-link{
		width: 85%;
	}
	
	.menu-0{
		width: 65%;
	}
	
}

/*550px以下*/
@media screen and (max-width: 550px){
	.instagram-1{
		width: 160px;
		margin-top: 3em;
	}
	
	.image-text-goods{
		width: 45%;
	}
	
	.page-id-1227 .article h2.temp-01{
		font-size: 28px;
	}
	
	.page-id-1227 .article h2.temp-02{
		font-size: 24px;
	}
	
	.tap-01{
		font-size: 14px;
	}
	
	.w-90-1.tap-01.wp-block-image.size-large{
		width: 100%;
	}
	
	.attention-01{
		padding: 0.8em;
	}
	
	.siharai-text,.siharai-text-2{
	font-size: 15px;
}
	
	.page-id-1172 .subtitle-new-1{
		font-size: 40px;
	}
	
	.ribbon-img{
		width: 45%;
	}
	
	.flex-goods{
		justify-content: center;
	}
	
	 .pricce-card {
    width: 49%;
  }
	
	.pricce-card.op-01{
		width: 49%;
	}
	
	.siharai-tex-em span{
		font-size: 1.2em;
	}
	
	 .article h2.pink-01,
	 .article h2.blue-01
	{
		font-size: 24px;
		height: 45px;
	}
	
	.article h3.subtitle-03, .article h3.subtitle-04{
		font-size: 18px;
	}
	
	.price-flow.flex-01.wrap-01.pc-1{
		display: none;
	}
	
	
	.price-flow.flex-01.wrap-01.sp-1{
		display: flex;
		justify-content: space-between;
		margin: 1em 0;
	}
	
	.price-card {
        width: 31%;
    }
	
	
	
	.tate-1{
		display: block;
		margin: 0 auto;
        text-align: center;
        transform: rotate(90deg);
	}
	
	.price-card-2{
		width: 50%;
        display: block;
        margin: 0 auto;
		margin-bottom: 1em;
	}
	
	.list-1 {
  font-size: 15px;
}
	
	/*530px以下*/
	@media screen and (max-width: 530px){
			.text-design.pc-001{
		display: none;
	}
	
	.text-design.sp-001{
		display: block;
	}
	
	}
	
	
	
}


/*480px以下*/
@media screen and (max-width: 480px){
	.page-id-1175 h1.entry-title,
	.page-id-135 h1.entry-title,
	.page-id-1172 h1.entry-title,
	.page-id-1227 h1.entry-title,
	.page-id-1175 h1.entry-title,
	.page-id-1169 h1.entry-title{
		font-size: 35px;
		padding: 10px;
	}
	
	.page-id-30 h1.entry-title{
		font-size: 29px;
	}
	
	
/* 	.syanpan-img,.syanpan-card{
		width: 90%;
	} */
	
	.t-center-01.muryou{
		margin-top: 0;
	}
	
	.article h3.subtitle-03, .article h3.subtitle-04{
		font-size: 14px;
	}
	
	.siharai-text span{
		font-size: 1.2em;
	}
	
	.siharai-text-2 span{
		font-size: 1.2em;
	}
	
	
	.menu-l,.none-link{
		width: 95%;
	}
	
	.menu-0{
		width: 100%;
	}
	
	.page-id-1172 .subtitle-new-1{
		font-size: 32px;
	}
	
	#top-image {
    margin: 0 calc(50% - 50vw);
    margin-top: 0px;
    width: calc(100vw - 0px);
    max-width: none;
    margin-top: 100px;
}
	
	.temp-botton,.flow-botton{
		width: 100%;
	}
	
	.article h2.pink-01,
	 .article h2.blue-01
	{
		font-size: 22px;
		height: 45px;
	}
	
	 .price-card {
    width: 30%;
  }
	.list-1 {
  font-size: 14px;
}
	
	.article h3.design-title{
		font-size: 20px;
	}
	
	.text-design{
		font-size: 16px;
	}
	
	.text-design-2{
		font-size: 15px;
	}
	.attention-text.m-top {
  font-size: 16px;
}
	
	  .tap-01 {
    font-size: 12px;
    margin-top: 1em;
  }
	
	#original-1 {
  width: 100%;
}
	
.warning {
  text-align: left;
}
	
}

/*430px以下*/
@media screen and (max-width: 430px){
	.article h2.pink-01.small-1{
		font-size: 19px;
	}



/*375px以下*/
@media screen and (max-width: 375px){
	
	.article h2.pink-01.small-1{
		font-size: 17px;
	}
	
}



/*550px以下*/
@media screen and (max-width: 550px){
	.line-pri{
		width: 60%;
	}
	
	
	.page-id-1172 .subtitle-new-1{
		text-shadow: 0 0 5px #5fa8d3, 0 0 10px #5fa8d3, 0 0 20px #5fa8d3, 0 0 30px;
	}
	
	
	.page-id-1227 h1.entry-title, .page-id-1175 h1.entry-title, .page-id-1227 .article h2.temp-01,.page-id-2161 h1.entry-title,
.page-id-2168 h1.entry-title,
.page-id-2172 h1.entry-title{
		text-shadow: 0 0 5px #5fa8d3, 0 0 10px #5fa8d3, 0 0 20px #5fa8d3, 0 0 30px;
	}
	
	.page-id-1169 h1.entry-title, .page-id-135 h1.entry-title{
		text-shadow: 0 0 5px #fd88b4, 0 0 10px #ffadcc, 0 0 20px #fd9dc1;
	}
	
	.page-id-30 h1.entry-title{
		text-shadow: 0 0 5px #fd88b4, 0 0 10px #ffadcc, 0 0 20px #fd9dc1;
		
	}
	
}
/************************************
header
************************************/

/* #header-container-in{
	height: 100px;
}

#header-container{
	height: 100px;
}

#header{
	display: flex;
}

#header-container-in .logo-header{
	max-height: none;
}


#header-container-in .site-logo-image{
	max-height: none;
	width: 100px;
}

.navi .item-label{
	font-size: 16px;
} */




/*.header-1{
	height: 10px;
	margin-top: 15px;
}

.logo-catch-1 .header-lead{
	font-size: 9px;
	font-weight: bold;
	color: #508CC6;
	margin-bottom: 0;
}

.logo-catch-1{
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: left;
	padding-left: 40px;
}

.header-logo{
	width: 100px;
	z-index: 3;
}

.header{
	height: 120px;
}

.navi .item-label{
	font-size: 13px;
}

.catch-key-2{
	font-size: 14px;
}

#navi{
	height: 66px;
}
#header-in{
	display: none;
}

.menu-header #menu-item-668{
	background-color: #508CC6;
	border-radius: 10px;
}

.menu-header #menu-item-668 .item-label{
	color: white;
}

.menu-header #menu-item-668 .fa-angle-down{
	color: white;
}

#menu-item-668:hover{
	opacity: 0.8;
}
*/
/************************************
main
************************************/

/*  h1.entry-title{
 display:none;
}

#main{
	padding-top: 0;
}

#main.main:has(#section-top-1) {
		padding-top: 0;
	}


.contents-1{
	width: 950px;
	padding: 1em;
	margin: 0 auto;
}

.contents-2{
	width: 1200px;
	padding: 1em;
	margin: 0 auto;
}

.flex-1{
	display: flex;
}


.text-1{
	font-size: 20px;
	text-align: justify;
}

.text-2{
	font-size: 18px;
}

.t-center-1{
	text-align: center;
}

.margin-l-1{
	margin-left: 1em;
}

.button-pink{
	background-color: #FA6A90;
	padding: 5px 0;
	color: white;
}

.button-blue{
	background-color: #508CC6;
	padding: 5px 0;
	color: white;
}

.border-blue-1{
	border: dashed 3px #508CC6;
	border-radius: 10px;
	padding-top: 1em;
}

.border-pink-1{
	border: dashed 3px #FA6A90;
	border-radius: 10px;
	padding-top: 1em;
}
 */
/*******トップページ********/
/* .page-id-281 h1.entry-title{
 display:none;
}
 */
/***キャッチコピー***/
/* 
.subtitle-catch-1{
	font-size: 32px;
	margin-bottom: 1em;
	text-align: center;
	color: #508CC6;
}

#section-top-1 .catch-key-1{
	font-size: 44px;
	font-weight: bold;
	text-align: center;
	color: #508CC6;
}


#section-top-1{
	background-color: white;
	border-radius: 30px;
	background-repeat: no-repeat;
	margin-bottom: 4em;
}

.image-catch-1{
	width: 35%;
}

#section-top-1 .text-box-1{
	display: flex;
	align-items: center;
	width: 55%;
}

#section-top-1 .text-1{
	margin-bottom: 0;
}
 */

/***商品ラインナップ***/

/*  .article h2.ribbon-1 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;		
}

.article h2.ribbon-1 {
  --s: 1.8em; 
  --d: .8em;  
  --c: .8em; 
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #FA6A90; 
	text-align: center;
} 

 */


/* 
#section-top-2 .contents-2{
	max-width: 1200px;
	width: auto;
}

#section-top-2 .subtitle-1{
	background-color: #FA6A90;
	border: solid 1px #FA6A90;
	padding: 15px 0;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

#section-top-3 .subtitle-1{
	background-color: #FA6A90;
	border: solid 1px #FA6A90;
	padding: 15px 0;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

#section-top-4 .subtitle-1{
	background-color: #FA6A90;
	border: solid 1px #FA6A90;
	padding: 15px 0;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

#section-top-5 .subtitle-1{
	background-color: #FA6A90;
	border: solid 1px #FA6A90;
	padding: 15px 0;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

#section-top-2{
	background-image: url(https://pula-labo.com/wp-content/uploads/2024/11/1073613-scaled.jpg);
	padding: 4em 0 3em 0;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	
}

#section-top-2 .subtitle-1{
	margin-top: 1em;
}

.image-box-1{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 3em;
	margin-bottom: 2em;
}

.image-top-2{
	width: 22%;
	margin: 1em;
	border-radius: 10px;
}



.btn-area-1{
	display: flex;
	justify-content: center;
}

.button-base-1 {
	padding: 30px 10px; 
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 40%;
    text-align: center;
    margin-bottom: 1em;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
    cursor: pointer;
    position: relative; 
    min-height: 50px;
	margin: 2em;
	height: 65px;
}

.button-base-1 span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.button-base-1 .fa-chevron-circle-right{
    display: flex;
    align-items: center;
    position: absolute;
    right: 10px;
	font-size: 100%;
}

.button-base-1:hover {
    opacity: 0.7;
    color: white; 
}
 */

/***リンクボタン1＋3連***/

/* .btn-area-2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.btn-area-2 .button-pink{
	width: 40%;
} */

/* #section-top-3 {
	background-color: white;
	border-radius: 30px;
	background-size: cover;
	padding-top: 1em;
}

#section-top-3 .contents-1{
	
}
 */

/***SNSエリア***/
/***お問い合わせ***/
/* .link-1{
	font-size: 15px;
	text-align: center;
}

.link-text1{
	font-size: 18px;
	font-weight: bold;
	color: #FFB2F2;
	text-decoration: none;
}

.button-contact,.button-line{
	width: 35%;
}

.border-line-1{
	border: dashed 3px #00B900;
	padding: 1em;
}

#section-top-5 .margin-b-2{
	margin-bottom: 3em;
}

.contact-link:hover{
	opacity: 0.7;
} */

/*******商品ラインナップ*******/

/* .page-id-18 h1.entry-title{
	display: none;
    background-color: #FA6A90;
	border: solid 1px #FA6A90;
	padding: 15px 0;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.lineup-all{
	background-image: url(https://pula-labo.com/wp-content/uploads/2024/11/22779064.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}



.lineup-ori-1{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.image-text-lineup-1{
	width: 40%;
	margin: 1em;
}

.text-lineup-1{
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.lineup-title-1{
	font-weight: bold;
}

.lineup-led-1{
	display: flex;
	margin-top: 2em;
	
}

.text-lineup-2{
	text-align: justify;
	display: flex;
	align-items: center;
	width: 55%;
	color: white;
}

.image-led-1{
	width: 55%;
}
 */
/*#section-lineup-1{
	background-image: url(https://pula-labo.com/wp-content/uploads/2024/11/22779064.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}*/

/* #section-lineup-2{
	background-image: url(https://pula-labo.com/wp-content/uploads/2024/11/22779064.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background: linear-gradient(to right, #1D262E, #508CC6);
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

#section-lineup-3{
	background-image: url(https://pula-labo.com/wp-content/uploads/2024/11/22779064.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}


#section-lineup-2 .ribbon-1{
	margin-top: 1em;
}

#section-lineup-4 .btn-area-2{
	justify-content: center;
}


.ribbon-2{
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.ribbon-2 { 
  --s: 1.8em; 
  --d: .8em;  
  --c: .8em;  
  
  padding: var(--d) var(--c) 0 calc(var(--s) + .5em);
  line-height: 1.8;
  background: conic-gradient(from  45deg at left  var(--s) top var(--d),#0008 12.5%,#0000 0 37.5%,#0004 0);
  clip-path: polygon(calc(100% - var(--c)) var(--d),calc(var(--s) + var(--d)) var(--d),calc(var(--s) + var(--d)) 0,0 0, var(--c) calc(50% - var(--d)/2),0 calc(100% - var(--d)),var(--s) calc(100% - var(--d)),var(--s) 100%, calc(100% - var(--c)) 100%, 100% calc(50% + var(--d)/2));
  background-color: #FA6A90; 
}

.image-text-1{
	color: #666666;
}

.c-gray{
	font-weight: bold;
	color: #666666;
}


.h-180{
	height: 190px;
}
 */

/***グッズ一覧***/
/* .page-id-18 h3{
	border-left: solid 10px #FA6A90;
	border-right: solid 1px #FA6A90;
	border-top: solid 1px #FA6A90;
	border-bottom: solid 1px #FA6A90;
	color: #FA6A90;
	font-size: 25px;
	font-weight: bold;
	margin-top: 1em;
}

.page-id-18 h4{
	border-color: #FA6A90;
	color: #666666;
}

.flex-goods{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.image-text-goods{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 30%;
}

.image-text-goods-2{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 40%;
	text-align: center;
}

.image-text-goods p{
	font-weight: bold;
}

.e-1{
	font-weight: bold;
}
 */
/***ご注文の流れ***/

/* .flow-all-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
}

.image-text-1{
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1.5em;
}

.text-flow-box-1{
	text-align: center;
}

.emphasis-2{
	font-weight: bold;
	text-decoration: underline 2px #00B900;
}

.color-pink-1{
	color: #FA6A90;
}

.border-box-1{
	border: solid 3px #FA6A90;
	padding: 13px;
	text-align: center;
}

.text-flow-box-1 a{
	display: block;
	text-align: center;
}

.emphasis-3{
	font-size: 18px;
	font-weight: bold;
	color: red;
}

.size-15{
	font-size: 15px;
}

.bold-1{
	font-weight: bold;
} */
/*******テンプレート一覧*******/

/* .page-id-139 h1.entry-title {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
 display: flex;
 justify-content: center;
	align-items: center;
	height: 100px;
	max-width: 950px;
  margin: 0 auto;
}
.page-id-139 h1.entry-title {
  --s: 1.8em; 
  --d: .8em;  
  --c: .8em;  
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #FA6A90; /* the main color */
}


/* .article h2.subtitle-temp-1{
	font-size: 28px;
	font-weight: bold;
	background-color: white;
	border-left: solid 10px #FA6A90;
	border-top: solid 1px #FA6A90;
	border-bottom: solid 1px #FA6A90;
	border-right: solid 1px #FA6A90;
	padding-left: 0.5em;
}

#section-template-all{
	background-color: white;
}

#section-template-all .subtitle-1{
	margin-bottom: 1em;
} */
/*******料金一覧*******/

/* .page-id-20 h1.entry-title {
	display: none;
}
 */
/*.page-id-20 h1.entry-title{
    background-color: #FA6A90;
	border: solid 1px #FA6A90;
	padding: 15px 0;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
*/



/* #section-price-sp-1 .scrollable-table{
	margin-top: -20px;
}


.table-price-ori-1 .price-th-1{
	font-size: 17px;
	font-weight: bold;
	background-color: #508CC6;
	color: white;
}

.table-price-ori-1 .price-td-1{
	background-color: white;
	text-align: center;
}

.table-price-goods-1 .price-th-1{
	font-size: 17px;
	font-weight: bold;
	background-color: #508CC6;
	color: white;
}

.table-price-goods-1 .price-td-1{
	background-color: white;
	text-align: center;
}
 */
/* .table-price-delivery-1 .price-td-1{
	background-color: white;
	text-align: center;
}

.table-price-delivery-1 .price-th-1{
	font-size: 17px;
	font-weight: bold;
	background-color: #508CC6;
	color: white;
} */

/* .key-1{
	display: inline-block;
	font-size: 18px;
	text-decoration: underline solid 3px #FA6A90;
}

.key-point-1{
	font-size: 28px;
	font-weight: bold;
}

.key-point-2{
	font-size: 28px;
	font-weight: bold;
}

#section-price-1 .contents-1 .subtitle-1{
	margin-bottom: 0.5em;
}

.margin-b-1{
	margin-bottom: 2em;
}

.t-center-1 .key-1{
	margin-bottom: 0;
}

.t-account-1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.subtitle-account-1{
	font-size: 22px;
	font-weight: bold;
}

.t-account-2{
	width: 100%;
	padding: 1em;
    text-align: center;
	font-size: 20px;
}

.t-red-1{
	text-decoration: underline 3px #FA6A90;
}

#section-price-sp-1{
	display: none;
}

.t-center-2{
	text-align: center;
	font-size: 20px;
}
 */
/*******よくあるご質問*******/

/*.page-id-135 h1.entry-title{
    background-color: #FA6A90;
	border: solid 1px #FA6A90;
	padding: 15px 0;
	border-radius: 10px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
*/

/* .page-id-135 h1.entry-title {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
 display: flex;
 justify-content: center;
	align-items: center;
	height: 100px;
	max-width: 950px;
  margin: 0 auto;
}
.page-id-135 h1.entry-title {
  --s: 1.8em;
  --d: .8em;  
  --c: .8em; 
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #FA6A90; 
}



 */

#section-faq-2 .contents-1 .border-contact-1{
	padding-bottom: 1em;
	margin-top: 1em;
}

#section-faq-2 .contents-1 .border-line-1{
	padding-bottom: 1em;
	padding-top: 1em;
}

.emphasis-1{
	color: red;
	font-weight: bold;
	font-size: 1.2em;
}

/*******会社案内*******/

/*.page-id-28 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
 display: flex;
 justify-content: center;
	align-items: center;
	height: 100px;
}
.page-id-28 {
  --s: 1.8em; 
  --d: .8em;  
  --c: .8em;  
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #FA6A90; 
}

*/


.page-id-28 h1.entry-title {
	display: none;
}
/*
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
	height: 100px;
}
.page-id-28 h1.entry-title {
  --r: .8em;  
  padding-inline: calc(var(--r) + .3em);
  line-height: 1.8;
  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
  background: #FA6A90; /
}
*/

/* #section-company-2 iframe{
	margin-top: 30px;
}

#section-company-1 .scrollable-table{
	margin-top: 30px;
}






.table-company-1 .company-th-1{
	font-size: 17px;
	background-color: white;
	border: none;
	border-bottom: dotted 2px #508CC6 !important;
	text-align: left;
}

.table-company-1 .company-td-1{
	font-size: 17px;
    background-color: white;
	padding-left: 1.5em;
	border: none;
	border-bottom: dotted 2px #508CC6 !important;
}
 */
/*******お問い合わせ*******/

/* .page-id-137 h1.entry-title {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
 display: flex;
 justify-content: center;
	align-items: center;
	height: 100px;
	max-width: 950px;
  margin: 0 auto;
}
.page-id-137 h1.entry-title {
  --s: 1.8em; 
  --d: .8em;  
  --c: .8em;  
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #FA6A90; /* the main color */
}



/* .text-line-1{
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	text-decoration: underline solid 3px #00B900;
}

.btn-area-line{
	display: none;
} 



.link-1{
	font-size: 18px;
	font-weight: bold;
	color: black;
	text-decoration: none;

}


.link-1:active{
	position: relative;
	top: 3px;
}


.required{
	background-color: red;
	color: white;
	padding: 5px;
	font-size: 0.9em;
}

.any-1{
	background-color: #f5f5f5;
	padding: 5px;
	font-size: 0.9em;
}
 */
/*******プライバシーポリシー*******/

/* .page-id-30 h1.entry-title {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
 display: flex;
 justify-content: center;
	align-items: center;
	height: 100px;
	max-width: 950px;
  margin: 0 auto;
}
.page-id-30 h1.entry-title {
  --s: 1.8em;
  --d: .8em; 
  --c: .8em; 
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #FA6A90; 
}

.t-bold{
	font-weight: bold;
	font-size: 19px;
}



 */
/***********************************/



/***********************************/



/************************************
footer
************************************/





















/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1024px以下*/
@media screen and (max-width: 1024px){
	
}	



/*1023px以下*/
@media screen and (max-width: 1023px){
/* 	.btn-area-line {
		display: flex;
		justify-content: center;
		width: 100%;
		z-index: 1999;
}

	.button-line-1 {
		background-color: #00B900;
		color: white;
		width: 65%; 
		padding: 15px 20px; 
		text-align: center;
		border-radius: 10px; 
		text-decoration: none;  
		font-weight: bold;
		position: fixed;
		bottom: 0px;
		font-size: 18px;
}
	 
	#header-container{
		height: 20px;
	}
	
	
	#main.main:has(#section-top-1) {
		padding-top: 0;
	}
	
	#section-top-1 .contents-1{
		padding-top: 0;
	}
	 */
/*	.logo-catch-1{
		align-items: center;
		padding-left: 0 !important;
		flex-direction: row-reverse;
		justify-content: center;
	}
	*/
	
/* 	.mobile-header-menu-buttons{
		height: 60px;
		background-color: ;
	}

	#footer{
		display: none;
	}
}
 */
/*960px以下*/
@media screen and (max-width: 960px){
/* 	.contents-1{
		max-width: 950px;
		width: 100%;
	} */
}



/*834px以下*/
@media screen and (max-width: 834px){
	.card-flex{
		flex-direction: column
	}
	
	.siharai .genkin-a{
		margin-top: 2em;
		font-size: 15px;
		text-align: center;
	}
	
	.siharai .gennkin-box,
	.siharai .hurikomi-box{
		width: 75%;
        margin-right: 0;
		margin: 0 auto;
	}
	
	.siharai .card-box{
		margin: 0 auto;
        width: 75%;
        margin-top: 4em;
	}
	
	.siharai .genkin-a.center-1 {
  margin-top: 2em;
  font-size: 15px;
  text-align: center;
}
	.credit-card{
		margin-top: 2em;
	}
	
	.credit-card-2{
		width: 60%;
	}
	
	
}


/*790px以下*/
@media screen and (max-width: 790px){
/*    .button-base-1{
		width: 65%;
	}
	
	.image-top-2{
		width: 34%;
	}
	
	.border-box-1,.emphasis-3{
		font-size: 16px;
	}
	
	.size-15{
		font-size: 13px;
	}
	
	.t-center-1,.c-gray{
		font-size: 16px;
		text-align: left;
	} */
	
		.credit-card-2{
		width: 75%;
	}
	
	
	
}

/*770px以下*/
@media screen and (max-width: 770px){
/* 	.contents-1,.contents-catch-1{
		width: 100%;
	}
	
	.contents-catch-1 .flex-1{
		flex-direction: column;
		align-items: center;
	}
	
	.contents-catch-1 .text-1{
		margin-top: 2em;
	}
	
	.ribbon-1{
		font-size: 40px;
	}
	
	.article h2{
		font-size: 25px;
	}
	
	#section-top-1 .text-box-1{
		width: 100%;
	}
	
	#section-top-1 .text-1{
		font-size: 17px;
	}
	
	.image-catch-1{
		width: 50%;
	}
	 */
	
	
	
}

/*700px以下*/
@media screen and (max-width: 700px){
/* 	.image-text-goods{
		width: 40%;
	}
	
	.image-text-1{
		width: 50%;
	}
	.h-180{
		height: auto;
	}
	
	.border-box-1{
		margin: 0 calc(50% - 42.5vw);
		margin-bottom: 0px;
		width: 85vw;
		text-align: left;
	} */
	
	.siharai .gennkin-box,
	.siharai .hurikomi-box,
	.siharai .card-box{
		width: 100%;
	}
	
	.credit-card{
		object-fit: contain;
	}
	
		.credit-card-2{
		width: 80%;
	}
	
	
}


/*680px以下*/
@media screen and (max-width: 680px){
/* 	.lineup-led-1{
		flex-direction: column;
		align-items: center;
	}
	
	.text-lineup-2{
		font-size: 15px;
		width: 100%;
		margin-left: 0;
		margin-top: 1em;
	}
	
	.image-led-1{
		width: 100%;
	}
	
	#section-lineup-2 .contents-1{
		margin-bottom: 1em;
	} */
	
}


/*550px以下*/
@media screen and (max-width: 550px){
/* 	.button-pink{
		font-size: 15px;
	}
	.btn-area-2{
		display: flex;
		align-items: center;
		flex-wrap: none;
		flex-direction: column;
	}
	
    .btn-area-2 .button-pink{
		width: 70%;
	}

	.button-pink{
		width: 70%;
	}	
	
	 .table-price-ori-sp-1 .price-th-sp-1{
	    font-size: 15px;
	    font-weight: bold;
        background-color: #508CC6;
	    color: white;
    }

	.table-price-ori-sp-1{
	    display: table;
		color: graytext;
		width: 100%;
	}
	
	
    .table-price-ori-sp-1 .price-td-sp-1{
	    background-color: white;
	    text-align: center;
    }
	
	.table-price-ori-sp-1 .blue-1{
	    font-weight: bold;
	}
	
	#section-price-3 .scrollable-table{
		margin-top: -20px;
	}
	
	.key-point-1,.key-point-2{
		font-size: 22px;
	}
	
	.key-1{
		font-size: 15px;
	}
	
	.t-account-1,.t-center-2,.text-1{
		font-size: 16px;
	}
	
	.subtitle-account-1,.t-account-2{
		font-size: 17px;
	}
	
	
	.subtitle-1{
		font-size: 25px;
	}
	
	.subtitle-temp-1{
		font-size: 24px;
	}
	
	#section-price-1{
		display: none;
	}
	
	#section-price-sp-1{
		display: table;
		width: 100%;
	}
	
	.price-o-1 .scrollable-table{
		overflow: none;
	}
	
	#section-price-sp-1 .text-1{
		font-size: 13px;
	}
	
	#section-price-2 .text-1{
		font-size: 13px;
	}
	
	#section-price-3 .text-1{
		font-size: 13px;
	}
	
	
	.ribbon-1{
		font-size: 45px;
	}
	
	#section-top-1 .catch-key-1{
		font-size: 36px;
	}
	
	.subtitle-catch-1{
		font-size: 25px;
	}
	
	#section-top-1 .text-1{
		font-size: 14px;
	}
	
	.article h2.ribbon-1{
		
	  font-size: 22px;
	  font-weight: bold;
	  color: #fff;
	  --r: .8em;
	  padding-inline: calc(var(--r) + .3em);
	  line-height: 1.8;
	  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
	  background: #FA6A90; 
	  height: 65px;
      padding-top: 0.8em;
	  margin: 1em calc(50% - 50vw);
      width: 100vw;
}
	
	.page-id-30 h1.entry-title{
	  font-size: 22px;
	  font-weight: bold;
	  color: #fff;
	  --r: .8em;
	  padding-inline: calc(var(--r) + .3em);
	  line-height: 1.8;
	  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
	  background: #FA6A90; 
	  height: 65px;
      padding-top: 0.8em;
	}
	.page-id-139 h1.entry-title{
		 font-size: 22px;
	  font-weight: bold;
	  color: #fff;
	  --r: .8em;
	  padding-inline: calc(var(--r) + .3em);
	  line-height: 1.8;
	  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
	  background: #FA6A90; 
	  height: 65px;
      padding-top: 0.8em;
	}
	.page-id-135 h1.entry-title{
		 font-size: 22px;
	  font-weight: bold;
	  color: #fff;
	  --r: .8em;
	  padding-inline: calc(var(--r) + .3em);
	  line-height: 1.8;
	  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
	  background: #FA6A90; 
	  height: 65px;
      padding-top: 0.8em;
	}
	.page-id-137 h1.entry-title{
		 font-size: 22px;
	  font-weight: bold;
	  color: #fff;
	  --r: .8em;
	  padding-inline: calc(var(--r) + .3em);
	  line-height: 1.8;
	  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
	  background: #FA6A90; 
	  height: 65px;
      padding-top: 0.8em;
	}
	
	.page-id-18 h3{
		border-right: solid 10px #FA6A90;
		font-size: 22px;
		text-align: center;
	}
	
	.page-id-18 h4{
		font-size: 18px;
		text-align: center;
	}
	
	#section-lineup-3 .text-goods-1{
		text-align: center;
		font-weight: bold;
		margin-bottom: 0;
	}
	
	#section-lineup-3 .t-center-1{
		font-weight: bold;
		margin-bottom: 0;
	}
	
	.image-text-goods p{
		font-size: 15px;
	}
	
	.image-text-goods-2{
		font-size: 15px; */
	}
	
	.credit-card-2{
		width: 90%;
	}

}	

/*480px以下*/
@media screen and (max-width: 480px){
/* 	.image-top-2{
		width: 70%;
	}
	
	.button-line-1{
		font-size: 15px;
		height: 60px;
	}
	
	.text-lineup-1{
		font-size: 13px;
	}
	
	.image-text-lineup-1{
		width: 38%;
	}
	
	.image-text-goods p{
		font-size: 13px;
	} */
	
	.credit-card-2{
		width: 100%;
	}
	
	.list-a ul{
		font-size: 15px;
	}
}

.test-demo{
	display: block;
	margin: 0 auto;
	width: 800px;
}

.page-id-2168 .text-design-2 {
  text-align: center;
}

.f-0 {
  font-size: 1.7em;
	margin-right: 10px;
}

.article h2.inst-title{
	margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    height: auto;
}



/*ヘッダーメニュー追従追記*/
.fixed-header .navi-in > ul li:hover > ul {
display: block;
}

/* インスタ埋め込み */
.inst-flex {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 5em;
}

#top-menu {
  width: 60%;
}

.inst-wrap {
  width: 39%;
  padding: 30px;
  background-color: white;
}
.sbi_header_img{
	border: solid #333333;
}

.inst-wrap #sb_instagram .sb_instagram_header h3, .sb_instagram_header h3{
	border: none;
	color: #333333;
}

.subtitle-new-1.inst-01 {
  margin-top: 0;
  color: #333333;
  text-shadow: none;
  font-size: 35px;
  font-style: italic;
  margin-bottom: 0;
}

@media screen and (max-width: 1023px){
	.inst-flex{
		flex-direction: column;
	}
	
	#top-menu{
		width: 100%;
	}
	
	.inst-wrap{
		width: 100%;
        margin-top: 3em;
	}
	
}

@media screen and (max-width: 479px){
	#sb_instagram .sb_instagram_header .sbi_header_img, .sb_instagram_header .sbi_header_img{
		width: 70px;
		height: 70px;
	}
	
	#sb_instagram img{
		width: 100%;
	}
	
	.logo-menu-button img {
  max-height: 100px;
	}
	
	.sp {
		display:block;
	}
	
	.pc {
		display:none;
	}
	
}



.article h2.subtitle-new-1.mt-0free{
	align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 0;
    padding-top: 0;
}


#news-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
}

.news-popup-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 420px; /* 縦長画像向け */
}

.news-popup-inner img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.news-popup-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  border: none;
  font-size: 20px;
  cursor: pointer;
}