@charset "utf-8";
/* 上部パーツ */
.g-upr__bnr{
	display: grid;
}
@media screen and (min-width: 768px){
	.g-upr__bnr{
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
}
@media screen and (max-width: 767px){
	.g-upr__bnr{
		gap: 15px;
	}
}

/* 下部パーツ */
.g-btm__bnr{
	display: grid;
}
@media screen and (min-width: 768px){
	.g-btm__bnr{
		gap: 20px;
	}
}
@media screen and (max-width: 767px){
	.g-btm__bnr{
		gap: 15px;
	}
}

/* 旧説明文調整 */
.recommend-sub ul{
	display: grid !important;
}
.recommend-sub li{
	width: 100% !important;
	margin: 0;
	float: unset;
}
@media screen and (min-width: 768px){
	.recommend-sub ul{
		grid-template-columns: repeat(4,1fr);
		gap: 15px;
	}
}
@media screen and (max-width: 767px){
	.recommend-sub ul{
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
}
@media screen and (min-width: 768px){
	.recommend-sub.gr_3 ul{
		display: flex !important;
	}
	.recommend-sub.gr_3 li{
		width: calc(100% / 3 - 30px) !important;
	}
}



[class*="FS2_Recommend2"]{
	display: none;
}

.category-comment_1 *,
.category-comment_3 *{
	max-width: 100%;
}

.sadou-list ul{
	display: grid;
}
.sadou-list li{
	width: 100%;
	margin: 0;
}
.cove-main{
	font-size: 20px;
}
.sends .mb-txt{
	width: 100% !important;
}
/* .mb-txt img{
	width: none;
}
.category-comment_1 p img{
	width: 100%;
} */
.tokus{
	display: grid;
}
.white-btn p,.brown-btn p{
  transform: translate(0%, -90%) !important;
}
@media screen and (min-width: 768px){
	.sadou-list ul{
		grid-template-columns: repeat(3,1fr);
		gap: 15px;
	}
	.tokus{
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	.tokus li{
		width: 100% !important;
		padding-left: 30% !important;
	}
	.recommend-sub ul{
		margin-bottom: 50px;
	}
	.sadou-list li a{
		height: 90px !important;
	}
}
@media screen and (max-width: 767px){
	.sadou-list ul{
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	.sadou-list li a{
		background-size: 30px auto !important;
    padding: 4% 10% 4% 60px;
	}
	.sadou-list span{
		font-size: 13px;
		text-align: left;
	}

/*
	.cove-02{
    background: #fdedeb !important;
  }
*/
	.r-txp-l ul{
		display: flex;
    flex-direction: column;
	}
	.r-txp-l ul li{
		width: 100% !important;
	}
	.fantom-btn{
		background: url(/common/img/btn-arrow.png) no-repeat 92% center;
	}
	.fantom-btn a{
		box-shadow: 0 0 0 1px #000 inset;
    text-align: center;
    padding: 3%;
    width: 70%;
    margin: 20px auto 0;
    display: block;
    color: #000;
    text-decoration: none;
	}
	.tokus{
		gap: 20px;
	}
	.tokus li{
		width: 100% !important;
		padding-left: 35% !important;
		padding-bottom: 30px;
    border-bottom: 1px dotted #ccc;
	}
	.min-num{
		font-size: 150% !important;
	}
	.func{
		padding: 10% !important;
	}
	.guidetel dt span {
    background-size: 32px 32px;
    padding-left: 38px;
  }
	.about-guide ul li{
		width: 100% !important;
		margin-bottom: 20px;
	}
	.recommend-sub ul{
		margin-bottom: 20px;
	}
	.backs li ul {
    margin: 30px 0 30px 50px !important;
}
	.backs li p{
		margin: 30px 0 -30px 0 !important;
	}
	.white-btn,.brown-btn{
		width: 100% !important;
	}
	.sadoubase{
		margin-top: -70px;
	}
	.sadou-list li a{
		height: 60px !important;
	}
	.goma_tp li {
    width: 46%;
    margin: 0 auto;
  }
	.reasons {
    margin-bottom: 10px !important;
}
	.reasons li{
		width: 100% !important;
		height: auto;
	}
	.tableset-table tr{
	border-top: 1px solid #999;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	}
	.tableset-thead{
		display: none;
	}
	.tableset-cell {
    /*width: 13%;*/
	/*font-size: 12px;*/
	display: inline-block;
    width: 30%;
	border-bottom: none;
  }
	.tableset-cell-name {
    /*width: 25% !important;*/
	display: inline-block;
    width: 70%!important;
    padding: 6px 0 6px 0;
	}
	.tableset-cell-ingredients{
	font-size: 80% !important;
	}
    .tableset-table-image-wrap{
	    align-items: unset;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
   }
   .tableset-table .tableset-cell-ingredients{
	display: inline-block;
    width: 100%;
    padding: 6px 0 6px 0;
    border-top: 1px dashed #ccc;
   }
   .multiple .tableset-cell-name{
	width: 25%;
   }
   .tableset-table.multiple tr {
        border-top: none;
   }

.shop-guide{
	background: unset;
	margin-bottom: 150px;
}
.shop-guide .inbox{
	display: grid;
}
.shop-guide .tit{
	float: unset;
	width: unset;
}
.shop-guide .cont{
	float: unset;
	width: unset;
	padding: 50px;
	border-left: 1px solid #ccc;
}
.shop-guide .cont ul{
	display: grid;
}
.shop-guide .cont ul li{
	width: unset;
}
.shop-guide .btn-block{
	bottom: -110px;
}
}
@media screen and (min-width: 768px){
	.shop-guide .inbox{
		grid-template-columns: 142px 1fr;
	}
	.shop-guide .cont{
		padding: 50px;
	}
	.shop-guide .cont ul{
		grid-template-columns: repeat(2,1fr);
	}
}
@media screen and (max-width: 767px){
	.shop-guide .cont{
		padding: 50px 15px;
	}
	.shop-guide .cont ul{
		gap: 20px;
	}
	.shop-guide .btn-block{
		width: 100%;
	}
}
.fantom-btn a{
	color: var(--GREEN01);
	border-bottom: 1px solid;
}
@media screen and (max-width: 767px){
	.l-phr-t ul li:first-child,.l-phr-t ul li:last-child{
		float: none;
		width: 100%;
	}
}