/* カスタマイズ用CSS */
.ec-layoutRole .ec-layoutRole__contents{
	max-width:none;
}
.ec-headerNaviRole .ec-headerNaviRole__left{
	    width: 200px;
}
.mainview{
	margin-bottom:2rem;
}
.mainview-inner img{
	width: 100vw;
}
/* 各タイトル */
.role-title{
	margin-bottom:3rem;
}
.role-title h1{
	text-align:center;
	font-weight:600;
	color: #458480;
    	margin-bottom: 0;
    	font-size: 2.25rem;
}
.role-title span{
	text-align: center;
    	display: block;
    	font-size: 5rem;
    	color: #bdbdbd;
}
/*料金*/
.price02-default{
	font-weight: 700;
	color: #de5d50;
}
/* 売れ筋商品 */
.ec-newItemRole .ec-newItemRole__listItem:first-child a{
    	color: black;
}

/* おすすめ商品 */
.pickup-wrap,
.about-wrap{
	background-color: #edffff;
	padding: 60px 0 20px 0px;
}
.index-pickup{
    margin: 1rem 0 0.5rem
}
@media only screen and (min-width: 768px){
	.ec-shelfGrid .ec-shelfGrid__item {
    		width: 20%;
	}
}
/* カテゴリーバナー */
.ec-categoryRole{
	background:none;
}
@media only screen and (min-width: 768px){
	.ec-categoryRole .ec-categoryRole__list {
		flex-wrap: wrap;
	}
	.ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type){
		margin-right:20px;
	}
	.ec-categoryRole .ec-categoryRole__listItem{
		width:525px;
	}
	.ec-categoryRole .ec-categoryRole__listItem:first-child{
		width:1100px;
	}
}
 /* まつもとフルーツとは */
.ec-eyecatchRole{
	align-items: center;
}
.ec-eyecatchRole__introTitle{
	border-left: solid 7px #5cb1b1;
    	padding-left: 10px;
}

@media only screen and (min-width: 768px){
	.ec-eyecatchRole.ni .ec-eyecatchRole__image{
		order:1;
	}
	.ec-eyecatchRole.ni .ec-eyecatchRole__intro{
		order:2;
		padding-right:0;
		padding-left:5%;
	}
}

 /* ご利用ガイド */

.guide-block{
	margin: 8rem auto;
}
.guide-title{
	text-align:center;
}
.guide-block h2{
    	margin: 0 auto 3rem;
	position:relative;
	display:inline-block;
	padding:0 55px;
}
.guide-block h2:before,
.guide-block h2:after{
    	position: absolute;
    	content: "";
    	top: 50%;
    	display: inline-block;
    	width: 45px;
    	height: 1px;
    	background-color: black;
}
.guide-block h2:before{
	left:0;
}
.guide-block h2:after{
	right:0;
}

.guide-block dl{
    	display: flex;
    	margin-top: 3rem;
	border-bottom: dotted 1px #d9d9d9;
    	padding-bottom: 2rem;
}
.guide-block dl.no-border{
	border-bottom:none;
}
.guide-block dt{
	width: 30%;
    	font-size: 1.8rem;
}
.guide-block dd{
	width: 70%;
}
.guide-block img{
	width:70%;
	margin:2rem auto;
}
/* プライバシーポリシー */
.privacy-policy .ec-off1Grid__cell ul{
	list-style: decimal;
	line-height: 1.6;
}
/*特定商取引法に基づく表記*/
.table-haisou,
.table-haisou02{
    font-size: 1.4rem;
    border: solid 1px #ccc;
    border-bottom: none;
    margin-bottom: 2rem;
}
.table-haisou02{
    margin-top: 1.5rem;
}
.table-haisou thead,
.table-haisou02 thead{
    background-color: #efefef;
}
.table-haisou th,
.table-haisou td,
.table-haisou02 th,
.table-haisou02 td{
    line-height: 2;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 1rem;
}
.table-haisou th:first-child,
.table-haisou td:first-child{
    width: 7rem;
    font-weight: 700;
    text-align: center;
}
.table-haisou th:last-child,
.table-haisou td:last-child{
    width: 9rem;
    text-align: center;
    border-right: none;
}
.table-haisou02 th:last-child,
.table-haisou02 td:last-child{
    text-align: center;
    border-right: none;
}
@media only screen and (max-width: 767px){
    .table-haisou thead{
        display: none;
    }
    .table-haisou tr{
        display: flex;
        flex-wrap: wrap;
    }
    .table-haisou td{
        display: block;
        line-height: 1.5;
    }
    .table-haisou td:first-child{
        width: 100%;
        background-color: #efefef;
        border-right: none;
        padding: .8rem;
    }
    .table-haisou td:nth-of-type(2){
        flex: 1;
    }
    .table-haisou td:last-child{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}