@charset "utf-8";

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

 general

***********************************/
html {
	font-size: 14.4928px;
	/*font-size: 10px;*/
}

@media screen and (max-width:1086px){
	html {
		font-size: 1.335vw;
	}
}

@media screen and (max-width:767px){
	html {
		font-size: 1.33333333vw;
	}
}

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

 parts

***********************************/
.define_inner {
	width: 1000px;
}

@media screen and (max-width:1499px){

	.define_wrap {
		padding-left: 4.4%;
		padding-right: 4.4%;
	}
}


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

 c-anchor

***********************************/
.c-anchor {
	display: block;
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:767px){
	.c-anchor {
	}
}

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

 .l-wrap

***********************************/
.l-wrap {
	background: #fff;
}

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

 l-header

***********************************/
.l-header {

}

.l-header__inner {
	/*height: 163px;*/
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:767px){

}

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

 p-footer

***********************************/
.p-footer {
}

.p-footer__inner {
	padding: 6.5rem 0 0;
}

.p-footer__inner-logo {
	width: 25rem;
	margin: 0 auto;
}

.p-footer__inner-logo a,
.p-footer__inner-logo img {
	display: block;
}

.p-footer__inner-copy {
	margin-top: 2.5rem;
	font-size: 1.5rem;
	text-align: center;
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:767px){

}


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

 p-hero

***********************************/
.p-hero {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5dbecc+5,e1cba8+50,ef9439+95 */
	background: linear-gradient(to bottom,  rgba(93,190,204,1) 5%,rgba(225,203,168,1) 50%,rgba(239,148,57,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.p-hero__inner {
}

.p-hero__inner-main {
	width: 75rem;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width:767px){

}


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

 p-about

***********************************/
.p-about {
}

.p-about__inner {
	padding: 7rem 0 4.5rem;
}

.p-about__inner-date {
	font-size: 3.4rem;
	font-weight: 500;
	line-height: 1.5;
}

.p-about__inner-date span {
	display: block;
	width: 60rem;
	margin: 0 auto;
	text-align: center;
	border-top: .2rem solid #000;
	border-bottom: .2rem solid #000;
}

.p-about__inner-txt01 {
	/*margin-top: 3rem;*/
	font-size: 2.8rem;
	text-align: center;
	line-height: 1.71428571;
}

.p-about__inner-balloon {
	padding-bottom: 4rem;
	margin-top: 4rem;
	text-align: center;
}

.p-about__inner-balloon-inner {
	display: inline-block;
	padding: 3rem 6.5rem;
	text-align: center;
	background: #ffeb00;
	border-radius: 3rem;
	position: relative;
	z-index: 1;
}

.p-about__inner-balloon-inner:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 1.9rem solid transparent;
	border-left: 1.9rem solid transparent;
	border-top: 4rem solid #ffeb00;
	border-bottom: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.p-about__inner-balloon-inner .ttl {
	font-size: 2.8rem;
	text-align: center;
}

.p-about__inner-balloon-inner .txt01 {
	display: inline-block;
	/*padding-top: .5rem;*/
	/*margin-top: .5rem;*/
	font-size: 4.08rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	/*border-top: .1rem solid #000;*/
}

.p-about__inner-balloon-inner .txt01 .large01 {
	font-size: 6.24rem;
}

.p-about__inner-balloon-inner .txt01 .large02 {
	font-size: 5.52rem;
}

@media screen and (max-width:767px){

}


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

 p-product

***********************************/
.p-product {
}

.p-product__head {
	background: #fff;
}

.p-product__head ul {
	display: flex;
	justify-content: center;
}

.p-product__head ul li {
	width: 22rem;
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.16666667;
}

.p-product__head ul li:nth-child(3) {
	font-size: 3rem;
}

.p-product__head ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 8.6rem;
	color: #fa6427;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border-top: .3rem solid #fa6427;
	border-left: .3rem solid #fa6427;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.p-product__head ul li a:hover {
	opacity: .7;
}

.p-product__head ul li:last-child a {
	border-right: .3rem solid #fa6427;
}

.p-product__head ul li a.is-active {
	color: #fff;
	background: #fa6427;
}

.p-product__head ul li a.is-active:hover {
	opacity: 1;
}

.p-product__body {

}

/*.p-product__body-box {*/
/*	display: none;*/
/*}*/

/*.p-product__body-box:first-child {*/
/*	display: block;*/
/*}*/

.p-product__body-box-inner {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5dbecc+5,e1cba8+50,ef9439+95 */
	background: linear-gradient(to bottom,  rgba(93,190,204,1) 5%,rgba(225,203,168,1) 50%,rgba(239,148,57,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.p-product__body-box:nth-child(1) .p-product__body-box-inner {
	padding: 7rem 0 4rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#50b7c2+0,81c7ce+25,a5d5d6+75,cde4d7+100 */
	background: linear-gradient(to bottom,  rgba(80,183,194,1) 0%,rgba(129,199,206,1) 25%,rgba(165,213,214,1) 75%,rgba(205,228,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.p-product__body-box:nth-child(2) .p-product__body-box-inner {
	padding: 4rem 0 4rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ed0b3+0,d0e6ce+100 */
	background: linear-gradient(to bottom,  rgba(142,208,179,1) 0%,rgba(208,230,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.p-product__body-box:nth-child(3) .p-product__body-box-inner {
	padding: 4rem 0 4rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff4c9+0,ef8e32+100 */
	background: linear-gradient(to bottom,  rgba(255,244,201,1) 0%,rgba(239,142,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.p-product__body-box-inner-ttl {
	width: 43.3rem;
	padding: 1rem 0;
	margin: 0 auto;
	color: #fa6427;
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	background: #fff;
	border-radius: 2rem 2rem 0 0;
}

.p-product__body-box-inner-content {
	width: 66.2rem;
	padding: 7.5rem 0 9rem;
	margin: 0 auto;
	background: #fff;
	border-radius: 2rem;
}

.p-product__body-box-bnr-area {
	padding-top: 5rem;
}

.p-product__body-box-bnr-area .bnr {
	width: 66.2rem;
	margin: 0 auto;
}

@media screen and (max-width:767px){

	.p-product__body-box-bnr-area {
		padding: 0;
	}

	.p-product__body-box-bnr-area .bnr {
		width: auto;
	}

}


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

 p-product-list

***********************************/
.p-product-wrap {
	margin-top: 12rem;
}

.p-product-wrap:first-child {
	margin-top: 0;
}

.p-product-list {

}

.p-product-list__logo {
	margin: 0 auto;
	text-align: center;
}

.p-product-list__logo.gu {
	width: 11rem;
}

.p-product-list__logo.greenparks {
	width: 26.25rem;
}

.p-product-list__logo.bayflow {
	width: 38.2rem;
}

.p-product-list__logo.earth {
	width: 31.2rem;
}

.p-product-list__logo.americanholic {
	width: 38.1rem;
}

.p-product-list__logo.nikoand {
	width: 38rem;
}

.p-product-list__logo.studioclip {
	width: 25.6rem;
}

.p-product-list__logo.discoat {
	width: 38.2rem;
}

.p-product-list__logo.tutuanna {
	width: 38.3rem;
}

.p-product-list__logo.tabio {
	width: 23rem;
}

.p-product-list__archive {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 3rem 0;
	width: 57rem;
	margin: 5rem auto 0;
}

.p-product-list__archive-item {
	width: 27rem;
	position: relative;
	z-index: 1;
}

.p-product-list__archive-item a {
	display: block;
}

.p-product-list__archive-item .sale {
	width: 100%;
	padding: 1rem 1rem;
	color: #fff;
	font-size: 2.5rem;
	font-weight: 900;
	text-align: center;
	line-height: 1;
	white-space: wrap;
	background: #b60081;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

@media screen and (max-width:767px){

}

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

 p-mall

***********************************/
.p-mall {
	margin-top: 2rem;
	/*margin-top: -4rem;*/
	margin-bottom: 4rem;
}

.p-mall__btn {
	text-align: center;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
}

.p-mall__btn .block {
	display: inline-block;
	width: 40rem;
	padding: 1.1rem 0;
	color: #fff;
	font-size: 3.6rem;
	font-weight: 500;
	text-align: center;
	background: #fa6427;
	cursor: pointer;
	border-radius: 200px;
	position: relative;
	z-index: 1;
}

.p-mall__btn .block:before {
	content: "";
	display: block;
	width: 3rem;
	height: 3rem;
	margin-right: 3rem;
	background: url(../images/icon_plus01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.p-mall__btn.is-active .block:before {
	background: url(../images/icon_minus01.png) no-repeat center / contain;
}

.p-mall__wrap {
	display: none;
}

.p-mall__wrap-list {
	width: 57rem;
	padding-top: 5.3rem;
	margin-bottom: -5rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 3rem;
	background: #feefe9;
}

.p-mall__wrap-list .acc {
	/*padding: 0 40px;*/
}

.p-mall__wrap-list .acc:nth-child(odd) {
	background: #feefe9;
}

.p-mall__wrap-list .acc:nth-child(even) {
	background: #fff;
}

.p-mall__wrap-list .acc__head {
	padding: 2rem 8rem 2rem 3rem;
	color: #000;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.3;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.p-mall__wrap-list .acc__head:before {
	content: "";
	display: block;
	width: 3rem;
	height: 3rem;
	margin-right: 3rem;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.p-mall__wrap-list .acc__head:before {
	background: url(../images/icon_plus02.png) no-repeat center / contain;
}

.p-mall__wrap-list .acc__head.is-active:before {
	background: url(../images/icon_minus02.png) no-repeat center / contain;
}

.p-mall__wrap-list .acc__body {
	display: none;
	padding: 0 3rem;
}

.p-mall__wrap-list .acc__body ul {
	display: block;
	padding: 0 0 .8em;
	margin-left: 1.1em;
	font-size: 2.8rem;
	font-weight: bold;
}

.p-mall__wrap-list .acc__body ul li {
	margin-bottom: .4em;
}

.p-mall__wrap-list .acc__body ul li {
	border-bottom: none;
}

.p-mall__wrap-list .acc__body ul li:last-child {
	margin-bottom: 0;
}

.p-mall__wrap-list .acc__body ul li a {
	color: #000;
	text-decoration: none;
	display: inline;
	padding: 0;
}

.p-mall__wrap-list .acc__body ul li a:before {
	display: none;
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:1000px){

}

@media screen and (max-width:767px){

}




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

 p-note

***********************************/
.p-note {
	background: #dcdcdc;
}

.p-note__inner {
	padding: 6rem 0;
}

.p-note__inner ul {
	width: 57rem;
	margin: 0 auto;
	font-size: 2.4rem;
	line-height: 1.83333333;
}

.p-note__inner ul li {

}


@media screen and (max-width:767px){

}




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

 p-campaign

***********************************/
.p-campaign {
	padding-top: 5rem;
}

.p-campaign .bnr {
	width: 66.2rem;
	margin: 0 auto;
}

@media screen and (max-width:767px){

	.p-campaign {
		padding: 0;
	}

	.p-campaign .bnr {
		width: auto;
	}

}


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

 p-recommend-modal

***********************************/
.p-recommend-modal {
	display: none;
	width: 750px;
}

.p-recommend-modal__inner {
	background: #fff;
}

.p-recommend-modal__inner-head {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 120px;
	background: #fff;
	border-bottom: 1px solid #000;
}

.p-recommend-modal__inner-head .logo {
	margin: 0 auto;
}

.p-recommend-modal__inner-head .logo.gu {
	width: 98px;
}

.p-recommend-modal__inner-head .logo.greenparks {
	width: 251px;
}

.p-recommend-modal__inner-head .logo.bayflow {
	width: 236px;
}

.p-recommend-modal__inner-head .logo.earth {
	width: 280px;
}

.p-recommend-modal__inner-head .logo.americanholic {
	width: 340px;
}

.p-recommend-modal__inner-head .logo.nikoand {
	width: 210px;
}

.p-recommend-modal__inner-head .logo.studioclip {
	width: 248px;
}

.p-recommend-modal__inner-head .logo.discoat {
	width: 376px;
}

.p-recommend-modal__inner-head .logo.tutuanna {
	width: 276px;
}

.p-recommend-modal__inner-head .logo.tabio {
	width: 160px;
}

.p-recommend-modal__inner-head .logo a,
.p-recommend-modal__inner-head .logo img {
	display: block;
}

.p-recommend-modal__inner-head .logo img {
}

.p-recommend-modal__inner-body {
	max-height: none;
}

.p-recommend-modal__inner-body .hero {
	background: rgba(93,190,204,1);
	position: relative;
	z-index: 1;
}

.p-recommend-modal__inner-body .hero .close {
	width: 8%;
	margin-top: 4%;
	margin-right: 4%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
}

.p-recommend-modal__inner-body .hero .main {
	width: 750px;
	height: 750px;
	background: #fff;
	position: relative;
	z-index: 1;
}

.p-recommend-modal__inner-body .hero .main a {
	display: block;
}

.p-recommend-modal__inner-body .hero .main img {
	width: 100%;
	max-width: none;
	object-fit: cover;
}

.p-recommend-modal__inner-body .hero .main .sale01 {
	width: 220px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.p-recommend-modal__inner-body .hero .slider {
	padding-bottom: 4%;
	margin-bottom: 0 !important;
}

.p-recommend-modal__inner-body .hero .slider-item {
	background: #fff;
	position: relative;
	z-index: 1;
}

.p-recommend-modal__inner-body .hero .slider-item a {
	display: block;
}

.p-recommend-modal__inner-body .hero .slider-item img {
	width: 100%;
	max-width: none;
}

.p-recommend-modal__inner-body .hero .slider-item .sale01 {
	width: 220px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.p-recommend-modal__inner-body .hero .slider .slick-prev {
	width: 22px;
	height: 51px;
	background: url(../images/icon_prev01.png) no-repeat center / contain;
	left: 30px;
	z-index: 2;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.p-recommend-modal__inner-body .hero .slider .slick-prev:hover {
	opacity: .7;
}

.p-recommend-modal__inner-body .hero .slider .slick-prev:before {
	display: none;
}

.p-recommend-modal__inner-body .hero .slider .slick-next {
	width: 22px;
	height: 51px;
	background: url(../images/icon_next01.png) no-repeat center / contain;
	right: 30px;
	z-index: 2;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.p-recommend-modal__inner-body .hero .slider .slick-next:hover {
	opacity: .7;
}

.p-recommend-modal__inner-body .hero .slider .slick-next:before {
	display: none;
}

.p-recommend-modal__inner-body .hero .slider .slick-dots {
	font-size: 0;
	bottom: -17px;
}

.p-recommend-modal__inner-body .hero .slider .slick-dots li {
	width: 15px;
	height: 15px;
	margin: 0 7.5px;
}

.p-recommend-modal__inner-body .hero .slider .slick-dots li button {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
}

.p-recommend-modal__inner-body .hero .slider .slick-dots li.slick-active button {
	background: #646464;
}

.p-recommend-modal__inner-body .hero .slider .slick-dots li button:before {
	display: none;
}

.p-recommend-modal__inner-body .navi {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.p-recommend-modal__inner-body .navi .prev {
	width: 18px;
	margin: 0 80px;
	cursor: pointer;
}

.p-recommend-modal__inner-body .navi .next {
	width: 18px;
	margin: 0 60px;
	cursor: pointer;
}

.p-recommend-modal__inner-body .content {
	padding: 50px 0 80px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5dbecc+5,e1cba8+50,ef9439+95 */
	background: linear-gradient(to bottom,  rgba(93,190,204,1) 5%,rgba(225,203,168,1) 50%,rgba(239,148,57,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.p-recommend-modal__inner-body .content__inner {
	width: 650px;
	padding: 50px 0 60px;
	margin: 0 auto;
	background: #fff;
	border-radius: 20px;
}

.p-recommend-modal__inner-body .content__inner-sec {
	width: 574px;
	margin: 65px auto 0;
}

.p-recommend-modal__inner-body .content__inner-sec:first-child {
	margin-top: 0;
}

.p-recommend-modal__inner-body .content__inner-sec-ttl {
	padding: 25px 0 25px 15px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-size: 43px;
	font-weight: 500;
	line-height: 1.27906977;
}

.p-recommend-modal__inner-body .content__inner-sec-body {
	padding-top: 55px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .copy {
	font-size: 37.4px;
	line-height: 1.5;
}

.p-recommend-modal__inner-body .content__inner-sec-body .txt01 {
	margin-top: .8em;
	font-size: 22px;
	line-height: 2;
}

.p-recommend-modal__inner-body .content__inner-sec-body *:first-child {
	margin-top: 0;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price {
	margin-top: 60px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box {

}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box.line {
	padding-top: 20px;
	margin-top: 30px;
	border-top: 2px solid #c8c8c9;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box .name {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 500;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box .name-sub {
	margin-bottom: 10px;
	font-size: 25px;
	font-weight: 500;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list {
	display: flex;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list.sub {
	justify-content: flex-end;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main {
	display: flex;
	align-items: flex-end;
	margin-right: 40px;
	font-weight: 500;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main.regular {
	font-weight: 400;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main dt {
	margin-right: .2em;
	font-size: 25px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main dd {
	font-size: 32.5px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main dd .large {
	display: inline-block;
	font-size: 65px;
	line-height: 1;
	transform: translateY(8%);
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main.regular dd .large {
	font-size: 52px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax {
	display: flex;
	align-items: flex-end;
	font-weight: 500;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax.regular {
	font-weight: 400;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax dt {
	margin-right: .2em;
	font-size: 18px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax dd {
	font-size: 19px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax dd .large {
	display: inline-block;
	font-size: 38px;
	line-height: 1;
	transform: translateY(8%);
}

.p-recommend-modal__inner-body .content__inner-sec-body .note01 {
	margin-top: 15px;
	font-size: 17px;
}

.p-recommend-modal__inner-body .content__inner-sec-body .note02 {
	margin-top: 15px;
	font-size: 22px;
}

.p-recommend-modal__inner-body .content__bnr01 {
	margin-top: 80px;
	margin-bottom: -80px;
}

.p-recommend-modal__inner-body .content__bnr01 a {
	display: block;
}

.p-recommend-modal__inner-body .content__bnr01 img {
	width: 100%;
	max-width: none;
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:1000px){

}

@media screen and (max-width:767px){

	.p-recommend-modal {
		width: calc(100% + 1px);
	}

	.p-recommend-modal__inner-head {
		height: 16vw;
		border-bottom: 1px solid #000;
	}

	.p-recommend-modal__inner-head .logo.gu {
		width: 13.067vw;
	}

	.p-recommend-modal__inner-head .logo.greenparks {
		width: 33.467vw;
	}

	.p-recommend-modal__inner-head .logo.bayflow {
		width: 31.467vw;
	}

	.p-recommend-modal__inner-head .logo.earth {
		width: 37.333vw;
	}

	.p-recommend-modal__inner-head .logo.americanholic {
		width: 45.333vw;
	}

	.p-recommend-modal__inner-head .logo.nikoand {
		width: 28vw;
	}

	.p-recommend-modal__inner-head .logo.studioclip {
		width: 33.067vw;
	}

	.p-recommend-modal__inner-head .logo.discoat {
		width: 50.133vw;
	}

	.p-recommend-modal__inner-head .logo.tutuanna {
		width: 36.8vw;
	}

	.p-recommend-modal__inner-head .logo.tabio {
		width: 21.333vw;
	}

	.p-recommend-modal__inner-body .hero .main {
		width: 100%;
		height: 100vw;
	}

	.p-recommend-modal__inner-body .hero .main .sale01 {
		width: 29.333vw;
	}

	.p-recommend-modal__inner-body .hero .slider-item .sale01 {
		width: 29.333vw;
	}

	.p-recommend-modal__inner-body .hero .slider .slick-prev {
		width: 2.933vw;
		height: 6.8vw;
		left: 4vw;
	}

	.p-recommend-modal__inner-body .hero .slider .slick-next {
		width: 2.933vw;
		height: 6.8vw;
		right: 4vw;
	}

	.p-recommend-modal__inner-body .hero .slider .slick-dots {
		bottom: -2.267vw;
	}

	.p-recommend-modal__inner-body .hero .slider .slick-dots li {
		width: 2vw;
		height: 2vw;
		margin: 0 1vw;
	}

	.p-recommend-modal__inner-body .hero .slider .slick-dots li button {
		width: 2vw;
		height: 2vw;
	}

	.p-recommend-modal__inner-body .navi {
		margin-top: 5.333vw;
	}

	.p-recommend-modal__inner-body .navi .prev {
		width: 2.4vw;
		margin: 0 10.667vw;
	}

	.p-recommend-modal__inner-body .navi .next {
		width: 2.4vw;
		margin: 0 8vw;
	}

	.p-recommend-modal__inner-body .content {
		padding: 6.667vw 0 10.667vw;
	}

	.p-recommend-modal__inner-body .content__inner {
		width: 86.667vw;
		padding: 6.667vw 0 8vw;
		border-radius: 2.667vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec {
		width: 76.533vw;
		margin-top: 8.667vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-ttl {
		padding: 3.333vw 0 3.333vw 2vw;
		border-top: 0.26666667vw solid #000;
		border-bottom: 0.26666667vw solid #000;
		font-size: 5.733vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body {
		padding-top: 7.333vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .copy {
		font-size: 4.987vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .txt01 {
		font-size: 2.933vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price {
		margin-top: 8vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box.line {
		padding-top: 2.667vw;
		margin-top: 4vw;
		border-top: 0.26666667vw solid #c8c8c9;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box .name {
		margin-bottom: 1.333vw;
		font-size: 4vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box .name-sub {
		margin-bottom: 1.333vw;
		font-size: 3.333vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main {
		margin-right: 5.333vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main dt {
		font-size: 3.333vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main dd {
		font-size: 4.333vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main dd .large {
		font-size: 8.667vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .main.regular dd .large {
		font-size: 6.933vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax dt {
		font-size: 2.4vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax dd {
		font-size: 2.533vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .price__box-list .tax dd .large {
		font-size: 5.067vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .note01 {
		margin-top: 2vw;
		font-size: 2.267vw;
	}

	.p-recommend-modal__inner-body .content__inner-sec-body .note02 {
		margin-top: 2vw;
		font-size: 2.933vw;
	}

	.p-recommend-modal__inner-body .content__bnr01 {
		margin-top: 10.667vw;
		margin-bottom: -10.667vw;
	}
}


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

 fancybox

***********************************/
.fancybox-close {
	display: none;
}

.fancybox-overlay {
	background: rgba(0, 0, 0, .8);
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:1000px){

}

@media screen and (max-width:767px){

}


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

 モーダルウィンドウ

***********************************/
.l-modal-cover {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-modal-cover.is-active {
	opacity: 1;
	pointer-events: auto;
}

.p-recommend-modal {
	margin: 0;
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 105;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.p-recommend-modal.is-active {

}

.p-recommend-modal__inner {
	height: 100dvh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.p-recommend-modal.is-prev .p-recommend-modal__inner {
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.p-recommend-modal.is-next .p-recommend-modal__inner {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
}

.p-recommend-modal.is-prev-visible .p-recommend-modal__inner {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
}

.p-recommend-modal.is-next-visible .p-recommend-modal__inner {
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:1000px){

}

@media screen and (max-width:767px){

}


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

 p-pagetop

***********************************/
.p-pagetop {
	width: 100px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 10;
}

@media screen and (max-width:1499px){

}

@media screen and (max-width:767px){

	.p-pagetop {
		width: 10rem;
		bottom: 4rem;
		right: 4rem;
	}

}


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

 xxx

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


@media screen and (max-width:1499px){

}

@media screen and (max-width:1000px){

}

@media screen and (max-width:767px){

}