/* ===================================================================
全共通
=================================================================== */
#cont-cp *{
	box-sizing: border-box;
	text-align: left;
}
#cont-cp a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#cont-cp img{
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#cont-cp p{ text-align: left;}
@media (min-width: 769px) {/*PC*/
	.section-cp .inner{
		max-width: 1170px;
		margin: 0 auto;
		padding: 0 15px;
	}
}
@media (max-width: 768px) {/*SP*/
	.section-cp .inner{
		padding: 15px;
	}
}
#cont-cp h3{
	position: relative;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 1.5em;
	margin-top: 0;
}
#cont-cp h3:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	border-top: solid 1px #ccc;
	width: 100%;
}
#cont-cp h3 span{
	display: inline-block;
	padding: 0 1em;
	background-color: #fff;
	position: relative;
	text-align: center;
	letter-spacing: .2em;
}
#cont-cp h3 em{
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	padding-top: .5em;
}
#cont-cp h4{ border: none;}
#cont-cp dl,
#cont-cp p{
	margin: 0;
}
@media (min-width: 769px) {/*PC*/
	.show-sp{ display: none;}
}
@media (max-width: 768px) {/*SP*/
	.show-pc{ display: none;}
	#cont-cp h3{font-size: 18px;}
}
#cont-cp ul li{list-style: none;}
/*------------H4タイトル------------*/
#cont-cp .title-item{
	background-color: #c9cace;
	text-align: center;
	padding: 2% 0;
	margin-bottom: 2em;
}
#cont-cp .title-item h4{
	font-weight: bold;
	margin: 0;
	text-align: center;
}
#cont-cp .title-item h4 span{
	display: inline-block;
	background-color: #032475;
	color: #fff;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	margin-right: .5em;
}
#cont-cp .title-item p{text-align: center; padding:  10px 0 0 !important;}
#cont-cp .title-item p a{ text-decoration: underline;}
#cont-cp .sub-title{font-weight: bold; text-align: center;margin-bottom: 30px;font-size: 18px;}
.off {
	color: #b82b39;
	font-weight: bold;
}
.off-link {
	font-size: 18px;
	font-weight: bold;
}
.off-link a {
	color: #b82b39 !important;
}

@media (max-width: 768px) {/*SP*/
	#cont-cp .title-item{
		padding: 3% 0;
	}
	#cont-cp .title-item h4{
		font-size: 16px;
	}
	#cont-cp .title-item h4 span{
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		margin-bottom: .2em;
		vertical-align: middle;
	}
	#cont-cp .off-link {
	font-size: 16px;
	font-weight: bold;
margin-bottom: 20px !important;
}
 .off-link a {
	color: #b82b39 !important;
		
}
}
/* ===================================================================
キャンペーン共通：ボタン
=================================================================== */
.btn{
	padding: 1em;
	position: relative;
	width: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center !important;
}
.btn-l{
	padding: 1.5em 0;
	font-size: 18px;
}
.btn i{
	font-size: 20px;
	margin-right: 1em;
	
}
.btn i.fa{
	font-weight: normal;
}
.btn-up{
	display: inline-block;
	padding: 1em;
	position: relative;
	width: 100%;
}
.btn-orange{
	background-color: #e57200;
	padding-right: 3em;
	color: #fff !important;
}
.btn-red{
	background-color: #b30007;
	padding-right: 3em;
	color: #fff !important;
}
.btn-pink{
	background-color: #ee8590;
	padding-right: 3em;
	color: #fff !important;
}
.btn-brown{
	background-color: #a39382;
	padding-right: 3em;
	color: #fff !important;
}
.btn-green{
	background-color: #96b82e;
	color: #fff !important;
}
.btn-gray{
	background-color: #53565a;
	padding-right: 3em;
	color: #fff !important;
	text-align: center;
}
.btn-blue{
	background-color: #042376;
	color: #fff !important;
	padding-right: 3em;
}
.btn:after{
	content: "";
    position: absolute;
    top: 50%;
    /*right: 20px;*/
    margin-left: 1em;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.arrow-up:after{transform: rotate(315deg);}
.arrow-down:after{transform: rotate(135deg);}
.arrow-right:after{transform: rotate(45deg);}
.back-top{
	position:fixed;
	bottom: 1%;
	right: 1%;
	background-color: rgba(163,147,130,0.8);
	width: 70px;
	height: 70px;
	color: #fff !important;
	text-align: center;
	z-index: 10;
	padding-top: 25px;
	font-size: 12px;
}
.back-top:after{
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(315deg);
}
.btn-list-campaign{
	border: solid 1px #ccc;
	display: inline-block;
	padding: 1em;
	width: 200px;
	text-align: center;
	position: relative;
}
.btn-list-campaign:after{
	content: "";
	position: absolute;
	left: 5%;
	top: 50%;
	width: 5px;
	height: 5px;
	margin-top: -2px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	transform: rotate(225deg);
}
/* ===================================================================
MV
=================================================================== */
.cp-mv{
	background: url(../images/bg_mv.jpg) no-repeat center center;
	background-size: cover;
}

@media (min-width: 769px) {/*PC*/
	#cont-cp .cp-mv .mv-inner p{
		max-width: 1016px;
		width: calc(100% - 80px);
		margin: 0 auto;
		padding: 80px 0;
	}
}
@media (max-width: 768px) {/*SP*/
	#cont-cp .cp-mv .mv-inner p{
		max-width: 600px;
		margin: 0 auto;
		padding: 30px 20px;
	}
}
/* ===================================================================
PC 3カラムー4カラム
=================================================================== */
@media (min-width: 769px) {/*PC*/
	.cp-col2,
	.cp-col3,
	.cp-col4{overflow: hidden;}
	.cp-col2 .item,
	.cp-col3 .item,
	.cp-col4 .item{float: left;}
	.cp-col2 .item{ width: 48.5%; margin-right: 3% !important;}
	.cp-col3 .item{ width: 32%; margin-right: 2% !important;}
	.cp-col4 .item{ width: 23.5%; margin-right: 2% !important;}
	.cp-col2 .item:nth-child(2n),
	.cp-col3 .item:nth-child(3n),
	.cp-col4 .item:nth-child(4n){margin-right: 0 !important;}
}
/* ===================================================================
MV下リード
=================================================================== */
.section-lead p{
	text-align: center !important;
	font-size: 26px;
	font-weight: bold;
}
.section-lead p a{
	text-decoration: underline;
	color: #042376;
}
@media (min-width: 769px) {/*PC*/
	.section-lead p{
		letter-spacing: .1em;
		padding: 2em 0 0;
	}
}
@media (max-width: 768px) {/*SP*/
	.section-lead p{
		font-size: 15px;
	}
}
/* ===================================================================
アイテム
=================================================================== */
.section-items{padding: 40px 0 0;}
.item{padding-bottom: 40px;}
.item h4{
	margin-bottom: 1em;
	font-weight: bold;
	margin-top: 0;
}
.item h5{font-weight: bold; font-size: 18px; line-height: 1.5em;margin-top: 0;}
.item .thumb{position: relative;margin-bottom: 1.5em !important;}
.item .thumb span{
	display: inline-block;
	position: absolute;
	right: 1%; bottom: 2%;
	color: #fff;
}
.thumb-shadow a {
	position: relative;
	display: inline-block;
}
.thumb-shadow a:before{
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 20%); 
}

.item .thumb-new span{
	position: absolute;
	left: 4%;
	top: 5%;
	width: 80px;
}
.item-sbs .thumb-new span{
	width: 40px;
}


.item .body{overflow: hidden;}
.item .body p{margin-bottom: 1em !important;}
.item .body ul{margin-bottom: 1.5em !important;}

#cont-cp .item .price{font-style: normal; margin-bottom: 30px;}
.item .price .list-price{font-size: 14px;overflow: hidden;}
.item .price .list-price span{font-weight: bold;}
.item .price .sale-price{color: #b82b39; margin: 5px 0 20px !important; font-weight: normal !important;}
.item .price .sale-price em{font-size: 28px; font-weight: normal;}
.item .price .sale-price span{display: inline-block;}
.item .price .sale-price span.off{font-weight: bold;display: inline-block; background-color: #b82b39; color: #fff;padding: 0.3em; vertical-align: bottom; margin-right: 0.5em;vertical-align: text-bottom;}
.item .price .sale-price dt{margin-bottom: 0.5em; font-weight: normal;}
.item .price .sale-price dd{color: #333;font-weight: bold;}

.item .unit-btn{margin-bottom: 1em;}
.item .unit-set p{font-weight: bold;font-size: 16px;}
.item .unit-set ul li a{text-decoration: underline;}
@media (min-width: 769px) {/*PC*/
	.section-pillow .item:last-child{padding-bottom: 0;}
}
@media (max-width: 768px) {/*SP*/
	.section-items{padding: 0;}
	.section-items .cp-col3{margin-bottom: 20px;}
	.item{padding-bottom: 20px;}
	.item .info{margin: 20px 0;}
	.item .thumb{margin-bottom:.5em !important;}
}
/* ===================================================================
新発売
=================================================================== */
.section-new .unit-btn{
	max-width: 400px;
	margin: 0 auto;
}
.section-new .item ul li span{font-weight: bold;}
@media (min-width: 769px) {/*PC*/
	.section-new .item{
		margin-bottom: 40px;
	}
	.section-new .item ul{
		/*! margin-bottom: 30px; */
	}
}


@media (max-width: 768px) {/*SP*/
	.section-new .item-inner{
		overflow: hidden;
	}
	.section-new .item{
		margin-bottom: 20px;
	}

	.section-new .item-inner .body{
		margin-left: 170px;
	}
	.section-new .item-inner .thumb{
		float: left;
		width: 150px;
	}
	.item .thumb-new span{
		width: 30px;
	}
	.section-new .item .body p{
		margin-bottom: 0 !important;
	}
	.section-new h4{
		font-size: 16px;
	}

}


/* ===================================================================

=================================================================== */

#cont-cp .title-set-off{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.8em;
	border-bottom: solid 1px #eee;
	padding-bottom: 2em;
}
#cont-cp .title-set-off a{
	color: #032475;
	text-decoration: underline;
}
#cont-cp .title-set-off span{
	background-color: #032475;
	color: #fff;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	text-align: center;
	margin-right: .2em;
	font-weight: normal;
	font-size: 16px;
}
#cont-cp .anchor-set-off{
	padding: 3em 0;
}
#cont-cp .anchor-set-off ul {
	text-align: center;
}
#cont-cp .anchor-set-off ul li{
	display: inline-block;
	text-align: center;
	padding: 0 2em !important;
}
#cont-cp .anchor-set-off ul li a{
	font-size: 20px;
	display: block;
	border-bottom: solid 2px #ccc;
	padding-bottom: .5em;
	color: #032475;
}
#cont-cp .anchor-set-off ul li a span{
	width: 34px;
	height: 34px;
	display: inline-block;
	background-color: #032475;
	color: #fff;
	line-height: 34px;
	border-radius: 50%;
	text-align: center;
	margin-right: 2em;
}
#cont-cp .anchor-set-off ul li a i{
	font-size: 30px;
	font-weight: bold;
	margin-left: 2em;
	color: #032475;
}

#cont-cp .item-sbs{display: table;}
#cont-cp .item-sbs .thumb{display: table-cell; width: 40%;vertical-align: top;}
#cont-cp .item-sbs .body{display: table-cell; width: 60%;vertical-align: top;padding-left: 20px;}
#cont-cp .item-sbs .body h5 a{
	color: #032475;
	text-decoration: underline;
}
#cont-cp .item-sbs .body h5 i{
	color: #032475;
	vertical-align: baseline;
	padding-left: .2em;
}

@media (max-width: 768px) {/*SP*/
	#cont-cp .title-set-off{
		font-size: 16px;
	}
	#cont-cp .title-set-off span{
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
	#cont-cp .anchor-set-off{
		padding: 2em 0;
	}
	#cont-cp .anchor-set-off ul li{
		width: 100%;
		margin-bottom: 1em !important;
	}
	#cont-cp .anchor-set-off ul li a{
		font-size: 16px;
		position: relative;
		text-align: center;
		
	}
	#cont-cp .anchor-set-off ul li a span{
		position: absolute;
		left: 0;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
	#cont-cp .anchor-set-off ul li a i{
		position: absolute;
		right: 0;
	}
}
/* ===================================================================

=================================================================== */
.section-set-flow .item .set-list li{
	padding-bottom: .5em !important;
}
.section-set-flow .item .set-list li i{
	padding-left: 1.2em;
	color: #032475;
	font-weight: bold;
}
.section-set-flow .item ul li{
	text-indent: -1em;
	padding-left: 1em !important;
	
}
.section-set-flow .item ul li a{
	color: #032475;
	font-size: 16px;
	text-decoration: underline;
}
.section-set-flow .item .note{
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}
@media (max-width: 768px) {/*SP*/
	.section-set-flow .item .set-list li a{
		font-size: 14px;
	}
}
/* ===================================================================

=================================================================== */

.section-set-exsample .item dl dt{
	font-weight: normal !important;	
}
@media (min-width: 769px) {/*PC*/
	.section-set-exsample{
		margin-bottom: 40px;
	}
}
@media (max-width: 768px) {/*SP*/
	.section-set-exsample .item dl{
		margin-bottom: 1em !important;
	}
	.section-set-exsample .item dl dt{
		font-size: 14px;
	}
}

/* ===================================================================
ギフト包装
=================================================================== */
.section-gift .info-gift p{margin-bottom: 1em !important;}
.section-gift .info-gift dl dt{font-size: 24px; font-weight: normal;margin-bottom: 1em !important;}
.section-gift .info-gift dl dd{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1em;
}
.section-gift .info-gift a{text-decoration: underline;}
@media (min-width: 769px) {/*PC*/
	.section-gift{margin-bottom: 80px !important;}
	.section-gift .unit-gift{overflow: hidden}
	.section-gift .info-gift{float: left; width: 48%;}
	.section-gift .cap-gift{float: right; width: 48%;}
}
/* ===================================================================
店舗検索方法
=================================================================== */
#cont-cp .section-search .cont-shop-search .body h4{
	line-height: 1.5em;
	margin-bottom: 30px;
	font-weight: bold;
}
#cont-cp .section-search .cont-shop-search .body h4 a{color: #b30007;text-decoration: underline;}
#cont-cp .section-search .cont-shop-search .body ul{margin-bottom: 50px;}
#cont-cp .section-search .cont-shop-search .body ul li,
#cont-cp .section-search .cont-shop-search .body h4{text-align: left;}
#cont-cp .section-search .cont-shop-search .body ul li{text-indent: -1em;padding-left: 1em;}
#cont-cp .section-search .cont-shop-search .body p{
	text-align: left;
	margin-bottom: 1em;
	font-weight: bold;
}
@media (min-width: 769px) {/*PC*/
	#cont-cp .section-search{padding: 60px 0;}
	#cont-cp .section-search .cont-shop-search{overflow: hidden;}
	#cont-cp .section-search .cont-shop-search .pic{
		width: 445px;
		float: left;
		margin-bottom: 20px;
	}
	#cont-cp .section-search .cont-shop-search .body{margin-left: 485px;}
	#cont-cp .section-search .cont-shop-search .body .unit-btn{width: 300px;margin-left: auto;}
}
@media (max-width: 768px) {/*SP*/
	#cont-cp .section-search .cont-shop-search .pic{width: 70%;margin: 0 auto 20px;}
	.section-search{margin-bottom: 40px;}
	.cont-shop-search{margin-bottom: 40px;}
}
/* ===================================================================
キャンペーン共通：お近くの店舗で購入する
=================================================================== */
#cont-cp .netstore{
	background-color: #d7d2cb;
	padding: 3% 0;
}
#cont-cp .netstore .inner dl dd span{
	display: block;
	margin-top: 10px;
}
#cont-cp .netstore .inner dl dd span a{
	text-decoration: underline;
}
@media (min-width: 769px) {/*PC*/
	#cont-cp .netstore .inner{
		position: relative;
	}
	#cont-cp .netstore .inner dl{
		margin-right: 280px;
	}
	#cont-cp .netstore .inner dl dt{
		font-size: 22px;
		margin-bottom: 0.5em;
	}
	#cont-cp .netstore .inner dl dd{
		font-size: 12px;
	}
	#cont-cp .netstore .inner p{
		position: absolute;
		right: 15px;
		top: 0px;
		width: 260px;
	}
}
@media (max-width: 768px) {/*SP*/
	#cont-cp .netstore{
	background-color: #d7d2cb;
	margin-bottom: 20px;
	}
	#cont-cp .netstore .inner dl {
		margin-bottom: 1em;
	}
	#cont-cp .netstore .inner dl dt{
		font-size: 16px;
		margin-bottom: 0.5em;
		text-align: left;
	}
	#cont-cp .netstore .inner dl dd{
		font-size: 12px;
		text-align: left;
	}
}