html,body{ height:100%; }

body{ background:#fff;}

img{ vertical-align:bottom;}
a img:hover{ opacity:0.7;}

p{ line-height:1.8em; font-size:14px;}


.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf {
    *zoom: 1;
}




#wrapper{
	background:#FFF url(../images/##) repeat-y center top;
	background-size:1140px auto;
}

#main-v{
	background: url(../images/main_bg.png) repeat-y center bottom;
	background-size:100% auto;
	width:100%;
	min-width:1280px;
	height:482px;
	text-align:center;
}
#main-v img{
	margin:50px 0px 0px 0px;
}

#main-copy{
	width:810px;
	margin:0 auto 60px;
	padding:50px 0px 0px 0px;
	color:#143500;
	position:relative;
}
#main-copy-left{
	width:459px;
	line-height:30px;
	font-family: "HGMaruGothicMPRO" , serif;
}
#main-copy-left-ttl{
	width:100%;
	font-size:28px;
	letter-spacing:1px;
	margin:10 0 20px 0;
	max-width:540px;
}
#main-copy-left-ttl img{
	width:100%;
}

#navigater{
	position:absolute;
	right:5px;
	top:40px;
	width:365px;
	height:365px;
	text-align:  center;        /* 子要素を左右中央揃え */
}
}
#navigater-inner{
	position: relative;
	width:100%;
	height:100%;
}

.inline-block_navigater {
    display: inline-block;      /* インラインブロック要素にする */
}

.insta-link{
	position:absolute;
	bottom:12px;
	right:18px;
}


.top-content{
	width:820px;
	margin:0 auto;
}



.msg-btn-block{
	width:100%;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	text-align:  center;        /* 子要素を左右中央揃え */
}
.msg-btn-left{
	width:50%;
	height:149px;
	float:left;
	vertical-align:bottom;
}
.msg-btn-left img{
	margin:0 44px 10px 0;
}
.msg-btn-right{
	width:50%;
	height:149px;
	float:right;
}



.share-btn-block{
	width:100%;
	overflow:hidden;
	margin:50px 0px 50px 0px;
	text-align:  center;        /* 子要素を左右中央揃え */
}


.gallery-block{
	width:780px;
	margin:0 0 0 0;
}
.gallery-ttl{
	margin:0 0 30px;
}
.gallery-block ul{
	width:100%;
	overflow:hidden;
}
.gallery-block ul li{
	width:230px;
	float:left;
	margin:15px;
}
.gallery-block ul li img{
	width:100%;
}





.content-wrap{
	width:1012px;
	background:#fff;
	margin:0 auto;
	line-height:1.7;
}

.thanks-block{
	text-align:center;
	margin:0 0 240px;
}
.add-mtop{
	margin-top:50px;
}



.form-personal-ttl{
	width:1012px;
	margin:10px 0px 0px 0px;
}



.form-dl{
	overflow:hidden;
	width:100%;
	margin:50px 0px 0px 0px;
	line-height:1.7;
}
.form-dl dt{
	width:250px;
	float:left;
	clear:both;
	text-align:right;
	font-size:18px;
	margin:0 20px 30px;
	padding:8px 0 0;
}
.form-dl dt span {
	font-size: 0.7em;
}
.form-dl dd{
	width:490px;
	float:left;
	margin:0 0 30px 0;
	overflow:hidden;
}

.form-att-text{
	width:680px;
	margin:0 auto 80px;
	padding:30px 0 0;
	line-height:1.8;
	font-size:14px;
}
.form-btn-box{
	width:680px;
	margin:0 auto 180px;
	line-height:1.8;
	font-size:14px;
	text-align:center;
}


@media(max-width:640px){
#main-v{
	background: url(../images/main_bg.png) repeat-y center bottom;
	background-size:100% auto;
	width:100%;
	min-width:1px;
	height:170px;
	text-align:center;
	overflow:hidden;
}

#main-v img{
	width:130%;
	position:relative;
	left:-20%;
	text-align:center;
    margin: 180px 0px 0px 0px;
}
.content-wrap {
    margin: 0 auto;
    width: 90%;
	font-size:12px;
}
.thanks-block {
    margin: 0 0 140px;
}
.form-dl dt {
    float: none;
    font-size: 14px;
    margin: 0 0px 8px;
    padding:  0 0;
    text-align: left;
    width: 100%;
}
.form-dl dd {
    float: none;
    margin: 0 0 30px;
    width: 100%;
}
.form-att-text {
    font-size: 12px;
    line-height: 1.8;
    margin: 0 auto 50px;
    padding: 20px 0 0;
    width: 100%;
}
.form-btn-box {
    font-size: 0;
    margin: 0 auto 80px;
    text-align: center;
    width: 100%;
}
.form-personal-ttl{
	width:100%;
	margin:0 0 30px;
	overflow:hidden;
}
.form-personal-ttl img{
	width:100%;
}
.present-block{
	width:100%;
	max-width:420px;
	height:auto;
	background: url(../images/present_bg_sp.jpg) no-repeat;
	background-size:100% auto;
	margin:0 auto 80px;
	padding:180px 40px 100px 40px;
	font-size:12px;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;
}
.top-present-block{
	width:100%;
	max-width:420px;
	height:auto;
	background: url(../images/top-present_bg_sp.jpg) no-repeat;
	background-size:100% auto;
	margin:0 auto 80px;
	padding:180px 40px 100px 40px;
	font-size:12px;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;
}
.top-present-block span,
.present-block span{
	font-size:10px;
}
.top-present-block-btn {
    bottom:auto;
    height: 32px;
    line-height: 32px;
    position: relative;
    right: auto;
    text-align: center;
    width: 232px;
	margin:10px auto 0;
}
.top-content {
    margin: 0 auto;
    width: 100%;
}
.gallery-ttl {
    margin: 0 0 20px;
}
.gallery-ttl img{
	width:100%;
}
.gallery-block {
    margin: 0 auto;
    width: 100%;
}
.gallery-block ul li {
    float: left;
    margin: 4px 1.5%;
    width: 47%;
}


#main-copy,
#main-copy-left {
    width: 90%;
    margin: 0 12px 12px 12px;
}
#main-copy-left-ttl {
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0 12px 12px 12px;
}
.msg-btn-left {
    float: none;
    height: auto;
    width: 90%;
    margin: 0px 0px 0px 23px;
    text-align:center;
}

.msg-btn-right {
    float: none;
    height: auto;
    width: 90%;
    text-align:center;
}

#navigater {
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 230px;
    margin:0 auto;
}
.navigater-img{
	width:100%;
}

.inline-block_navigater {
    display: inline-block;      /* インラインブロック要素にする */
}

.msg-btn-left img{
	width:280px;
    text-align:center;
}
.msg-btn-right img{
	width:280px;
    text-align:center;
}
.msg-btn-block {
    text-align:center;
}

.add-mtop {
    margin-top: 30px;
}

}
@media(max-width:500px){
#main-v img{
	margin:10px 0px 0px 30px;
}

#main-v{
	background: url(../images/main_bg.png) repeat-y center bottom;
	background-size:100% auto;
	width:100%;
	min-width:1px;
	height:150px;
	text-align:center;
	overflow:hidden;
}

.inline-block_navigater {
    display: inline-block;      /* インラインブロック要素にする */
}

.form-personal-ttl img{
	width:120%;
	position:relative;
	left:-7%;
}
}
@media(max-width:400px){
.top-present-block{
	padding:148px 32px 100px 32px;
}
.present-block{
	padding:148px 32px 100px 32px;
}
}
@media(max-width:350px){
.top-present-block,
.present-block{
	margin: 30px auto 50px;
	padding:124px 24px 50px 24px;
}
}




a.AlinkBtn{ display:block; width:300px; text-align:center; padding:10px; border:1px solid #464753; background:#999bb4; color:#fff; text-decoration:none; font-weight:bold; margin:0.5em 0;}
a.AlinkBtn:hover{ background:#adaec1;text-decoration:none;}
.presentphoto{}

@media(max-width:640px){
a.AlinkBtn{ display:block; width:80%; margin:0.5em auto;}
.presentphoto{width:90%; margin:0 auto;}
} /* Responsive End */



/* header */

header{ width:auto; height:430px;}

header a{width :auto; height:100%; display: block;}

@media(max-width:640px){



} /* Responsive End */






header{ width: auto; height: 572px; background: url(../images/mainvisual.png) no-repeat center top;}
header h1,header p{ display:none;}

@media(max-width:640px){


header{ width: auto; height: auto; }
} /* Responsive End */






#contents{ width:auto; background:url(../images/background.png) repeat-x left top;  position: relative;}
.star{ position: absolute; top: 250px; left: 50%; margin-left:-600px; z-index:0; overflow: hidden;}
#contents .cf{ position: relative; z-index:1;}
section{ width: 935px; margin:0 auto; }

.star2{ position: absolute; z-index:0; width:100%;height:717px; background:url(../images/star.png) no-repeat center 250px;}


@media(max-width:640px){

#contents{ width:auto; background:none;  position: relative;}
.star{  display: none;}
#contents .cf{ position: relative; z-index:1;}
section{ width: auto; margin:0 auto; }

} /* Responsive End */






.sec01{ position: relative; height: 240px;}
.sec01 .introtext{ position: absolute; width:500px; height: 150px;}
.sec01 #jme{ width: 500px; height: 90px; position: absolute; top: 150px; z-index: 10;}
.sec01 .navigators{ width: 300px; height: 179px; position: absolute; top:0; left:640px; }

@media(max-width:640px){

.sec01{ position: relative; height: auto;}
.sec01 .introtext{ position: relative; width:auto; height: auto;padding:2em; font-size: 120%}
.sec01 #jme{ width: auto; height: auto; position: relative; top: 0; z-index: 10;padding:0 2em 2em 2em;}
.sec01 .navigators{ width: auto; height: auto; position: relative; top:0; left:0;  text-align: center;padding:0 2em 2em;}

.navigators h2 img{ width: 100%;}
.nav01 img{ width:48%;}
.nav02 img{ width:48%;}
.nav03{ width: 50%; margin-top:2em;}

} /* Responsive End */






.sec02{ position: relative; height: 165px;}
.sec02 .btn01{ top: -19px; left:-32px; position: absolute;}
.sec02 .btn02{ top: 0; right:0; position: absolute;}

@media(max-width:640px){

.sec02{ position: relative; height: auto; text-align: center; margin-bottom: 2em;}
.sec02 .btn01{ top: 0; left: 0; position: relative;}
.sec02 .btn02{ top: 0; right:0; position: relative;}

.sec02 img.sp{ width: 90%;}

} /* Responsive End */






.contbox{ position: relative; background:#fff url(../images/bg01.png) repeat-x left top; border:4px solid #eef4f7; margin-bottom:40px;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;}
.contbox .secIcon{ position: absolute; z-index: 3; top: -6px; left: -6px;}
.contbox > .inner{ position: relative; z-index: 1; margin:40px;}
.contbox p{ width:532px; min-height: 110px; padding:20px 0 0 0; line-height: 1.6em; font-size:100%; }

.contbox > .inner > img{ position:absolute;}

@media(max-width:640px){

.contbox{ position: relative; background:#fff; border:4px solid #eef4f7; border:none;margin-bottom:0;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;   box-sizing: border-box;}
.contbox .secIcon{ position: relative; display: none;}
.contbox > .inner{ position:relative;margin:0; text-align: center;}
.contbox > .inner p{ width:auto; min-height: auto; padding:2em 2em 2em; line-height: 1.6em; font-size:90%; text-align:left;}

.contbox > .inner > img{ position:static;padding-bottom:3em;}

.contbox h2 img.sp{ width: 100%; height: auto;}

} /* Responsive End */






.guest01{ top: 0; left:712px; }
.guest02{ top: 0; left:712px; }
.guest03{ top: 0; left:712px; }
.guest04{ top: 0; left:531px; }
.guest06{ top: 0; left:531px; }


@media(max-width:640px){

.guest01{ top: 0; left:0; }
.guest02{ top: 0; left:0; }
.guest03{ top: 0; left:0; }
.guest04{ top: 0; left:0; }
.guest06{ top: 0; left:0; }

} /* Responsive End */




.sec05.contbox p{padding-left:147px; position: relative; width: 375px; min-height:150px;}
.sec05.contbox p img{position:  absolute; left:0;}

.sec06.contbox p{padding-left:147px; position: relative; width: 375px; min-height:150px;}
.sec06.contbox p img{position:  absolute; left:0;}


.sec06.contbox p{ min-height: 176px}

@media(max-width:640px){

.sec05.contbox p{padding:2em; position: relative; width: auto; min-height:auto;}
.sec05.contbox p img{position:  relative; display: block; left:0;}
.sec05.contbox p span{display: block; text-align: center;} 
.sec06.contbox p{padding:2em; position: relative; width: auto; min-height:auto;}
.sec06.contbox p img{position:  relative; display: block; left:0;}
.sec06.contbox p span{display: block; text-align: center;} 
.sec06.contbox p{ min-height: auto}

.guest05{margin:0 auto;}

} /* Responsive End */





section.sec07{ width:auto; margin:0 auto; background:url(../images/pg_background.jpg) no-repeat center top; background-size:cover;}
section.sec07 > .inner{width:935px;margin:0 auto; padding:60px 0; }

.sec07 h2{padding-bottom:40px;margin-left:50px;}
.sec07 .show{ margin-left:50px;}
.sec07 .show li{width:210px; height: 155px; display: inline-block;}

@media(max-width:640px){

section.sec07{ width:auto; margin:0 auto; background:url(../images/pg_background.jpg) no-repeat center top; background-size:cover;}
section.sec07 > .inner{width:auto;margin:0 auto; padding:3em 10% 1em 10%; }

.sec07 h2{padding:２em 0 2em 0;margin:0;}
.sec07 .show{ margin-left:0;}
.sec07 .show li{width:45%; height: auto;padding:0;margin:0;margin-bottom:2em;}
.sec07 .show li:nth-child(odd){margin-right:8%;}
.sec07 .show a{width:100%;}
.sec07 .show li a img{ width: 100%;}
} /* Responsive End */

















.JME{ width:480px; background:#fff; margin:0px 0px 100px 0px;padding:0; text-align:center; vertical-align:top;}

#jme #gigyaShare .gig-bar-container {height: 20px; margin: 3px 0 0 5px; position:relative; top:-2px;}
.gig-button-container-google-plusone{ position:relative; top:-5px;}

footer{ width:auto; margin:0 auto; height:250px; background:#fff;}
#footer_inner{ width:820px; margin:0 auto; position:relative;}
footer .copy{ position:absolute;padding:10px 0 0 0;top:130px; left:0; font-size:12px;}
footer .greenlogo{ position:absolute; top:110px; right:0;}
footer .ngnbnr{ position:absolute; top:45px; left:0;}
footer .jwavelogo{ position:absolute; top:100px; right:100px;}
footer .gotohome{ position:absolute; top:95px; left:0;}

@media(max-width:640px){
.JME{ width:auto; padding:0 1em;}

footer{width:auto; text-align:center; height:auto;padding:2em 0;}
#footer_inner{ width:auto; position:static;}
footer .copy{ position:static;padding:10px 0 0 0;top:0; left:0; font-size:0.7em; margin-bottom:1em;}
footer .greenlogo{ position:static; top:0; left:0; margin-bottom:1em;}
footer .jwavelogo{ position:static; top:0; left:0; margin-bottom:1em;}
footer .gotohome{ position:static; top:0; left:0; margin-bottom:1em;}
footer .ngnbnr{ position:static; top:0; left:0;}
} /* Responsive End */





#gigyaShare{ position:relative;}
#gigyaShare img{ vertical-align:top;}
#gigyaShare > img{ display:inline-block; position:relative; margin:0 !important; vertical-align:top;}
#gigyaShare > div{ display:inline-block; margin-left:12px; padding-top:0;}
.gig-button-container-google-plusone{ position:relative; top:-2px;}

@media(max-width:640px){
#gigyaShare > img{ display:inline-block; top:0; position:relative}
#gigyaShare > div{ display:inline-block; margin-left:0; padding-top:0;}
.gig-button-container-google-plusone{ position:relative; top:-2px;}

} /* Responsive End */



.clear{ clear:both;}
.tac{ text-align:center !important;}

.w100p{ width:100%;}


@media(min-width:641px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:640px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:640px){
#commonFooter{ display:none !important; }
}

@media(max-width:640px){
#commonFooter{ display:none !important; }
}


@media(max-width:640px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:641px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}

div.formhead {
	max-width: 800px;
	margin: 0 auto;
	border-bottom: solid 1px #000066;

}
div.formhead p {
display: inline-block;
}
div.formhead p.ttl {
font-size: 1.5em;
width: 210px
}

div.formhead p.info {
width: 210px;
text-align: center;
}