@charset "utf-8";
/* CSS Document */

    
/* メニュー header.php */

/*------------ MAPテスト */

.mapbase {width:100%;font-size: 0;position: relative;	margin: 605px 0 0 0;}
.mapbase img.miraizu{width:1000px;	height:950px;position: absolute;top:0;}
.mapin {width:100%;font-size: 0;
position: relative;
}
.mapin img{width:310px;}
.mapin img:hover {cursor:pointer;}

.map1a{
position: absolute;
right:0;
top:170px;}
.map1b{
position: absolute;
right:0;
top:198px;}


.map2a{
position: absolute;
left: 100px;
top:300px;}
.map2b{
position: absolute;
left: 100px;
top:328px;}

.map3a{
position: absolute;
right:5px;
top:330px;}
.map3b{
position: absolute;
right:5px;
top:358px;}

.map4a{
position: absolute;
right:280px;
top:370px;}
.map4b{
position: absolute;
right:280px;
top:398px;}

.map5a{
position: absolute;
right:100px;
top:600px;}
.map5b{
position: absolute;
right:100px;
top:628px;}

.map6a{
position: absolute;
left:280px;
top:680px;}
.map6b{
position: absolute;
left:280px;
top:708px;}

.map7a{
position: absolute;
right:280px;
top:780px;}
.map7b{
position: absolute;
right:280px;;
top:808px;}

/* ----------------- 共通コンテンツ ------------------------ */
/* コンテンツ1 */

#wrapper1{
	position: relative;
	width:auto;
	height:942px;
	background : url(images/pc2000bk1.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
	z-index: 3;
}

#wrapper2{
	position: relative;
	width:auto;
	height:3505px;
	background : url(images/pc2000bk2.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
	z-index: 4;
}

#wrapper3{
	position: relative;
	width:auto;
	height:0;
	z-index: 5;
}

#wrapper4{
	position: relative;
	width:auto;
	height:2059px;
	background : url(images/pc2000bk3.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
	z-index: 6;
}
#wrapper5{
	position: relative;
	width:auto;
	height:394px;
	background : url(images/pc2000bk4.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
}

/* ----------------- PCモード ------------------------ */
#pc-mode ul.pclink{
    float: right;
}

#pc-mode ul.pclink li{
  display:inline-block;
  margin: 0 0 0 16px;
}

#pc-mode ul.pclink li:nth-child(1) img{
	width:208px;
}
#pc-mode ul.pclink li:nth-child(2) img{
	width:220px;
}
#pc-mode ul.pclink li a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* コンテンツ1 */

.pcbox11{
	width:100%;
	position: absolute;
	top:20px;
	text-align:center; 
	}

.pcbox11 img{
	width:100%;
	}
	
.pcbox12{
	width:111px;
	position: absolute;
	right:0;
	left:0;
	top:510px;
	margin: 0 auto;
	text-align:center; 
	}
	
.pcbox12 img{
	width:100%;
	}
	
	
.pcbox13{
	width:100%;
	position: absolute;
	bottom:1px;
	text-align:center; 
	}

.wrap21in{
	width:1000px;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	}
	
.pcbox21a{
	width:auto;
	height:3505px;
	position: absolute;
	top:0;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto; 
	background : url(images/pc1100t2b.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
	}

.pop21{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 500;
	padding: 350px 0 600px 0;
	}
.pop21 img.pop21btn{
	width:186px;
	text-align:center; 
	margin: 0 auto; 
	}
.pop21 a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
	}


.pop22a{
    top:380px;
    right:40px;
	position: absolute;
	}
.pop22a img.pc22a{
	width:560px;
	hight:auto;
	}


.wrap22in{
	width:1000px;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	}
	
.pop23{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 500;
	padding: 300px 0 380px 0;
	}
.pop23 img.pop23btn{
	width:206px;
	text-align:center; 
	margin: 0 auto; 
	}
.pop23 a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
	}

.pop24{
	position: absolute;
	 top:380px;
	}
	
	
.pop24 img.pc24{
	width:1000px;
	text-align:center; 
	margin: 0 auto; 
	}

.pop25{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 500;
	padding: 130px 0 0 0;
	}
.pop25 img.pop25btn{
	width:314px;
	text-align:center; 
	margin: 0 auto; 
	padding: 0 130px 0 0;
	}
.pop25 a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
	}

.pop26{
	position: absolute;
	 top:910px;
	}
.pop26 img.pc26{
	width:1000px;
	text-align:center; 
	margin: 0 auto; 
	}
	
.pcbox31a{
	height:0;
	position: absolute;
	top:2500px;
	}
	
.pcbox41a{
	width:auto;
	height:2059px;
	position: absolute;
	top:0;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto; 
	background : url(images/pc1100t3.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
	}
.pcbox42a{
	height:0;
	position: absolute;
	top:1100px;
	}
.pcbox42b{
	width:1000px;
	height:500px;
	position: absolute;
	top:1410px;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto 0; 
	background : url(images/gasu_nakama_7.gif) no-repeat center center ;
	background-size:cover;
	font-size:0;
	}
	
.pcbox10{
	width:100%;
	position: absolute;
	top:210px;
	text-align:center; 
	}
	
ul.pcmenu{
	width:1006px;
	margin: 0 auto;
	font-size:0;
    letter-spacing: -6px;
}

ul.pcmenu li{
  display:inline-block;
  letter-spacing: normal;
}

ul.pcmenu li:nth-child(1) img , ul.pcmenu li:nth-child(3) img , ul.pcmenu li:nth-child(5) img , ul.pcmenu li:nth-child(7) img  , ul.pcmenu li:nth-child(9) img  {width:100%;}

ul.pcmenu li:nth-child(2) img , ul.pcmenu li:nth-child(4) img , ul.pcmenu li:nth-child(6) img , ul.pcmenu li:nth-child(8) img  {width:34px;}

ul.pcmenu li.pcm1 {
	width:174px;
	height:150px;
background: url(images/pcm1u.png) no-repeat;
background-size:174px 150px;}


ul.pcmenu li.pcm3 {
	width:174px;
	height:150px;
background: url(images/pcm2u.png) no-repeat;
background-size:174px 150px;}


ul.pcmenu li.pcm5 {
	width:174px;
	height:150px;
background: url(images/pcm3u.png) no-repeat;
background-size:174px 150px;}

ul.pcmenu li.pcm7 {
	width:174px;
	height:150px;
background: url(images/pcm4u.png) no-repeat;
background-size:174px 150px;}


ul.pcmenu li.pcm9 {
	width:174px;
	height:150px;
background: url(images/pcm5u.png) no-repeat;
background-size:174px 150px;}


ul.pcmenu a{
  display:inline-block;
}

ul.pcmenu a:hover{
  background-color: transparent;
}

ul.pcmenu a:hover img {
    visibility: hidden;
}

ul.f-link{
	width:620px;
	margin: 0 auto;
	font-size:0;
    letter-spacing: -6px;
    padding: 50px 0 200px 0;
}

ul.f-link li{
  display:inline-block;
  letter-spacing: normal;
  text-align:left; /* ie fix */
}
ul.f-link li.fl-ss{
  text-align:right; /* ie fix */
  	margin: 0 0 0 34px;
}
ul.f-link li img{
	width:293px;
	height:67px;
	background-color:rgba(255,255,255,0.8);
}

ul.f-link a:hover li img{
	width:293px;
	height:67px;
	background-color:rgba(255,255,255,0.5);
}



ul.f-menu{
	width:898px;
	margin: 0 auto;
	font-size:0;
    letter-spacing: -6px;
}

ul.f-menu li{
  display:inline-block;
  letter-spacing: normal;
}

ul.f-menu li:nth-child(1) img , ul.f-menu li:nth-child(3) img , ul.f-menu li:nth-child(5) img , ul.f-menu li:nth-child(7) img  , ul.f-menu li:nth-child(9) img  {width:100%;}

ul.f-menu li:nth-child(2) img , ul.f-menu li:nth-child(4) img , ul.f-menu li:nth-child(6) img , ul.f-menu li:nth-child(8) img  {width:14px;}

ul.f-menu li.fm1 {
	width:182px;
	height:50px;
}

ul.f-menu li.fm3 {
	width:168px;
	height:50px;
}

ul.f-menu li.fm5 {
	width:187px;
	height:50px;
}

ul.f-menu li.fm7 {
	width:140px;
	height:50px;
}

ul.f-menu li.fm9 {
	width:165px;
	height:50px;
}



/* ----------------- SPモード ------------------------ */
/* SPヘッダー */

#site-title {
	float: left;
	text-align:left; /* ie fix */
}

#site-title a img{
    margin: 10px 0 0 0;
	width: 262px;
	text-align:left; /* ie fix */
}


/* SPナビゲーション */

#sp-mode,#sp-mode1{
	position: relative;
	z-index: 40;
	    height: 100%;
   background-Color: rgba(0,0,0,0);
}
#sp-mode1 .open-1{
	    height: 100%;
}
#sp-mode1.fadein{
  background-Color: rgba(3,110,183,0.8) ;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
#sp-mode1.fadeout{
  background-Color: rgba(0,0,0,0);
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all  0.5s ease 0.3s;
}
      
.spnav1{

	width:600px;
	margin: 0 auto -15px ;
	padding: 15px 0 0 0;
}

.spnav1 .open::after {
    float: right;
    width: 58px;
    height:58px;
	background-image: url(images/top-btn2.png)  ;
	background-size:cover;
    content: "";
    cursor:pointer;
   margin: 0 auto -58px;
   	position: relative;
   	z-index: 300;
}

.spnav1 .close::after {
    float: right;
    width: 58px;
    height:58px;
	background : url(images/top-btn1.png) no-repeat center center ;
	background-size:cover;
    content: "";
    cursor:pointer;
       margin: 0 auto -58px;
       	position: relative;
     z-index: 300;
}


ul.spmenu{
	width: 100%;
	margin: 0;
	font-size:0;
	position: relative;
	z-index: 200;
    height:100%;
    overflow: hidden;
}

ul.spmenu li{
	width:100%;
	text-align:center; 
}
/** hight700px **/
ul.spmenu li:nth-child(1){
padding: 70px 0  0 0;
}

ul.spmenu li img{
	width:600px;
	margin: 0 auto;
}
ul.spmenu li a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* コンテンツ1 */

.wspin{
	width:600px;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	}


.spbox11{
	width:100%;
	position: absolute;
	top:0;
	text-align:center; 
	z-index: 400;
	}
	
img.sptop{width:560px;	text-align:center; 
	margin: 0 auto; 
	}

img.spprof{width:100%;	text-align:center; 
	padding: 55px 0  0 0;
	}


.spbox12a{
	position: absolute;
	top:1070px;
	}
.spbox12, .spbox27, .spbox31, .spbox51{
	position: relative;
	text-align:center; 
	margin: 0 auto; 
	font-size:0;
	}
	
.spbox12 img.spf1{
	width:100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto; 
	font-size:0;
	}

.pop12{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 500;
	padding: 535px 0  0 0;
	}
.pop12 img.pop12btn, .pop27 img.pop27btn, .pop28 img.pop28btn{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	}
.pop12 a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
	}
	
.spbox27a{
	position: absolute;
	top:0;
	}
.pop27{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 70;
	padding: 590px 0  0 0;
	}

.spbox27 img.sp-herotex{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 71;
	padding: 0;
	}
.spbox27 img.sp-hero{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 72;
	padding: 0;
	}
.spbox27 img.sp-mugen{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 73;
	padding: 58% 0 0 0;
	}
.spbox27 img.sp-tameru{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 74;
	padding: 41% 0 0 0;
	}
.spbox27 img.sp-hakobu{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 75;
	padding: 41% 0 0 0;
	}
	
.spbox27 img.spf2{
	width:100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto; 
	font-size:0;
	}

.pop27 a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
	}
.pop28{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 500;
	padding: 205px 0  0 0;
	}
.pop28 a:hover{
   	opacity: 0.6;
	filter: alpha(opacity=60);
	}
	
.spbox31 img.spf3{
	width:100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto; 
	font-size:0;
	}
img.miraizu{
	width:100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto; 
	font-size:0;
	}

.spbox32a{
	position: absolute;
	top:10px;
	}
.pop32,.pop33,.pop34,.pop35,.pop36,.pop37{
	text-align:left;  
	}
.pop32 img.pop32btn{
	width:70px;
	position: relative;
	margin:55% 0 0 70%;
	text-align:left;  
	z-index: 300;
	}
	
.pop32 a:hover{
   	opacity: 0.8;
	filter: alpha(opacity=80);
	}
	
.pop33 img.pop33btn{
	width:70px;
	position: relative;
	margin:10% 0 0 35%;
	text-align:left;  
	z-index: 300;
	}
	
.pop33 a:hover{
   	opacity: 0.8;
	filter: alpha(opacity=80);
	}

.pop34 img.pop34btn{
	width:70px;
	position: relative;
	margin:15% 0 0 82%;
	text-align:left;  
	z-index: 300;
	}
	
.pop34 a:hover{
   	opacity: 0.8;
	filter: alpha(opacity=80);
	}

.pop35 img.pop35btn{
	width:70px;
	position: relative;
	margin:37% 0 0 20%;
	text-align:left;  
	z-index: 300;
	}
	
.pop35 a:hover{
   	opacity: 0.8;
	filter: alpha(opacity=80);
	}

.pop36 img.pop36btn{
	width:70px;
	position: relative;
	margin: -20% 0 0 60%;
	text-align:left;  
	z-index: 300;
	}
	
.pop36 a:hover{
   	opacity: 0.8;
	filter: alpha(opacity=80);
	}

.pop37 img.pop37btn{
	width:70px;
	position: relative;
	margin:46% 0 0 36%;
	text-align:left;  
	z-index: 300;
	}
	
.pop37 a:hover{
   	opacity: 0.8;
	filter: alpha(opacity=80);
	}
	
.spbox41{
	position: relative;
	width:100%;
	text-align:center; 
	margin: 0 auto 0;
	padding: 18px 0 0 0 ;
	}
.spbox41 img.sp41b{
	width:640px;
	margin: 0 auto;
}

.spbox51 img.spf5{
	width:100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	text-align:center; 
	margin: 0 auto; 
	font-size:0;
	}
.spbox51 img.sp-nakama1{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 80;
	padding: 89% 0 0 0;
	}
.spbox51 img.sp-nakama2{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 80;
	padding: 18% 0 0 0;
	}
.spbox51 img.sp-nakama3{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 80;
	padding: 20% 0 0 0;
	}
.spbox51 img.sp-nakama4{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 80;
	padding: 20% 0 0 0;
	}
.spbox51 img.sp-nakama5{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 80;
	padding: 25% 0 0 0;
	}
.spbox51 img.sp-nakama6{
	width:100%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	z-index: 80;
	padding: 13% 0 0 0;
	}
	
	
/* ----------------- スライダー ------------------------ */
.fbox{
	position: absolute;
	top:614px;
	right:0;
	left:0;
	width:500px;
	text-align:center; 
	margin: 0 auto 0;
	}
.slide_wrap{
	position: relative;
	width:100%;
	text-align:center; 
	margin: 0 auto 0;
	}

.swiper-container{
text-align: center;
}
.swiper-container .swiper-slide img{
max-width: 100%;
height: auto;
}



/* ----------------- /SPモード ------------------------ */

/*header menu */
.header-wrapper{
	width: 100%;
	min-height:100px;
	position: relative;
	z-index: 100;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	 text-align:center; /* ie fix */
}

#header {

}

#header h1 {
	margin: 15px 0 0 0;
	 text-align:left; /* ie fix */
}
#header h1 img{
	width: 262px;
}

#header ul.headnav{
	float: left;
	width: 408px;
	height:110px;
	margin: 0;
}

#header ul.headnav li{
	float: left;
}
#header ul.headnav li a{
	color: #422A1F;
	display: block;
	text-align: center;
	line-height: 1.2;
	padding: 0 0 9px 0;

}
#header ul.headnav li a:hover{
	text-decoration: none;
	border-bottom: #3F692B solid 4px;
	padding: 0 0 9px 0;
}
#header ul.headnav li a span{
	color: #3F692B;
	font-size: 11px;
	display: block;
	margin: 4px 0 0 0;
}
#header ul.headnav li.message{
	width: 96px;
}
#header ul.headnav li.news{
	width: 94px;
}
#header ul.headnav1 li.mail{
	width: 136px;
}




/* メニュー  */

#header nav ul.slicknav_nav li a {
    padding: 10px 10px;
    margin: 15px 5px;
}

.slicknav_btn {
    background: none;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
	padding: 0;
	margin: 0 ;
}
.slicknav_menu .slicknav_icon {
    float: left;
    width: 100%;
    height:100%;
   padding: 0;
   margin: 15px 17px 0 0 ;
}
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 34px;
    height: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 8px;
}
.slicknav_menu {
	display: block;
    background: #736357;
    width: 68px;
    height: 68px;
     text-align:right; /* ie fix */
	position: relative;
	 padding: 7px 0 7px 0;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius:  34px;
    margin: 50px 30px 0 0 ;
    float: right;
}

.slicknav_nav {
   width: 100%;
    background: #736357;
}

.slicknav_nav li {
   width: 100%;
}

.slicknav_nav li a{
font-size: 16px;
    padding: 10px 0;
    margin: 0;
}

.slicknav_nav a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #B9B1AB;
    color: #222;
}
.slicknav_menu .slicknav_menutxt {
	display: none;
}

/*footer*/
.bottom-c{
	position: absolute;
	bottom:0;
	width:100%;
	height:50px;
	color: #fff;
	background: #21292D;
	}

/*-----------ページトップ*/

#page-top {
    position: fixed;
    bottom: 40px;
    right: 60px;
    z-index: 1000;
}

#page-top a img{
   width:90px;height:82px;
    opacity: 0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
}


/*------------ mini1401  ------------*/
@media screen and (min-width: 1401px) {


}

/*------------ 1180  ------------*/
@media screen and (max-width: 1180px) {
.pagetop{
	margin:  0 30px 0 0;
}
}

/*------------ 1040  ------------*/
@media screen and (max-width: 1040px) {

#wrapper1{
	position: relative;
	width:auto;
	height:1970px;
	background : url(images/sp1100bk1a.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
}
#wrapper2{
	position: relative;
	width:auto;
	height:3282px;
	background : url(images/sp1100bk2a.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
}

#wrapper3{
	position: relative;
	width:auto;
	height:1590px;
	background : url(images/sp1100bk3.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
}

#wrapper4{
	position: relative;
	width:auto;
	height:4163px;
	background : url(images/sp1100bk4.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
}
#wrapper5{
	position: relative;
	width:auto;
	height:573px;
	background : url(images/sp1100bk5.png) no-repeat center center ;
	background-size:cover;
	font-size:0;
}
#footer {
   padding: 10% 0 0 0;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#page-top a img{
   width:50px;height:46px;
}

#wrap1 {
    width: 100%;
}

.pagetop {
	position:static;
    top: 0;
    margin: 0 auto;

}

ul.f-link{
	width:293px;
	margin: 0 auto;
	padding: 90px 0 0 0;
}

ul.f-link li{
  text-align:center; /* ie fix */
}
ul.f-link li.fl-ss{
  text-align:center; /* ie fix */
  	margin: 40px 0 40px 0;

}

}

/*------------ 660  ------------*/

@media screen and (max-width: 660px) {
.spbox41 img.sp41b{width:100%;}
}
/*------------ 640  ------------*/

@media screen and (max-width: 640px) {
.spnav1 {
    width: 94%;
}
ul.spmenu li img{width:100%;}
#wrapper1{
	width:100%;
	height:auto;
	background : url(images/sp640bk1a.png) no-repeat center center ;
	background-size:contain;
}
#wrapper2{
	width:100%;
	height:auto;
	background : url(images/sp640bk2a.png) no-repeat center center ;
	background-size:contain;
}

#wrapper3{
	width:100%;
	height:auto;
	background : url(images/sp640bk3.png) no-repeat center center ;
	background-size:contain;
}

#wrapper4{
	width:100%;
	height:auto;
	background : url(images/sp640bk4.png) no-repeat center center ;
	background-size:contain;
}

#wrapper5{
	width:100%;
	height:auto;
	background : url(images/sp640bk5.png) no-repeat center center ;
	background-size:contain;
}

.ratio1:before {
    content: "";
    display: block;
    padding-top:307.8%; /* 1:1 */
}
.ratio2:before {
    content: "";
    display: block;
    padding-top: 512.8%; /* 1:1 */
}
.ratio3:before {
    content: "";
    display: block;
    padding-top: 248.5%; /* 1:1 */
}
.ratio4:before {
    content: "";
    display: block;
    padding-top: 650.5%; /* 1:1 */
}
.ratio5:before {
    content: "";
    display: block;
    padding-top: 89.5%; /* 1:1 */
}
.wrapper-inner {
position: absolute;
width: 100%;
top:0;
}



.fbox{
	position: absolute;
	top:52.6%;
	right:0;
	left:0;
	width:78%;
	text-align:center; 
	margin: 0 auto 0;
	}

#cboxLoadedContent img.cboxPhoto{
width: 100% !important;
height: auto !important;
}

#cboxClose{bottom:120px;}
        
ul.f-link{
	padding: 15% 0 0 0;
}


.wspin{
	width:94%;
	text-align:center; 
	margin: 0 auto; 
	position: relative;
	}

.spbox12a{
	top:950px;
	}
.pop12{
	padding: 80% 0  0 0;
	}
img.spprof {
    padding: 9% 0 0 0;
}
.pop27{
	padding: 100% 0  0 0;
	}
.pop28{
	padding: 32% 0  0 0;
	}
.pop32 img.pop32btn{width:12%;}
.pop33 img.pop33btn{width:12%;}
.pop34 img.pop34btn{width:12%;}
.pop35 img.pop35btn{width:12%;}
.pop36 img.pop36btn{width:12%;}
.pop37 img.pop37btn{width:12%;}

.spbox41{
	padding: 3% 0 0 0;
}

}
/*------------  600  ------------*/
@media screen and (max-width: 600px) {

img.sptop{width:100%;}
.pop12{padding: 78% 0  0 0;}
.spbox12a{top:850px;}
}

/*------------  560  ------------*/
@media screen and (max-width: 560px) {

ul.f-link{
	padding: 10% 0 0 0;
}

ul.f-link li{
  text-align:center; /* ie fix */
}
ul.f-link li.fl-ss{
  text-align:center; /* ie fix */
  	margin: 40px 0 30px 0;

}
#cboxClose{bottom:120px;width: 124px;
height: 43px;background-size: 124px 43px;}

.pop12{padding: 76% 0  0 0;}
.spbox12a{top:800px;}
}
/*------------  500  ------------*/
@media screen and (max-width: 500px) {
.new-post-wrap{width: 94%;}
.post-box{clear: both;float:none;display:block;margin:0 auto 15px;width:100%;}
.post-list{ width:157px; height:131px; }
.post-box  .entry-box{ max-width:100%;top:0;width:auto;margin:0 0 0 170px;}
.post-box .entry-txt{ line-height: 1.5;}


#footer {
    padding: 5% 0 0 0;
}
ul.f-link{
	padding: 5% 0 0 0;
}

ul.f-link li{
  text-align:center; /* ie fix */
}
ul.f-link li.fl-ss{
  text-align:center; /* ie fix */
  	margin: 30px 0 20px 0;

}
.pop12{padding: 74% 0  0 0;}
.spbox12a{top:800px;}
}
/*------------ 440  ------------*/
@media screen and (max-width: 440px) {
.post-box  .entry-title{margin: 5px 0 5px 0 ; font-size:14px;}
.post-list{width:131px; height:131px; 	overflow: hidden; }
.post-box  .entry-box{margin:0 0 0 140px;
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 19px;
    height: 31px;
    margin-top: -19px;
    z-index: 10;
    cursor: pointer;
    background-size: 19px 31px;
    background-position: center;
    background-repeat: no-repeat;
}

ul.f-link {
    width: 70%;
}
ul.f-link li.fl-ss{
  text-align:center; /* ie fix */
  	margin: 20px 0 15px 0;

}
ul.f-link li img {
    width: 100%;
    height: auto;
}
ul.f-link a:hover li img{
    width: 100%;
    height: auto;
}

#cboxClose{bottom:95px;width: 96px;
height: 33px;  background-size: 96px 33px;}

.pop12{padding: 72% 0  0 0;}
.spbox12a{top:700px;}
}

/*------------ 400  ------------*/

@media screen and (max-width: 400px) {

.pop12{padding: 70% 0  0 0;}
.spbox12a{top:650px;}
}

/*------------ 370  ------------*/

@media screen and (max-width: 370px) {

#site-title a img {width: 240px;}

.pagetop {
    width: 72px;
    height: 66px;
    background: url(images/btn_pagetop.png) no-repeat center;
        background-size: 72px 66px;
}
ul.f-link li.fl-ss {
    text-align: center;
    margin: 15px 0 10px 0;
}

#cboxClose{bottom:85px;width: 90px;
height: 31px;background-size: 90px 31px;}
.spbox12a{top:600px;}


}

/*------------ 350  ------------*/

@media screen and (max-width: 350px) {

}






/***** コンタクトフォーム *****/
.wpcf7 .table-cf7{
max-width: 980px;margin:0 auto;text-align: center;
table-layout: fixed;
    border-top: 1px solid #d1d1d1;
    border-left:none;
    border-right:none;
}
 
.required-cf7{
  padding: 1px 5px 1px 5px;
  background: #e60012;
  color: #fff;
  border-radius: 2px;
  margin-right: 3px;
  text-align: right;
  float:right;
  line-height: 1.3;
}
 
.unrequired-cf7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.table-cf7 tr{border-bottom: 1px solid #d1d1d1;}

.table-cf7 th{
  font-weight:bold;
      border:none;
    background: #EFF3F1;
        vertical-align: middle;
}

.table-cf7 td{ border:none;}

.table-cf7 input,
.table-cf7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
  border-radius: 0;
  border: 1px solid #ddd;
  background-color: #fff;
}

.table-cf7 select{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
  border-radius: 0;
  border: 1px solid #ddd;
  background-color: #fff;
}

.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}


.wpcf7 .table-cf7a{
max-width: 980px;margin:0 auto;text-align: center;
table-layout: fixed;
    border-top: 1px solid #B4DBB9;
    border-left:none;
    border-right:none;
}
 
.table-cf7a tr{border-bottom: 1px solid #B4DBB9;}

.table-cf7a th.q-cf7a{
  font-weight:bold;
      border:none;
    background: #009944;
        vertical-align: middle;
    color: #fff;
      width: 35px;
        padding:5px;
        text-align: center;
}

.table-cf7a th{
  font-weight:bold;
      border:none;
    background: #FAF7F1;
        vertical-align: middle;
        width: 335px;
        line-height:1.6;
}

.table-cf7a td{ border:none;}
.table-cf7a td.bk-cf7a .wpcf7-list-item{ display: block;}

.table-cf7a input,
.table-cf7a textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
  border-radius: 0;
  border: 1px solid #ddd;
  background-color: #fff;
}

.table-cf7a select{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
  border-radius: 0;
  border: 1px solid #ddd;
  background-color: #fff;
}


.wpcf7 .formbox{width: 280px; margin:0 auto 10px;text-align: center;}
.wpcf7 input[type="submit"],.wpcf7 input[type="reset"],.wpcf7 input[type="button"]{
width: 120px;height:44px;margin: 10px;border:1px solid #009944;
border-radius:0;color:#009944 ;font-size: 15px;line-height:28px;background: #fff; }
.wpcf7 input[type="submit"]:hover,.wpcf7 input[type="reset"]:hover,.wpcf7 input[type="button"]:hover{
background: #DFF4E8; text-decoration: none;}
.wpcf7 .cf7setp1{max-width: 980px; margin:0 auto;text-align: center;}


.wpcf7 input.wpcf7c-conf,
.wpcf7 textarea.wpcf7c-conf{
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
    background:#eee;
}

.table-cf7 input, .table-cf7 textarea,.table-cf7a input, .table-cf7a textarea {
color:#888888;
}

@media screen and (min-width: 900px){
  .table-cf7 th{width:28%;}
}

/*------------ コンタクトフォーム900  ------------*/
@media screen and (max-width: 900px){
.table-cf7,.table-cf7a{
  display:block;
}     
       
  .table-cf7 tbody,
  .table-cf7 tr,
    .table-cf7a tbody,
  .table-cf7a tr{
    display: block;
    width: 100%;
  }
  .table-cf7 th, .table-cf7a th.q-cf7a, .table-cf7a th{
  width:100%;
  display:block;
  margin: 0 auto;
}

.table-cf7 td, .table-cf7a td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:10px 0 10px 10px;
  width: 100%;
}


}
/*------------ /900  ------------*/