@charset "utf-8";

/* ---------------------------------------------
CSS Info
 File name:  pages.css
 Style Info: 個別ページ用CSS
------------------------------------------------ */

/* パンくず
------------------------------------------------ */
.breadcrumb {
	padding: 16px 0;
	font-size: 12px;
	line-height: 1.3;
}
.breadcrumb a {
  margin-right: .5em;
  color: #5c3d2a;
  font-weight: 700;
}
.breadcrumb a:not(:last-child):after {
	content: "\03e";
	margin-left: .5em;
}
.breadcrumb a:last-child {color: #93cfd4;}
.breadcrumb a:hover {color: #f793b0;}

@media all and (min-width:1024px) {
	.breadcrumb {
		padding: 24px 0;
		font-size: 14px;
	}
}


/* 共通パーツ
------------------------------------------------ */
.cm-main-ttl {
	position: relative;
	margin-bottom: 1em;
	padding: .25em 1em .25em 1.25em;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.5;
}
.cm-main-ttl:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	left: 0;
	top: calc(50% - 4px);
	background: #FFF;
}
.cm-main-ttl.bl {background: #93cfd4;}
.cm-main-ttl.pk {background: #f793b0;}
.cm-sub-ttl {
	margin-bottom: 1em;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}
.cm-sub-ttl.bl {color: #93cfd4;}
.cm-sub-ttl.pk {color: #f793b0;}

@media all and (min-width:768px) {
	.cm-main-ttl {font-size: 24px;}
	.cm-sub-ttl {font-size: 28px;}
}


/* サイド
------------------------------------------------ */
@media all and (max-width:1023px) {
	.side-wrap {display: none!important;}
}
@media all and (min-width:1024px) {
	.side-mobie {display: none;}
	.sd-sec-ttl {margin-bottom: 16px;}
	.sd_cat-ttl {
		margin-bottom: 1em;
		padding: .25em 1em;
		background: #f793b0;
		border-radius: 16px 0 16px 0;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.3;
		color: #FFF;
	}
	.sd-cat-list {margin-bottom: 40px;}
	.sd-cat-list li .thumb {width: 104px;}
	.sd-cat-list li .desc {font-size: 18px;}
}


/* カテゴリーリスト
------------------------------------------------ */
.cat-main-ttl {
	margin-bottom: 1em;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
}

.filter-box {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: double #EEE;
}
.filter-box dt {
	font-weight: bold;
	color: #444;
}
.filter-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.filter-item li {width: calc(33.33333% - 16px / 3);}
.filter-item li:not(:nth-child(3n)) {margin-right: 8px;}

.checkbox-simple input,
.checkbox-gaudy input {
    display: none;
}
.checkbox-simple label {
	display: inline-block;
	width: 100%;
	padding: .5em;
	background: #FFF;
	border: 1px solid #5c3d2a;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	color: #5c3d2a;
}
.checkbox-simple input:checked + label {
	background: #5c3d2a;
	color: #FFF;
	font-weight: bold;
}
.cat-filter-btn {
	display: block;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	padding: .5em 1em;
	background: #93cfd4;
	border: none;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

.cat-list-module {
	margin-top: 48px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.cat-list-count span {
	font-size: 18px;
	font-weight: bold;
}
.cm-select {
	display: inline-block;
	width: auto;
	height: auto;
	-webkit-appearance: none;
	appearance: none;
    border: solid 1px #5c3d2a;
    margin-left: .5em;
	padding: .5em 32px .5em 1em;
	border-radius: 4px;
	background-color: #fff;
	background-image: url("../images/common/arw_select.png");
	background-repeat: no-repeat;
	background-position: 97% center;
    background-size: 20px;
	color: #5c3d2a;
	cursor: pointer;
}

.category-list-box {
	margin-top: 24px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.category-list-item a {display: block;}
.category-list-item p:hover {text-decoration: none !important;}
.category-list-item a:hover {text-decoration: none !important;}
.category-list-item .btn {font-size: 100%;}
.category-list-item a:hover {opacity: .65;}
.category-list-item .thumb{
	width: 100%;
	
	text-align: center;
	
	border: 1px solid #93cfd4;
	
	background: #fff;
	}
.category-list-item .thumb-drill img {
	width: 221px;
	height: 149px;
}
.category-list-item .thumb img {
	max-height: 160px;
	height: initial;
	width: initial;
	border: none;
}
.category-list-item .desc .cat {
	color: #444444;
	margin-top: .75em;
	padding: .25em 1em;
	border: 1px solid #93cfd4;
	font-size: 13px;
	cursor: #444;
	line-height: 1.2;
	text-align: center;
}
.category-list-item .desc .name{
	width: 100%;
	height: 57px;
	display: flex;
    align-items: center;
    justify-content: center;
	background-color: white;
    padding: 10px;
    margin: 0
}
.category-list-item .desc .name p{
	font-weight: bold;
	color: #312e35;
	display: -webkit-box;
  	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align:center;
	padding: 0;
    margin: 0;
}
.category-list-item .desc .product-no{
	height: 18px;
}
.category-list-item .desc .price {
	margin-top: .75em;
	padding: .5em;
	border-top: 1px solid #EEE;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	color: #5c3d2a;
	line-height: 1.5;
	height: 66px;
}
.category-list-item .desc .apply {
	font-size: 70%;
    color: black;
}
.category-list-item .desc .title-apply {
	margin-top: 15px;
	font-size: 100%;
    font-weight: 600;
    color: #444444;
}
.category-list-item .desc span img {
	width: 20%;
}
.category-list-item .desc span {
	margin-bottom: 20px;
}
@media all and (max-width:1024px) {
	.category-list-item .desc .name p{
	font-size: 74%;
    -webkit-line-clamp: 3;
	}
	.category-list-item .desc .product-no p{
		font-size: 70%;
		-webkit-line-clamp: 3;
		}
	.category-list-item .desc .price {
		height: 40px;
		font-size: 78%;
	}
	.category-list-item .thumb img {
		/* height: 197px; */
		height: 100%;	
	}
}
@media all and (max-width:375px) {
	.category-list-item .thumb img {
		/* height: 144px; */
	    height: 100%;
	}
}
@media all and (max-width:414px) {
	.category-list-item .thumb img {
		/* height: 159px; */
	    height: 100%;
	}
}

.category-list-item .desc .btn {
	display: block;
	width: 100%;
	max-width: 160px;
	margin: 0 auto;
	padding: .25em .5em;
	background: #93cfd4;
	color: #FFF;
	text-align: center;
}
.category-list-item .desc .category-name {
	background-color: #17a2b8;
    padding: 5px;
    font-size: 80%;
    border-radius: 5px;
    color: white;
    margin-top: 5px;
    font-weight: bold;
}
.category-list-item .desc .btn-drill {
	margin-top: 10px !important;
    display: block;
    width: 100%;
    /* max-width: 160px; */
    margin: 0 auto;
    padding: .25em .5em;
    background: white;
    color: #93cfd4;
    text-align: center;
    border: 1px solid #444444;
    border-radius: 5px;
}
.category-list-item .desc .btn i {margin-left: .5em;}

.pagenavi {
	margin: 40px 0 16px;
	text-align:center;
	font-size: 12px;
	font-size: 1.2rem;
}
.pagenavi a,
.pagenavi span {
	display: inline-block;
	color: #666;
	background-color: #FFF;
	border: 1px solid #ddd;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	margin: 4px 2px;
	white-space: nowrap;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.pagenavi a:hover,
.pagenavi span.current {
	color: #FFF;
	background-color: #93cfd4;
	font-weight: bold;
}


@media all and (max-width:767px) {
	.filter-box dt {margin-bottom: .5em;}
	.checkbox-simple label {font-size: 14px;}
	.cat-list-sort {text-align: right;}
	.cm-select {font-size: 8px;}
	
	.category-list-item {
		width: calc(50% - 16px / 2);
		margin-bottom: 24px;
	}
	.category-list-item:nth-child(odd) {margin-right: 16px;}
}
@media all and (min-width:768px) {
	.cat-main-ttl {
		font-size: 40px;
	}
	.filter-box {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	.filter-box dt {
		width: 6em;
		font-size: 20px;
	}
	.filter-box dd {flex: 1;}
	.filter-item li {width: calc(33.33333% - 32px / 3);}
	.filter-item li:not(:nth-child(3n)) {margin-right: 16px;}
	.cat-list-module {margin-top: 64px;}
	
	.category-list-box {margin-top: 40px;}
	.category-list-item {
		width: calc(33.33333% - 32px / 3);
		margin-bottom: 40px;
	}
	.category-list-item:not(:nth-child(3n)) {margin-right: 16px;}
	
	.pagenavi {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.pagenavi a,
	.pagenavi span {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}
@media all and (min-width:1024px) {
	.category-list-item {width: calc(33.33333% - 48px / 3);}
	.category-list-item:not(:nth-child(3n)) {margin-right: 24px;}
}


/* 商品詳細
------------------------------------------------ */
.detail-wrap .dt-fv {
	display: block;
	margin: 12px auto 24px;
	border: none;
    background: transparent;
	color: #93cfd4;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.detail-hero .swiper-slide {
	display: block;
	cursor: pointer;
}
.detail-hero .swiper-slide-detail {
	display: block;
	cursor: pointer;
	text-align: center;
}
.detail-hero .swiper-slide:hover {opacity: .65;}
.detail-cat {
	display: inline-block;
	min-width: 180px;
	padding: .25em 1em;
	border: 1px solid #92cfd3;
	color: #444;
    background: #fff;
	text-align: center;
	line-height: 1.5;
}
.detail-desc .name_en {
	font-size: 2rem;
}
.detail-price.tax{
	font-size:90%;
}
.detail-price-tbl tr{
    border-bottom: 1px dotted #ccc;
}
.detail-ttl {
	margin-top: .5em;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
}
.detail-price {
	margin-top: .5em;
	font-weight: bold;
	color: #5c3d2a;
}

.detail-outline {
	background: #92cfd3;
	border:1px solid #92cfd3;
	margin-top: 24px;
}
.detail-outline .tab_item {
	position: relative;
	display: block;
	width: 50%;
	padding: .5em 1em;
	background: #FFF;
	color: #92cfd3;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	text-align: left;
	line-height: 1.5;
	cursor: pointer;
}
.detail-outline .tab_item:after {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	right: 1em;
}
.detail-outline .tab_item:hover {
  opacity: 0.75;
}
.detail-outline input[name="tab_item"] {
  display: none;
}
.detail-outline .tab_content {
  display: none;
  padding: 8px;
  clear: both;
  overflow: hidden;
}
.detail-outline #tab1:checked ~ #tab1_content,
.detail-outline #tab2:checked ~ #tab2_content {
  display: block;
}
.detail-outline input:checked + .tab_item {
  background: #92cfd3;
  color: #fff;
}
.detail-outline input:checked + .tab_item:after {
	content: "\f078";
}
.detail-outline .tab_content .inr {
	padding: 16px;
	background: #FFF;
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
}
.detail-outline .tab_content .inr .ttl {
	font-size: 18px;
	font-weight: bold;
}
.detail-outline .tab_content .inr .txt + .ttl {
	margin-top: 1.25em;
}
.applicable-modal {
	padding: 24px;
	background: #f2f2f2;
}
.applicable-modal-ttl {
	margin-bottom: .5em;
	font-weight: bold;
	color: #93cfd4;
}
.sptd-info {margin-bottom: 16px;}
.sptd-info .inr {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.sptd-info .ttl {
	margin-bottom: .5em;
	padding: .25em .5em;
	background: #FFF;
	border: 1px solid #ded8d4;
	font-size: 12px;
	font-weight: bold;
	color: #444;
	line-height: 1.5;
	text-align: left;
}
.sptd-info .inr .thumb {width: 40px;}
.sptd-info .desc {
	flex: 1;
	margin-left: 8px;
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
}

.detail-shipping-bnr {
	text-align: center;
	margin-top: 16px;
}
.detail-shipping-bnr img {
	width: auto;
	height: 40px;
}
.detail-category-box {
	margin: 90px auto 40px auto;
    width: 100%;
}
.detail-category-box .ttl {
	text-align: center;
	margin-bottom: 40px;
}
.detail-category-list {
	letter-spacing: 0.2em;
	text-align: left;
}
.detail-category-list li {
	display: inline-block;
	letter-spacing: normal;
	margin-bottom: 8px;
	margin-right: 8px;
}
.detail-category-list li a {
	display: block;
	padding: .25em 1em;
	border: 1px solid #5c3d2a;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.5;
	color: rgb(90, 90, 90) !important;
	background-color: #FFF;
}

@media all and (max-width:1023px) {
	.detail-desc {text-align: center;}
	.detail-cat {
		font-size: 12px;
		min-width: 140px;
	}
	.detail-ttl {
		position: relative;
		padding-bottom: 16px;
	}
	.detail-ttl:before {
		position: absolute;
		content: "";
		width: 150px;
		height: 6px;
		background: url("../images/common/bg_ttl_divide.png") no-repeat;
		background-size: 150px 6px;
		left: calc(50% - 75px);
		bottom: 0;
	}
	.detai-sptd {display: none;}
	.applicable-modal {margin-top: 24px;}
	.detail-sp-price {margin-top: 24px;}
	.detail-sp-price .ttl {
		margin-bottom: .5em;
		font-size: 24px;
		font-weight: bold;
		color: #93cfd4;
		line-height: 1.5;
	}
	.prdt-slct {
		width: 100%;
		padding: .5em 1em;
		border: 1px solid #DDD;
		background: #FFF;
		border-radius: 4px;
		font-size: 14px;
	}
	.product-set {
		margin-top: 12px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.prdt-slct_num {
		text-align: center;
		font-size: 14px;
	}
	.prdt-slct_num input {
		width: 3em;
		padding: .25em .5em;
		border: 1px solid #DDD; 
		border-radius: 2px;
	}
	.cart-item-mobile {
		margin-top: 16px;
		padding: 0;
		background: none;
		border: 0;
		font-size: 0;
		line-height: 0;
		overflow: visible;
		cursor: pointer;
	}
	.cart-item-mobile img {width: 300px;}

	#favorite-product-item {margin-left: 8px;padding-top:18px}
	#favorite-product-item .favorite-item {
		border: none;
		background: none;
	}
	.detail-category-box .ttl img {
		width: auto;
		height: 20px;
	}
	.detail-wrap .detail-set-bnr img:hover{
		opacity: 0.7;
	}
	.detail-wrap .detail-cta img:hover{
		opacity: 0.7;
	}
	/* .detail-pc-price,
	.detail-set-bnr,
	.detail-menu {display: none;} */
}
@media all and (min-width:1024px) {
	.detail-category-box {
		margin: 90px auto 40px auto;
		width: 90%;
	}
	.detail-wrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.detail-sp-ttl,
	.detail-sp-price {display: none;}
	.detail-pc-price {
		margin-top: 90px;
		display: flex !important;
	}
	.bt-cart{
		height: 40px !important;
	}
	.detail-hero {
		width: calc(50% - 48px);
		margin-right: 48px;
	}
	.detail-wrap .detail-set-bnr img:hover{
		opacity: 0.7;
	}
	.detail-wrap .detail-cta img:hover{
		opacity: 0.7;
	}
	.detail-desc {flex: 1;}
	
	.detail-ttl {font-size: 40px;}
	.detail-price {font-size: 24px;}
	.detai-sptd {margin-top: 24px;}
	.detai-sptd .ttl {
		margin-bottom: 8px;
		font-weight: bold;
		font-size: 28px;
		color: #93cfd4;
	}
	.detai-sptd .models {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	.detai-sptd .models li {margin-right: 8px;}
	.detai-sptd .models li img {width: 48px;}
	.detail-outline {margin-top: 62px;}
	.detail-outline .tab_content {padding: 16px;}
	.detail-outline .tab_item {font-size: 28px;}
	.detail-outline .tab_content .inr {
		padding: 24px;
		font-size: 18px;
	}
	.detail-outline .tab_content .inr .ttl {
		font-size: 24px;
	}
	.card-body .ttl {
		padding: .5em 1em;
		background: #FFF;
		border-bottom: 2px solid #EEE;
		font-size: 24px;
		font-weight: bold;
		color: #93cfd4;
		line-height: 1.5;
		text-align: center;
	}
	.card-body{
		line-height: 0!important;
	}
	.detail-price-tbl {
		width: 96%;
		background: #FFF;
		font-size: 14px;
		border: 1px solid #FFF;
		line-height: 1.5;
	}
	.detail-price-tbl thead {
		border-bottom: 2px solid #EEE;
		font-size: 12px;
	}
	.detail-price-tbl th,
	.detail-price-tbl td {
		padding: 5px;
		border-color: #EEE #FFF #FFF;
		vertical-align: middle;
		text-align: center;
	}
	.detail-price-tbl .size,
	.detail-price-tbl .length,
	.detail-price-tbl .prc {
		border-right: 1px solid #CCC;
	}
	.detail-price-tbl .length {width: 17%;}
	.detail-price-tbl .size {
		width: 8%;
	}
	.detail-price-tbl .prc {
		text-align: center;
		width: 9%;
	}
	.detail-price-tbl .other {
		width: 9%;
	}
	.detail-price-tbl .slct input {
		width: 4em;
		padding: .25em;
		border: 1px solid #EEE;
	}
	.detail-price-tbl .other ul {
		margin-bottom: 12px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	
	.favorite-item {
		border: none;
		background: none;
		font-size: 18px;
	}
	.detail-price-tbl .cart-item {
    border: none;
	border-radius: 5px;
    height: 28px;
    line-height: 24px;
    background: #f793b0;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
	}
	.detail-set-bnr {margin-top: 32px;}
	
	#page_product_detail .mfp-bg {opacity: .25;}
	#page_product_detail .mfp-content {
		width: 90%;
		max-width: 600px;
	}
	.applicable-modal-ttl {font-size: 24px;}
}


/* 選び方
------------------------------------------------ */
.choice-navi {
	margin: 16px 0 24px;
	font-size: 13px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.choice-navi li {width: calc(50% - 8px / 2);}
.choice-navi li a {display: block;}

.choice-box {
	padding-bottom: 32px;
	margin-bottom: 32px;
	border-bottom: double #DDD;
}
.choice-box.nobdr {
	border: none;
	padding-bottom: 0;
}
.choice-inr {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.choice-item.select {
	margin-bottom: 24px;
	line-height: 1.5;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
.choice-item .ttl,
.choice-item dl dt {
	margin-top: .75em;
	font-size: 15px;
	font-weight: bold;
}
.choice-item dl dt {margin-top: 1.25em;}
.choice-item .txt {
	margin-top: 1em;
	font-size: 14px;
}
.choice-item.select .btm {margin-top: auto;}
.choice-item dl dd {margin: .5em 0 1em;;}
.choice-item dl dd span {
	display: inline-block;
	margin-right: 2px;
}
.choice-item dl dd span img {
	width: 32px;
	height: auto;
}
.choice-item .btn {
	display: block;
	margin-top: 1em;
	padding: .25em .5em;
	border: 1px solid #5c3d2a;
	background: #FFF;
	text-align: center;
	color: #93cfd4;
	line-height: 1.5;
}
.choice-item .btn:hover {
	background: #93cfd4;
	color: #FFF;
}
#sec02 .choice-item .btn {color: #ff9fbb;}
#sec02 .choice-item .btn:hover {
	background: #ff9fbb;
	color: #FFF;
}
.choice-val {margin-bottom: 24px;}
.choice-val .star {
	padding: .25em .5em;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #ff9fbb;
	color: #ff9fbb;
	line-height: 1.2;
	display: inline-block;
}
.choice-val .cm-sub-ttl {margin-bottom: 0;}

.chice-box {margin-bottom: 48px;}
.chice-flow li {
	position: relative;
	padding: 24px 1em 24px 72px;
	background: #FFF;
	line-height: 1.5;
}
.chice-flow li:not(:last-child) {margin-bottom: 8px;}
.chice-flow li:first-child:before {background-image: url("../images/common/choice_flow01.png");}
.chice-flow li:nth-child(2):before {background-image: url("../images/common/choice_flow02.png");}
.chice-flow li:nth-child(3):before {background-image: url("../images/common/choice_flow03.png");}
.chice-flow li:nth-child(4):before {background-image: url("../images/common/choice_flow04.png");}
.chice-flow li:nth-child(5):before {background-image: url("../images/common/choice_flow05.png");}
.chice-flow li:before {
	position: absolute;
	content: "";
	width: 50px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 50px 48px;
	left: 16px;
	top: calc(50% - 24px);
}
.choice-purpose {
	position: relative;
	padding: 16px 24px;
	background: #93cfd4;
}
.choice-purpose:after {
	position: absolute;
	content: "";
	background: #FFF;
	width: 8px;
	height: 8px;
	left: 0;
	top: 24px;
}
.choice-purpose .ttl {
	margin-bottom: .5em;
	padding-bottom: .75em;
	border-bottom: double #FFF;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	line-height: 1;
}
.choice-purpose ul {line-height: 1.5;}
.choice-serch-ttl,
.choice-result-ttl {
	margin: 1em 0;
	font-size: 18px;
	font-weight: bold;
}
.choice-result-ttl {color: #93cfd4;}
.choice-serch-ttl i {margin-right: .25em;}

@media all and (max-width:767px) {
	.choice-item.select {width: calc(50% - 16px / 2);}
	.choice-val .cm-sub-ttl {margin-bottom: .25em;}
	
	.chice-flow li {font-size: 14px;}
	.choice-item.result +.choice-item.result {margin-top: 40px;}
	.choice-item.result .thumb {text-align: center;}
}
@media all and (min-width:768px) {
	.choice-navi {margin: 24px 0 40px;}
	.choice-navi li {width: calc(50% - 40px / 2);}
	.choice-item.select {
		width: calc(33.33333% - 48px / 3);
		margin-bottom: 40px;
	}
	.choice-item .ttl,
	.choice-item dl dt {font-size: 18px;}
	.choice-item dl dd span img {width: 40px;}
	.choice-val {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.choice-val .star {margin-left: 16px;}
	.chice-box {margin-bottom: 80px;}
	.choice-item.result {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.choice-item.result +.choice-item.result {margin-top: 24px;}
	.choice-item.result .thumb,
	.choice-item.result .other {width: 30%;}
	.choice-item.result .desc {
		flex: 1;
		padding: 0 16px;
		line-height: 1.5;
	}
	.choice-item.result .btn {text-align: left;}
}


/* ご利用ガイド
------------------------------------------------ */
.guide-navi {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.guide-navi li a {
	position: relative;
	display: block;
	width: 100%;
	padding: .5em;
	background: #FFF;
	border: 1px solid #5c3d2a;
	border-radius: 2px;
	font-size: 12px;
	color: #93cfd4;
	text-align: center;
}
.guide-navi li a:hover {
	background: #93cfd4;
	color: #FFF;
}
.guide-navi li a:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	left: .5em;
}
.guide-box,
.guide-item + .guide-item {margin-top: 32px;}
.guide-box .guide-m-ttl {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: double #DDD;
	font-size: 18px;
	font-weight: bold;
	color: #5c3d2a;
}
.guide-box .guide-s-ttl {
	margin-top: 1.5em;
	margin-bottom: .75em;
	font-weight: bold;
	color: #92cfd3;
}
.guide-box .guide-m-ttl i,
.guide-box .guide-s-ttl i {margin-right: .25em;}
.guide-box p + p {margin-top: 1em;}
.guide-box table {
	margin-top: .5em;
	width: 100%;
	text-align: center;
}
.guide-box table th {font-size: 14px;}
.guide-box table td {font-size: 12px;}
.guide-box ul {
	margin-top: .75em;
	line-height: 1.5;
}
.guide-box .box {
	display: inline-block;
	padding: 1.5em;
	background: #f2f2f2;
	border: 1px solid #92cfd3;
	text-align: center;
	line-height: 1.5;
}
.guide-flow li {
	margin-bottom: 24px;
	line-height: 1.5;
}
.guide-flow li span {
	display: inline-block;
	font-size: 12px;
}

@media all and (max-width:767px) {
	.guide-navi li {
		width: calc(50% - 8px / 2);
		margin-bottom: 8px;
	}
	.guide-box .box {width: 100%;}
	.guide-box img.credit {
		width: auto;
		height: 40px;
	}
	.guide-transfer-item:first-child {margin-bottom: 16px;}
}
@media all and (min-width:768px) {
	.guide-navi li {
		width: calc(33.33333% - 24px / 3);
		margin-bottom: 12px;
	}
	.guide-navi li a {font-size: 20px;}
	.guide-box,
	.guide-item + .guide-item {margin-top: 32px;}
	.guide-box .guide-m-ttl {font-size: 24px;}
	.guide-box .guide-s-ttl {font-size: 18px;}
	.guide-box table.w480 {max-width: 480px;}
	.guide-flow,
	.guide-spg,
	.guide-transfer {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.guide-flow,
	.guide-spg {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.guide-flow li {width: calc(33.33333% - 32px / 3);}
	.guide-spg-item {width: calc(50% - 24px / 2);}
	.guide-transfer-item:first-child {margin-right: 16px;}
	.guide-transfer-item {max-width: 300px;}
}

.label-entry {
	margin-right: 16px;
    justify-content: space-between;
    display: flex;
}

.ec-cartTable {
    background: #fff;
}.ec-favoriteRole__itemCategory {
    border: none;
    background: #eaeaea;
    text-align: center;
}
.ec-favoriteRole__itemCategory a,
.ec-favoriteRole__itemCategory a:hover {
    color: #5c3d2a;
}
.button-to-register {
    background-color: #ff7372!important;
    border: 1px solid #ff7372!important;
}
.button-to-register a,
.button-to-register a:hover{
    color: white!important;
}.offer-freeship {
    border: 1px solid #5c3d2a!important;
    background-color: #5c3d2a!important;
}
.ec-orderRole .ec-orderRole__detail {
    padding: 15px 16px!important;
    background: #fff!important;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price, .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
    color: #ff7372!important;
}
.ec-blockBtn--action{
    background-color: #ff7372!important;
}
@media only all and (min-width: 768px){
	.ec-cartRole .ec-cartRole__actions {
	    width: 25%!important;
	}.contain-cartTotal {
	    background-color: #ffffff;
	    padding: 10px!important;
	}.ec-block-cancel a{
	    color: #94cfd4;
	    font-weight: bold;
	}
}