@charset "UTF-8";

/*
======== table of content. ===============

summary:トップページ要素

==========================================
*/
.heightkeep {
	position:relative;
	height:680px;
}

.hatsumiya h1,
.shichigosan h1 {
	margin-bottom:90px;
	padding-top:60px;
	text-indent:-999px;
	overflow:hidden;
}

.hatsumiya h1 span,
.shichigosan h1 span {
	display:block;
	height:130px;
}


/* 初宮
------------------------------------------*/
.hatsumiya {
	position:absolute;
	left:0;
	padding:20px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffdc8a), to(#edc361));
	background: -webkit-linear-gradient(#ffdc8a, #edc361);
	background: -moz-linear-gradient(#ffdc8a, #edc361);
	background: -ms-linear-gradient(#ffdc8a, #edc361);
	background: -o-linear-gradient(#ffdc8a, #edc361);
	background: linear-gradient(#ffdc8a, #edc361);
	-pie-background: linear-gradient(#ffdc8a, #edc361);
	z-index:1;
}

.ie8 .hatsumiya {
	background:url(../images/bg_hatsu_base.png) repeat-x 0 0;
	*background:url(../images/bg_hatsu_base.png) repeat-x 0 0;
}

.hatsumiya .inner {
	width:440px;
	height:640px;
	background:url(../images/bg_line.png) no-repeat 0 85%;
}

.hatsumiya .captop,
.hatsumiya .capbody,
.hatsumiya .capbtm {
	position:relative;
}

.hatsumiya .captop .bg_l {
	position:relative;
	width:auto;
	height:180px;
	margin-right:134px;
	background:url(../images/bg_hatsutop_l.png) no-repeat 0 0;
}

.hatsumiya .captop .bg_r {
	position:absolute;
	top:0;
	right:0;
	width:134px;
	height:180px;
	background:url(../images/bg_hatsutop_r.png) no-repeat 0 0;
}

.hatsumiya h1 {
margin-bottom: 20px;
	background:url(../images/icon_hatsu_arrow.png) no-repeat 100% 143px;
}

.hatsumiya a:hover h1 {
	background-position:100% -497px;
}

.hatsumiya h1 span {
height: 200px;
	background:url(../images/title_hatsu@2x.png) no-repeat center 0;
	background-size:180px 400px;
}
.hatsumiya a:hover h1 span {
	background-position:center -200px;
}


.hatsumiya .capbtm .bg_l {
	position:absolute;
	top:0;
	left:0;
	width:134px;
	height:180px;
	background:url(../images/bg_hatsubtm_l.png) no-repeat 0 100%;
}

.hatsumiya .capbtm .bg_r {
	position:relative;
	width:auto;
	height:180px;
	margin-left:134px;
	background:url(../images/bg_hatsubtm_r.png) no-repeat 100% 100%;
}


/* 七五三
------------------------------------------*/
.shichigosan,
.shichi_hide {
	position:absolute;
	right:0;
	padding:20px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc7d0), to(#eb687d));
	background: -webkit-linear-gradient(#ffc7d0, #eb687d);
	background: -moz-linear-gradient(#ffc7d0, #eb687d);
	background: -ms-linear-gradient(#ffc7d0, #eb687d);
	background: -o-linear-gradient(#ffc7d0, #eb687d);
	background: linear-gradient(#ffc7d0, #eb687d);
	-pie-background: linear-gradient(#ffc7d0, #eb687d);
	z-index:1;
}

.natsu_hide {
	z-index:-1;
}

.shichi_hide .inner_hide {
	width:440px;
	height:640px;
	background:url(../images/bg_753_hide.png) no-repeat 0 0;
}

.shichigosan .inner {
	width:440px;
	height:640px;
	background:url(../images/bg_line.png) no-repeat 100% 85%;
}

.shichigosan .captop,
.shichigosan .capbody,
.shichigosan .capbtm {
	position:relative;
}

.shichigosan .captop .bg_l {
	position:relative;
	width:auto;
	height:180px;
	margin-right:134px;
	background:url(../images/bg_753top_l.png) no-repeat 0 0;
}

.shichigosan .captop .bg_r {
	position:absolute;
	top:0;
	right:0;
	width:134px;
	height:180px;
	background:url(../images/bg_753top_r.png) no-repeat 0 0;
}

.shichigosan h1 {
	background:url(../images/icon_753_arrow.png) no-repeat 100% 143px;
}

.shichigosan a:hover h1 {
	background-position:100% -497px;
}

.shichigosan h1 span {
	background:url(../images/title_753@2x.png) no-repeat center 0;
	background-size:180px 260px;
}
.shichigosan a:hover h1 span {
	background-position:center -130px;
}

.shichigosan .capbtm .bg_l {
	position:absolute;
	top:0;
	left:0;
	width:134px;
	height:180px;
	background:url(../images/bg_753btm_l.png) no-repeat 0 100%;
}

.shichigosan .capbtm .bg_r {
	position:relative;
	width:auto;
	height:180px;
	margin-left:134px;
	background:url(../images/bg_753btm_r.png) no-repeat 100% 100%;
}

.copy {
	position:relative;
	padding:30px 20px;
	text-align:right;
}

.copy strong:nth-child(1) {
	color:#e73462;
}
.copy strong:nth-child(2) {
	color:#70b6e5;
}
.copy strong:nth-child(3) {
	color:#ed7084;
}

.z100,
.z100 * {
	z-index:100 !important;
}