@charset "utf-8";
/* CSS Document */
.pcHide{
	display:none;
}
@media screen and (max-width:800px) {
.pcHide{
	display:block;
}
.spHide{
	display:none;
}
}

*{
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	line-height:1.5;
}

/**メインイメージ**/
section#mainImg{
	width:1350px;
	margin:auto;
	background-image:url(../../images/lp-utsunomiya/main_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
section#mainImg hgroup{
	width:1000px;
	height:497px;
	margin:auto;
	position:relative;
}
section#mainImg hgroup h1{
	position:absolute;
	top:180px;
	left:50px;
}
section#mainImg hgroup h2{
	position:absolute;
	top:10px;
	left:120px;
}
section#mainImg hgroup p{
	width:470px;
	position:absolute;
	bottom:20px;
	font-size:15px;
	color:#262C6C;
	line-height:1.8;
	text-align:center;
}
.yves-wrap {
  width: 1000px;
  margin: 20px auto;
}
@media screen and (max-width:800px) {
section#mainImg{
	width:100%;
	margin:auto;
	background-position:75% top;
	background-size:180%;
}
  .yves-wrap {
    width: 100%;
    padding: 0 15px;
  }
section#mainImg hgroup{
	display:block;
	width:96%;
	height:auto;
	margin:0 auto 20px;
	padding-top:10px;
}
section#mainImg hgroup h1{
	position:static;
	margin-top:20px;
	text-align:center;
}
section#mainImg hgroup h1 img{
	width:96%;
}
section#mainImg hgroup h2{
	position:static;
}
section#mainImg hgroup h2 img{
	width:50%;
}
section#mainImg hgroup p{
	width:100%;
	position:static;
	text-align:left;
	margin-top:10px;
}
}
/**振袖ご成約特典**/
#benefits{
	margin-top:40px;
	background-image:url(../../images/lp-utsunomiya/benefits_bg.jpg);
	background-position:center top;
}
#benefits hgroup{
	display:block;
	margin:auto;
	padding-bottom:30px;
	background-image:url(../../images/lp-utsunomiya/benefits_h2.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center top;
}
@media screen and (max-width:800px) {
#benefits hgroup{
	padding:0 3%;
	background-size:100%;
}
}
#benefits hgroup h2{
	padding-top:30px;
	font-size:42px;
	letter-spacing:0.14em;
	color:#262C6C;
	text-align:center;
}
#benefits hgroup p{
	padding-top:30px;
	font-size:15px;
	letter-spacing:0.18em;
	color:#262C6C;
	text-align:center;
}
@media screen and (max-width:800px) {
#benefits hgroup h2{
	padding-top:30px;
	font-size:24px;
	letter-spacing:0.14em;
	color:#262C6C;
	text-align:center;
}
}
#benefits section{
	width:1000px;
	margin:auto;
}
@media screen and (max-width:800px) {
#benefits section{
	width:96%;
	margin:auto;
}
}
#benefits section div{
	background-color:#FFF;
	padding:20px;
	margin:20px auto;
}
#benefits section div ol{
	font-size:0px;
}
#benefits section div ol > li{
	display:inline-block;
	width:450px;
	margin-right:40px;
	margin-bottom:50px;
	vertical-align:top;
}
#benefits section div ol > li:nth-child(odd){
	margin-right:0;
}
@media screen and (max-width:800px) {
#benefits section div{
	padding:1%;
}
#benefits section div ol > li{
	display:inline-block;
	width:49%;
	margin-right:0;
	margin-bottom:20px;
}
}
#benefits section div ol > li:first-child{
	width:950px;
}
#benefits section div ol > li > div{
	display:block;
	width:95px;
	height:91px;
	float:left;
	background-image:url(../../images/lp-utsunomiya/benefits_list_bg.png);
	font-size:18px;
	letter-spacing:0.14em;
	color:#262C6C;
	text-align:center;
	padding-top:20px;
	margin-right:5px;
}
#benefits section div ol > li:first-child > div{
	margin-top:50px;
}
@media screen and (max-width:800px) {
#benefits section div ol > li:first-child{
	width:100%;
}
#benefits section div ol > li > div{
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-size:contain;
	font-size:11px;
	padding-top:8px;
	float:none;
	margin:auto;
}
#benefits section div ol > li:first-child > div{
	margin-top:20px;
}
}
#benefits section div ol > li > strong{
	display:table;
	width:350px;
	margin-top:25px;
	float:right;
	
}
#benefits section div ol > li > strong > em{
	display:table-cell;
	font-size:21px;
	color:#262C6C;
	vertical-align:middle;
}
#benefits section div ol > li > strong em span{
	display:block;
	font-size:15px;
}
#benefits section div ol > li > strong > span{
	display:table-cell;
	text-align:right;
	font-size:40px;
	color:#FF9999;
	vertical-align:middle;
}

#benefits section div ol > li > strong > span.present{
	font-size:30px;
}
#benefits section div ol > li > p{
	width:350px;
	margin-top:5px;
	float:right;
	font-size:12px;
	color:#444;
	letter-spacing:0.17em;
}
@media screen and (max-width:800px) {
#benefits section div ol > li > strong{
	display:block;
	width:100%;
	margin-top:5px;
	float:none;
	text-align:center;
}
#benefits section div ol > li > strong > em{
	display:block;
	font-size:15px;
	text-align:center;
}
#benefits section div ol > li > strong em span{
	font-size:10px;
}
#benefits section div ol > li > strong > span{
	display:block;
	font-size:15px;
	text-align:center;
}
#benefits section div ol > li > strong > span.present{
	font-size:15px;
}
#benefits section div ol > li > p{
	width:94%;
	float:none;
	margin:auto;
}
}
/*特典1限定*/
#benefits section div ol > li > ul{
	display:table;
	width:850px;
	float:right;
	margin-top:25px;
}
#benefits section div ol > li > ul > li{
	display:table-cell;
	vertical-align:middle;
}
#benefits section div ol > li > ul > li > strong{
	display:table;
	width:350px;
}
#benefits section div ol > li > ul > li > strong > em{
	display:table-cell;
	font-size:26px;
	color:#262C6C;
	vertical-align:middle;
}
#benefits section div ol > li > ul > li > strong em span{
	display:block;
	font-size:18px;
}
#benefits section div ol > li > ul > li > strong > span{
	display:table-cell;
	text-align:right;
	font-size:50px;
	color:#FF9999;
	vertical-align:middle;
}
#benefits section div ol > li > ul > li > strong > span.present{
	font-size:30px;
}
#benefits section div ol > li > ul > li > p{
	width:350px;
	margin-top:5px;
	font-size:12px;
	color:#444;
	letter-spacing:0.17em;
}
#benefits section div ol > li > ul > li:nth-child(3){
	padding-left:30px;
}
#benefits section div ol > li > ul > li:nth-child(3) > strong,
#benefits section div ol > li > ul > li:nth-child(3) > strong > em,
#benefits section div ol > li > ul > li:nth-child(3) > strong > span{
	display:block;
	text-align:left;
}
@media screen and (max-width:800px) {
#benefits section div ol > li > ul{
	display:block;
	width:100%;
	float:none;
	margin-top:5px;
}
#benefits section div ol > li > ul > li{
	display:block;
	text-align:center;
}
#benefits section div ol > li > ul > li > strong{
	display:block;
	width:100%;
}
#benefits section div ol > li > ul > li > strong > em{
	display:block;
	font-size:20px;
}
#benefits section div ol > li > ul > li > strong em span{
	display:block;
	font-size:14px;
}
#benefits section div ol > li > ul > li > strong > span{
	display:block;
	text-align:center;
	font-size:20px;
}
#benefits section div ol > li > ul > li:nth-child(3){
	padding-left:inherit;
}
#benefits section div ol > li > ul > li:nth-child(3) > strong,
#benefits section div ol > li > ul > li:nth-child(3) > strong > em,
#benefits section div ol > li > ul > li:nth-child(3) > strong > span{
	display:block;
	text-align:center;
}
#benefits section div ol > li > ul > li > p{
	width:96%;
}
}
#benefits section h3{
	font-size:23px;
	color:#262C6C;
	text-align:center;
	line-height:1.9;
	letter-spacing:0.14em;
}
#benefits section h3 em:nth-child(2){color:#FF4C4C;}
#benefits section h3 em:nth-child(3){color:#FF9226;}
#benefits section h3 em:nth-child(4){color:#BFFF00;}
#benefits section h3 em:nth-child(5){color:#007FFF;}
#benefits section h3 em:nth-child(6){color:#BF00FF;}
#benefits section h3:after{
	content:url(../../images/lp-utsunomiya/benefits_cake.png);
}
#benefits section h3 span{
	font-size:30px;
	color:#E57D78;
}
#benefits section hr{
	width:822px;
	height:12px;
	border:none;
	background-image:url(../../images/lp-utsunomiya/benefits_hr.png);
	margin:10px auto;
}
#benefits section figure{
	width:822px;
	margin:30px auto;
}
#benefits section figure img{
	float:right;
}
#benefits section figure p{
	width:490px;
	padding:10px;
	letter-spacing:0.17em;
	line-height:2.1;
	font-size:13px;
}
#benefits section figure p span{
	display:block;
	margin-top:20px;
	font-size:11px;
}
@media screen and (max-width:800px) {
#benefits section h3:after{
	display:block;
	margin:auto;
}
#benefits section h3 span{
	display:block;
}
#benefits section hr{
	width:96%;
	background-repeat:no-repeat;
}
#benefits section figure{
	width:96%;
	margin:10px auto;
}
#benefits section figure img{
	float:none;
	margin:5px auto;
	width:100%;
}
#benefits section figure p{
	width:100%;
}

}
#nasuyaSelect{
	background-color:#FBFAFC;
	padding-top:40px;
}
#nasuyaSelect section{
	width:1000px;
	margin:80px auto;
}
@media screen and (max-width:800px) {
#nasuyaSelect section{
	width:96%;
	margin:30px auto;
}
}
#nasuyaSelect section.selectTitle hgroup h2{
	font-size:42px;
	color:#262C6C;
	text-align:center;
	position:relative;
	letter-spacing:0.14em;
}
#nasuyaSelect section.selectTitle hgroup h2 span{
	font-size:33px;
}
#nasuyaSelect section.selectTitle hgroup h2:after{
	content:url(../../images/lp-utsunomiya/select_img.png);
	position:absolute;
	left:50%;
	bottom:-20px;
	margin-left:350px;
}
#nasuyaSelect section.selectTitle hgroup p{
	color:#262C6C;
	text-align:center;
	letter-spacing:0.18em;
	margin-top:20px;
}

@media screen and (max-width:800px) {
#nasuyaSelect section.selectTitle hgroup h2{
	font-size:24px;
}
#nasuyaSelect section.selectTitle hgroup h2 span{
	font-size:24px;
}
#nasuyaSelect section.selectTitle hgroup h2:after{
	display:none;
}
#nasuyaSelect section.selectTitle hgroup p{
	width:96%;
	margin:20px auto;
}
}

#nasuyaSelect section.select01 hgroup h3,
#nasuyaSelect section.select02 hgroup h3,
#nasuyaSelect section.select03 hgroup h3{
	font-size:31px;
	font-weight:bold;
	color:#FF9999;
	letter-spacing:0.14em;
	background-position:left bottom;
	background-repeat:no-repeat;
	float:right;
	width:850px;
	margin:30px auto;
}
@media screen and (max-width:800px) {
#nasuyaSelect section.select01 hgroup h3,
#nasuyaSelect section.select02 hgroup h3,
#nasuyaSelect section.select03 hgroup h3{
	font-size:18px;
	background-position:right bottom;
	float:none;
	width:100%;
	margin:10px auto;
}
}
#nasuyaSelect section.select01 hgroup h3{ background-image:url(../../images/lp-utsunomiya/select_h3_bg1.png);}
#nasuyaSelect section.select02 hgroup h3{ background-image:url(../../images/lp-utsunomiya/select_h3_bg2.png);}
#nasuyaSelect section.select03 hgroup h3{ background-image:url(../../images/lp-utsunomiya/select_h3_bg3.png);}
#nasuyaSelect section.select01 hgroup h4,
#nasuyaSelect section.select02 hgroup h4,
#nasuyaSelect section.select03 hgroup h4{
	font-size:18px;
	color:#333875;
	letter-spacing:0.14em;
	width:111px;
	height:111px;
	background-image:url(../../images/lp-utsunomiya/select_wa.png);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:33px;
	float:left;
	position:relative;
}
#nasuyaSelect section.select01 hgroup h4:before,
#nasuyaSelect section.select02 hgroup h4:before,
#nasuyaSelect section.select03 hgroup h4:before{
	content:url(../../images/lp-utsunomiya/select_tori.png);
	position:absolute;
	top:-40px;
	left:-15px;
}
@media screen and (max-width:800px) {
#nasuyaSelect section.select01 hgroup h4,
#nasuyaSelect section.select02 hgroup h4,
#nasuyaSelect section.select03 hgroup h4{
	font-size:15px;
	width:100%;
	height:inherit;
	background-image:none;
	border:1px #333875 dotted;
	padding-top:inherit;
	float:none;
}
#nasuyaSelect section.select01 hgroup h4:before,
#nasuyaSelect section.select02 hgroup h4:before,
#nasuyaSelect section.select03 hgroup h4:before{
	display:none;
}
}
#nasuyaSelect section.select01 hgroup p,
#nasuyaSelect section.select02 hgroup p,
#nasuyaSelect section.select03 hgroup p{
	font-size:13px;
	color:#444;
	letter-spacing:0.18em;
	line-height:2.1;
	width:850px;
	float:right;
}
@media screen and (max-width:800px) {
#nasuyaSelect section.select01 hgroup p,
#nasuyaSelect section.select02 hgroup p,
#nasuyaSelect section.select03 hgroup p{
	line-height:1.6;
	width:100%;
	float:none;
}
}
#nasuyaSelect section.select01 > h3{
	width:973px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	line-height:46px;
	color:#262C6C;
	margin:20px auto;
	background-image:url(../../images/lp-utsunomiya/select01_h3_bg.png);
	background-repeat:no-repeat;
}
@media screen and (max-width:800px) {
#nasuyaSelect section.select01 > h3{
	width:100%;
}
}
#nasuyaSelect section.select02 ul{
	font-size:0px;
	margin:30px auto;
}
#nasuyaSelect section.select02 ul li{
	display:inline-block;
	width:33%;
	text-align:center;
	margin-bottom:30px;
}
#nasuyaSelect section.select02 ul li img{
	width: 90%;
}
#nasuyaSelect section.select03 > img{
	display:block;
	width: 100%;
	max-width:929px;
	margin:20px auto;
}
#charm{
	background-image:url(../../images/lp-utsunomiya/charm_bg.png);
}
#charm section{
	width:1000px;
	margin:40px auto;
}
#charm dl{
	display:table;
	width:100%;
	padding:40px 0;
}

#charm dl dt{
	display:table-cell;
	width:320px;
	vertical-align:middle;
}
#charm dl dt img{
	width:100%;
}
#charm dl dd{
	display:table-cell;
	width:680px;
}
#charm dl dd ol{
	font-size:0px;
}
#charm dl dd ol li{
	display:inline-block;
	width:33%;
	vertical-align:bottom;
	text-align:center;
	margin-bottom:10px;
}
#charm dl dd ol li img{
	width:90%;
}
@media screen and (max-width:800px) {
#charm section{
	width:96%;
	margin:20px auto;
}
#charm dl{
	display:block;
	padding:20px 0;
}

#charm dl dt{
	display:block;
	width:100%;
	vertical-align:middle;
}
#charm dl dd{
	display:block;
	width:100%;
}
#charm dl dd ol li{
	width:49%;
	margin-top:10px;
}
}
/**/
#benef section{
	width:1000px;
	margin:40px auto;
}
#benef section h2{
	font-size:42px;
	color:#262C6C;
	letter-spacing:0.14em;
	text-align:center;
	position:relative;
}
#benef section h2:before{
	content:url(../../images/lp-utsunomiya/benef_head_l.png);
	position:absolute;
	display:block;
	width:131px;
	height:87px;
	left:10%;
	top:-10px;
}
#benef section h2:after{
	content:url(../../images/lp-utsunomiya/benef_head_r.png);
	position:absolute;
	display:block;
	width:131px;
	height:87px;
	right:10%;
	top:-10px;
}
#benef section p{
	font-size:15px;
	color:#262C6C;
	text-align:center;
	margin:20px auto;
	letter-spacing:0.18em;
	line-height:1.8;
}
#benef section figure{
	text-align:center;
}
#benef section figure img{
	width:100%;
	max-width:850px;
}
#benef section div.rev{
	text-align:center;
	margin-top:25px;
}
#benef section div.rev img{
	width:100%;
	max-width:861px;
}
#benef section div.tel{
	text-align:center;
	margin-top:25px;
}
@media screen and (max-width:800px) {
#benef section{
	width:96%;
	margin:20px auto;
}
#benef section h2{
	font-size:20px;
}
#benef section h2:before{
	display:none;
}
#benef section h2:after{
	display:none;
}
#benef section p{
	text-align:left;
}
#benef section figure{
	width:100%;
}
#benef section div.rev{
	width:100%;
}
#benef section div.tel{
	width:100%;
}
#benef section div.tel img{
	display:block;
	margin:5px auto;
	width:75%;
	max-width:365px;
}
}
/*店舗*/
#store{
	background-color:#FFEBEA !important;
	padding:20px 0;
}
#sakura{
	border:none !important;
	background-color:#FFF;
}

#flow{
	width:1000px;
	margin:40px auto;
}
#flow ol{
	font-size:0px;
}
#flow ol li{
	display:inline-block;
	width:33%;
	text-align:center;
	margin-bottom:15px;
}
@media screen and (max-width:800px) {
#flow{
	width:100%;
	margin:40px auto;
}
#flow ol li{
	display:inline-block;
	width:49%;
	margin-bottom:10px;
}
#flow ol li img{
	width:90%;
	max-width:284px;
}
}
#end{
	background-image:url(../../images/lp-utsunomiya/end_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	height:764px;
	position:relative;
}
#end img{
	position:absolute;
	display:block;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:100%;
	max-width:664px;
}
@media screen and (max-width:800px) {
#end{
	height:300px;
	background-size:cover;
	
}
}
.sp-grab {
  height: 480px !important;
}
.sp-image-container {
  box-shadow: 3px 3px 6px #888!important;
  padding: 8px;
  background: #fff;
}