@charset "UTF-8";

/* ========================================
	share
======================================== */
.background_wrap{
	height: 100%;
}
.background_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: center center no-repeat;
	background-size: cover;
	background-image: url(../images/share/bg_cont.jpg);
	opacity: 1;
	z-index: -1;
}
.l-contents{
	padding-bottom: 0 !important;
}
.p-share_wrap .c-pagecatch{
	background: url(../images/share/bg_wave_t.png) no-repeat center 45px;
}
.p-share_wrap .c-content_wrap{
	background: url(../images/share/bg_cont_grp.png) ;
	background-repeat: repeat-y;
	background-position: top center;
}
.p-share_wrap .c-content_wrap_btm{
	background: url(../images/top/coordinate_bg_line.png), url(../images/share/bg_cont_grp.png) ;
	background-repeat: repeat-y, repeat-y;
	background-position: center top, top center;
}
@media screen and (min-width: 1920px) {
	.p-share_wrap,
	.p-share_wrap .c-pagecatch,
	.p-share_wrap .c-content_wrap{
		background-size:100% auto;
	}
	.p-share_wrap .c-content_wrap_btm{
		background-size:100% 55px, 100% auto;
	}
}
.p-share_lead01{
	position: relative;
	text-align: center;
	padding: 20px 0 40px 0;
	z-index: 10;
}

/* ========================================
	shopnavi
======================================== */
.p-share-shop{
	position: relative;
	width: 960px;
	height: 558px;
	margin: 0 auto;
}
.p-share-shop .p-share-dl{
	position: relative;
	background: url(../images/share/shop_lead_bg.png) no-repeat 20px 0;
	padding: 45px 0 0 80px;
	height: 345px;
	z-index: 10;
}
.p-share-dl dt{
	padding-bottom: 35px;
}
.p-share-bg{
	display: block;
	position: absolute;
}
.p-share-shop_p{
	top:120px;
	left: 470px;
	z-index: 30;
}
.p-share-shop_p02{
	top:388px;
	left: 80px;
	z-index: 40;
}
.p-share-shop_p img{
	transition-delay: 400ms;
}
.p-share-shop_p02 img{
	transition-delay: 450ms;
}
.p-share-shop_chara01{
	top:-10px;
	left:774px;
	z-index: 20;
}
.p-share-shop_chara02{
	top:-10px;
	left:955px;
	z-index: 20;
}
.p-share-shop_chara02 img{
	transition-delay: 200ms;
}
.p-share-shop_star01{
	position: absolute;
	background: url(../images/share/shop_star01.png) no-repeat top center;
	width: 100%;
	height: 500px;
	top: 177px;
	left: 0;
	z-index: 1;
}
.p-share-shop_bgline{
	position: absolute;
	background: url(../images/top/coordinate_bg_line.png) repeat-y top center;
	width: 100%;
	height: 600px;
	top: 177px;
	left: 0;
	z-index: 1;
}
@media screen and (min-width: 1920px) {
	.p-share-shop_star01{background-size: 100% auto;}
	.p-share-shop_bgline{
		background-size:100% 55px;
	}
}
.p-share-shop_star02{
	top: 130px;
	left: 655px;
	z-index: 1;
}

/* ========================================
	design mall
======================================== */
.p-share-design{
	height: 595px;
	background: url(../images/share/bg_wave_b.png) no-repeat top center;
}
.p-share-design_in{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 150px 0 0 305px;
}

.p-share-design .p-share-dl{
	position: relative;
	background: url(../images/share/shop_lead_bg.png) no-repeat 0 0;
	padding: 75px 0 0 215px;
	height: 345px;
	z-index: 10;
}
.p-share-design_p{
	top: 80px;
	left: -78px;
	z-index: 30;
}
.p-share-design_p02{
	top: 253px;
	left: 842px;
	z-index: 30;
}
.p-share-design_p img{
	transition-delay: 100ms;
}
.p-share-design_p02 img{
	transition-delay: 200ms;
}
/* ========================================
	sns
======================================== */
.p-share-sns_line{
	border: none;
	height: 10px;
	display: block;
	background: url(../images/share/bg_wave_t.png) no-repeat center top;
	margin: 0;
}
@media screen and (min-width: 1920px) {
	.p-share-design, .p-share-sns_line{
		background-size:100% auto;
	}
}
.p-share-sns{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 98px 0 210px 0;
}
.p-share-sns .p-share-dl{
	position: relative;
	background: url(../images/share/shop_lead_bg.png) no-repeat 20px 0;
	padding: 72px 0 0 80px;
	height: 345px;
	z-index: 10;
}
.p-share-sns_lead{
	position: relative;
	width: 362px;
}
.p-share-sns_lead_a{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.p-share-sns_p{
	top: 98px;
	left: 452px;
	z-index: 30;
}
.p-share-sns_star{
	top: -25px;
	left: -165px;
	z-index: 1;
}
.p-share-sns_chara{
	top: 200px;
	left: -195px;
	z-index: 30;
}