@charset "utf-8";
/*========================================
	SP
========================================*/
.mainbox{
	width:100%;
}

/*当店について スマホ用レイアウト設定*/
.textbox{
	width: auto;
	max-width: none;
	border: none;
	margin: 0 ;
	padding: 0;
}
.post-img{
	width: 100%;
	height: auto;
}

/*====================================
	ゆうパケットについて
====================================*/
#post-first{
	background-color: #eeeeef;
	padding: 2% 0;
	text-align: center;
}
#post-top{
	width: 100%;
	height: auto;
	margin: 3% 0 0;
	position: relative;
}
#post-top h3{
	font-size: 5.5vw;
	color: #FFF;
	position: absolute;
	top: 6%;
	left: 5%;
	letter-spacing: 0.1em;
}
#post-top ul{
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 4%;
	/* left: 2%; */
	text-align: center;
	justify-content: space-evenly;
	align-items: center;
}
#post-top li{
	width: 100%;
	height: 100%;
	display: flex;
	font-size: 2.8vw;
	line-height: 1.5;
	font-weight: bold;
	vertical-align: top;
	padding: 4%;
	margin: 0 4%;
	background: #fff;
	border-radius: 58%;
	justify-content: center;
	align-items: center;
}

#post-top li:first-child{
	background:#ffeafa;
}
#post-top li:nth-child(2){
	background:#d2ffe4;
}
#post-top li:last-child{
	background:#fff3bf;
}

#post-top li span{
	font-size: 4.3vw;
	font-weight: bold;
	line-height: 1.3em;
	color: #1b1a1a;
}


/*====================================
	ゆうパケット便利安心のポイント
====================================*/
#post-point{
	/* width:100%; */
	text-align:
	center;
	margin: 2% 0;
}
#post-point h2 p{
	color: #e2437d;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	padding: 2%;
	font-size: 1rem;
	font-feature-settings: "palt";
	letter-spacing: 2px;
}
#post-point h2 img{
	height: 30px;
	width: auto;
	display: inline-block;
}
#post-point-r{
	width: auto;
	margin: 4%;
	display: flex;
	flex-direction: column;
}
#post-point-r li{
	/* width: 100%; */
	/* font-size: .8rem; */
	/* color: #333; */
	margin: 0 0 2% 0;
	/* display: flex; */
	/* text-align: justify; */
	border: 2px #ccc solid;
	background: #f5f5f5;
	border-radius: 3px;
	/* flex-wrap: wrap; */
}
#post-point-r li p{
	line-height: 1.5;
	padding: 2% 4%;
	text-align: justify;
	font-size: .75rem;
}

.post-point-t{
	width: 100%;
	display: inline-block;
	height: auto;
	padding: 2% 4%;
	text-align: center;
}

.post-point-t img{
	max-width: 30%;
	margin: 2% 0;
}

.post-point-t h3{
	width: auto;
	display: inline-block;
	font-size: .8rem;
	font-weight: bold;
	text-align: justify;
	vertical-align: middle;
}

.post-point-t h3 span{
	font-size: 1rem;
}



/*==============================
	梱包について
==============================*/
#post-wrap-title{
	border-top: 2px #ccc solid;
	padding: 4% 4% 2%;
	font-size: 1.2rem;
}
#post-wrap-title img{
	width: auto;
	height: 26px;
	margin: 0 10px 0 5px;
	padding: 0 0 5px 0;
}
#post-wrap-title p{
	font-size: 25px;
	display: inline-block;
	margin-left: 3%;
	color: #3D3A39;
}

#post-wrap ul{
	width: 100%;
	display: flex;
	padding: 0 4% 6% 4%;
	flex-wrap: wrap;
}

#post-wrap li{
	width: calc(100%/1);
	display: flex;
	/* padding: 2% 0; */
}

#post-wrap li p{
	width: 55%;
	display: inline-block;
	font-size: .8rem;
	color: #333;
	padding: 1%;
	vertical-align: top;
}

#post-wrap li img{
	width: 50%;
	height: auto;
	padding: 1%;
}


/*==============================
	メールでお知らせ
==============================*/
#post-mail{
	margin: 4%;
	border: 2px solid #ccc;
	padding: 4%;
	text-align: center;
}

#post-mail-txt{
	text-align: center;
}

#post-mail>img{
	max-width: 100%;
}

#post-mail-txt p{
	text-align: left;
	font-size: .8rem;
	line-height: 2;
	letter-spacing: 2px;
}

#post-mail-txt p:last-of-type{
	margin: 2%0 0;
	border-top: 1px solid #ccc;
	padding: 2% 0;
	font-size: .8rem;
	line-height: 1.2;
}

#post-mail-txt img{
	width: 75px;
	margin: 0 0 12px;
}



/*送料無料*/
#post-cat-title1{
	border-top: 2px #ccc solid;
	padding: 6% 2%;
	margin: 6% 0 0;
}
#post-cat-title1 img{
	height: 40px;
	width: auto;
	display: inline-block;
}

#post-cat-title1 h2{
	font-size: 1rem;
	line-height: 1;
	color: #333;
	letter-spacing: 1px;
	
}

#post-cat-title1 p{
	font-size: .8rem;
}

/*====================================
	不織袋
====================================*/
.post-cat-title2{
	margin: 6% 0 2%;
	padding: 6% 0 0 2%;
	border-top: 2px #ccc solid;
}
.post-cat-title2 img{
	height: 45px;
	width: auto;
	display: inline-block;
}
.post-cat-title2-w{
	width: 75%;
	display: inline-block;
	vertical-align: middle;
	text-align: justify;
	letter-spacing: .1em;
}
.post-cat-title2 h2{
	font-size: 1rem;
	line-height: 1;
	color: #333;
	letter-spacing: 1px;
}

.post-cat-title2 p{
	font-size: .8rem;
}

.post-cat-title2 p span{
	font-size: 30px;
	font-weight: bold;
}

.cat-gr{
	background-color: #2b6836;
	padding: 2%;
	color: #fff;
}

.cat-gr img{
	width: auto;
	margin: 0 2% 0 0;
	vertical-align: middle;
	display: inline-block;
}
.cat-gr p{
	color: #FFF;
	font-size: 20px;
	letter-spacing: 0.3em;
	display: inline-block;
	padding: 3px 0 0;
 }
#post-cat-free{
	display: flex;
	margin: 0 auto;
	/* width: 95%; */
	padding: 0 2%;
	justify-content: center;
	flex-wrap: wrap;
}

#post-cat-free li{
	width: calc(100%/3);
	/* display: flex; */
	/* border: 1px solid #cf91c2; */
	text-align: center;
	padding: 1%;
	justify-content: center;
}

#post-cat-free li a{
	width:100%;
	display:block;
}

#post-cat-free li img{
	max-width: 100%;
	height: auto;
	padding: 4%;
}

#post-cat-free li p{
	background-color: #f3f3f3;
	font-weight: bold;
	font-size: .75rem;
	padding: 2%;
}

#post-cat-free2{
	display: flex;
	justify-content: center;
}

#post-cat-free2 li{
	width: 30%;
	background-color: #CF91C2;
	text-align: center;
	color: #FFF;
	font-size: .8rem;
	padding: 1%;
	margin: 1%;
}

.post-cat-pay{
	width: 95%;
	margin: 2% auto;
	display: flex;
	/* padding: 2%; */
	flex-wrap: wrap;
	align-items: flex-start;
}

.post-cat-pay li{
	width: calc(90%/3);
	max-width: 180px;
	min-height: 180px;
	/* border: 1px solid #ccc; */
	text-align: center;
	margin: 0 5px;
}
.post-cat-pay li img{
	width: auto;
	max-width: 90%;
	height: auto;
	max-height: 120px;
	margin: 5px 0;
	vertical-align: middle;
}

.post-cat-pay li p{
	background-color: #f5f5f5;
	font-size: .7rem;
	min-height: 45px;
	/* padding: 5px 0; */
	font-weight: bold;
	min-height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	word-break: keep-all;
}

#ct-margin1,
#ct-margin2{margin: 4% 0 0;}
#ct-margin3{/* margin: 24px 0; */}

#cat-small2,
#cat-small3,
#cat-small4,
#cat-small5{
	font-size: 5px;
	padding: 1%;
}
#post-fbag-img{
	max-width: 100%;
	height: auto;
	padding: 4%;
}

#post-fbag{
	display: flex;
	flex-wrap: wrap;
	margin: 2%;
}

#post-fbag li{width: calc(100%/4);}
#post-fbag li:nth-of-type(5n){ margin-right: 0;}
#post-fbag li img{max-width: 100%;}


/* 不織袋をもっと詳しく見る */
#more-fbag a{
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto 6%;
    padding: 4%;
    border: 1px solid #555;
    background: #f5f5f5;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
}
#more-fbag a:hover{
	background-color: #21ac5b;
	border: 2px solid #21ac5b;
	transition: all 0.5s;
	color: #FFF;
}



.image-box{
	padding: 4%;
	font-size: .8rem;
}
.image-box img{
	max-width: 100%;
	margin: 4% 0 2%;
}