@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-ZYM-WYX */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
.noto {
	font-family: "Noto Sans JP", sans-serif;
}
.lato {
	font-family: "Lato", sans-serif;
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.comBox {
	margin: 0 auto;
	padding: 0 1.6rem;
	max-width: 122rem;
}
@media all and (min-width: 1040px) {
	.comBox {
		padding: 0 2.4rem;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 3.3rem;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.headLine01.size01 {
	margin-bottom: 0.3rem;
	font-size: 1.8rem;
}
@media all and (min-width: 1040px) {
	.headLine01 {
		font-size: 2.8rem;
		letter-spacing: 0;
	}
	.headLine01.size01 {
		font-size: 2.2rem;
		letter-spacing: 0;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	padding-bottom: 0.7rem;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: -0.01em;
	border-bottom: 0.2rem solid rgba(0, 0, 0, 0.05);
}
.headLine02 span {
	margin-right: 0.4rem;
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.33;
	letter-spacing: 0;
	vertical-align: -0.1rem;
}
@media all and (min-width: 1040px) {
	.headLine02 {
		padding: 0 1.5rem 2.1rem;
		font-size: 1.6rem;
		font-weight: 400;
	}
	.headLine02 span {
		margin-right: 0.4rem;
		font-size: 2.2rem;
		vertical-align: -0.1rem;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 3.1rem;
	font-size: 1.8rem;
	line-height: 1.44;
	letter-spacing: -0.01em;
}
@media all and (min-width: 520px) {
	.headLine03 {
		margin-bottom: 3.1rem;
		font-size: 2.2rem;
		line-height: 1.45;
	}
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	padding: 1.9rem 0 7.2rem;
}
.pageTitle .text {
	margin-bottom: 4rem;
	letter-spacing: -0.01em;
}
.pageTitle.page01 {
	padding-bottom: 2.5rem;
}
.pageTitle.page01 .headLine01 {
	margin-bottom: 0;
}
.pageTitle.page02 {
	padding-bottom: 3.5rem;
}
.pageTitle.page02 .headLine01 {
	margin-bottom: 0;
}
@media all and (min-width: 520px) {
	.pageTitle.page02 {
		padding-bottom: 3.9rem;
	}
}
/*------------------------------------------------------------
	comBackLink
------------------------------------------------------------*/
.comBackLink {
	margin-bottom: 2.3rem;
}
.comBackLink a {
	padding: 0.2rem 0 0.2rem 1.6rem;
	display: inline-block;
	color: #0796ff;
	font-size: 1.4rem;
	letter-spacing: -0.01em;
	background: url(../../images/common/icon22.png) no-repeat left center / 0.8rem auto;
	vertical-align: top;
}
@media all and (min-width: 520px) {
	.comBackLink {
		margin-bottom: 2.9rem;
	}
	.comBackLink a:hover {
		color: #0171E2;
		background-image: url(../../images/common/icon22_over.png);
	}
}
/*------------------------------------------------------------
	pageLead
------------------------------------------------------------*/
.pageLead {
	margin: -0.5rem 0 4.2rem;
	padding: 3rem 0 2.3rem;
	position: relative;
	background: linear-gradient(-135deg, #caf499 0%, #f1f751 50.74%, #ffcb03 100%);
}
.pageLead .pho {
	margin: 0 auto 1.9rem;
	width: 13.4rem;
}
.pageLead .flowList {
	margin-top: -2rem;
	padding-left: 0.8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pageLead .flowList li {
	margin: 2rem 0.7rem 0;
	width: 5rem;
	position: relative;
	text-align: center;
	z-index: 2;
}
.pageLead .flowList li::after {
	width: calc(100% + 1.4rem);
	height: 0.8rem;
	position: absolute;
	left: 50%;
	top: 1.2rem;
	transform: translateY(-50%);
	background-color: #fff;
	content: '';
	z-index: -1;
}
.pageLead .flowList li.pass {
	z-index: 6;
}
.pageLead .flowList li.pass:nth-of-type(2) {
	z-index: 5;
}
.pageLead .flowList li.pass:nth-of-type(3) {
	z-index: 4;
}
.pageLead .flowList li.pass::after {
	width: 4rem;
	left: calc(50% + 1.2rem);
}
.pageLead .flowList li.pass::before {
	width: 4.2rem;
	height: 0.4rem;
	position: absolute;
	left: calc(50% + 1.2rem);
	top: 1.2rem;
	transform: translateY(-50%);
	background-color: #d62a20;
	content: '';
	z-index: 2;
}
.pageLead .flowList li:last-of-type::after {
	display: none;
}
.pageLead .flowList .num {
	margin: 0 auto 0.7rem;
	width: 2.4rem;
	height: 2.4rem;
	position: relative;
}
.pageLead .flowList li .num span {
	width: 2.4rem;
	height: 2.4rem;
	padding: 0.2rem 0.2rem 0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(0, 0, 0, 0.3);
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.01em;
	border-radius: 50%;
	background: #fff;
	position: relative;
	box-sizing: border-box;
	font-family: "Lato", sans-serif;
	z-index: 2;
}
.pageLead .flowList li.on .num span,
.pageLead .flowList li.pass .num span {
	color: #fff;
	background: url(../../images/SC_O01_02/bg01.png) no-repeat center center / 100% 100%;
}
.pageLead .flowList li.pass .num::after,
.pageLead .flowList li.on .num::after {
	width: calc(100% + 0.6rem);
	height: calc(100% + 0.6rem);
	position: absolute;
	left: -0.3rem;
	top: -0.3rem;
	box-sizing: border-box;
	border: 0.3rem solid #fff;
	border-radius: 50%;
	content: '';
	z-index: -1;
}
.pageLead .flowList li.on .txt {
	color: #d62b1f;
	font-weight: 500;
}
.pageLead .flowList .txt {
	color: rgba(0, 0, 0, 0.3);
	font-size: 1.2rem;
}
@media all and (min-width: 520px) {
	.pageLead {
		margin-bottom: 4.7rem;
	}
}

/*------------------------------------------------------------
	pageLead.bg01
------------------------------------------------------------*/
#main .pageLead.bg01 {
	background: linear-gradient(-90deg, #ffcb03 0%, #fffffc 104%);
}
@media all and (max-width: 519px) {
	#main .pageLead.bg01 {
		background: linear-gradient(218deg, #ffcb03 0%, #fffffc 104%);
	}
}



/*------------------------------------------------------------
	pageLead01
------------------------------------------------------------*/
.pageLead01 {
	/* margin-bottom: 5.6rem; */
	padding: 2.7rem 0 0;
	text-align: center;
	min-height: 22rem;
	position: relative;
	box-sizing: border-box;
	background: linear-gradient(#fff5be 0%, #fffae0 100%);
}
.pageLead01 .headLine01 {
	margin-bottom: 0.05rem;
}
.pageLead01 p {
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.02em;
}
.pageLead01 .img01 {
	position: absolute;
	top: 50%;
	transform: translateY(-42%);
    left: calc(50% - 24.5rem);
	width: 14.7rem;
}
.pageLead01 .img02 {
	position: absolute;
	bottom: 8.8rem;
	right: calc(50% - 23.5rem);
	width: 10.2rem;
}/*
.pageLead01 .photoBox {
	 position: absolute;
	bottom: -2.9rem;
	left: 50%;
	transform: translateX(-50%);
	width: 8.95rem; 
}*/
@media all and (min-width: 520px) {
	.pageLead01 {
		padding-top: 3.9rem;
		min-height: 40rem;
	}
	.pageLead01 .headLine01 {
		margin-bottom: 0.3rem;
	}
}
@media all and (max-width: 519px) {
	.pageLead01 .img01 {
		left: 1.6rem;
		width: 10.4rem;
	}
	.pageLead01 .img02 {
		bottom: 4.8rem;
		right: 3.7rem;
		width: 6.8rem;
	}
	.pageLead01 .img01 {
		transform: translateY(-59%);
        left: calc(50% - 17.2rem);
        width: 10.4rem;
	}
	.pageLead01 .img02 {
        right: calc(50% - 15rem);
        width: 6.8rem
	}
}




/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	margin: 0 auto;
	max-width: 34.3rem;
}
.comBtn a {
	padding: 1.1rem 1rem 1rem;
	display: block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: center;
	border-radius: 9rem;
	border: 1px solid #0796ff;
	background-color: #0796ff;
}
@media all and (min-width: 1040px) {
	.comBtn a:hover {
		border-color: #0071E2;
		background-color: #0071E2;
	}
}
/*------------------------------------------------------------
	comBtn01
------------------------------------------------------------*/
.comBtn01 {
	margin: 0 auto;
	max-width: 33.6rem;
}
.comBtn01 a {
	padding: 1.1rem 1rem 1rem;
	display: block;
	color: #0796ff;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: center;
	border-radius: 9rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.comBtn01 span {
	padding-left: 1.8rem;
	display: inline-block;
	vertical-align: top;
	background: url(../../images/common/icon13.png) no-repeat left 0.1rem top calc(50% - 0.1rem) / 1rem auto;
}
@media all and (min-width: 520px) {
	.comBtn01 a:hover {
		border-color: #0796ff;
	}
}
/*------------------------------------------------------------
	comSlideBox
------------------------------------------------------------*/
.comSlideBox {
	margin-bottom: 7.9rem;
	padding: 4rem 0 2rem;
	background: url(../../images/common/bg01.jpg) repeat left top / 5.8rem auto;
	overflow: hidden;
}
.comSlideBox .slideBox {
	margin: 0 0 0 1.2rem;
	position: relative;
}
.comSlideBox .slideBox .arrowList li {
	width: 4rem;
	position: absolute;
	left: 0.4rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: .3s;
}
.comSlideBox .slideBox .arrowList li.next {
	left: auto;
	right: 0;
}
.comSlideBox .slideBox .photoList .item,
.comSlideBox .slideBox .photoList li {
	margin-right: 0.8rem;
	width: 16rem;
	display: none;
	vertical-align: top;
}
.comSlideBox .slideBox .photoList .slick-list {
	padding: 2rem 0 2rem 0.4rem;
	overflow: visible;
}
.comSlideBox .slideBox .photoList .slick-slide > div {
	margin-right: 0.8rem;
	width: 16rem;
}
.comSlideBox .slideBox .photoList a {
	padding: 2.4rem 0 1.9rem;
	position: relative;
	display: block;
	border-radius: 0.8rem;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 0px 0.2rem 0.4rem rgba(0, 0, 0, 0.24);
	background-color: #fff;
}
.comSlideBox .slideBox .photoList .tagList {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	z-index: 2;
}
.comSlideBox .slideBox .photoList .tagList li {
	margin: 0;
	width: auto;
	text-align: center;
}
.comSlideBox .slideBox .photoList .new {
	padding: 0.2rem 0.6rem 0.1rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 900;
	letter-spacing: 0.03em;
	background-color: rgba(220,34,0,0.8);
	font-family: "Lato", sans-serif;
}
.comSlideBox .slideBox .photoList .tag01 {
	padding: 0.3rem 0.6rem;
	color: #212121;
	font-size: 1.2rem;
	letter-spacing: 0.03em;
	background-color: rgba(255,203,3,0.8);
}
.comSlideBox .slideBox .photoList .tag02 {
	padding: 0.3rem 0.6rem;
	color: #dc000c;
	font-size: 1.2rem;
	letter-spacing: 0.03em;
	background-color: rgba(247,247,247,0.9);
}
.comSlideBox .slideBox .photoList .pho {
	margin: 0 0.4rem 0.8rem;
}
.comSlideBox .slideBox .photoList .pho img {
	width: 100%;
}
.comSlideBox .slideBox .photoList .txtBox {
	margin: 0 1.2rem;
}
.comSlideBox .slideBox .photoList .txtBox .txt {
	margin-bottom: 1.1rem;
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 1.43;
	letter-spacing: -0.01em;
}
.comSlideBox .slideBox .photoList .txtBox .price {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.33;
	font-family: "Lato", sans-serif;
}
.comSlideBox .slideBox .photoList .txtBox .price small {
	margin-left: 0.4rem;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	font-family: "Noto Sans JP", sans-serif;
	vertical-align: -0.1rem;
}
.comSlideBox.feature {
	margin-bottom: 0;
	padding: 3.8rem 0 0;
	background: url(../../images/common/feature_bg01.jpg) no-repeat top left calc(50% - 22.4rem) / 92.1rem auto;
}
.comSlideBox.feature .headLine01 {
	margin: 0 0 1.5rem;
	font-size: 2rem;
	letter-spacing: -0.01em;
	text-align: center;
}
.comSlideBox.feature .slideBox .photoList .slick-list {
	padding-bottom: 4.3rem;
}
.comSlideBox.feature .photoList .slick-slide > div {
	margin-right: 2.4rem;
	width: 24rem;
}
.comSlideBox.feature .photoList .item,
.comSlideBox.feature .photoList li {
	width: 24rem;
}
.comSlideBox.feature .photoList a {
	padding: 0;
	background: transparent;
	box-shadow: none;
	overflow: inherit;
}
.comSlideBox.feature .photoList .pho {
	margin: 0 0 1.6rem;
	height: 16rem;
	border-radius: 0.8rem;
	box-shadow: 0 0.1rem 0.4rem rgba(0,0,0,0.24);
}
.comSlideBox.feature .photoList .pho img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.8rem;
}
.comSlideBox.feature .photoList .txtBox {
	margin: 0 3.5rem 0 0.5rem;
}
.comSlideBox.feature .photoList .txtBox .txt {
	margin-bottom: 1.4rem;
	height: 6.1rem;
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.6);
}
.comSlideBox.feature .photoList .txtBox .time {
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.5;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.6);
}
.comSlideBox.feature .comBtn01 {
	max-width: 34.2rem;
}
.comSlideBox.feature .comBtn01 a {
	padding: 0.9rem 1rem 0.9rem;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: -0.01em;
}
.comSlideBox.goods {
	padding: 6.2rem 0 6.6rem;
	position: relative;
	background: none;
}
.comSlideBox.goods .bgList {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.comSlideBox.goods .bgList .slick-slide > div,
.comSlideBox.goods .bgList .slick-slide,
.comSlideBox.goods .bgList .slick-track,
.comSlideBox.goods .bgList .slick-list {
	height: 100%;
}
.comSlideBox.goods .bgList .bgListItem {
	height: 100%;
}
.comSlideBox.goods .bgList img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comSlideBox.goods .headLine01 {
	padding-left: 1.1rem;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.comSlideBox.goods .slideBox {
	margin-bottom: 4.5rem;
}
.comSlideBox .arrowList li div,
.comInfoBox .arrowList li div {
	background-color: rgba(0, 0, 0, 0);
	width: 56px;
	height: 68px;
	position: relative; top: -14px;
}
.comSlideBox .arrowList .next div,
.comInfoBox .arrowList .next div {
	right: calc(56px - 2.4rem);
}
@media (min-width: 520px) and (max-width: 1039px) {
	.comSlideBox .slideBox .arrowList {
		display: block !important;
	}
}
@media all and (min-width: 1040px) {
	.comSlideBox {
		padding-bottom: 2rem;
	}
	.comSlideBox .slideBox {
		margin: 0 auto;
		width: 119.2rem;
		max-width: calc(100% - 4.8rem);
	}
	.comSlideBox .slideBox .photoList.isLoaded a:hover {
		transform: translateY(-1rem);
	}
	.comSlideBox .headLine01 {
		margin-left: -0.6rem;
	}
	.comSlideBox .slideBox .arrowList li:hover {
		opacity: 0.7;
	}
}
@media all and (min-width: 520px) {
	.comSlideBox.goods {
		margin-bottom: 1.3rem;
		padding: 5.3rem 0 3.6rem;
	}
	.comSlideBox.goods .headLine01 {
		padding-left: 0.8rem;
	}
	.comSlideBox.goods .slideBox .photoList .slick-list {
		padding: 2.6rem 0 1.5rem;
	}
	.comSlideBox.goods .slideBox {
		margin-bottom: 3.3rem;
	}
}
@media all and (max-width: 519px) {
	.comSlideBox.feature {
		margin-bottom: 11rem;
		padding: 3.6rem 0 0;
		background-image: url(../../images/common/feature_bg01_sp.jpg);
		background-position: left top;
		background-size: 33.6rem auto;
	}
	.comSlideBox.feature .headLine01 {
		margin: 0 0 1.5rem;
		font-size: 1.8rem;
	}
	.comSlideBox.feature .slideBox .photoList .slick-list {
		padding-bottom: 2.1rem;
	}
	.comSlideBox.feature .photoList .slick-slide > div {
		margin-right: 1.6rem;
		width: 18.3rem;
	}
	.comSlideBox.feature .photoList .item,
	.comSlideBox.feature .photoList li {
		width: 18.3rem;
	}
	.comSlideBox.feature .photoList .txtBox {
		margin: 0 0.4rem;
	}
	.comSlideBox.feature .photoList .txtBox .txt {
		margin-bottom: 1.7rem;
	}
	.comSlideBox.feature .photoList .pho {
		height: 12.2rem;
	}
}

/*------------------------------------------------------------
	comSlideBox01
------------------------------------------------------------*/
.comSlideBox01 {
	margin: -9.8rem 0 2rem;
}
.comSlideBox01 .slideUl {
	position: relative;
}
.comSlideBox01 .slideUl .item .pho,
.comSlideBox01 .slideUl li .pho {
	margin: 0 auto;
	width: 17rem;
}
.comSlideBox01 .slick-dots {
	margin-top: 0.8rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.comSlideBox01 .slick-dots li button {
    margin: 0 0.4rem;
    padding: 0;
    font-size: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}
.comSlideBox01  .slick-dots .slick-active button {
    background: url("../../images/common/icon31.png") no-repeat center center/ 100% 100%;
	width: 2.7rem;
	height: 3.3rem;
}
.comSlideBox01 .slick-arrow.slick-prev,
.comSlideBox01 .slick-arrow.slick-next {
	position: absolute;
	top: 5.2rem;
    left: 0;
	font-size: 0;
	border: none;
	background-color: transparent;
	background: url("../../images/common/icon32.png") no-repeat center left 1.5rem / 2.1rem;
	width: 56px;
	height: 68px;
	cursor: pointer;
	z-index: 10;
}
.comSlideBox01 .slick-arrow.slick-next {
	left: auto;
	right: 0;
	background-position: center right 1.5rem;
	background-image: url("../../images/common/icon33.png");
}
.comSlideBox01 .comBtn01 {
	margin-top: 1.3rem;
	text-align: center;
}
.comSlideBox01 .comBtn01 a {
	padding: 0.3rem 2rem;
	width: auto;
	display: inline-block;
}
.comSlideBox01 .slick-dots:has(.slick-dots) > .slick-active {
    display: none;
}
@media all and (min-width: 520px) {
	.comSlideBox01 .slideUl {
		margin: 0 auto;
		max-width: 70rem;
	}
	.comSlideBox01 .slideUl .item .pho,
	.comSlideBox01 .slideUl li .pho {
		width: 26rem;
	}
	.comSlideBox01 .slick-arrow.slick-prev, .comSlideBox01 .slick-arrow.slick-next {
		top: 10rem;
	}
	.comSlideBox01 .slick-arrow.slick-prev:hover,
	.comSlideBox01 .slick-arrow.slick-next:hover {
		opacity: 0.7;
	}
}
/*------------------------------------------------------------
	comSlideBox.rankBox
------------------------------------------------------------*/
.comSlideBox.rankBox .slideBox a {
	padding: 3.2rem 0 1rem !important;
}
.comSlideBox.rankBox .slideBox a .rankNum {
	position: absolute;
	top: 1.2rem;
	left: 0.8rem;
	font-size: 1.4rem;
	font-weight: 900;
	color: rgba(0, 0, 0, 0.5);
	font-family: "Lato", sans-serif;
	min-width: 3.4rem;
	text-align: center;
}
.comSlideBox.rankBox .slideBox a .rankNum span {
	position: relative;
	z-index: 2;
}
.comSlideBox.rankBox .slideBox a .rankNum::before {
	position: absolute;
	width: 3.4rem;
	height: 2.8rem;
	content: '';
	left: 0;
	top: -0.8rem;
	background: url(../../images/common/icon34.png) no-repeat center top / 100% 100%;
}
.comSlideBox.rankBox .slideBox .slick-slide:first-child a .rankNum,
.comSlideBox.rankBox .slideBox .slick-slide:nth-child(2) a .rankNum,
.comSlideBox.rankBox .slideBox .slick-slide:nth-child(3) a .rankNum {
	color: #fff;
	top: 1rem;
	left: 0.5rem;
}
.comSlideBox.rankBox .slideBox .slick-slide:first-child a .rankNum::before,
.comSlideBox.rankBox .slideBox .slick-slide:nth-child(2) a .rankNum::before,
.comSlideBox.rankBox .slideBox .slick-slide:nth-child(3) a .rankNum::before {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background-color: #FBC706;
	background-image: none;
	top: -0.2rem;
    left: 0.5rem;
}
.comSlideBox.rankBox .slideBox .slick-slide:nth-child(2) a .rankNum::before {
	background-color: #BEBEBE;
}
.comSlideBox.rankBox .slideBox .slick-slide:nth-child(3) a .rankNum::before {
	background-color: #D68263;
}
.comSlideBox.rankBox .slideBox a .pho {
	margin: 0 auto 0.4rem;
	height: 14rem;
}
.comSlideBox.rankBox .slideBox .photoList .txtBox .txt {
	margin-bottom: 1.5rem;
}
.comSlideBox.rankBox .slideBox .photoList .txtBox .price {
	font-size: 1.2rem;
}
.comSlideBox.rankBox .slideBox .photoList .txtBox .price span {
	margin-right: 0.3rem;
	font-size: 1.8rem;
	font-family: "Lato", sans-serif;
}
@media all and (max-width: 519px) {
	.comSlideBox.rankBox .slideBox .slick-slide:first-child a .rankNum::before,
	.comSlideBox.rankBox .slideBox .slick-slide:nth-child(2) a .rankNum::before,
	.comSlideBox.rankBox .slideBox .slick-slide:nth-child(3) a .rankNum::before { 
		top: -0.1rem
	}
}


/*------------------------------------------------------------
	comPriceBox
------------------------------------------------------------*/
.comPriceBox {
	margin-bottom: 7.2rem;
}
.comPriceBox .topText {
	margin-bottom: 2.6rem;
	padding: 0.7rem 1rem 0.5rem;
	font-size: 1.4rem;
	letter-spacing: -0.01em;
	text-align: center;
	border: 0.2rem solid #ffcb03;
	background-color: #fffb9f;
}
.comPriceBox .topText span {
	margin: 0 0.6rem;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	font-family: "Lato", sans-serif;
}
.comPriceBox .topText span small {
	margin-left: 0.3rem;
	font-size: 1.4rem;
	font-family: "Noto Sans JP", sans-serif;
}
.comPriceBox .lBox {
	margin-bottom: 4.8rem;
}
.comPriceBox .rBox .subBox .text {
	margin-bottom: 0.5rem;
	color: rgba(0, 0, 0, 0.7);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	opacity: 0.69;
}
.comPriceBox .rBox .subBox .comBtn {
	margin: 4.8rem auto 2.5rem;
}
.comPriceBox .rBox .subBox .cenText {
	margin-bottom: 3.2rem;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	text-align: center;
}
.comPriceBox .rBox .subBox .cenText a {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: underline;
}
.comPriceBox .rBox .subBox .linkText {
	text-align: center;
}
.comPriceBox .rBox .subBox .linkText a {
	display: inline-block;
	color: #0796ff;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	vertical-align: top;
}
@media all and (min-width: 520px) {
	.comPriceBox {
		margin-bottom: 8rem;
	}
	.comPriceBox .comBox {
		max-width: 123.2rem;
		display: flex;
		justify-content: space-between;
	}
	.comPriceBox .topText {
		font-size: 1.6rem;
	}
	.comPriceBox .topText span {
		font-size: 1.7rem;
	}
	.comPriceBox .topText span small {
		font-size: 1.6rem;
	}
	.comPriceBox .lBox {
		margin-bottom: 0;
		width: 58.11%;
	}
	.comPriceBox .rBox {
		width: 36.49%;
	}
	.comPriceList .txtBox .subBox .rBox {
		width: auto;
	}
	.comPriceBox .rBox .subBox .text {
		margin-bottom: 0.5rem;
		color: rgba(0, 0, 0, 0.7);
		font-size: 1.2rem;
		line-height: 1.33;
		letter-spacing: -0.01em;
		opacity: 0.69;
	}
	.comPriceBox .rBox .subBox .comBtn {
		margin-top: 4.1rem;
		max-width: 34.3rem;
	}
	.comPriceBox .rBox .subBox .cenText a:hover {
		text-decoration: none;
	}
	.comPriceBox .rBox .subBox .linkText a:hover {
		color: #0171e2;
	}
}
/*------------------------------------------------------------
	comPriceList
------------------------------------------------------------*/
.comPriceList {
	margin-bottom: 2.4rem;
}
.comPriceList li {
	padding: 1.6rem 0 1.3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 0.2rem solid rgba(0, 0, 0, 0.05);
}
.comPriceList .pho {
	width: 9.6rem;
	position: relative;

}
.comPriceList .pho img {
    border-radius: 0.8rem;
	width: 100%;
}
.comPriceList .pho span {
	position: absolute;
	left: 0.4rem;
	top: 0.4rem;
	width: 2.4rem;
	height: 2.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	text-align: center;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.9);
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	font-family: "Lato", sans-serif;
}
.comPriceList .txtBox {
	margin-top: 0.1rem;
	width: calc(100% - 10.8rem);
	position: relative;
}
.comPriceList .txtBox .star {
	width: 3.6rem;
	position: absolute;
	right: 0;
	top: -0.1rem;
	transition: .2s;
	cursor: pointer;
}
.comPriceList .txtBox .star .img02 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s;
	opacity: 0;
}
.comPriceList .txtBox .star:active {
	transform: scale(0.95);
}
.comPriceList .txtBox .star.on .img02 {
	opacity: 1;
}
.comPriceList .txtBox .star.on .img01 {
	opacity: 0;
	transition: .3s;
}
.comPriceList .txtBox .star.on .img02:active{
	transform: scale(.95);
}
.comPriceList .txtBox .ttl {
	margin-bottom: 2.5rem;
	padding-right: 5.5rem;
	font-weight: 500;
	line-height: 1.375;
	letter-spacing: 0.02em;
}
.comPriceList .txtBox .ttl span {
	margin-top: 0.8rem;
	display: block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .ttl small {
	margin: 0.8rem 0 -0.3rem;
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .ttl.ttl01 {
	margin-bottom: 2.3rem;
	margin-top: -0.2rem;
	line-height: 1.5;
}
.comPriceList .txtBox .ttl.ttl02 {
	padding-right: 0;
}
.comPriceList .txtBox .ttl.ttl03 {
	margin-bottom: 1.1rem;
	line-height: 1.375;
}
.comPriceList .txtBox .ttl.le01 {
	margin: 0rem 0 1.7rem;
	line-height: 1.375;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .number {
	margin-bottom: 1.7rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.43;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .number.btm01 {
	margin-bottom: 0.9rem;
}
.comPriceList .txtBox .text {
	margin-bottom: 2.4rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.43;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .text + .text {
	margin-top: -0.7rem;
}
.comPriceList .txtBox .text span {
	margin-bottom: 0.4rem;
	display: block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .text.btm01 {
	margin-bottom: 1.3rem;
}
.comPriceList .txtBox .subBox {
	margin-bottom: 1.3rem;
	padding-bottom: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.comPriceList .txtBox .subBox .price {
	margin-top: -0.1rem;
	max-width: 50%;
	font-size: 1.4rem;
	letter-spacing: -0.01em;
	display: flex;
	align-items: baseline;
}
.comPriceList .txtBox .subBox .price span {
	margin-right: 0.5rem;
	display: inline-flex;
	font-size: 1.8rem;
	letter-spacing: 0;
	vertical-align: -0.1rem;
}
.comPriceList .txtBox .subBox .price small {
	margin-left: 0.4rem;
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	vertical-align: 0;
}
.comPriceList .txtBox .subBox .rBox {
	max-width: 48%;
	display: flex;
}
.comPriceList .txtBox .subBox .rBox select {
	margin-right: 2rem;
	padding: 0.3rem 0.5rem 0.2rem;
	width: 4.4rem;
	height: 4.4rem;
	color: rgba(0,0,0,0.9);
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.33;
	text-align: center;
	text-align-last: center;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.8rem;
	box-sizing: border-box;
	font-family: "Lato", sans-serif;
	appearance: none;
	background: #fff;
}
.comPriceList .txtBox .subBox .rBox select:disabled {
	pointer-events: none;
	opacity: 1;
	color: rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.05);
}
.comPriceList .txtBox .subBox .rBox a {
	padding-bottom: 0.1rem;
	display: flex;
	align-items: center;
	color: #0796ff;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .off {
	margin-bottom: 1.3rem;
	color: #d62a20;
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	text-align: right;
}
.comPriceList .txtBox .off.left {
	margin: -1rem 0 2.3rem;
	text-align: left;
}
.comPriceList .txtBox .off.size01 {
	font-size: 1.4rem;
}
.comPriceList .txtBox .all {
	display: flex;
	justify-content: space-between;
}
.comPriceList .txtBox .all .txt {
	flex-shrink: 0;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.4rem;
	letter-spacing: 0.02em;
}
.comPriceList .txtBox .all .priceTxt {
	margin-top: -0.3rem;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.comPriceList .txtBox .all .priceTxt span {
	margin-right: 0.4rem;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0;
	vertical-align: -0.1rem;
}
.comPriceList .txtBox .all .priceTxt small {
	margin-left: 0.4rem;
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -0.01em;
	vertical-align: 0;
}
.comPriceList .txtBox .all .priceTxt.cor01 {
	color: #d62b1f;
}
.comPriceList .list01 {
	padding-bottom: 1.5rem;
}
.comPriceList .list01 .txtBox .ttl {
	margin-top: -2px;
	padding-right: 0;
	line-height: 1.5;
}
.comPriceList .list01 .txtBox .subBox {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.comPriceList .list01 .txtBox .subBox .rBox select {
	margin-right: 4.8rem;
}
.comPriceList .list01 .txtBox .subBox01 .rBox select {
	margin: 0;
	padding: 0;
	font-weight: 400;
	width: auto;
	height: auto;
	border: none;
	color: rgba(0, 0, 0, 0.9);
	background-color: transparent;
	font-family: "Lato", sans-serif;
}
.comPriceList.priceList01 .txtBox .ttl {
	margin-bottom: 1.7rem;
	letter-spacing: -0.01em;
}
.comPriceList .list01 .txtBox .all {
	padding-top: 13px;
	margin-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
@media all and (min-width: 520px) {
	.comPriceList .txtBox .subBox .rBox a:hover {
		color: #0171e2;
	}
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	comPriceAll
------------------------------------------------------------*/
.comPriceAll {
	margin: 0 -1.6rem 1.7rem;
	padding: 2rem 1.6rem 2.2rem;
	background: #e5f4ff;
}
.comPriceAll .tText {
	margin-bottom: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comPriceAll .tText .txt {
	margin-top: 0.7rem;
	letter-spacing: 0.02em;
}
.comPriceAll .tText .price {
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.comPriceAll .tText .price span {
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 3.2rem;
	max-width: 28rem;
	letter-spacing: 0;
	vertical-align: -0.1rem;
}
.comPriceAll .tText .price small {
	margin-left: 0.4rem;
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	font-weight: 400;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	vertical-align: -0.1rem;
}
.comPriceAll .btmText {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.4rem;
}
.comPriceAll .btmText .txt {
	margin-right: 10px;
}
.comPriceAll .btmText .price {
	flex-shrink: 0;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.comPriceAll .btmText .price span {
	margin-right: 0.5rem;
	font-size: 1.8rem;
	letter-spacing: 0;
}
.comPriceAll .btmText .price small {
	margin-left: 0.4rem;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -0.01em;
}
.comPriceAll .btmText.cor01 {
	margin-bottom: -0.1rem;
	color: #d62b1f;
}
.comPriceAll .btmText.cor01 .txt {
	letter-spacing: 0.02em;
}
@media all and (min-width: 520px) {
	.comPriceAll {
		margin: 0 0 1.7rem;
		padding: 2rem 3.2rem 2.2rem;
	}
}
/*------------------------------------------------------------
	comPriceAll01
------------------------------------------------------------*/
.comPriceAll {
	padding-bottom: 2rem;
}
.comPriceAll .btmText  {
	margin-bottom: 0.4rem;
}
.comPriceAll .tText {
	margin: 0.9rem 0 0;
}
.comPriceAll .btmText.cor01 {
	margin-bottom: 0.4rem;
}
/*------------------------------------------------------------
	popBox
------------------------------------------------------------*/
.popBox {
	width: 100%;
}
.popBox .close01 {
	margin-left: auto;
	width: 4.4rem;
	cursor: pointer;
}
.popBox .close01 .img02 {
	display: none !important;
}
.popBox .inner {
	padding: 6.1rem 1.6rem 3rem;
	border-radius: 1rem 1rem 0 0;
	box-shadow: 0px 0px 0.6rem rgba(0, 0, 0, 0.16);
	background-color: #fff;
}
.popBox .title {
	margin-bottom: 3.1rem;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-align: center;
}
.popBox .title span {
	margin-top: 0.8rem;
	display: block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -0.01em;
}
.popBox .linkList li {
	padding: 1.6rem 0 2.4rem;
	border-top: 0.2rem solid rgba(0, 0, 0, 0.05);
}
.popBox .linkList li:last-of-type {
	border-bottom: 0.2rem solid rgba(0, 0, 0, 0.05);
}
.popBox .linkList .imgBox {
	margin-bottom: 1.6rem;
	display: flex;
	justify-content: space-between;
}
.popBox .linkList .imgBox .pho {
	width: 9.6rem;
	position: relative;
}
.popBox .linkList .imgBox .pho img {
	width: 100%;
}
.popBox .linkList .imgBox .pho span {
	padding: 0.2rem 0.1rem 0.1rem;
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	left: 0.4rem;
	top: 0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.9);
	background: rgba(255, 255, 255, 0.8);
}
.popBox .linkList .imgBox .txtBox {
	margin-top: 0.1rem;
	width: calc(100% - 10.8rem);
}
.popBox .linkList .imgBox .ttl {
	margin-bottom: 0.9rem;
	font-weight: 500;
	line-height: 1.375;
	letter-spacing: -0.01em;
}
.popBox .linkList .imgBox .price {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.popBox .linkList .imgBox .price select {
	margin-right: 4.4rem;
	padding: 0.4rem 0.5rem 0.3rem;
	width: 4.4rem;
	height: 4.4rem;
	color: rgba(0,0,0,0.9);
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 0;
	text-align: center;
	box-sizing: border-box;
	border-radius: 0.8rem;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	appearance: none;
	background: #fff;
	font-family: "Lato", sans-serif;
}
.popBox .linkList .imgBox .price .txt {
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.popBox .linkList .imgBox .price .txt span {
	margin-right: 0.4rem;
	display: inline-block;
	font-size: 1.8rem;
	letter-spacing: 0;
	vertical-align: -0.1rem;
}
.popBox .linkList .imgBox .price .txt small {
	margin-left: 0.4rem;
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -0.01em;
}
.popBox .linkList .comBtn a {
	font-size: 1.4rem;
}
.popBox .close02 {
	margin: 2.8rem auto 0;
	width: 5.2rem;
}
.mfp-container {
	padding: 20px 0 0;
	box-sizing: border-box;
	overflow-y: auto;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.5;
	background: #000;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
.popBox01 {
	padding: 3rem 1.6rem 3.2rem;
	width: calc(100% - 3.2rem);
	bottom: 4.2rem;
	z-index: 999;
	position: relative;
	left: 50%;
	top: calc(100% - 19rem);
	transform: translate(-50%,0);
}
.popBox01::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0.6rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(5px);
	background-color: #0796FF;
	content: '';
	z-index: -1;
}
.popBox01 .subBox {
	position: relative;
	z-index: 3;
}
.popBox01 .ttl {
	margin-bottom: 2.5rem;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: -0.01em;
	text-align: center;
}
.popBox01 .btn {
	margin: 0 auto;
	width: 24.3rem;
}
.popBox01 .btn a {
	padding: 0.9rem 1rem;
	display: block;
	color: #0796ff;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: center;
	border-radius: 9rem;
	background-color: #fff;
}
.popBox01 .btn span {
	padding: 0.2rem 0 0.2rem 2.8rem;
	display: inline-block;
	background: url(../../images/common/icon21.png) no-repeat left top calc(50% + 0.2rem) / 1.8rem auto;
	vertical-align: top;
}
.popBox03 .inner {
	margin: 0 auto;
	padding: 5rem 1.6rem 3.5rem;
	border-radius: 1rem !important;
}
.popBox03 .inner .title {
	font-size: 1.4rem;
	letter-spacing: 0;
}
.popBox03 .inner .linkUl li:not(:last-child) {
	margin-bottom: 2rem;
}
.popBox03 .inner .linkUl li a {
	margin: 0 auto;
	width: 31rem;
	padding: 1.2rem 0.5rem;
	display: block;
	text-align: center;
	color: #fff;
	background-color: #0796ff;
	border-radius: 3rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.popBox03 .inner .linkUl li:nth-child(2) a {
	background-color: transparent;
	color: #0796ff;
	font-size: 1.6rem;
}
.popBox03 .close02 {
	width: 4rem;
}
@media all and (min-width: 520px) {
	.popBox {
		margin-left: auto;
		width: 435px;
		height: 100%;
		background-color: #fff;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
		height: 100%;
	}
	.popBox .close01 {
		width: 6.4rem;
		cursor: pointer;
		transition: .3s;
	}
	.popBox .close01:hover {
		opacity: 0.7;
	}
	.popBox .close01 .img01 {
		display: none !important;
	}
	.popBox .close01 .img02 {
		display: block !important;
	}
	.popBox .inner {
		padding: 3.2rem 3rem 3rem;
		border-radius: 0;
		box-shadow: none;
	}
	.popBox .close02 {
		cursor: pointer;
		transition: .3s;
	}
	.popBox .close02:hover {
		opacity: 0.7;
	}
	.mfp-container {
		padding: 0;
	}
	.popBox01 {
		width: 34.3rem;
	}
	.popBox01 .btn a:hover {
		opacity: 0.7;
	}
	.popBox03 .inner {
		padding: 4.8rem 3rem 3.5rem;
	}
	.popBox03 .inner .linkUl li a:hover {
		background-color: #0071E2;
	}
	.popBox03 .inner .linkUl li:nth-child(2) a:hover {
		opacity: 0.7;
		background-color: transparent;
	}
	.popBox03 {
		margin: 0 auto;
		height: 100%;
		width: 100%;
		background-color: transparent;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.popBox03 > div {
		width: 100%;
	}
	.popBox03 .inner {
		width: 100%;
		max-width: 37.5rem;
	}
}
@media all and (max-width: 519px) {
	.popBox03 .inner {
		width: 91%;
	}
	.popBox03 .inner .title {
		font-size: 1.4rem;
		letter-spacing: 0.02em;
		line-height: 1.55;
	}
}
/*------------------------------------------------------------
	comErrorBox
------------------------------------------------------------*/
.comErrorBox {
	margin: -1rem 0 2.6rem;
	padding: 1.2rem;
	color: #d62b1f;
	font-size: 1.4rem;
	line-height: 1.43;
	letter-spacing: -0.01em;
	background-color:  rgba(255, 0, 0, 0.1);
}
@media all and (min-width: 520px) {
	.comErrorBox {
		font-size: 1.6rem;
	}
}
/*------------------------------------------------------------
	mailForm
------------------------------------------------------------*/
.mailForm {
	margin-bottom: 11.3rem;
}
.mailForm .headLine01 {
	margin-bottom: 3.9rem;
}
.mailForm .formDl {
	margin-bottom: 3.9rem;
}
.mailForm .formDl.mb01 {
	margin-bottom: 4.8rem;
}
.mailForm .formDl > dt {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.79;
	letter-spacing: 0.02em;
}
.mailForm .formDl > dd {
	margin-bottom: 3rem;
	padding-top: 0.5rem;
}
.mailForm .formDl > dd:last-of-type {
	margin-bottom: 0;
}
.mailForm .radioList {
	border-radius: 0.8rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.mailForm .radioList li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.mailForm .radioList li:last-of-type {
	border-bottom: none;
}
.mailForm .radioUl input,
.mailForm .radioList .radio input {
	display: none;
}
.mailForm .radioUl input:disabled,
.mailForm .radioList .radio input:disabled {
	cursor: default;
	pointer-events: none;
}
.mailForm .radioList01 .radio input:disabled + span {
	color: rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.05);
}
.mailForm .radioUl input + span,
.mailForm .radioList .radio input + span {
	padding: 1.3rem 1.5rem 1rem 5.1rem;
	display: block;
	position: relative;
	color: #000;
	font-size: 1.6rem;
	line-height: 1.56;
	letter-spacing: 0.02em;
	cursor: pointer;
}
.mailForm .radioUl input:disabled + span,
.mailForm .radioList .radio input:disabled + span {
	cursor: inherit;
}
.mailForm .radioUl input + span::before,
.mailForm .radioList .radio input + span::before {
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	left: 1.5rem;
	top: 1.2rem;
	border-radius: 50%;
	border: 0.1rem solid rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	content: '';
	transition: .3s;
}
.mailForm .radioList .radio input + span small {
	margin-top: 0.2rem;
	display: block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0.02em;
}
.mailForm .radioUl input + span::after,
.mailForm .radioList .radio input + span::after {
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	left: 2.1rem;
	top: 1.8rem;
	border-radius: 50%;
	background-color: #0796ff;
	content: '';
	transition: .3s;
	opacity: 0;
}
.mailForm .radioUl input:checked + span,
.mailForm .radioList .radio input:checked + span {
	font-weight: 500;
}
.mailForm .radioUl input:checked + span::before,
.mailForm .radioList .radio input:checked + span::before {
	border-width: 0.2rem;
	border-color: #0796ff;
}
.mailForm .radioUl input:checked + span::after,
.mailForm .radioList .radio input:checked + span::after {
	opacity: 1;
}
.mailForm .radioList .radio .comError {
	margin-top: 0.4rem;
	padding: 0 1.5rem 0.8rem;
}
.mailForm .radioList .subBox {
	padding: 2.4rem 1.6rem 1.9rem;
	min-height: 10.2rem;
	/* display: none; */
	box-sizing: border-box;
	border-top: 0.1rem solid rgba(0,0,0,0.05);
	background-color: #f7f7f8;
}
.mailForm .radioList li:first-of-type .subBox {
	display: block;
}
.mailForm .radioList .subBox.box01 {
	padding-bottom: 3.1rem;
}
.mailForm .radioList .subBox.paybox {
	padding: 2.2rem 1.7rem 2.4rem;
}
.mailForm .radioList .subBox .txt {
	margin-bottom: 0.6rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: -0.01em;
}
.mailForm .radioList .subBox .link {
	margin-top: 1.8rem;
	text-align: right;
}
.mailForm .radioList .subBox .link a {
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 2.17;
	letter-spacing: -0.01em;
	text-decoration: underline;
	vertical-align: top;
}
.mailForm .radioList .subBox .note {
	margin-top: 1.5rem;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
}
.mailForm .radioList .subBox .ttl {
	margin-bottom: 1.3rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.79;
	letter-spacing: 0.02em;
}
.mailForm .radioList .subBox .btmTxt {
	margin: 0.9rem 0.5rem 0.5rem 0.1rem;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.2rem;
	font-feature-settings: normal;
	line-height: 1.33;
	letter-spacing: -0.01em;
}
.mailForm .radioList .subBox .carBox {
	margin-bottom: 3.1rem;
}
.mailForm .radioList .subBox .carBox .carTxt {
	font-size: 1.5rem;
	font-weight: 700;
	font-feature-settings: normal;
	line-height: 1.47;
	letter-spacing: -0.01em;
	word-break: break-all;
	font-family: "Lato", sans-serif;
}
.mailForm .radioList .subBox .check input {
	display: none;
}
.mailForm .radioList .subBox .check input + span {
	padding-left: 3.5rem;
	position: relative;
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.33;
	vertical-align: top;
}
.mailForm .radioList .subBox .check input + span::before {
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	left: -0.1rem;
	top: -0.1rem;
	border-radius: 0.4rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	background-color: #fff;
	content: '';
	transition: .3s;
}
.mailForm .radioList .subBox .check input:checked + span {
	font-weight: 500;
	cursor: pointer;
}
.mailForm .radioList .subBox .check input:checked + span::before {
	border-color: #0796ff;
	background-color: #0796ff;
}
.mailForm .radioList .subBox .check input + span::after {
	width: 1.6rem;
	height: 1.2rem;
	position: absolute;
	left: 0.4rem;
	top: 0.6rem;
	background: url(../../images/common/icon14.png) no-repeat center center / 100% auto;
	content: '';
	z-index: 3;
	opacity: 0;
	transition: .3s;
}
.mailForm .radioList .subBox .check input:checked + span::after {
	opacity: 1;
}
.mailForm .radioList .subBox .checkBox {
	padding-top: 1.3rem;
}
.mailForm .radioList .imgList {
	margin: 5px 1px 0 0;
	float: right;
	display: flex;
	flex-wrap: wrap;
}
.mailForm .radioList .imgList span {
	margin-right: 2px;
}
.mailForm .radioList .imgList span:last-of-type {
	margin-right: 0;
}
.mailForm .radioList .imgList img {
	width: 2.3rem;
}
.mailForm .radioUl {
	border: none;
	border-radius: 0;
}
.mailForm .radioUl li {
	margin-bottom: 0rem;
	border: none;
}
.mailForm .radioUl input + span {
	padding: 0.8rem 0 0.7rem 3.6rem;
}
.mailForm .radioUl input + span::before {
	left: 0;
	top: 0.8rem;
	background: rgba(255, 255, 255, 0.7);
}
.mailForm .radioUl input + span::after {
	left: 0.6rem;
	top: 1.4rem;
}
.mailForm .radioUl .comError {
	margin: 0 0 0 3.6rem;
}
.mailForm .tText {
	margin: 0.1rem -0.2rem 0.2rem;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	text-align: right;
}
.mailForm .tText span {
	margin-left: 0.4rem;
	display: inline-block;
	line-height: 1;
	vertical-align: -0.1rem;
}
.mailForm .tText img {
	width: 0.7rem;
}
.mailForm .formList {
	margin: 0 -0.1rem;
}
.mailForm .formList dt {
	margin-bottom: 0.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.79;
	letter-spacing: 0.02em;
}
.mailForm .formList dt span {
	margin-left: 0.6rem;
	display: inline-block;
	line-height: 1;
	vertical-align: -0.15em;
}
.mailForm .formList dt img {
	width: 0.7rem;
}
.mailForm .formList dt a {
	margin-left: 0.5rem;
	position: relative;
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1;
	display: inline-block;
	background: url(../../images/SC_O01_03/img06.png) no-repeat center center / 100% auto;
	vertical-align: -0.3rem;
}
.mailForm .formList dt .hoverInner {
	margin-left: 0.5rem;
	position: relative;
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1;
	display: inline-block;
	background: url(../../images/SC_O01_03/img06.png) no-repeat center center / 100% auto;
	vertical-align: -0.3rem;
	cursor: pointer;
}
.mailForm .formList dt a .hoverBox {
	padding: 1.2rem 1rem 1.1rem;
	width: 20rem;
	position: absolute;
	left: 50%;
	bottom: calc(100% + 1.1rem);
	transform: translateX(-50%);
	border-radius: 1rem;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
}
.mailForm .formList dt .hoverInner .hoverBox {
	padding: 1.2rem 1rem 1.1rem;
	width: 21.2rem;
	position: absolute;
	left: 50%;
	bottom: calc(100% + 1.1rem);
	transform: translateX(-50%);
	border-radius: 1rem;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
}
.mailForm .formList dt a .hoverBox::before {
	width: 1rem;
	height: 0.8rem;
	position: absolute;
	left: 50%;
	bottom: -0.8rem;
	transform: translateX(-50%);
	background: url(../../images/SC_O01_03/bg01.png) no-repeat center center / 100% auto;
	content: '';
}
.mailForm .formList dt .hoverInner .hoverBox::before {
	width: 1rem;
	height: 0.8rem;
	position: absolute;
	left: 50%;
	bottom: -0.8rem;
	transform: translateX(-50%);
	background: url(../../images/SC_O01_03/bg01.png) no-repeat center center / 100% auto;
	content: '';
}
.mailForm .formList dt a .hoverBox p {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.17;
	letter-spacing: 0.02em;
}
.mailForm .formList dt .hoverInner .hoverBox p {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.17;
	letter-spacing: 0.02em;
}
.mailForm .formList dt .hoverInner .hoverBox p {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.17;
	letter-spacing: 0.02em;
}
.mailForm .formList dd {
	margin-bottom: 1.4rem;
}
.mailForm .formList dd:last-of-type {
	margin-bottom: 0;
}
.mailForm .formList input[type="text"],
.mailForm .formList input[type="tel"],
.mailForm .formList input[type="number"],
.mailForm .formList input[type="email"],
.mailForm .formList select,
.mailForm .formList textarea {
	padding: 0.5rem 1.5rem;
	width: 100%;
	height: 50px;
	color: #000;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	border-radius: 0.8rem;
	background-color: #fff;
	appearance: none;
}
.mailForm .formList input[type=number]::-webkit-inner-spin-button,
.mailForm .formList input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mailForm .formList input[type="number"] {
	-webkit-appearance:textfield;
	-moz-appearance:textfield;
	-o-appearance:textfield;
	-ms-appearance:textfield;
	appearance:textfield;
}
.mailForm .formList textarea:focus,
.mailForm .formList select:focus,
.mailForm .formList input:focus {
	border-color: #0796ff;
}
input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.mailForm .formList select {
	padding-right: 3.5rem;
	color: rgba(0, 0, 0, 0.3);
	font-weight: 500;
	background: url(../../images/common/icon08_over.png) no-repeat right 1.5rem top calc(50% + 0.1rem) / 1.2rem auto;
	background-color: #fff;
}
.mailForm .formList select[disabled] {
	background-color: rgba(0, 0, 0, 0.05);
	background-image: url(../../images/common/icon08_gray.png)
}
.mailForm .formList select.color {
	color: #000;
}
.mailForm .formList input.code {
	padding-right: 6rem;
	background: url(../../images/SC_O01_03/img07.png) no-repeat right 1.1rem center / 4.5rem auto;
	background-color: #fff;
}
.mailForm .noteList {
	margin-top: 1.7rem;
}
.mailForm .noteList li {
	padding-left: 1.1rem;
	position: relative;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	border-bottom: none;
}
.mailForm .noteList li::before {
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: -0.1rem;
	top: 0;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	content: '・';
}
.mailForm .linkList {
	text-align: center;
}
.mailForm .linkList li:not(:last-of-type) {
	margin-bottom: 1.4rem;
}
.mailForm .linkList .btn,
.mailForm .linkList a {
	margin: 0 auto;
	width: 100%;
	height: 5rem;
	max-width: 34.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: center;
	border: none;
	box-shadow: none;
	border-radius: 90px;
	appearance: none;
	background: #0796ff;
	cursor: pointer;
	transition: .3s;
}
.mailForm .linkList .list01 .btn,
.mailForm .linkList .list01 a {
	color: #0796ff;
	font-size: 1.6rem;
	letter-spacing: -0.01em;
	background: transparent;
}
.mailForm .linkList .list02 {
	margin-bottom: 1.9rem !important;
}
.mailForm .linkList .list02 .btn,
.mailForm .linkList .list02 a {
	height: 6.4rem;
	font-size: 2rem;
}
.comError {
	margin-top: 0.8rem;
	color: #d62b1f;
	font-size: 1.2rem;
	display: block;
	letter-spacing: -0.01em;
}
.mailForm .sslTxt {
	margin: 16px 0 20px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	text-align: center;
}
.mailForm .tBox {
	position: relative;
}
.mailForm .confirmDl {
	margin-bottom: 4rem;
}
.mailForm .confirmDl dt {
	margin-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.mailForm .confirmDl dd {
	margin-bottom: 3rem;
	padding: 1.4rem 1.2rem 1.4rem;
	position: relative;
	border-radius: 0.8rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #fff;
}
.mailForm .confirmDl dd:last-of-type {
	margin-bottom: 0;
}
.mailForm .confirmDl dd.nochange {
	background-color: rgba(0, 0, 0, 0.05);
}

.mailForm .confirmDl dd .-address {
	padding-right: 2em;
}

.mailForm .confirmDl dd p {
	font-size: 1.6rem;
	line-height: 1.625;
	letter-spacing: 0.02em;
}
.mailForm .confirmDl dd p + p {
	margin-top: 0.8rem;
}
.mailForm .confirmDl dd .ttl {
	font-weight: 500;
}
.mailForm .confirmDl dd.nochange p {
	color: rgba(0, 0, 0, 0.5);
}
.mailForm .confirmDl dd .comChange {
	right: 1.6rem;
	top: 1.5rem;
}
.mailForm .comPriceAll {
	padding-bottom: 2.7rem;
}
.mailForm .comPriceAll .btmText {
	margin-bottom: 0.3rem;
}
.mailForm .comPriceAll .payAll {
	margin: 1.3rem 0 0;
	padding-top: 2rem;
	color: rgba(0, 0, 0, 0.9);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mailForm .comPriceAll .payAll .txt {
	margin: 0.8rem 0 0;
	font-size: 1.6rem;
}
.mailForm .confirmList {
	margin-bottom: 2.3rem;
}
.mailForm .confirmList li {
	margin-bottom: 1.6rem;
	color: rgba(0, 0, 0, 0.7);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: 0.02em;
	opacity: 0.69;
}
.mailForm .confirmList li a {
	color: rgba(0, 0, 0, 0.7);
	opacity: 0.69;
	text-decoration: underline;
}
.mailForm .confirmList li:last-of-type {
	margin-bottom: 0;
}
.mailForm .formText {
	margin-bottom: 3rem;
}
.mailForm  select.error,
.mailForm  textarea.error,
.mailForm  input[type="text"].error,
.mailForm  input[type="number"].error,
.mailForm  input[type="tel"].error,
.mailForm  input[type="email"].error,
.mailForm  input[type="password"].error {
	border-color: #d62b1f;
	box-shadow: inset 0 0 0 0.3rem #ffe5e4;
}
.mailForm .confirmBox input:disabled,
.mailForm .confirmBox textarea:disabled {
	background-color: rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 519px) {
	.mailForm .formList dt a.on .hoverBox {
		opacity: 1;
		visibility: inherit;
	}
	.mailForm .formList dt .hoverInner.on .hoverBox {
		opacity: 1;
		visibility: inherit;
	}
}
@media all and (min-width: 520px) {
	.mailForm .submit a:hover {
		background: #0071e2;
	}
	.mailForm .submit .a input:hover {
		color: #0171e2;
		background: transparent;
	}
	.mailForm .confirmList li a:hover {
		color: rgba(0, 0, 0, 0.9);
		opacity: 1;
		text-decoration: none;
	}
	.mailForm {
		margin-bottom: 3.4rem;
	}
	.mailForm .comBox {
		max-width: 123.2rem;
	}
	.mailForm .headLine01 {
		margin-bottom: 4.5rem;
	}
	.mailForm .formDl {
		margin: 0 auto 3.9rem;
		width: 56rem;
	}
	.mailForm .radioList .subBox .link a:hover {
		color: rgba(0, 0, 0, 0.9);
		text-decoration: none;
	}
	.mailForm .linkList .btn:hover,
	.mailForm .linkList a:hover {
		background-color: #0071e2;
	}
	.mailForm .linkList .list01 .btn:hover,
	.mailForm .linkList .list01 a:hover {
		color: #0171e2;
		background-color: transparent;
	}
	.mailForm .formList dt a:hover {
		background-image: url(../../images/SC_O01_03/img06_over.png);
	}
	.mailForm .formList dt .hoverInner:hover {
		background-image: url(../../images/SC_O01_03/img06_over.png);
	}
	.mailForm .formList dt a:hover .hoverBox {
		opacity: 1;
		visibility: inherit;
	}
	.mailForm .formList dt .hoverInner:hover .hoverBox {
		opacity: 1;
		visibility: inherit;
	}
}
/* .a-upload */
.mailForm .a-upload {
	padding-right: 3rem;
	margin-bottom: 11px;
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 1.5;
	min-height: 8rem;
	width: fit-content;
}
.mailForm .a-upload:last-child {
	margin-bottom: 0;
}
.mailForm .a-upload .showFileName {
	padding: 0.5rem 0 2rem;
    width: auto;
	font-size: 1.6rem;
	display: inline-block;
}
.mailForm .a-upload .fileerrorTip {
    width: 17.5rem;
    min-height: 2rem;
    padding: 1.1rem;
    display: block;
	box-sizing: border-box;
	text-align: center;
	display: block;
	letter-spacing: 0.02em;
	font-size: 1.4rem;
	font-weight: 500;
	color: #0696FF;
	border-radius: 2.2rem;
	border: 1px solid rgba(17, 17, 18, 0.2);
	background-color: #fff;
}
.mailForm .a-upload > input {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100px!important;
	width: 17.5rem!important;
	height: 100px!important;
	z-index: 10;
	right: 0;
	top: 0;
	padding: 0!important;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
.mailForm .a-upload:hover {
    text-decoration: none
}
.mailForm .a-upload .close {
	width: 2rem;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	cursor: pointer;
	z-index: 11;
}
@media all and (min-width: 520px) {
	.mailForm .a-upload:hover .fileerrorTip {
		border-color: #0696FF;
		transition: .3s;
	}
	.mailForm .a-upload .close:hover {
		opacity: 0.7;
	}
}


/* checkP */
.mailForm .checkP {
	padding: 2.4rem 1.5rem 2.3rem 2.4rem;
	margin: 0 auto 3.1rem;
	width: 22.8rem;
	box-sizing: border-box;
	background-color: rgba(7, 150, 255, 0.05);
}
.mailForm .checkP input[type="checkbox"] {
	display: none;
}
.mailForm .checkP input[type="checkbox"] ~ span {
	cursor: pointer;
	padding-left: 3.6rem;
    vertical-align: top;
    line-height: 1.6;
	display: inline-block;
	background: url(../../images/common/check_img.png) no-repeat left top / 2.4rem auto;
}
.mailForm .checkP input[type="checkbox"]:checked ~ span {
	background-image: url(../../images/common/check_img01.png);
}
/*------------------------------------------------------------
	comChange
------------------------------------------------------------*/
.comChange {
	position: absolute;
	right: 0;
	top: 1px;
}
.comChange a {
	display: block;
	color: #0796ff;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: -0.01em;
}
@media all and (min-width: 520px) {
	.comChange a:hover {
		color: #0171e2;
	}
}
/*------------------------------------------------------------
	comBtnList
------------------------------------------------------------*/
.comBtnList {
	margin: 0 auto;
	max-width: 34.3rem;
}
.comBtnList li:not(:last-of-type) {
	margin-bottom: 1.6rem;
}
.comBtnList a {
	padding: 1.4rem 1rem 1.2rem;
	display: block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.11;
	letter-spacing: 0.02em;
	text-align: center;
	border-radius: 9rem;
	border: 0.2rem solid #0796ff;
	background-color: #0796ff;
}
.comBtnList .list01 a {
	padding: 1.3rem 1rem;
	color: #0796ff;
	letter-spacing: -0.01em;
	background-color: #fff;
}
@media all and (min-width: 520px) {
	.comBtnList a:hover {
		border-color: #0071e2;
		background-color: #0071e2;
	}
	.comBtnList .list01 a:hover {
		border-color: #0796ff;
		background-color: rgba(6, 150, 255, 0.1);
	}
}
/*------------------------------------------------------------
	絞り込みモーダル
------------------------------------------------------------*/
.popBox .narrowBox {
	padding: 1.7rem 4.6rem 3rem;
}
.popBox .narrowBox .selectList01 {
	display: flex;
}
.popBox .narrowBox .selectList01 li {
	width: calc(65% - 0.8rem);
}
.popBox .narrowBox .selectList01 li:first-child {
	margin-right: 0.8rem;
	width: 35%;
}
.popBox .narrowBox .formList dd {
	margin-bottom: 3rem;
}
.popBox .narrowBox .accordion {
	border-radius: 0.8rem;
	padding: 0.4rem 1.6rem 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.popBox .narrowBox .accordion.open {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);	
}
.popBox .narrowBox .accTitle {
	margin: -0.4rem -1.6rem 0;
	padding: 1.2rem 3.6rem 1.2rem 1.6rem;
	color: rgba(0, 0, 0, 0.9);
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	background: url(../../images/common/icon08_over.png) no-repeat right 1.6rem center / 1.2rem auto;
}
.popBox .narrowBox .accCont {
	padding: 0.6rem 0;
	display: none;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.popBox .narrowBox .subAccTtl {
	padding: 1.5rem 0;
	position: relative;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: -0.01em;
	line-height: 1.875;
	color: rgba(0, 0, 0, 0.9);
}
.popBox .narrowBox .subAccTtl::after {
	position: absolute;
	right: 0;
	top: 0;
	width: 1.2rem;
	height: 100%;
	content: '';
	background: url(../../images/common/icon08.png) no-repeat right center / 100% auto;
}
.popBox .narrowBox .subAccTtl.on::after {
	transform: rotate(180deg);
}
.popBox .narrowBox .subAccList {
	padding: 0 0 1rem;
	display: none;
}
.popBox .narrowBox .subAccList label input {
	display: none;
}
.popBox .narrowBox .subAccList input ~ span {
	display: inline-block;
	padding: 1.6rem 0 1.5rem 1.8rem;
	font-size: 1.4rem;
}
.popBox .narrowBox .subAccList input:checked ~ span {
	background: url(../../images/common/icon15.png) no-repeat left center / 1.2rem;
}
.popBox .narrowBox .checkResult {
	margin-bottom: 2rem;
}
.popBox .narrowBox .checkResult li {
	padding: 1.5rem 1.5rem 1.5rem 4.2rem;
	position: relative;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.875;
	color: rgba(0, 0, 0, 0.9);
	background: url(../../images/common/icon15.png) no-repeat left 2rem top calc(50% + 0.2rem) / 1.6rem;
}
.popBox .narrowBox .priceList {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popBox .narrowBox .priceList li {
	position: relative;
}
.popBox .narrowBox .priceList li:nth-child(2) {
	margin: 0 0.7rem;
}
.popBox .narrowBox .priceList .init {
	position: absolute;
	right: 1.5rem;
	top: 50%;
	color: rgba(0,0,0,0.9);
	font-weight: 500;
	transform: translateY(-50%);
}
.popBox .narrowBox .checkArea {
	margin-top: -0.8rem;
}
.popBox .narrowBox .checkBtn {
	margin: 0.8rem 0.8rem 0 0;
	display: inline-block;
}
.popBox .narrowBox .checkBtn input { 
	display: none;
}
.popBox .narrowBox .checkBtn input ~ span {
	height: 5rem;
	display: inline-block;
	cursor: pointer;
	padding: 1.2rem 2rem 1.2rem 4rem;
	color: rgba(0, 0, 0, 0.9);
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	border-radius: 0.8rem;
	border: 0.1rem solid rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	background: url(../../images/common/icon15_gray.png) no-repeat left 1.3rem center / 1.5rem auto;
}
.popBox .narrowBox .checkBtn input:checked ~ span {
	border-color: #0796ff;
	background-image: url(../../images/common/icon15.png);
	box-shadow: inset 0 0 0 1px #0796ff;
}
.popBox .narrowBox .checkBtn input[disabled] ~ span {
	cursor: default;
	color: rgba(0, 0, 0, 0.3);
	background-color: rgba(0, 0, 0, 0.05);
}
.popBox .narrowBox .formNote {
	margin: 1.7rem 0 0 1.4rem;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	line-height: 1.33;
	color: rgba(0, 0, 0, 0.5);
	text-indent: -1.4rem;
}
.popBox .narrowBox .linkList li {
	padding: 1.2rem 0 0;
	border: none;
}
.popBox .narrowBox .linkList a span {
	margin-left: 1.5rem;
}
.popBox input[type="reset"] {
	margin: 0 auto;
	width: 13.1rem;
	height: 4.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0796ff;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	border: none;
	box-shadow: none;
	border-radius: 4.4rem;
	appearance: none;
	cursor: pointer;
	transition: .3s;
	border: 1px solid rgba(17, 17, 18, 0.2);
	background-color: #FFF;
}
@media all and (min-width: 520px) {
	.popBox input[type="reset"]:hover {
		border-color: #0796ff;
	}
	.popBox .narrowBox .priceList li {
		width: 16.1rem;
	}
	.popBox .narrowBox .priceList li:nth-of-type(2) {
		width: auto;
	}
	.popBox .narrowBox .priceList input {
		padding-right: 4rem;
	}
}
@media all and (max-width: 519px) {
	.popBox .close01 {
		position: absolute;
		right: 1.6rem;
		top: 1.8rem;
		width: 1.4rem;
	}
	.popBox .narrowBox {
		padding: 8.1rem 1.6rem 3rem;
		border-radius: 0;
	}
	.popBox .narrowBox .priceList input {
		padding-right: 4rem;
	}
}



.comltemlist {
	margin: -5.5rem 0 7rem;
	display: flex;
	flex-wrap: wrap;
}
.comltemlist li {
	margin: 5.5rem 1.6rem 0 0;
	padding-bottom: 5.6rem;
	width: calc((100% - 6.4rem) / 5);
	position: relative;
}
.comltemlist li:nth-of-type(5n) {
	margin-right: 0;
}
.comltemlist .pho {
	margin-bottom: 1.8rem;
}
.comltemlist .pho a {
	display: block;
	aspect-ratio: 1/1;
	border-radius: 0.8rem;
	box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.2);
	background-color: #fff;
	overflow: hidden;
}
.comltemlist .pho img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s;
}
.comltemlist .txtBox {
	margin: 0 0.5rem;
}
.comltemlist .ttl {
	margin-top: -0.8rem;
	padding: 0.6rem 0 0.6rem 1.6rem;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: -0.01em;
	vertical-align: top;
	background: url(../../images/common/icon16.png) no-repeat left top 0.8rem / 1.3rem auto;
	color: #1a1311;
}
.comltemlist .ttl span {
	background: url(../../images/SC_P03_01/itemlist/line01.jpg) repeat-x left bottom / 0.1rem auto;
}
.comltemlist .tagList {
	margin: -0.5rem 0 1.1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.comltemlist .tagList li {
	margin: 0.5rem 0.7rem 0 0;
	padding: 0;
	width: auto;
	color: rgba(220, 34, 0, 0.6);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.03em;
}
.comltemlist .tagList li:last-of-type {
	margin-right: 0;
}
.comltemlist .tagList .new {
	padding: 0 0.4rem 0.1rem;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.03em;
	border-radius: 0.2rem;
	background-color: #dc2204;
	font-family: "Lato", sans-serif;
}
.comltemlist .tagList .order {
	color: #dc2201;
}
.comltemlist .tagList .reserve {
	color: #71c311;	
}
.comltemlist .txt a {
	display: block;
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 1.43;
	letter-spacing: -0.01em;
	vertical-align: top;
}
.comltemlist .price {
	padding: 0 0.5rem;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.comltemlist .price a {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.33;
	vertical-align: top;
	font-family: "Lato", sans-serif;
}
.comltemlist .price small {
	margin-left: 0.4rem;
	font-size: 1.2rem;
	line-height: 2;
	letter-spacing: -0.01em;
	font-family: "Noto Sans JP", sans-serif;
}
.comltemlist .red {
	margin-bottom: 0.7rem;
	color: rgba(220, 34, 0, 0.6);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.03em;
}
.comltemlist .price span {
	margin-left: 0.8rem;
	padding: 0.2rem 0.3rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	border-radius: 0.4rem;
	background: rgba(0, 0, 0, 0.3);
	vertical-align: 0.2rem;
}
.comltemlist .price.none a {
	color: rgba(0, 0, 0, 0.3);
}
@media all and (min-width: 520px) {
	.comltemlist .pho a:hover img {
		transform: scale(1.05);
	}
	.comltemlist .txt a:hover {
		color: #0796ff;
	}
	.comltemlist .price a:hover {
		color: #0796ff;
	}
}
@media all and (max-width: 519px) {
	.comltemlist {
		margin: -4.5rem 0 7rem;
		justify-content: space-between;
	}
	.comltemlist li {
		margin: 4.5rem 0 0;
		padding-bottom: 3.4rem;
		width: calc((100% - 0.9rem) / 2);
	}
	.comltemlist .pho {
		margin-bottom: 1.6rem;
	}
	.comltemlist .txtBox {
		margin: 0 0.5rem;
	}
	.comltemlist .ttl {
		margin-top: 0rem;
		padding: 0.7rem 0 0.6rem 1.6rem;
		font-size: 0.9rem;
	}
	.comltemlist .ttl span {
		background: url(../../images/SC_P03_01/itemlist/line01.jpg) repeat-x left bottom / 0.1rem auto;
	}
	.comltemlist .tagList {
		margin: -0.5rem 0 1.1rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.comltemlist .tagList li {
		margin: 0.5rem 0.7rem 0 0;
		padding: 0;
		width: auto;
		color: rgba(220, 34, 0, 0.6);
		font-size: 1.2rem;
		font-weight: 500;
		letter-spacing: 0.03em;
	}
	.comltemlist .tagList li:last-of-type {
		margin-right: 0;
	}
	.comltemlist .tagList .new {
		padding: 0.1rem 0.4rem 0;
		color: #fff;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.2;
		letter-spacing: 0.03em;
		border-radius: 0.2rem;
		background-color: #dc2204;
		font-family: "Lato", sans-serif;
	}
	.comltemlist .tagList .order {
		color: #dc2201;
	}
	.comltemlist .txt a {
		color: rgba(0, 0, 0, 0.87);
		font-size: 1.4rem;
		line-height: 1.43;
		letter-spacing: -0.01em;
		vertical-align: top;
	}
	.comltemlist .price {
		padding: 0 0.5rem;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.comltemlist .price a {
		display: inline-block;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.33;
		vertical-align: top;
		font-family: "Lato", sans-serif;
	}
	.comltemlist .price small {
		margin-left: 0.4rem;
		font-size: 1.2rem;
		line-height: 2;
		letter-spacing: -0.01em;
		font-family: "Noto Sans JP", sans-serif;
	}
}

.pageNavi {
	padding: 2.2rem 2rem 2.3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.pageNavi li {
	margin: 0 2.4rem;
	width: 4.4rem;
	height: 4.4rem;
	transition: .3s;
	cursor: pointer;
}
.pageNavi .prev {
	background: url(../../images/common/arrow03.png) no-repeat center center / 100% auto;
}
.pageNavi .next {
	background: url(../../images/common/arrow04.png) no-repeat center center / 100% auto;
}
.pageNavi select {
	width: 100%;
	height: 4.4rem;
	color: rgba(0, 0, 0, 0.9);
	font-size: 1.8rem;
	line-height: 1.33;
	border-radius: 0.8rem;
	box-shadow: none;
	border: 0.1rem solid rgba(0,0,0,0.2);
	box-sizing: border-box;
	appearance: none;
	text-align: center;
	text-align-last: center;
	background: #fff;
	font-family: "Lato", sans-serif;
}
@media all and (min-width: 520px)  {
	.pageNavi .prev:hover {
		background-image: url(../../images/common/arrow03_over.png);
	}
	.pageNavi .next:hover {
		background-image: url(../../images/common/arrow04_over.png);
	}
}
@media all and (max-width: 519px) {
	.pageNavi {
		margin: 0 -1.6rem;
		padding-bottom: 2.1rem;
	}
}

.pagePath {
	padding: 2.4rem 2rem 4.8rem;
	border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.pagePath ul {
	margin: 0 auto;
	max-width: 118.4rem;
	display: flex;
}
.pagePath li {
	margin-right: 0.8rem;
	font-size: 1.2rem;
	line-height: 1.43;
	word-break: break-all;
	flex-shrink: 0;
}
.pagePath li:last-of-type {
	margin-right: 0;
	flex-shrink: 1;
}
.pagePath a {
	padding-right: 1.5rem;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: underline;
	background: url(../../images/common/icon17.png) no-repeat right center / 0.7rem auto;
}
@media all and (min-width: 520px) {
	.pagePath a:hover {
		color: rgba(0, 0, 0, 0.9);
		text-decoration: none;
	}
}
@media all and (max-width: 519px) {
	.pagePath {
		padding: 2rem 1.6rem 5.4rem;
		overflow-x: auto;
	}
	.pagePath ul {
		min-width: 80rem;
		max-width: inherit;
		flex-wrap: nowrap;
		word-break: keep-all;
	}
	.pagePath li {
		word-break: keep-all;
	}
}

.comShopBox {
	margin: 0 0 3.3rem 0.2rem;
}
.comShopBox .slideBox {
	padding: 0 0 1.2rem;
	position: relative;
}
.comShopBox .slideBox .slick-list {
	padding: 0.5rem 0 0.5rem 0.5rem !important;
}
.comShopBox .slideBox .photoList .item,
.comShopBox .slideBox .photoList li {
	margin-right: 0.8rem;
	width: 34.3rem !important;
	height: 34.3rem;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0.1rem 0.6rem rgba(0,0,0,0.2);
	border-radius: 1.2rem;
}
.comShopBox .slideBox .photoList .item > img,
.comShopBox .slideBox .photoList li > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comShopBox .slideBox .photoList a {
	width: 5.4rem;
	height: 4.4rem;
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.comShopBox .slideBox .photoList a img {
	width: 3rem;
}
.comShopBox .slideBox .arrowList li {
	width: 3.6rem;
	height: 3.6rem;
	position: absolute;
	left: 0.2rem;
	top: calc(50% - 0.9rem);
	transform: translateY(-50%);
	background: url(../../images/common/arrow06.png) no-repeat center center / 2.4rem auto;
	content: '';
	cursor: pointer;
}
.comShopBox .slideBox .arrowList .next {
	left: auto;
	right: 0.7rem;
	background-image: url(../../images/common/arrow05.png);
}
.comShopBox .phoUl {
	margin: 0 auto 4.2rem;
	font-size: 0;
	text-align: center;
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 32rem;
}
.comShopBox .phoUl .slick-list {
	padding: 0.2rem 0;
}
.comShopBox .phoUl .phoUlList {
	margin: 0 0.4rem;
	width: 5.6rem !important;
	height: 5.6rem;
	border-radius: 0.4rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.comShopBox .phoUl .phoUlList::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border: 0.1rem solid rgba(0, 0, 0, 0.2);
	border-radius: 0.4rem;
	box-sizing: border-box;
	content: '';
	transition: .3s;
}
.comShopBox .phoUl .slick-current .phoUlList::before,
.comShopBox .phoUl .phoUlList.on::before {
	width: calc(100% + 0.4rem);
	height: calc(100% + 0.4rem);
	border-width: 0.2rem;
	border-radius: 0.6rem;
	border-color: #0796FF;
}
.comShopBox .phoUl img {
	width: 100%;
	height: 100%;
	border-radius: 0.4rem;
	object-fit: cover;
}
.comTagBox {
	margin-bottom: 3.3rem;
	padding: 0 0 4rem;
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.comTagBox .tagList {
	margin: -0.4rem 0 2.4rem;
	display: flex;
	flex-wrap: wrap;
}
.comTagBox .tagList li {
	margin: 0.4rem 0.4rem 0 0;
}
.comTagBox .tagList li:last-of-type {
	margin-right: 0;
}
.comTagBox .tagList .list01 {
	padding: 0.6rem 0.8rem 0.6rem 2.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-align: center;
	border-radius: 0.3rem;
	background: url(../../images/common/icon16.png) no-repeat left 0.6rem center / 1.5rem auto;
	background-color: #ffcb03;
}
.comTagBox .tagList .new {
	padding: 0.1rem 0.5rem 0;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	border-radius: 0.3rem;
	background-color: rgba(220, 34, 0, 0.9);
	font-family: "Lato", sans-serif;
}
.comTagBox .tagList .order {
	padding: 0.1rem 0.5rem 0;
	color: #dc2200;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	border-radius: 0.4rem;
	border: 0.1rem solid rgba(220, 34, 0, 0.5);
}
.comTagBox .lead {
	margin-bottom: 2.6rem;
	font-size: 2.2rem;
	line-height: 1.5;
	letter-spacing: -0.01em;
}
.comTagBox .lead span {
	margin-top: 0.7rem;
	display: block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -0.01em;
}
.comTagBox .price {
	margin-bottom: 3.2rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.01em;
}
.comTagBox .price.default {
	color: rgba(0, 0, 0, 0.3);
}
.comTagBox .price .sml {
	margin-right: 1.7rem;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 2;
	font-weight: 400;
	letter-spacing: -0.01em;
	vertical-align: 0;
}
.comTagBox .price .txt {
	margin-right: 0.8rem;
	display: inline-block;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	font-family: "Lato", sans-serif;
	vertical-align: -0.1rem;
}
.comTagBox .price .txt small {
	margin-left: 0.7rem;
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	vertical-align: 0.1rem;
	font-family: "Noto Sans JP", sans-serif;
}
.comTagBox .price.line .txt {
	position: relative;
}
.comTagBox .price.line .txt::before {
	width: calc(100% - 2rem);
	height: 0.1rem;
	position: absolute;
	left: 0;
	top: calc(50% + 0.2rem);
	background-color: rgba(0, 0, 0, 0.9);
	content: '';
}
.comTagBox .price.line + .price {
	margin-top: -2rem;
}
.comTagBox .price.cor01 small,
.comTagBox .price.cor01 .txt {
	color: #DC000C;
}
.comTagBox .price + .priceSml {
	margin-top: -2.3rem;
}
.comTagBox .priceSml {
	margin-bottom: 2.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.01em;
}
.comTagBox .priceSml span {
	margin: 0 0.4rem 0 0.8rem;
	display: inline-block;
	font-size: 2rem;
	line-height: 1.2;
	letter-spacing: 0;
	font-family: "Lato", sans-serif;
	vertical-align: -0.1rem;
}
.comTagBox .selList {
	margin-bottom: 2.5rem;
}
.comTagBox .selList dt {
	margin-bottom: 0.7rem;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.comTagBox .selList dd {
	margin-bottom: 2.4rem;
}
.comTagBox .selList dd:last-of-type {
	margin-bottom: 0;
}
.comTagBox .selList dd input,
.comTagBox .selList dd select {
	padding: 0.5rem 3rem 0.5rem 1.5rem;
	width: 100%;
	height: 5rem;
	color: rgba(0, 0, 0, 0.9);
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	border-radius: 1rem;
	border: 0.1rem solid rgba(0, 0, 0, 0.2);
	appearance: none;
	box-sizing: border-box;
	background: url(../../images/common/icon08_over.png) no-repeat right 1.5rem top calc(50% + 0.1rem) / 1.2rem auto;
	background-color: #fff;
}
.comTagBox .selList dd input {
	background-image: none;
}
.comTagBox .selList dd input::-webkit-input-placeholder,
.comTagBox .selList dd textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.comTagBox .selList dd input:-moz-placeholder,
.comTagBox .selList dd textarea:-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.comTagBox .selList dd input::-moz-placeholder,
.comTagBox .selList dd textarea::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.comTagBox .selList dd input:-ms-input-placeholder,
.comTagBox .selList dd textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
}
.comTagBox .selList dd .selUl {
	margin: 1rem 0.5rem 3.2rem;
}
.comTagBox .selList dd .selUl li {
	margin-bottom: 0.5rem;
	padding-left: 1rem;
	position: relative;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	text-indent: 0;
}
.comTagBox .selList dd .selUl li a {
	color: rgba(0, 0, 0, 0.5);
	text-decoration: underline;
}
.comTagBox .selList dd .selUl li::before {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	left: 0.1rem;
	top: 0.7rem;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.5);
	content: '';
}
.comTagBox .numList {
	margin-bottom: 2.4rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.comTagBox .numList li.add,
.comTagBox .numList li.reduce {
	width: 4rem;
	height: 4rem;
	position: relative;
	border-radius: 50%;
	border: 0.2rem solid #0796ff;
	background: #fdfeff;
	cursor: pointer;
}
.comTagBox .numList li.add::before,
.comTagBox .numList li.reduce::before,
.comTagBox .numList li.add::after {
	width: 1.4rem;
	height: 0.2rem;
	position: absolute;
	left: calc(50% - 0.6rem);
	top: calc(50% - 0.1rem);
	border-radius: 0.5rem;
	background-color: #0796FF;
	content: '';
}
.comTagBox .numList li.add::after,
.comTagBox .numList li.reduce::after {
	transform: rotate(90deg);
}
.comTagBox .numList .num {
	margin: 0 2.8rem;
	width: 11.6rem;
}
.comTagBox .numList .num select {
	padding: 0.4rem 3.3rem 0.4rem;
	width: 100%;
	height: 5rem;
	color: rgba(0, 0, 0, 0.9);
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 0;
	border-radius: 0.8rem;
	box-shadow: none;
	border: 0.1rem solid rgba(0, 0, 0, 0.2);
	background: url(../../images/common/icon18.png) no-repeat right 0.7rem center / 3.2rem auto;
	background-color: #fff;
	appearance: none;
	font-family: "Lato", sans-serif;
}
.comTagBox .numList .num select:disabled {
	pointer-events: none;
	background: rgba(0,0,0,0.05);
	cursor: default;
}
.comTagBox .numList.none li.add,
.comTagBox .numList.none li.reduce,
.comTagBox .numList li.default {
	pointer-events: none;
	border-color: #ccc;
	background-color: #ccc;
	cursor: default;
}
.comTagBox .numList.none li::before,
.comTagBox .numList.none li::after,
.comTagBox .numList li.default::before,
.comTagBox .numList li.default::after {
	background-color: #fff;
}
.comTagBox .numList.none li {
	pointer-events: none;
	cursor: default;
	cursor: default;
}
.comTagBox .txtList {
	margin: -0.3rem 0 2.3rem;
}
.comTagBox .txtList li {
	padding-left: 1em;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.5;
	letter-spacing: -0.01em;
	text-indent: -1em;
}
.comTagBox .stock {
	margin-bottom: 1.9rem;
}
.comTagBox .stock span {
	padding: 0.1rem 0.5rem 0.2rem;
	display: inline-block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	border-radius: 0.4rem;
	vertical-align: top;
	background: rgba(0, 0, 0, 0.3);
}
.comTagBox .limit {
	margin-bottom: 0.8rem;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.comTagBox .noReturnable {
	margin-bottom: 2.4rem;
}
.comTagBox .txtDl {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}
.comTagBox .txtDl dt,
.comTagBox .txtDl dd {
	margin-bottom: 1.3rem;
}
.comTagBox .txtDl dt span {
	padding: 0.1rem 0.2rem;
	width: 4.1rem;
	display: inline-block;
	color: #D62B1F;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.03em;
	border-radius: 0.4rem;
	border: 0.1rem solid #D62B1F;
	vertical-align: top;
}
.comTagBox .txtDl dt.dtStyle01 span {
	color: #ffff;
	border-color: #7FD31C;
	background-color: #7FD31C;
}
.comTagBox .txtDl dd {
	width: calc(100% - 5.3rem);
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.57;
}
.comTagBox .txtDl dt.dtStyle02 span {
	width: 9rem;
	color: rgba(0, 0, 0, 0.9);
	letter-spacing: -0.01em;
	border-color: rgba(0, 0, 0, 0.9);
}
.comTagBox .txtDl .ddStyle01 {
	margin-top: 0.2rem;
	width: calc(100% - 10.2rem);
	letter-spacing: -0.01em;
}
.comTagBox .btn {
	margin: 0 auto 4rem;
	max-width: 34.3rem;
}
.comTagBox .btn a {
	padding: 2rem 1rem 1.8rem;
	display: block;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.02em;
	border-radius: 9rem;
	text-align: center;
	background-color: #0796ff;
}
.comTagBox .btn.btn01 a {
	background-color: #7FD31C;
}
.comTagBox .btn.btn02 a {
	padding: 0.6rem 1rem 0.8rem;
	font-size: 1.8rem;
}
.comTagBox .btn.notallowed a {
    pointer-events: none;
}
.comTagBox .btn.default a {
	pointer-events: none;
	cursor: default;
	background: #ccc;
}
.comTagBox .subList {
	margin: -0.8rem 0 3.2rem;
}
.comTagBox .subList > li {
	margin-bottom: 0.8rem;
	padding-bottom: 0.7rem;
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.comTagBox .subList > li:last-of-type {
	margin-bottom: 0;
}
.comTagBox .subList ul li {
	margin-bottom: 0.3rem;
	padding-left: 1.5rem;
	position: relative;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.5;
	letter-spacing: -0.01em;
}
.comTagBox .subList ul li:last-of-type {
	margin-bottom: 0;
}
.comTagBox .subList ul li::before {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	left: 0.6rem;
	top: 0.8rem;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.5);
	content: '';
}
.comTagBox .linkList {
	margin-top: -1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.comTagBox .linkList li {
	margin: 1rem 0.5rem 0;
	min-width: 12.6rem;
}
.comTagBox .linkList .pho {
	margin-bottom: 0.8rem;
	position: relative;
	text-align: center;
	line-height: 1;
}
.comTagBox .linkList .pho img {
	height: 3rem;
}
.comTagBox .linkList .pho .img02 {
	position: absolute;
	left: calc(50% - 1.5rem);
	top: 0;
	transition: .3s;
	opacity: 0;
}
.comTagBox .linkList .txt {
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	text-align: center;
}
.comTagBox .linkList .star {
	cursor: pointer;
}
.comTagBox .linkList .star.on .pho .img02 {
	opacity: 1;
}
.comTagBox .linkList .star:active .pho img {
	transform: scale(0.95);
}
.comTagBox .linkList .star.on .pho .img01 {
	opacity: 0;
	transition: .3s;
}
.comTagBox .only {
	margin: 3.1rem 0 1.6rem;
	padding: 1.3rem 1rem 1.2rem;
	color: #D62B1F;
	font-size: 1.4rem;
	line-height: 1.36;
	letter-spacing: -0.01em;
	text-align: center;
	background-color: rgba(255,0,0,0.1);
}
.comTagBox .checkDl {
	margin: 1rem 0 3rem;
}
.comTagBox .checkDl dt {
	margin-bottom: 0.8rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: -0.01em;
}
.comTagBox .checkDl .checkList {
	margin-top: -0.8rem;
	display: flex;
	flex-wrap: wrap;
}
.comTagBox .checkDl .checkList li {
	margin: 0.8rem 0.8rem 0 0;
}
.comTagBox .checkDl .checkList li:last-of-type {
	margin-right: 0;
}
.comTagBox .checkDl .checkList input {
	display: none;
}
.comTagBox .checkDl .checkList input + span,
.comTagBox .checkDl .checkList a {
	min-width: 5.2rem;
	padding: 1rem 2rem;
	height: 4.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.375;
	letter-spacing: -0.01em;
	border-radius: 9rem;
	border: 0.1rem solid #ccc;
	font-family: "Lato", sans-serif;
	background-color: #fff;
	transition: .3s;
	cursor: pointer;
}
.comTagBox .checkDl .checkList input:disabled + span {
	pointer-events: none;
	color: #ffff;
	background-color: #ccc;
}
.comTagBox .checkDl .checkList input + span::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 9rem;
	border: 0.2rem solid #0796FF;
	box-sizing: border-box;
	content: '';
	transition: .3s;
	opacity: 0;
}
.comTagBox .checkDl .checkList input:checked + span {
	border-color: #fff;
}
.comTagBox .checkDl .checkList input:checked + span::before {
	opacity: 1;
}
.comTagBox .formulaTtl {
	margin-bottom: 1.2rem;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.comTagBox .mailForm {
	margin-bottom: 3rem;
}
@media all and (max-width: 519px) {
	.comShopBox {
		background-image: none !important;
	}
}
@media all and (min-width: 520px) {
	.comItemBox {
		overflow: hidden;
	}
	.comShopBox {
		margin: -1rem 0 6.6rem;
		padding: 0 0 1.3rem;
		position: relative;
		background: url(../../images/SC_P03_02/photo01.jpg) no-repeat center center / cover;
		z-index: 2;
		overflow: hidden;
	}
	.comShopBox::before {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: transparent;
		background-color: rgba(255, 255, 255, 0.75);
		content: '';
		z-index: 2;
	}
	.comShopBox::after {
		width: 123.3rem;
		height: 123.3rem;
		position: absolute;
		left: calc(50% - 61.65rem);
		top: calc(50% - 61.65rem);
		content: '';
		background: url(../../images/SC_P03_02/bg01.png) no-repeat center center / 120rem auto;
		content: '';
		animation: identifier 5s linear infinite;
	}
	@keyframes identifier {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	.comShopBox .tBox {
		position: relative;
	}
	.comShopBox .tBox::before {
		width: 86.2rem;
		height: 86.2rem;
		position: absolute;
		left: calc(50% - 43.1rem);
		top: calc(50% - 43.1rem);
		content: '';
		background: url(../../images/SC_P03_02/bg02.png) no-repeat center center / 100% auto;
		content: '';
	}
	.comShopBox .slideBox {
		padding-bottom: 0;
		position: relative;
		z-index: 3;
	}
	.comShopBox .slideBox .photoList {
		text-align: center;
	}
	.comShopBox .slideBox .slick-track {
		padding: 2.6rem 0 1rem;
	}
	.comShopBox .slideBox .photoList .item,
	.comShopBox .slideBox .photoList li {
		width: 43.2rem !important;
		height: 43.2rem;
		display: inline-block;
		vertical-align: top;
	}
	.comShopBox .slideBox .photoList a {
		right: 1.1rem;
		bottom: 1.5rem;
	}
	.comShopBox .slideBox .photoList a:hover {
		opacity: 0.7;
	}
	.comShopBox .slideBox .photoList a img {
		width: 3rem;
	}
	.comShopBox .slideBox .arrowList li {
		left: 3.2rem;
		top: calc(50% + 0.9rem);
	}
	.comShopBox .slideBox .arrowList li:hover {
		background-image: url(../../images/common/arrow06_over.png);
	}
	.comShopBox .slideBox .arrowList .next {
		left: auto;
		right: 3.4rem;
	}
	.comShopBox .slideBox .arrowList .next:hover {
		background-image: url(../../images/common/arrow05_over.png);
	}
	.comShopBox .phoUl {
		margin-bottom: 0;
	}
	.comShopBox .phoUl .slick-slide {
		padding: 0.4rem 0;
	}
	.comShopBox .phoUl .phoUlList {
		margin: 0 0.3rem;
		transition: .3s;
	}
	.comShopBox .phoUl .phoUlList::before {
		border-color: transparent;
	}
	.comShopBox .phoUl .phoUlList:hover {
		opacity: 0.7;
	}
	.comTagBox {
		margin-bottom: 4rem;
		padding: 0;
		position: relative;
		border-bottom: none;
	}
	.comTagBox .lBox {
		width: 100%;
		max-width: 75.5rem;
		float: left;
	}
	.comTagBox .tagList {
		margin-bottom: 1.5rem;
	}
	.comTagBox .lead {
		margin-bottom: 0;
		font-size: 2.8rem;
	}
	.comTagBox .lead span {
		margin-top: 1.5rem;
	}
	.comTagBox .rBox {
		width: 34.3rem;
		float: right;
		/* position: absolute;
		right: 0;
		top: -0.2rem; */
	}
	.comTagBox .numList li.add:hover,
	.comTagBox .numList li.reduce:hover {
		border-color: #0171E2;
	}
	.comTagBox .numList li.add:hover::before,
	.comTagBox .numList li.reduce:hover::before,
	.comTagBox .numList li.add:hover::after,
	.comTagBox .numList li.reduce:hover::after {
		background-color: #0171E2;
	}
	.comTagBox .numList li.add::before, .comTagBox .numList li.reduce::before, .comTagBox .numList li.add::after {
		left: calc(50% - 0.7rem);
	}
	.comTagBox .btn a:hover {
		background-color: #0071E2;
	}
	.comTagBox .btn.btn01 a:hover {
		background-color: #69BF02;
	}
	.comTagBox .linkList li a {
		display: block;
	}
	.comTagBox .linkList li a:hover .pho .img02 {
		opacity: 1;
		transition: none;
	}
	.comTagBox .linkList li a:hover .pho .img01 {
		opacity: 0;
		transition: .3s;
	}
	.comTagBox .linkList .star:hover .pho .img02 {
		opacity: 1;
		transition: none;
	}
	.comTagBox .linkList .star:hover .pho .img01 {
		opacity: 0;
		transition: .3s;
	}
	.comTagBox .selList dd .selUl li a:hover {
		color: rgba(0, 0, 0, 0.9);
		text-decoration: none;
	}
	.comTagBox .txtList {
		margin-top: 3rem;
	}
	.comItemBox .comTextBox {
		margin-top: 4rem;
		width: 100%;
		float: left;
	}
	.comItemBox {
		margin-bottom: 6.5rem;
	}
	.comItemBox .comInfoBox {
		margin-bottom: 0;
		width: 100%;
		float: left;
	}
}
/*------------------------------------------------------------
	comTextBox
------------------------------------------------------------*/
.comTextBox {
	margin: 0 -1.6rem;
	padding: 0 1.6rem 3.2rem;
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.comTextBox .text {
	margin-bottom: 1.6rem;
	letter-spacing: -0.01em;
}
.comTextBox .link span {
	padding-left: 2.2rem;
	display: inline-block;
	letter-spacing: -0.01em;
	vertical-align: top;
	background: url(../../images/common/icon19.png) no-repeat left top 0.4rem / 1.6rem auto;
}
.comTextBox .link a {
	margin-left: 1.4rem;
	width: 2rem;
	height: 2rem;
	position: relative;
	display: inline-block;
	vertical-align: -0.3rem;
	background: url(../../images/common/icon20.png) no-repeat center center / 1.6rem auto;
}
.comTextBox .link a.on .hoverBox {
	opacity: 1;
	visibility: inherit;
}
.comTextBox .link a .hoverBox {
	padding: 1.2rem 1rem 1.1rem;
	width: 20rem;
	display: block;
	position: absolute;
	right: -1.6rem;
	bottom: calc(100% + 1.1rem);
	border-radius: 1rem;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
}
.comTextBox .link a .hoverBox::before {
	width: 1rem;
	height: 0.8rem;
	position: absolute;
	right: 2.2rem;
	bottom: -0.8rem;
	background: url(../../images/SC_O01_03/bg01.png) no-repeat center center / 100% auto;
	content: '';
}
.comTextBox .link a .hoverBox span {
	display: block;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.17;
	letter-spacing: 0.02em;
}
@media all and (min-width: 520px) {
	.comTextBox {
		margin: 0 0 3.9rem;
		padding: 0;
		width: calc(100% - 37rem);
		max-width: 75.5rem;
		border-bottom: none;
	}
	.comTextBox .link a:hover .hoverBox {
		opacity: 1;
		visibility: inherit;
	}
	.comTextBox .link a:hover {
		background-image: url(../../images/common/icon20_over.png);
	}
}
/*------------------------------------------------------------
	comInfoBox
------------------------------------------------------------*/
.comInfoBox {
	margin: 0 -1.6rem 3.2rem;
}
.comInfoBox .infoDl dt {
	padding: 2.8rem 4rem 2.8rem 1.6rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: -0.01em;
	background: url(../../images/common/icon08.png) no-repeat right 1.8rem top calc(50% - 0.2rem) / 1.2rem auto;
	cursor: pointer;
}
.comInfoBox .infoDl dt.on {
	background-image: url(../../images/common/icon08_on.png);
}
.comInfoBox .infoDl dd {
	padding: 0.8rem 1.6rem 1.7rem;
	border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
	display: none;
}
.comInfoBox .infoDl dd:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}
.comInfoBox .infoDl dd.ddStyle01 {
	padding-bottom: 3.1rem;
}
.comInfoBox .infoDl dd.ddStyle02 {
	padding: 0.6rem 1.6rem 0;
}
.comInfoBox .infoDl .txtList li {
	margin-bottom: 1.9rem;
	padding-bottom: 0.7rem;
	border-bottom: 0.1rem dotted rgba(0, 0, 0, 0.1);
}
.comInfoBox .infoDl .txtList li:last-of-type {
	margin-bottom: 0;
}
.comInfoBox .infoDl .txtList .ttl {
	margin-bottom: 0.8rem;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
}
.comInfoBox .infoDl .txtList .txt {
	margin-bottom: 1.2rem;
	font-size: 1.6rem;
	line-height: 1.25;
	letter-spacing: -0.01em;
	font-family: "Lato", sans-serif;
}
.comInfoBox .infoDl .txtList .txt:last-of-type {
	margin-bottom: 0;
}
.comInfoBox .infoDl .txtList .txt01 {
	font-family: "Noto Sans JP", sans-serif;
}
.comInfoBox .infoDl .txtList .txt02 {
	line-height: 1.5;
}
.comInfoBox .infoDl .slideBox {
	margin: -0.2rem -1.6rem 0;
	position: relative;
	font-size: 0;
}
.comInfoBox .infoDl .slideBox .photoList {
	text-align: center;
}
.comInfoBox .infoDl .slideBox .photoList .item,
.comInfoBox .infoDl .slideBox .photoList li {
	margin: 0 0.3rem;
	width: 11.4rem !important;
	display: inline-block;
	vertical-align: top;
}
.comInfoBox .infoDl .slideBox .photoList .slick-list {
	padding: 2.3rem 0 0 1.2rem;
}
.comInfoBox .infoDl .slideBox .photoList .pho {
	width: 11.2rem;
	height: 11.2rem;
	position: relative;
	background: url(../../images/SC_P03_02/info_bg01.png) no-repeat center center / 100% 100%;
}
.comInfoBox .infoDl .slideBox .photoList .pho img {
	width: 12.4rem;
	max-width: inherit;
	position: absolute;
	left: calc(50% - 6.4rem);
	top: -2.8rem;
	transition: .3s;
}
.comInfoBox .infoDl .slideBox .photoList a {
	display: block;
}
.comInfoBox .infoDl .slideBox .photoList .item.list02,
.comInfoBox .infoDl .slideBox .photoList li.list02 {
	margin-top: 3.2rem;
}
.comInfoBox .infoDl .slideBox .photoList p {
	color: #0796ff;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.43;
	letter-spacing: 0.02em;
	text-align: center;
}
.comInfoBox .infoDl .slideBox .arrowList li {
	width: 2.4rem;
	height: 3.6rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../../images/common/arrow07.png) no-repeat center center / 100% auto;
	cursor: pointer;
	transition: .3s;
}
.comInfoBox .infoDl .slideBox .arrowList li.slick-disabled {
	display: none !important;
}
.comInfoBox .infoDl .slideBox .arrowList .next {
	left: auto;
	right: 0;
	background-image: url(../../images/common/arrow08.png);
}
.comInfoBox .infoDl .txtUl {
	margin: -0.2rem 0 2.2rem;
}
.comInfoBox .infoDl .txtUl li {
	margin-bottom: -0.6rem;
	padding: 0 0 0 1.6rem;
	position: relative;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	font-feature-settings: 'palt';
	letter-spacing: -0.03em;
	border-bottom: none;
	font-family: "Noto Sans JP", sans-serif;
}
.comInfoBox .infoDl .txtUl li::after {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	left: 0.2rem;
	top: 0.9rem;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.9);
	content: '';
}
.comInfoBox .infoDl .txtUl li:last-of-type {
	margin-bottom: 0;
}
.comInfoBox .infoDl .txtUl01 li {
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	position: relative;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	font-feature-settings: 'palt';
	letter-spacing: -0.03em;
	font-family: "Noto Sans JP", sans-serif;
}
.comInfoBox .infoDl .txtUl01 li:last-of-type {
	border-bottom: none;
}
.comInfoBox .infoDl .linkUl {
	margin-top: -0.9rem;
	display: flex;
	flex-wrap: wrap;
}
.comInfoBox .infoDl .linkUl li {
	margin: 0.9rem 0.9rem 0 0;
	display: flex;
}
.comInfoBox .infoDl .linkUl li:last-of-type {
	margin-right: 0;
}
.comInfoBox .infoDl .linkUl a {
	padding: 1.1rem 2.5rem 1.1rem 2.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0796ff;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.43;
	letter-spacing: 0.02em;
	border-radius: 5rem;
	border: 0.1rem solid rgba(0, 0, 0, 0.2);
	text-align: center;
}
@media all and (min-width: 520px) {
	.comInfoBox {
		margin: 0 0 6.5rem;
		max-width: 75.5rem;
	}
	.comInfoBox .infoDl dt {
		padding: 2.7rem 4rem 2.7rem 0;
		font-size: 2.2rem;
		line-height: 1.18;
		background-position: right 1.8rem center;
		transition: .3s;
	}
	.comInfoBox .infoDl dt:hover {
		background-image: url(../../images/common/icon08_over.png);
	}
	.comInfoBox .infoDl dt.on:hover {
		background-image: url(../../images/common/icon08_on_over.png);
	}
	.comInfoBox .infoDl dd {
		padding: 0.2rem 0 0.9rem;
		border-bottom: none;
	}
	.comInfoBox .infoDl dd.ddStyle01 {
		padding-bottom: 3.8rem;
	}
	.comInfoBox .infoDl dd.ddStyle02 {
		padding: 1.8rem 0 0;
	}
	.comInfoBox .infoDl .slideBox {
		margin: 0 -1.6rem 4.4rem;
		padding: 1.4rem 0 0;
		position: relative;
		font-size: 0;
	}
	.comInfoBox .infoDl .slideBox .photoList {
		margin: 0 12rem 0 3.7rem;
		text-align: left;
	}
	.comInfoBox .infoDl .slideBox .photoList .item,
	.comInfoBox .infoDl .slideBox .photoList li {
		margin: 0 1.4rem 0 0;
		width: 11.4rem;
		display: inline-block;
		vertical-align: top;
	}
	.comInfoBox .infoDl .slideBox .photoList p {
		color: rgba(0, 0, 0, 0.9);
	}
	.comInfoBox .infoDl .slideBox .arrowList li {
		width: 3.6rem;
		height: 4.8rem;
		top: calc(50% - 0.7rem);
		opacity: 0.6;
		transition: .3s;
	}
	.comInfoBox .infoDl .slideBox .arrowList li:hover {
		opacity: 1;
		background-image: url(../../images/common/arrow07_over.png);
	}
	.comInfoBox .infoDl .slideBox .arrowList .next {
		left: auto;
		right: 4.2rem;
	}
	.comInfoBox .infoDl .slideBox .arrowList .next:hover {
		background-image: url(../../images/common/arrow08_over.png);
	}
	.comInfoBox .infoDl .linkUl a:hover {
		border-color: #0796FF;
	}
	.comInfoBox .infoDl .slideBox .photoList .slick-list {
		padding-left: 0.6rem;
	}
	.comInfoBox .infoDl .slideBox .photoList a:hover .pho img {
		transform: scale(1.1);
	}
}
/*------------------------------------------------------------
	popBox02
------------------------------------------------------------*/
.popBox02 {
	margin: auto;
	padding: 2rem;
	width: 100%;
	position: relative;
	max-width: 94.6rem;
	border-radius: 1rem;
	box-shadow: 0.2rem 0.2rem 0.5rem 0 rgba(0, 0, 0, .4);
    border: 0.3rem solid #ff8ba5;
	z-index: 99;
	background-color: #fff;
}
.popBox02 .close {
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -2rem;
	top: -2rem;
	border-radius: 50%;
	background-color: #fff;
    box-shadow: 0.2rem 0.2rem 0.5rem 0 rgba(0, 0, 0, .4);
	cursor: pointer;
}
.popBox02 .close img {
	width: 0.8rem;
}
.popBox02 .flexBox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.popBox02 .flexBox .lBox {
	padding: 1.5rem;
	width: 10rem;
	border-radius: 1rem;
	background: #f7f7f7;
}
.popBox02 .flexBox .lBox .phoList .phoListItem {
	margin-bottom: 1.8rem;
	width: 7rem;
	height: 7rem;
	background-color: #fff;
	cursor: pointer;
	transition: .3s;
	border-radius: 0.8rem;
}
.popBox02 .flexBox .lBox .phoList .phoListItem::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.popBox02 .flexBox .lBox .phoList .phoListItem:last-of-type {
	margin-bottom: 0;
}
.popBox02 .flexBox .lBox .phoList .phoListItem img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 0.8rem;
    border: 0.2rem solid transparent;
}
.popBox02 .flexBox .lBox .phoList .phoListItem.on img {
	border-color: #ff8ba5;
}
.popBox02 .flexBox .rBox {
	margin-left: 2rem;
	width: calc(100% - 12rem);
	max-width: 80rem;
	position: relative;
}
.popBox02 .flexBox .rBox .photoList .item,
.popBox02 .flexBox .rBox .photoList .photoListItem {
	height: 80rem;
}
.popBox02 .flexBox .rBox .photoList .item img,
.popBox02 .flexBox .rBox .photoList .photoListItem img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.popBox02 .pageBox {
	position: absolute;
	left: 50%;
	bottom: 1rem;
	padding: 0.4rem 0.8rem;
    width: auto;
    border-radius: 0.4rem;
    background: #707070;
    color: #fff;
    font-size: 1rem;
	transform: translateX(-50%);
}
@media all and (min-width: 520px) {
	.popBox02 .close:hover {
		opacity: 0.7;
	}
	.popBox02 .flexBox .lBox .phoList .phoListItem:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 519px) {
	.popBox02 {
		min-height: 56rem;
		padding: 0;
		border: none;
		display: flex;
		align-items: center;
		border-radius: 0;
		top: 0;
		height: 100%;
	}
	.popBox02 .close {
		right: 1rem;
		top: 1rem;
	}
	.popBox02 .flexBox {
		width: 100%;
		display: block;
	}
	.popBox02 .flexBox .lBox {
		display: none;
	}
	.popBox02 .flexBox .rBox {
		margin: auto;
		width: auto;
		max-width: inherit;
	}
	.popBox02 .flexBox .rBox .photoList .item,
	.popBox02 .flexBox .rBox .photoList .photoListItem {
		height: 100vw;
	}
	.popBox02 .pageBox {
		position: absolute;
		left: 50%;
		bottom: 1rem;
		padding: 0.4rem 0.8rem;
		width: auto;
		border-radius: 0.4rem;
		background: #707070;
		color: #fff;
		font-size: 1rem;
		transform: translateX(-50%);
	}
}
/*------------------------------------------------------------
	comOrderBox
------------------------------------------------------------*/
.comOrderBox {
	margin-top: -0.9rem;
	min-height: 21.8rem;
}
.comOrderBox .text {
	line-height: 1.375;
	letter-spacing: 0.02em;
}
@media all and (min-width: 520px) {
	.comOrderBox {
		margin-top: -0.8rem;
		min-height: 34rem;
	}
	.comOrderBox .text {
		line-height: 1.5;
		letter-spacing: -0.01em;
	}
}
/*------------------------------------------------------------
	comOrderPage
------------------------------------------------------------*/
.comOrderPage {
	margin: 0.1rem 0 0.7rem;
	color: #212121;
	font-size: 1.2rem;
	line-height: 1.5;
	letter-spacing: 0.03em;
}
.comOrderPage .txt {
	margin-right: 0.7rem;
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: 0.06em;
	font-family: "Lato", sans-serif;
}
.comOrderPage .all {
	margin-right: 0.5rem;
	padding-left: 0.8rem;
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	background: url(../../images/common/line01.png) no-repeat left center / 0.6rem auto;
	font-family: "Lato", sans-serif;
}
@media all and (min-width: 520px) {
	.comOrderPage {
		margin-top: 0.2rem;
	}
	.comOrderPage .txt {
		letter-spacing: 0.02em;
	}
	.comOrderPage .all {
		padding-left: 0.9rem;
	}
}
/*------------------------------------------------------------
	comOrderList
------------------------------------------------------------*/
.comOrderList {
	margin-bottom: 4rem;
}
.comOrderList li {
	padding: 2.2rem 0 2.4rem;
	border-top: 0.2rem solid rgba(0, 0, 0, 0.05);
}
.comOrderList li:last-of-type {
	padding-bottom: 0;
}
.comOrderList .time {
	margin-bottom: 2.5rem;
	font-weight: 500;
	line-height: 1.375;
	letter-spacing: -0.01em;
}
.comOrderList .time span {
	margin-left: 1.2rem;
}
.comOrderList .subBox {
	margin-bottom: 2.3rem;
}
.comOrderList .imgArea {
	margin-bottom: 1.6rem;
	display: flex;
	justify-content: space-between;
}
.comOrderList .imgArea .phoBox {
	width: 27.99%;
	height: fit-content;
	border-radius: 0.8rem;
	overflow: hidden;
}
.comOrderList .imgArea .rBox {
	margin-top: 0.4rem;
	width: 68.22%;
}
.comOrderList .imgArea .rBox .number {
	margin-bottom: 0.6rem;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.83;
	letter-spacing: 0.02em;
}
.comOrderList .imgArea .rBox .number span {
	margin-left: 0.6rem;
	font-size: 1.3rem;
	line-height: 1.69;
	letter-spacing: 0.02em;
	font-family: "Lato", sans-serif;
	vertical-align: 0.1rem;
}
.comOrderList .imgArea .rBox .ttl {
	margin-bottom: 1rem;
	min-height: 4rem;
	font-size: 1.4rem;
	line-height: 1.43;
	letter-spacing: 0.02em;
}
.comOrderList .imgArea .rBox .txt {
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.33;
	letter-spacing: -0.01em;
	text-align: right;
}
@media all and (min-width: 520px) {
	.comOrderList {
		margin-bottom: 4.8rem;
	}
	.comOrderList li {
		padding: 3.3rem 0 3.3rem;
		display: flex;
		justify-content: space-between;
	}
	.comOrderList .subBox {
		margin-bottom: 2.3rem;
		width: 36.55%;
	}
	.comOrderList .txtBox {
		margin-top: -0.1rem;
		width: 58.1%;
	}
	.comOrderList .imgArea {
		margin-bottom: 1.6rem;
	}
	.comOrderList .imgArea .phoBox {
		width: 9.6rem;
	}
	.comOrderList .imgArea .rBox {
		margin-top: 0.3rem;
		width: calc(100% - 10.8rem);
	}
	.comOrderList .imgArea .rBox .number {
		margin-bottom: 1.2rem;
	}
	.comOrderList .imgArea .rBox .number span {
		vertical-align: 0;
	}
	.comOrderList .imgArea .rBox .ttl {
		margin-bottom: 1.5rem;
		min-height: inherit;
	}
	.comOrderList .imgArea .rBox .txt {
		line-height: 1.5;
	}
}
/*------------------------------------------------------------
	comReceiptBox
------------------------------------------------------------*/
.comReceiptBox .tBox {
	padding: 0.6rem 0;
	position: relative;
}
.comReceiptBox .tBox progress {
	margin: 0 0.8rem;
	width: calc(100% - 1.6rem);
	height: 0.4rem;
	position: relative;
	display: block;
	border: none;
	border-radius: 1rem;
	background: transparent;
}
.comReceiptBox .tBox::before {
	width: calc(100% - 1.6rem);
	height: 0.4rem;
	position: absolute;
	left: 0.8rem;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 1rem;
	background-color: #E5E5E5;
	content: '';
	z-index: -1;
}
progress::-moz-progress-bar {
	background: #161616;
	border-radius: 0.2rem; 
}
progress::-webkit-progress-value {
	background: #161616;
	border-radius: 0.2rem; 
}
progress::-webkit-progress-bar {     
	background-color: #E5E5E5;
	border-radius: 1rem;
}
.comReceiptBox .dotList {
	width: calc(100% - 0.6rem);
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0.3rem;
	top: 50%;
	transform: translateY(-50%);
}
.comReceiptBox .dotList li {
	margin: 0;
	padding: 0;
	width: 1rem;
	height: 1rem;
	border: none;
	border-radius: 50%;
	background-color: #e5e5e5;
}
.comReceiptBox .point {
	width: 1.6rem;
	position: absolute;
	left: 0;
	top: 50%;
	line-height: 1;
	transform: translateY(-50%);
	z-index: 3;
	cursor: pointer;
}
.comReceiptBox .txtList {
	margin-top: 0.8rem;
	display: flex;
	justify-content: space-between;
}
.comReceiptBox .txtList li {
	margin: 0;
	padding: 0;
	max-width: 30%;
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
	line-height: 1.5;
	border: none;
}
.comReceiptBox .txtList li:nth-of-type(2) {
	width: 24.1%;
}
.comReceiptBox .txtList li.finish {
	color: rgba(0, 0, 0, 0.9);
	font-weight: 500;
}
.comReceiptBox.process .point {
	left: 50%;
	transform: translate(-50%,-50%);
}
.comReceiptBox.process .dotList li:first-of-type {
	background-color: #161616;
}
.comReceiptBox.sent .point {
	left: auto;
	right: 0;
}
.comReceiptBox.sent .dotList li:first-of-type,
.comReceiptBox.sent .dotList li:nth-of-type(2) {
	background-color: #161616;
}
.comReceiptBox.cancel .point {
	display: none;
}
.comReceiptBox.cancel .txtList {
	display: flex;
	justify-content: center;
}
.comReceiptBox.cancel .txtList li {
	max-width: inherit;
	color: rgba(0, 0, 0, 0.9);
}
@media all and (min-width: 520px) {
	.comReceiptBox .txtList li:nth-of-type(2) {
		width: 19.4%;
	}
}
/*------------------------------------------------------------
	comTbaleBox
------------------------------------------------------------*/
.comTbaleBox {
	margin: 0 0 3rem;
}
.comTbaleBox table {
	width: 100%;
}
.comTbaleBox th ,
.comTbaleBox td {
	padding: 0.3rem 0;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: left;
    vertical-align: top;
    word-break:break-all;
    box-sizing: border-box;
}
.comTbaleBox th {
	width: 26.5%;
}
.comTbaleBox td {
	font-size: 1.6rem;
	color: #000;
}
.comTbaleBox td a {
	font-size: 1.2rem;
	font-weight: 500;
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: underline;
	position: relative;
}
.comTbaleBox td a::after {
	position: absolute;
	top: 0.5rem;
	right: -1.5rem;
	width: 1rem;
	height: 1rem;
	content: '';
	background: url(../../images/common/icon25.png) no-repeat center right / 100%;
}
.comTbaleBox td .link {
	display: block;
}

.comTbaleBox01 {
	margin-bottom: 1rem;
}
@media all and (min-width: 520px) {
	.comTbaleBox td a:hover {
		text-decoration: none;
		color: rgba(0, 0, 0, 0.9);
	}
}
@media all and (max-width: 519px) {
	.comTbaleBox th {
		width: 33%;
	}
}
/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList li:not(:last-of-type) {
	margin-bottom: 4.8rem !important;
}
.comLinkList li .-cancel {
	padding: 1rem 2.3rem;
	width: auto;
	height: auto;
	display: inline-block;
	font-size: 1.4rem;
	color: #0696FF;
	border-radius: 2.2rem;
	border: 1px solid rgba(17, 17, 18, 0.2);
	background-color: #fff;
}
@media all and (min-width: 520px) { 
	.comLinkList li .-cancel:hover {
		background-color: #fff;
		border-color: #0696FF;
	}
}
/*------------------------------------------------------------
	comTabPanel
------------------------------------------------------------*/
.comTabPanel {
	margin: 3rem 3.2rem 0;
	border-top: 1rem solid rgba(0, 0, 0, 0.05);
}
.comTabPanel .tabUl {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.comTabPanel .tabUl li {
	margin: 2.4rem 1rem 1.9rem;
	width: calc((100% - 8rem)/4);
	position: relative;
}
.comTabPanel .tabUl .on::after {
	position: absolute;
	bottom: -1.9rem;
	left: 50%;
	transform: translateX(-50%);
	width: 5.6rem;
	height: 0.4rem;
	content: "";
	background-color: #0796FF;
}
.comTabPanel .tabUl li a {
	display: block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
}
.comTabPanel .tabUl .ico {
	margin: 0 auto 0.5rem;
	width: 1.8rem;
	display: block;
}
.comTabPanel .tabBox {
	padding: 2.8rem 0;
}
.comTabPanel .tabBox .textUl {
	margin-bottom: 3.3rem;
}
.comTabPanel .tabBox .textUl li {
	font-weight: 500;
}
.comTabPanel .tabBox .textUl li:not(:last-child) {
	margin-bottom: 2.4rem;
}
.comTabPanel .tabBox .textUl01 {
	margin-bottom: 3rem;
} 
.comTabPanel .tabBox .logoutTxt {
	padding-top: 2.5rem;
	border-top: 0.2rem solid rgba(0, 0, 0, 0.05);
}
.comTabPanel .tabBox .logoutTxt a {
	padding-left: 2.4rem;
	font-size: 1.8rem;
	font-weight: 500;
	background: url("../../images/common/m_img27.png") no-repeat center left / 1.8rem;
}
.comTabPanel .tabBox02,
.comTabPanel .tabBox03,
.comTabPanel .tabBox04 {
	padding: 4.4rem 1.5rem;
}
.comTabPanel .tabBox .imgBox {
	text-align: center;
}
.comTabPanel .tabBox .imgBox .photo {
	margin: 0 auto 1.7rem;
	width: 9.6rem;
}
.comTabPanel .tabBox .imgBox .validateBox p {
	margin-bottom: 3.2rem;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
}
.comTabPanel .tabBox .imgBox .comBtn01 a {
	padding: 0.9rem;
	font-size: 1.6rem;
}
.comTabPanel .tabBox .noLink {
	cursor: default;
	pointer-events: none;
}
@media all and (max-width: 519px) {
	.comTabPanel {
		margin: 0;
		border-top: none;
	}
	.comTabPanel .tabUl {
		padding: 0;
	}
	.comTabPanel .tabBox .imgBox .comBtn01 {
		max-width: inherit;
	}
	.comTabPanel .tabBox {
		padding: 2.8rem 1.6rem;
	}
	.comTabPanel .tabBox02,
	.comTabPanel .tabBox03,
	.comTabPanel .tabBox04 {
		padding: 4.4rem 1.5rem;
	}
	.comTabPanel .tabBox .textUl {
		margin-bottom: 3.8rem;
	}
	.comTabPanel .tabBox .textUl01 {
		margin-bottom: 2.5rem;
	} 
}
@media all and (min-width: 520px) {
	.comTabPanel .tabUl li a:hover {
		opacity: 0.7;
	}
	.comTabPanel .tabBox .textUl li a:hover {
		opacity: 0.7;
	}
	.comTabPanel .tabBox .logoutTxt a:hover {
		opacity: 0.7;
	}
	
}



/*------------------------------------------------------------
	comBillBox
------------------------------------------------------------*/
.comBillBox {
	margin: 3.7rem auto 10rem;
	padding: 0 2rem;
	width: 965px;
	box-sizing: border-box;
}
.comBillBox .headerBox {
	margin-bottom: 3.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.comBillBox .headerBox .logo {
	width: 42.7rem;
}
.comBillBox .headerBox .textUl {
	width: calc(100% - 45rem);
}
.comBillBox .headerBox .textUl li {
	margin-bottom: 0.2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	font-size: 1.4rem;
	font-weight: 400;
}
.comBillBox .headerBox .textUl li:last-child {
	margin-bottom: 0;
}
.comBillBox .headerBox .textUl li span {
	text-align: right;
}
.comBillBox .headerBox .textUl li .txt {
	width: 13rem;
}
.comBillBox h2 {
	margin-bottom: 4rem;
	padding-bottom: 1.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	border-bottom: 0.2rem solid #000;
}
.comBillBox .nameTxt {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 500;
}
.comBillBox .nameTxt .name {
	margin-right: 2.4rem;
	font-weight: 700;
}
.comBillBox .allPrice .priceTxt {
	margin-bottom: 0.5rem;
	display: inline-block;
	border-bottom: 0.1rem solid #000;
}
.comBillBox .allPrice .priceTxt .ttl {
	margin-right: 4rem;
	font-size: 1.4rem;
}
.comBillBox .allPrice .priceTxt .price {
	margin-right: 2rem;
	font-size: 2rem;
	font-weight: 700;
}
.comBillBox .allPrice .priceTxt .num {
	margin-right: 1rem;
	font-size: 3.2rem;
	font-family: "Lato", sans-serif;
}
.comBillBox .allPrice .note {
	font-size: 1.4rem;
}
.comBillBox .receiveBox {
	margin-bottom: 2.4rem;
	font-size: 1.4rem;
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
.comBillBox .receiveBox01 {
	margin: 8.4rem 0 2.5rem;
	justify-content: flex-end;
}
.comBillBox .receiveBox .lText {
	width: 45%;
}
.comBillBox .receiveBox .rBox {
	width: 50%;
	text-align: right;
	font-size: 1.2rem;
	line-height: 1.3;
	font-weight: 400;
}
.comBillBox .receiveBox .comany {
	margin-top: 1.1rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.comBillBox .detailDl {
	margin-bottom: 1.2rem;
	padding: 1.2rem 0 1.1rem;
	font-size: 1.4rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.comBillBox .detailDl > dt {
	font-weight: 700;
	width: 9.4%;
}
.comBillBox .detailDl > dd {
	width: 90.6%;
}
.comBillBox .subDl {
	margin-bottom: 0.3rem;
	display: flex;
	flex-wrap: wrap;
}
.comBillBox .subDl:last-child {
	margin-bottom: 0;
}
.comBillBox .subDl dt {
	width: 12.4%;
}
.comBillBox .subDl dd {
	width: 87%;
}
.comBillBox .ttl01 {
	margin-bottom: 1.1rem;
	font-size: 1.4rem;
	font-weight: 700;
}
.comBillBox table {
	width: 100%;
	border-collapse: collapse;
}
.comBillBox table th,
.comBillBox table td {
	padding: 0 0.5rem 0.7rem;
	font-size: 1.2rem;
	font-weight: 400;
	text-align: left;
    vertical-align: middle;
    word-break:break-all;
    box-sizing: border-box;
}
.comBillBox table thead th,
.comBillBox table thead td {
	border-bottom: 1px solid #000;
}
.comBillBox tbody th,
.comBillBox tbody td {
	padding-bottom: 0.3rem;
	font-weight: 400;
	font-size: 1.4rem;
}
.comBillBox tbody th:first-child {
	padding-left: 0;
}
.comBillBox tbody tr:first-child th,
.comBillBox tbody tr:first-child td {
	padding-top: 1.2rem;
}
.comBillBox tbody tr:last-child th,
.comBillBox tbody tr:last-child td {
	padding-bottom: 1.1rem;
	border-bottom: 1px solid #000;
}
.comBillBox table .wid01 {
	width: 12rem;
}
.comBillBox table .rTxt {
	text-align: right;
}
.comBillBox table .wid02 {
	width: 7.5rem;
	text-align: center;
}
.comBillBox table .wid04 {
	width: 10.8rem;
	padding-right: 1.5rem;
}
.comBillBox table .num {
	margin-right: 0.5rem;
}
.comBillBox table .note {
	position: relative;
}
.comBillBox table .note::after {
	position: absolute;
	bottom: 0.4rem;
	right: 0.1rem;
	content: '※';
	font-size: 1.2rem;
}
.comBillBox .totalBox {
	margin-bottom: 3.2rem;
	padding: 1.2rem 0 1.1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #000;
}
.comBillBox .totalBox .lBox {
	width: 30%;
	font-size: 1.2rem;
}
.comBillBox .totalBox .totalDl {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.comBillBox .totalBox .totalDl dt,
.comBillBox .totalBox .totalDl dd {
	box-sizing: border-box;
	padding-bottom: 0.1rem;
}
.comBillBox .totalBox .totalDl dt {
	width: 30.5%;
	font-size: 1.4rem;
	font-weight: 500;
}
.comBillBox .totalBox .totalDl dd {
	padding-right: 1.4rem;
	width: 53%;
	text-align: right;
	font-size: 1.4rem;
}
.comBillBox .totalBox .totalDl dd .num {
	margin-right: 0.4rem;
	font-size: 1.5rem;
}
.comBillBox .explainText {
	text-align: center;
	font-size: 1.2rem;
}

/*------------------------------------------------------------
	comBillBox
------------------------------------------------------------*/
.notify_box {
	padding: 1rem 5rem;
	text-align: center;
	background-color: #ccc;
	position: relative;
}
.notify_box li {
	text-align: center;
	margin-bottom: 0.5rem;
}
.notify_box li:last-child {
	margin-bottom: 0;
}
.notify_box .close {
	position: absolute;
	top: 1.5rem;
	right: 4rem;
	cursor: pointer;
}
@media all and (min-width: 520px) {
	.notify_box .close:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 519px) {
	.notify_box .close {
		right: 2rem;
	}
}