@charset "utf-8";
/*
====================================================
	
	baseLayout.css
	
	CSS basic layput setting
	全ページに適用
	
====================================================
*/

#page-top {
    position: fixed;
    right: 40px;
	z-index:9999;
	font-family: 'Montserrat';
	font-style: italic;
	letter-spacing:.06em;
    font-size: 77%;
}
#page-top a {
    background: #DA4145;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding:27px 0;
    text-align: center;
    display: block;
}

#page-top img {width: 20px;}
#page-top span{border-bottom: 2px solid #FFF;padding-bottom: 3px;}


header{width: 100%; text-align: center; margin: 50px 0 50px 0;}



/*---------------------------------------------------
	# Container
---------------------------------------------------*/

#container{width:100%; height:100%;}



/*---------------------------------------------------
	# Teaser
---------------------------------------------------*/

.teaser_btn{position: absolute; top:-35px; right: 60px;}
.teaser_preevent{width:260px; position: absolute; top:110px; left: 60px; z-index: 100; text-align: center;}

.teaser_concept{width: 100%; background-image: url(../images/index_bg.jpg); background-size: cover; background-repeat: no-repeat; 
	text-align: center; padding:80px 0 160px 0; position: relative;}

.teaser_conceptbody{width: 980px; margin: 0 auto;}
.teaser_conceptbody .left{width: 550px; float: left; text-align: left;}


.teaser_conceptbody .left .teaser_ttl{width: 246px; position: relative; margin-top:220px; z-index: 100;}
.teaser_conceptbody .left .teaser_bodycopy{width:160px; text-align: left; font-size: 14px; line-height:280%; color: #000; background-color: #46F2AD; padding: 50px 50px 40px 50px; position: relative; margin: -25px 0 0 120px ; z-index: 90;}

.teaser_conceptbody .left .teaser_caption{width: 400px; font-size: 11px; line-height:200%; color: #46F2AD; 
	background-color: #151818; padding:25px; margin-top:220px; }


.teaser_conceptbody .left .teaser_dicsarea01{margin: 80px 0 20px 80px;}
.teaser_conceptbody .left .teaser_dicsarea02{margin: 0 0 0 80px;}

.teaser_conceptbody .left .teaser_dics{font-size:10px; line-height:100%; color: #000; 
	background-color: #FFF; padding:10px; }



.teaser_conceptbody .right{width: 360px; float: left; background-color: rgba(255,255,255,0.99); color: #000;
	text-align: left; font-size:12px; line-height:220%; letter-spacing: -.008em; padding: 45px 30px 45px 40px; margin:70px 0 0 0;}

.teaser_profilebody{width: 980px; margin: 0 auto;}

.teaser_profile{width: 580px; background-color:#FFF; text-align: left; padding: 25px 0 25px 25px; margin:100px 0 0 120px;}
.teaser_profile .left{width: 180px; float: left;}
.teaser_profile .right{width: 370px; float: left; color: #000; font-size: 11px; line-height: 180%; }
.teaser_profile .profilename{font-weight: bold; font-size: 12px; margin: 0 0 6px 0 ;}

.teaser_profile02{width:460px; font-size:10px; line-height: 180%; background-color:#FFF; text-align: left; 
	padding: 25px 0 25px 25px; margin:100px 0 0 355px;}



.member_form{width: 100%; background-color: #151818; padding-bottom: 60px;}
.form_ttl{ width: 100%; text-align: center; margin-top: -55px; position: relative; z-index: 200;}
.form_copy{width: 100%; text-align: center; font-size: 11px; color: #FFF; margin: 40px 0 40px 0;}
.form_btn{width: 100%; text-align: center; }

.form_body{width: 980px; margin: 0 auto; background-color: #151818;}


.member_form2{width: 100%; background-color: #151818; margin-top:-15px; position: relative; padding:50px 0 10px 0;}
.form_ttl2{ width: 100%; text-align: center; margin-top:40px; position: relative; z-index: 200;}
.form_cap{font-size: 11px; color: #FFF; width: 100%; text-align: center; margin: 0 0 50px 0 ;}


/*---------------------------------------------------
	# Contents body
---------------------------------------------------*/

#contents {width:90%; margin: 0 auto 0 auto; padding: 60px 0 10px 0; background-color: #FFF; min-width: 980px;}
.contents_body {width:980px; margin: 0 auto 0 auto;}



.pagenotfound a{width:180px; font-size:9px; color: #FFF; margin:30px auto 10px auto; text-align: center;}

.pagenotfound a{display: block; text-decoration: none; color: #46F2AD; padding:8px 0 8px 0; background-color:#151818; 
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}
.pagenotfound a:hover{background-color:#46F2AD; color: #fff;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}


/*---------------------------------------------------
	# Pre event
---------------------------------------------------*/
.pre_block01{width: 100%; min-height: 460px; text-align: center; background-image: url(../images/preevent/preevent02.jpg); background-size:cover; background-repeat: no-repeat; }
.pre_block01 img{margin-top: 115px;}

.pre_block02{width: 100%;  min-height:670px; text-align: center; background-image: url(../images/preevent/preevent04.jpg); background-size:cover; background-repeat: no-repeat; padding:80px 0 0 0; position: relative;}

.pre_block02 .obj{width: 980px; margin: 0 auto; position: relative;}
.pre_block02 .obj01{width: 245px; position: absolute; top:55px; left:70px; z-index: 100;}
.pre_block02 .obj02{width: 490px; background-color: #46F2AD; font-size: 90%; text-align: left; line-height: 220%; color: #000; 
	padding: 60px 40px 40px 40px; position: absolute; top:80px; left:140px;}
.pre_block02 .obj03{width:370px;background-color: #FFF; padding: 20px; position: absolute; top:365px; right:100px;}


.pre_block03{width: 980px; margin: 0 auto; padding: 70px 0 0 0;}
.pre_block03 .obj01{width: 201px; position: relative; top:0; left: 50px; z-index: 100;}
.pre_block03 .obj02{width: 647px; position: relative; top:-19px; left:104px;}


.pre_block04{width: 980px; min-height:1900px; margin: 0 auto; position: relative;}
.pre_block04 .obj01{width: 210px; position: absolute; top:110px; left:210px;}
.pre_block04 .obj02{width: 220px; position: absolute; top:950px; left:0;}

.pre_block05{width: 980px; min-height:360px; margin: 80px auto 0 auto; position: relative;}
.pre_block05 .obj01{width: 191px; position: relative; top:0; left:0; z-index: 100;}
.pre_block05 .obj02{width: 464px; position: relative; top:-19px; left:54px;}

.pre_block06{width: 980px; min-height:1100px; margin: 110px auto 0 auto; position: relative;}
.pre_block06 .obj01{width: 112px; position: absolute; top:200px; left:113px; z-index: 100;}
.pre_block06 .obj02{width: 241px; position: absolute; top:40px; right:210px;  z-index: 100;}
.pre_block06 .obj03{width: 415px; position: absolute; top:0; left:180px;}
.pre_block06 .obj04{width: 305px; position: absolute; top:330px; left:0; color: #000; 
	font-size: 90%; background-color: #46F2AD; padding: 30px 30px 30px 30px;}
.pre_block06 .obj05{width: 230px; position: absolute; top:120px; right:60px; color: #000; 
	font-size: 90%; background-color: #46F2AD; padding: 30px 30px 30px 30px;}

.pre_block06 .obj06{width: 347px; position: absolute; top:630px; left:280px; z-index: 110;}
.pre_block06 .obj07{width: 394px; position: absolute; top:430px; right:30px;  z-index: 100;}
.pre_block06 .obj08{width: 430px; position: absolute; top:760px; left:135px;  z-index: 110; color: #000;
font-size: 90%; background-color: #46F2AD; padding: 30px 30px 30px 30px;}
.pre_block06 .obj09{width: 441px; position: absolute; top:590px; left:50px;  z-index: 100;}

.pre_block_map{width: 100%; min-height:; margin: 100px auto 0 auto; position: relative;}
.pre_block_map .obj01{width:142px; position: absolute; top:50px; left:40px; z-index: 100;}

.mapstyle_detail{width:100%; height:440px; margin:50px auto 50px auto;}

.pre_block07{width: 980px; min-height:; margin: 60px auto 0 auto; position: relative;}
.pre_block07 .body{font-size: 95%; line-height: 200%; margin: 0 0 50px 0;}
.pre_block07 .caption{font-size: 85%; border-top: 1px solid #E5E5E5; padding-top:50px; margin: 50px 0 0 0 ;}
.pre_block07 .outline{width: 980px; font-size: 95%; line-height: 200%;}
.pre_block07 .outline .left{width: 450px; float: left; margin-right: 80px;}
.pre_block07 .outline .right{width: 450px; float: left;}
.pre_block07 .outline .ttl{width: 435px; background-color: #000000; font-size: 95%; color: #46F2AD; padding: 6px 0 5px 15px; margin: 0 0 30px 0;}



.eventblock01{width: 280px; background-color: #46F2AD; color: #000; font-size: 90%; padding: 40px 40px 40px 40px;}
.eventblock01 .ttlarea{margin-left:-70px;}
.eventblock01 .ttl01{font-size: 120%; color: #46F2AD; background-color: #000; padding: 10px;}
.eventblock01 .ttl02{font-size: 90%; color: #46F2AD; background-color: #000; padding: 7px 10px 6px 10px ;}
.eventblock01 .image{margin: 30px 0 0 0;}
.eventblock01 .time{margin: 30px 0 20px;}
.eventblock01 .people{font-size: 110%; margin: 10px 0 12px;}


.eventblock02{width: 280px; background-color: #E5E5E5; color: #000; font-size: 90%; padding: 40px 40px 40px 40px;}
.eventblock02 .ttlarea{margin-left:-70px;}
.eventblock02 .ttl01{font-size: 120%; color: #FFF; background-color: #000; padding: 10px;}
.eventblock02 .ttl02{font-size: 90%; color: #FFF; background-color: #000; padding: 7px 10px 6px 10px ;}
.eventblock02 .time{margin: 20px 0 20px;}
.eventblock02 .people{font-size: 110%; margin: 30px 0 6px;}
.eventblock02 .bold{font-size: 100%; font-weight: bold;}

.eventblock02 .moushikomi{margin: 20px 0 0 0;}
.eventblock02 a{color: #fff; background-color: #151515; padding: 8px 8px 8px 8px; text-decoration: none; }
.eventblock02 a:hover{color: #fff; background-color: #46F2AD;}


.layout01{position: absolute; top:280px; left:30px; }
.layout02{position: absolute; top:80px; right:0; }
.layout03{position: absolute; top:660px; right:90px; }
.layout04{position: absolute; top:1050px; left:80px; }
.layout05{position: absolute; top:1263px; right:40px; }
.layout06{position: absolute; top:30px; right:0; }


/*---------------------------------------------------
	#Footer
---------------------------------------------------*/
footer {width:100%; text-align:center; margin: 60px 0 60px 0;}

footer .footinfo{font-size: 10px; line-height: 160%;}
footer .footinfottl{font-size: 10px; font-family: 'Montserrat', Arial, sans-serif; font-weight:500; margin-bottom: 6px;}

footer .copyright {font-family: 'Montserrat', Arial, sans-serif; color: #595959; font-weight:500;font-size:9px;
	margin: 30px 0 30px 0; }
footer .copyright span{font-size:10px;}

/*---------------------------------------------------
	# ボタンのトランジション
---------------------------------------------------*/

.sweep-top1  {
  display: inline-block;
  width:120px;
  vertical-align: middle;
  background-color:#B7B7B7;
  border-radius: 5px;
  padding:6px 0 1px 0 ;
}

/*---------------------------------------------------
	over zoom
---------------------------------------------------*/

.view1 {width: 295px;height: 220px;overflow: hidden;position: relative;text-align: center;cursor: pointer;}
.view1 .mask,.view1 .content {width: 295px;height: 220px;position: absolute;overflow: hidden;top: 0;left: 0; }
.view1 img {display: block;position: relative; }
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: rgba(255,255,255, 0.6) ;
   background-image: url(../images/ico_arrow.png);
   background-repeat:no-repeat;
   background-position:center center;
   background-size:68px;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}
.view-first:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.view-first img {
   -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
   -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
   -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
   -ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
   transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}


/*---------------------------------------------------
	Table color
---------------------------------------------------*/
 .colTable {
	font-size:13px;
	line-height:160%;
    border-top: 1px solid #67ADDB; border-left: 1px solid #67ADDB; border-right: 1px solid #67ADDB; }

     .colTable th {
      padding: 25px 25px;
      border-bottom: 1px solid #67ADDB; border-right: 1px solid #67ADDB;border-bottom: 1px solid #67ADDB;
      vertical-align: top; }

   .colTable td {
      padding: 25px 25px;
      border-bottom: 1px solid #67ADDB; }
	  
   .colTableback {
	   font-size:13px;
      color: #fff;
	  font-weight:100;
	  background-color: #0079C0;}




/*---------------------------------------------------
	フォームボタン
---------------------------------------------------*/

.btn_submit {
	width:340px;
	margin:60px auto 30px auto;

}

.btn_submit input {
	width:360px;
	text-align: -9999px;
	height:78px;
	background-image:url(../images/submit.gif);
	background-size:360px 78px;
	border: none;
    background-position: 0 0;
    background-color: transparent;
	cursor: pointer; 
}

.formarea{width: 698px; margin: 0 auto 30px auto ;}

.formname {
	width:140px;
	float: left;
	margin:0 0 0 0;
	line-height:140%;
	color:#46F2AD;
	font-size:12px;
	text-align:center;
	background-color:#333;
	padding:12px 0 12px 0;
}

.formname span{font-size: 10px;}

.formname2 {
	width:140px;
	float: left;
	margin:0 0 0 0;
	line-height:140%;
	color:#46F2AD;
	font-size:12px;
	text-align:center;
	background-color:#333;
	padding:12px 0 12px 0;
}

.formname2 span{font-size: 10px;}


  .formborder input {
	width: 480px;
	float: left;
	margin-left:40px;
	padding: 18px;
	color:#001E5B;
	border: 1px solid #001E5B;
	font-size: 130%; }

/*性別ラジオボタ*/


/*市外ラジオボタ*/
.sex .mwform-radio-field{margin-left:0!important;}
.sex label{margin:0 20px 0 0!important; color: #FFF;}
.sex input[type=radio]{margin: 20px 10px 0 40px!important;}
.sex input[type=text]{width: 150px; float: right; padding: 10px; margin: 8px 0 0 0; color:#001E5B; 
	border: 1px solid #001E5B; font-size: 12px;}


   .formselect select{
	   width: 518px;
	   height: 40px;
	   float: left;
	   margin-left:40px;
	   margin-top:10px;
	   font-size: 14px;
	   border: 1px solid #001E5B;
        outline:none;
        text-indent: .5em;
        vertical-align: middle;
        font-size: inherit;
        color: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
	   	background: url(../images/select_arrow.gif) right 50% no-repeat;
	   background-size: 38px 38px;
    }
   .formselect select option{
      background-color: #fff;
	  font-size: 13px;
      color: #333;
	   text-indent: .5em;
	   padding: 6px 0;
    }
   .formselect select::-ms-expand {
      display: none;
    }
  .formselect  select:-moz-focusring { 
      color: transparent; 
      text-shadow: 0 0 0 #828c9a;
    }

   .formselect2 select{
	   width: 240px;
	   height: 40px;
	   float: left;
	   margin-left:40px;
	   margin-top:10px;
	   font-size: 14px;
	   border: 1px solid #001E5B;
        outline:none;
        text-indent: .5em;
        vertical-align: middle;
        font-size: inherit;
        color: inherit;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
	   	background: url(../images/select_arrow.gif) right 50% no-repeat;
	   background-size: 38px 38px;
    }
   .formselect2 select option{
      background-color: #fff;
	  font-size: 13px;
      color: #333;
	   text-indent: .5em;
	   padding: 6px 0;
    }
   .formselect2 select::-ms-expand {
      display: none;
    }
  .formselect2  select:-moz-focusring { 
      color: transparent; 
      text-shadow: 0 0 0 #828c9a;
    }

  .formselect2 input {
	width: 214px;
	float: left;
	margin:-12px 0 0 40px;
	padding: 11px;
	 font-size: 13px;
	color:#001E5B;
	border: 1px solid #001E5B;
	 }

  .formselect2 .kengai input {
	width: 494px;
	float: left;
	margin:30px 0 0 40px;
	padding: 11px;
	 font-size: 13px;
	color:#001E5B;
	border: 1px solid #001E5B;
	 }


.formselect .checkarea{width:520px; margin-left:180px;}
.formselect .checkarea input[type=checkbox]{ margin: 8px 0 0 0; color:#001E5B;}
.formselect .checkarea label{display:block; float: left; font-size: 13px; margin: 0 30px 10px 0;}
.formselect .checkarea .mwform-checkbox-field-text{margin:0 0 0 10px;}
.formselect .checkarea .checkcap{font-size: 12px; margin-top: -10px;}
 .formselect .checkarea .sonota input {
	width: 240px;
	margin:10px 0 20px 0;
	padding: 11px;
	font-size: 13px;
	color:#001E5B;
	border: 1px solid #001E5B;
	 }



  .formborder textarea {
	width: 480px;
	margin-left:40px;
	padding: 18px;
	color:#001E5B;
	border: 1px solid #001E5B;
	font-size: 130%; }

.sakuhincap{width: 520px; margin-left:180px; font-size: 12px; margin-top: -20px;}
.sakuhincap .left{width: 240px; float: left;}
.sakuhincap .count_num{width: 280px; float: left; text-align: right; color:#001E5B;}


.telcap{width: 480px; margin-left:180px; font-size: 12px; margin-top: 10px;}
.taikenpro_cap{width: 480px; font-size: 12px; margin: -10px 0 -20px 180px;}
.mustlabel{position: absolute; top: 20px; right:0;}

.selectphotoarea{width: 520px; margin: 0 0 20px 180px; }
.selectphotoarea2{width: 520px; margin-left:140px;}

.selectphoto{width:; float: left;}
.selectphoto img{ margin-top: -20px;}

.selectphoto .number{width:100%; margin: 0 0 0 0; background-color:#CCC; padding: 1px 0 1px 0; color: #FFF; font-weight: bold; text-align: center; font-size: 11px;}


/*

.photobtn{width: 240px; font-size:12px; float: left; color: #FFF; margin:0 0 0 0; text-align: center; margin:10px 0 0 36px;}

.photobtn a{display: block; text-decoration: none; color: #FFF; padding:9px 0 8px 0; background-color:#001E5B;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}
.photobtn a:hover{background-color:#C6C6C6; 
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}
*/




.thankstitle{width:760px; border-bottom: #DDD 1px solid; padding-bottom: 30px; color: #595959; font-size:20px; font-weight: bold; 
	text-align: center; margin: 0 auto;}
.thanksbody{font-size: 13px; width: 100%; text-align: center; margin-top: 30px;}


.thanksback{width: 260px; font-size:14px; color: #FFF; margin:40px auto 50px auto; text-align: center;}

.thanksback a{display: block; text-decoration: none; color: #FFF; padding:8px 0 8px 0; background-color:#46F2AD; 
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}
.thanksback a:hover{background-color:#C6C6C6; 
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
}



.policytitle{width:; color: #001E5B; font-size:18px; font-weight: bold; }
.policybody{font-size: 13px; margin-top: 30px;}
.policycap{font-size: 11px; margin-top: 30px;}
.policybody a{color: #001E5B;}