@charset "Shift_JIS";

/* BASE */
.pB1{padding-bottom: 1%;}
.pB3{padding-bottom: 3%;}
.pB5{padding-bottom: 5%;}
.pB7{padding-bottom: 7%;}
.attention{text-align: right;}
.body_sph .contents_main{margin: 0;}

p{
	margin: 0;
	line-height: 1.5;
}


#ecobag2507{
    background-color: #fffbed;
}

/*===============================
wrapper
===============================*/
.wrapper-big,
.wrapper-middle,
.wrapper-small{
   margin-inline:auto;
}

.wrapper-big{
	/*   width: 662px; */
 	    width: 875px;
}
.wrapper-middle{
    width: 720px;
}
.wrapper-small{
    width: 535px;
}

/*左右上下中央ぞろえ*/
.center-center{
    display: grid;
    place-content: center; /*要素の中央揃え*/
    place-items: center; /*要素同士の中央揃え*/
}


/*===============================
余白調整
===============================*/
#fv{
    margin-bottom: 6%;
}
section{
    margin-bottom: 15%;
}



.art{
    margin-bottom: 13%;
}
.color-title{
    margin-bottom: 6%;
}
.color-item{
    margin-bottom: 10%;
}
.point_title{
    margin-bottom: 8%;
}
.point_main{
        margin-bottom: 18%;
}
.model{
        margin-bottom: 8%;
}

/*********************************** 
応募方法部分 
********************************** /
/* 基礎 */
.box_01{
    background: #fffbed;
    padding: 4% 4% 7%;
}
.box_01 p{text-align: left;}

/* 内側の白い部分 */
.box_s01{
    background: #fff;
    padding: 6%;
	border-radius: 20px;
    margin-bottom: 5%;
}

/* 応募方法文言 */
.box_oubosph{
	display:none;
}

/* 余白 */
.box_oubopc{
	margin-bottom: 3%;
}

/* カート部分画像表示切替 */
.box_oubosph2{
	display:none;
}

/* 購入方法 */
.box_01 h3{
    text-align:left;
    color: #e13858;
    font-size:1.5em;
    padding-top: 3%;
}

/* 最後の文章 */
.box_other{
	margin: 2% 0 4%;
}

	.box_btn img{
	width : 80%;
}


/* ページ下部注意文言 */
.list_circle li{padding-bottom: 1%;}

.phone a:link{color: #3d256a;}

/* 応募方法タイトル */
.oubo_title {
    background: #fff;
    padding: 2%;
    font-size: 2.5em;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
    border-radius: 5px;
    color: #e13858;
    border: #e13858 solid 2px;
	margin-bottom: 1.5%;
    }

/*================
以下スマホ用
==================*/
@media screen and (max-width:768px){
    
		/*wrapper*/
		.wrapper-big{
			width: 92vw;
		}
		.wrapper-middle{
		width: 92vw;
	}
		.wrapper-small{
			width: 80vw;
		}

	#color{
		margin-bottom: 25%;	
	}   

	.pB3{padding-bottom: 5%;}
	.pB7{padding-bottom: 5%;}
	.w60{width: 60%;}
	.w85{width: 85%;}
	.w90{width: 90%;}
	p.attention{font-size: 0.6em;}

	/* 応募方法文言 */
	.box_oubopc{
		display:none;
	}
	.box_oubosph{
		display:block;
		margin-bottom: 8%;
	}

	/* カート部分画像表示切替 */
	.box_oubopc2{
		display:none;
	}
	.box_oubosph2{
		display:block;
	}

		/* 内側の白い部分 */
	.box_s01{
		padding: 6% 4%;
	}

	.box_01 h3{
		font-size: 1em;
		padding-top: 6%;
	}
	.list_circle li{
		font-size: 0.8em;
	}
	.oubo_title{font-size: 1.5em;}
	
.box_other {
    margin: 4% 0 8%;
}
	
	.box_btn img{
	width : 100%;
}
    
}