@charset "utf-8";
/*========================================
	PC
========================================*/

.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: 41px;
	color: #da5980;
	position: absolute;
	top: 25%;
	left: 27px;
	font-weight: bold;
	line-height: 1.3em;
	font-feature-settings: "palt";
	letter-spacing: 0.18em;
}


#post-top ul{
	width: 100%;
	position: absolute;
	bottom: 21%;
	left: 30%;
	display: flex;
	text-align: center;
}
#post-top li{
	width: 120px;
	height: 120px;
	font-size: .75rem;
	font-weight: bold;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	padding: 20px 10px;
	border-radius: 50%;
	color: #333;
}


#post-top li:first-child{
	background: #f5c9ec;
	border: 2px #ce91c2 solid;
}
#post-top li:nth-child(2){
	background: #bbefc2;
	border: 2px #50b25c solid;
}
#post-top li:last-child{
	background: #efeabb;
	border: 2px #f5e43d solid;
}

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


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


/*========================================
	ゆうパケット便利安心のポイント 
========================================*/
#post-point{
	width: 100%;
	text-align: center;
}

#post-point h2{
	color: #e2437b;
	font-size: 1.5rem;
	letter-spacing: .1em;
	margin: 0 0 10px;
}
#post-point h2 img{
	vertical-align: bottom;
}
#post-point-r{
	justify-content: space-between;
	width: 0100%;
	margin: 0 auto;
}
#post-point-r li{
	width: 32%;
	padding: 5px;
	font-size: .8rem;
	color: #333;
	display: inline-block;
	text-align: justify;
	border: #ccc solid 2px;
	border-radius: 3px;
	vertical-align: top;
	min-height: 200px;
}

#post-point-r li p{
	font-size: .75rem;
	padding: 2%;
	text-align: justify;
}

.post-point-t{
	border-radius: 5px;
	padding: 4% 0;
	text-align: center;
}

.post-point-t img{
	width: 30%;
	display: inline-block;
}

.post-point-t h3{
	font-size: .85rem;
	width: 68%;
	display: inline-block;
	vertical-align: middle;
	text-align: justify;
}

/* ========================================
	梱包について
======================================== */
#post-wrap-title{
	background-color: #f5f5f5;
	padding: 10px 10px 0;
	font-size: 1.2rem;
}


#post-wrap2 li:first-child{
	width: 48%;
}
#post-wrap2 li:first-child img{
	width: 48%;
	display:inline-block;
}

#post-wrap2{
	background-color: #f5f5f5;
	padding: 0 7% 2%;
}

#post-wrap-title img{
	margin: 0 2% 0 0;
}
#post-wrap-title p{
	font-size: 25px;
	display: inline-block;
	margin-left: 3%;
	color: #3D3A39;
}
#post-wrap ul{
	font-size:0;
	background: #f5f5f5;
	padding: 2%;
}


#post-wrap li{
	width: calc(100%/4);
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
#post-wrap2 li{
	width: 23%;
	display: inline-block;
	vertical-align: top;
	margin: 0 19px 0 0;
}
#post-wrap2 li:last-child{
	margin-right: 0;
}

#post-wrap li p,#post-wrap2 li p{
	font-size: .75rem;
	color: #333;
	text-align: justify;
	margin: 5px;
	letter-spacing: .1rem;
}
#post-wrap2 li p{
	margin-top: 10px;
}
#post-wrap2 p span{
	color: #e2437d;
}
#post-wrap li img,#post-wrap2 img{
	max-width: 100%;
	height: auto;
}
#post-wrap2 .n-c-none{
	width: 340px;
}
#post-wrap2 .n-c-none img{
	width: auto;
}
#post-mail{
	margin: 2% auto;
	border: 1px solid #555;
	padding: 2%;
	width: 750px;
}

#post-mail-txt{
	width: 400px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}

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


#post-mail-txt p{
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	color: #333;
}

#post-mail-txt p:last-of-type{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	font-size: .8rem;
	font-weight: 400;
	line-height: 1.5em;
}

#post-mail>img{
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

#post-cat-title1{
	background-color: #f5f5f5;
	margin: 2% 0;
	padding: 10px;
}

#post-cat-title1 img{
	width: auto;
	display: inline-block;
	margin: 0 10px 0 0;
}

#post-cat-title1 h2{
	font-size: 1rem;
	display: inline-block;
	line-height: 1.5em;
	vertical-align: middle;
	color: #333;
	letter-spacing: 0.1em;
}

#post-cat-title1 h2 span{
	font-size: 30px;
	margin-left: 5px;
	letter-spacing: 0.1em;
}

#post-cat-title1 p{
	font-size: .8rem;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
}


.post-cat-title2{
	background-color: #f5f5f5;
	margin: 4% 0 -2%;
	padding: 2%;
	color: #333;
}
.post-cat-title2 img{
	width: auto;
	display: inline-block;
}
.post-cat-title2-w{
	display: inline-block;
	vertical-align: middle;
}
.post-cat-title2 h2{
	font-size: 1.2rem;
	line-height: 1.5em;
	color: #333;
	letter-spacing: 0.1em;
}
.post-cat-title2 p{
	font-size: 15px;
	font-weight: bold;
}
.post-cat-title2 p span{
	font-size: 30px;
	font-weight: bold;
}

/*========================================
	対象カタログ　タイトル
========================================*/
.cat-gr{
	background-color: #11973f;
	margin: 2% 0;
	padding: 0 10px;
	color: #fff;
	border-radius: 5px;
	font-size: .8rem;
	letter-spacing: .1em;
}
.cat-gr img{
	height: 28px;
	margin: 5px;
}
.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: 100%;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#post-cat-free li{
	width: calc(94%/5);
	/* height: 213px; */
	/* border: 1px solid #555; */
	text-align: center;
	margin: 0 5px;
}
#post-cat-free li img{
	width: 62%;
	height: auto;
	margin: 4% 0;
}
#post-cat-free li p{
	background-color: #eeeeef;
	font-weight: bold;
	font-size: .8rem;
	padding: 5px;
	min-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#post-cat-free2{
	display: flex;
	margin: 5px auto 20px;
	width: 612px;
	justify-content:space-between;
}
#post-cat-free2 li{
	width: 200px;
	background-color: #CF91C2;
	text-align: center;
	color: #FFF;
	font-size: 16px;
}
.post-cat-pay{
	margin:  auto;
	width: auto;
	display: flex;
	flex-wrap: wrap;
}
.post-cat-pay li{
	width: calc(95%/5);
	/* border: 1px solid #ccc; */
	text-align: center;
	display: inline-block;
	margin: 0 5px;
}
.post-cat-pay li:nth-of-type(4n){
	margin-right: 0;
}
.post-cat-pay li img{
	width: 60%;
	height: auto;
	margin: 5px 0;
	vertical-align: middle;
}
.post-cat-pay li p{
	background-color: #eeeeef;
	min-height: 50px;
	/* color: #222; */
	display: flex;
	font-size: .8rem;
	padding: 5px;
	font-weight: bold;
	justify-content: center;
	align-items: center;
}
#ct-margin1,
#ct-margin2{
	margin: 30px 0;
	width: 80%;
}

#ct-margin3{
	margin: 24px 0;
}

#post-fbag-img{
	width: 48%;
	display: inline-block;
	margin: 4% auto 2%;
	vertical-align: top;
}

#post-fbag{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 4% auto;
}

#post-fbag li{
	width: calc(100%/7);
}

#post-fbag li:nth-of-type(5n){
	margin-right: 0;
}

#post-fbag li img{
	max-width: 100%;
}

/* 不織袋をもっと詳しく見る */
#more-fbag a{
    width: 720px;
    height: auto;
    display: block;
    margin: 0 auto 25px;
    padding: 15px 0 14px;
    border: 2px solid #21ac5b;
    background: #fff;
    font-size: 20px;
    color: #21ac5b;
    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{
	width: 100%;
	display: flex;
	font-size: 12px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 20px 0;
}
.image-box div{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.image-box img{
	padding: 10px;
	max-width: 100%;
	box-sizing: border-box;
}