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

@import url("default.css");

@import url("https://cdnjs.cloudflare.com/ajax/libs/Modaal/0.4.4/css/modaal.min.css");

@import url("modaal.css");


#wrapper {

}

@media screen and (max-width:767px){
#wrapper {

}	
}

/* !header
---------------------------------------------------------- */
#header {
	width:100%;
	height:96px;
/*	min-width: 1240px;
	min-width: 1365px;*/
	min-width: 1280px;    
	background-color: #fff;
	position: relative;
	z-index: 999;
}

#header h1 {

	padding-left: 0;
	margin: 0 auto;
	text-align: left;
	font-size: 75%;
	color: #444;
	position: absolute;
	top: 5px;
	left: 25px;
	font-weight: normal;
}

#headerLogo{
	display: inline-block;
	margin-top: 25px;
	margin-left: 15px;
	vertical-align: top;
	padding-top: 0;

}

#headerLogo img{
    margin-top: 0;
}

#headerLogo .logoW{
	display: none;
}
		

#subNavi{
	position: absolute;
right: 20px;
top: 13px;
}
		
#headerTel{
	list-style-type: none;
    display: inline-block;
	text-decoration: none;
	vertical-align: top;
/*	border-right: #3cced1 solid 1px;
	margin-right: 0.6em;*/
}

/*#headerTel:after{
	content: '|';
	color: #3cced1;
	font-size: 150%;
}
*/

#headerTel li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.4;

/*	margin-right: 0.7em;*/
	margin-left: 0.7em;
}

#headerTel li a,
#headerTel li span{
	text-decoration: none;
	color: #3cced1;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
		font-size:145%;
	letter-spacing: 0.03em;
}



#header.fixed {
  position: fixed;
  top:0;
	height: 75px;
	background-image: none;
	background-color: rgba(255,255,255,0.80);
	z-index: 9998;
	box-shadow: 0 0px 2px #ccc;
	min-width: 1280px;
/*	min-width: 1280px; */
}

#header.fixed + div{
	margin-top:96px;
}

#header.fixed + article{
	margin-top:96px;
}

#header.fixed #headerLogo {
	width: 210px;
	margin-top: 20px;


}
#header.fixed #headerLogo img{
	width: 100%;
}

#header.fixed #headerLogo .logoD{

}
	
#header.fixed #headerLogo .logoW{
	display:block;
/*	opacity: 0.9;*/
}

#header.fixed #headerTel li span{
  font-size: 110%;
}


#header.fixed #headerTel li {
	letter-spacing: 0;


}

#header.fixed #headerTel #tlNm a{
	
}

#header.fixed #headerTel li#ml a {
    padding: 0 0.5em 0 0.5em;
	border:rgba(255,255,255,0.6) solid 1px;
	line-height: 1.8;
font-size: 96%;
}

#headerSns{

	list-style-type: none;
	font-size:170%;
    display: inline-block;
	text-decoration: none;
}

#headerSns li {
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    letter-spacing: 0.01em;
}


.fixed #subNavi {
    top: 10px;
    right: 15px;
}


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

 
    
	
}


@media screen and (max-width:767px){
#header {
	height: 55px !important;
	background-image: none;
	min-width: 0;
}
	
#header h1 {
    font-size: 60%;
    top: 3px;
    left: 8px;	
	   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	    width: 94%;
}	

	
#headerLogo {
	width:40%;
	margin-left:8px;
	margin-top: 18px;
	padding-top: 0;
}

#subNavi {
    position: absolute;
    right:50px;
    top: 18px;
}	
	

#headerTel,
#header.fixed #headerTel{

margin-top:0;
	margin-right: 0;


}

#headerTel img{

	margin-right:0;
	width:90%;

}

#headerTel li{
margin-right: 0.3em;
}


	
#headerLogo img {
	width: 100%;
}
	

#headerTel #tlNm {
	font-size: 150%;
	    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background: url(../img_common/mk_tel_sp.png) center center no-repeat;
	background-size: 25px;
	margin-right: 0.5em;

}
	
	#headerTel #tlNm a{
		display: block;
		width: 25px;
		height: 25px;
	}
	
#headerTel i{
	color: #BAA30B;

}

#headerTel li#ml a{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width: 42px;
	background: #FABF2E url(../img_common/mk_tel.png) center center no-repeat;
	background-size: 23px;
	line-height: 2.65;
	    padding: 0 1em;
}
	
	#headerTel #ml a i{
		

	}
	
#headerSns{
	display: none;
	}
	
#header.fixed {
  top:0;
	height: 70px;
 
}

#header.fixed + div{
	margin-top:50px;
}

#header.fixed + article{
	margin-top:50px;
}

#header.fixed #headerLogo .logoD {
    display: block;
}
	

	
#header.fixed #headerLogo {
    width: 134px;
    margin-top: 0;
    margin-left: 5px;
}
	
#header.fixed #headerIn {
    min-width: 100%; 
	height: 70px;
	border-bottom: #ccc solid 1px;
}

#header.fixed #headerTel li#ml a {	
	border: none;
	line-height: 2.4;
	font-size: 130%;
	}
}


/*パンくず*/

.pan{
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 30px;
	font-size: 90%;
}

.pan ul{

}

.pan a {
    text-decoration: none;
    display: block;
    margin-right: 5px;
    padding-right: 20px;
	color: #fff;
    background: url(../img_common/arr_p.png) no-repeat right center;
}

.pan li {
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0;
    padding: 0;
	color: #fff;
}
.pan li a:hover{
	text-decoration: underline;
}


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

	.pan {
		background-color:#F6F6F6;
		display: none;
	}	
	
}

/*---------content--------*/

.content{
	width: 1160px;
	margin: 0 auto;
}

#header.fixed + .pgTtl{
	margin-top: 120px;
}

.ttlWp{
	height: 270px;
  width: 100%;
	text-align: center;
	padding-top: 100px;
	margin-bottom: 70px;

}

.pgTtl{
	width: 320px;
	font-size: 18px;
	padding: 24px 0;
	display: block;
	margin:0 auto;
	background-color: rgba(60,206,209,0.95);
	color: #fff;
	letter-spacing: 0.1em;

}

.btn02{
	margin: 70px 0;
}

.btn02 a{
	    display: block;
	text-align: center;
    font-size: 16px;
	width: auto;
    max-width: 330px;
    color: #fff;
    text-decoration: none;
    line-height: 2.4;
    padding: 0.5em 1em;
    transition: 0.5s;
    border: #fff solid 3px;
    margin: 0 auto;
    background:#3cced1 url(../img/arw.png) 90% center no-repeat;
	transition: 0.5s;
	
}

.btn02 a:hover {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}




@media screen and (max-width:767px){
	
.content{
	width: 90%;
	margin: 0 5%;
}
	
.ttlWp{
	height: 180px;
	padding-top: 60px;
	margin-bottom: 40px;

}	
	
.pgTtl{
	width: 70%;
	margin: 0 15%;
}	
	
.pgTtlIn{
	width: 100%;
	padding: 15px 15px;
}

.ttl {
	padding-top: 10px;
    font-size: 240%;
	margin-bottom: 10px;
}	
	
.ttl span:nth-child(2){
	display: block;
	margin-left: 0;
}	
	
	
.btn02{
	margin: 35px 0;
}

.btn02 a{
	width: 80%;
    max-width:none;
	
}	
	
}
	
/************お問合せ**********************/

.conInq{

	padding: 45px 40px 95px;
	border: #eee solid 1px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
background: #3cced1; 


}

.conInq .inqTit{
    text-align: center;
    font-size: 225%;
    color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

.conInq .inqTit + p{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 2em;
	text-align: center;
    color: #fff;

}
.listCon {
	clear: both;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.listCon li{
	display: inline-block;
	text-align: center;
	width: 48%;
	vertical-align: top;

}

.listCon li.tlTb{
	    font-size: 54px;
    color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.listCon li.tlTb .subtx{
	color: #fff;
	font-size: 15px;
	letter-spacing: 0;
	font-weight: normal;
	display: block;
	padding-top: 0.5em;
  line-height: 1.4;
}


.listCon li.tlTb .subtx .stxS{
	font-size: 78%;
  padding-top: 4px;
  letter-spacing: -0.04em;
}

.listCon li.spOn{
	display: none;
}

.listCon li.mlBtn a {
	display: block;

	font-size: 22px;
	font-weight: bold;
	width: 80%;
	max-width: 380px;
	color: #fff;
	text-decoration: none;
	line-height: 2.4;
	padding: 0.5em 1em;
	    transition: 0.5s;

	border: #fff solid 3px;
	margin: 0 10%;
	background: url(../img_common/arw.png) 90% center no-repeat;
}

.listCon li.mlBtn a:hover {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}


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

.conInq{
	width: 100%;
	margin: 0 0;
	padding: 40px 12px;
}
	
.conInq .inqTit{
    font-size: 155%;

}
	
.conInq .inqTit + p {
    font-size:90%;
	letter-spacing: -0.05em;
}

.listCon {
	width: auto;
}
	
.listCon li {
    width: 100%;
	font-size: 140%;
border-right:none;
	margin-bottom: 0.5em;
}

.listCon li.pcOn{
	display: none;
}	
	
.listCon li.spOn{
	display: block;
}
	
	.listCon li.tlTb a{
		color: #fff;
		font-size: 42px;
		text-decoration: none;
	}
	
.listCon li.mlBtn a {

    font-size:16px;

    width: 96%;

padding: 0.36em 0;

margin: 0 2%;

}
	
	.listCon li.tlTb .subtx{
		font-size: 13px;
		letter-spacing: -0.05em;
	}	
	
}


/*ページ上部へ*/
#pgtop a {
	background-image:url(../img_common/pg_top.png);
	text-indent: -999em;
	height: 80px;
	width: 80px;
	position:fixed;
	bottom:20px;
	right:20px;
	color:#FFF;
	z-index:20;
}
#pgtop a:hover{
	-moz-opacity:0.60;
	opacity: 0.60;
	/* IE */
	filter: alpha(opacity=60);
}

@media screen and (max-width:767px){
#pgtop a {
	height: 40px;
	width: 40px;
	background-size: 40px;
bottom: 10px;
    right: 10px;
}
	
}

/* !footer
---------------------------------------------------------- */
#footer {
	width:100%;
	text-align: left;
	background-color:#fff;


}
	#footerIn {
	margin: 0 auto;
		width:100%;
	max-width: 1400px;
		
	padding-top:60px;
	padding-bottom:60px;
	}
	
	#ftLogo{
		margin-bottom:0.5em;
	}
		#footerLinks {
			float:right;
			line-height:1.4;
			border-left: #ccc solid 1px;
			width: 450px;

		}
#footerLinks > ul{
	display: inline-block;
	vertical-align: top;

	padding: 0 0 0 50px;

}

#footerLinks > ul > li{
	margin-bottom: 0.5em;
}

#footerLinks > ul ul{
	margin-left: 0.5em;
	margin-top: 0.5em;
	font-size: 90%;
}

#footerLinks > ul ul >li{
	margin-bottom: 0.5em;
}

#footerLinks > ul ul >li:before{
	    content: "- ";
}

#footerLinks > ul:nth-child(2){
	margin-top: 30px;
}

#footerLinks ul li a{

	text-decoration: none;

	font-weight: normal;
	color: #000;
}




#footerInfo{
	display: inline-block;
	vertical-align: top;


}

#footerAddress .ftLogo{

	margin-bottom: 1em;
	display: block;

}

#footerAddress p{
	line-height: 1.6;
	font-size: 84%;
	margin-bottom: 0.5em;
}

#footerAddress a,
#footerAddress span{
	color: #000;
	text-decoration: none;
}

#footerAddress #areamap{
  width: 35%;
  margin-right: 3%;
  float: right;
}

	#copyright {
			text-align:center;
			color:#000;
			letter-spacing: 0.05em;
		font-size: 80%;
		padding-bottom: 40px;
		line-height: 1.8;
		
		}
@media screen and (max-width:767px){
#footer {
	width:100%;

}
	
	#footerIn {
	width: 100%;
		padding:20px 0;

	}

	#footerLinks{
display: none;
		
	}
#footerInfo{
	width: 100%;



}

#footerAddress {
	margin: 0 10px 20px;
	text-align: center;

}
	
#footerAddress .cpNm {
    font-size: 120%;

}
	
#footerAddress a,
#footerAddress span{

}

	
#footerAddress .ftLogo{
	width: 66%;
	margin: 0 auto 1em;

}
	
#footerAddress #areamap{
margin: 20px auto;
	width: 100%;

}
	

}


/*---------------*/

.enlarge{
	    transition: 0.5s;
}

a:hover .enlarge {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

/********shareus**********/

.sec{
    padding: 0;	
}

.inner {
    width: 1200px;
    margin: 0 auto;
	padding: 0;

}

.secTit{
text-align: center;	
	font-size: 20px;
	line-height: 1.5;
	margin-bottom:3.5em;
	letter-spacing: 0.1em;
}

.enTit{
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 48px;
	letter-spacing: 0.1em;
}

.etcTit{
text-align: center;	
	font-size: 15px;
	line-height: 1.5;
	margin-bottom:3.5em;
	letter-spacing: 0.1em;
}

.etcTit .enTit{
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 36px;
	letter-spacing: 0.1em;
}




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

.sec{
    padding: 0;	
}
	
.inner {
    width: 100%;
    margin: 0 auto;

}


.enTit{
	font-size: 28px;
}
.secTit{
	font-size:14px;
}
	
.etcTit{

	font-size: 14px;

}

.etcTit .enTit{
	font-size: 24px;
}
	


}

/********otherlineup*********/

.sec.qrt#lineup,
.sec#otherLineup{
  min-width: 1280px;
}

.lnbox{
	display: inline-block;
	vertical-align: top;
	border-left: #fff solid 1px;
	background-color: #f1f1f1;
	font-size: 0;
box-sizing: border-box;
	padding-bottom: 40px;
  width: 20%;
    min-height: 390px;
}

.lnbox a{
	text-decoration: none;
	color: #000;
	display: block;
	transition: 0.5s;
}

.lnbox img{
	width: 100%;
		margin-bottom: 40px;
	height: auto;
}

.lnbox dl{

}

.lnbox h3{
font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 0.5em;
	margin-left: 0.05em;
	text-align: center;
	line-height: 1;

}


.lnbox h3:first-letter{
	font-size:165%;
	color: #3cced1;
	margin-right: 0.1em;
}

.lnbox h3 img{
	width:auto;
	margin-bottom:0;
}


.lnbox p{
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
}

.lnbox:first-of-type p{
  letter-spacing: -0.06em;
}


.lnbox a:hover{
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

@media screen and (max-width:767px){
  
.sec.qrt#lineup,
.sec#otherLineup{
  min-width:inherit;
}  
  
.lnbox {
    width: 100%;
	padding-bottom: 45px;
	margin-bottom: 3px;
}
	
.lnbox img {
    width: 100%;
	height: auto;
	display: inline-block;
		vertical-align: top;
	margin-bottom: 10px;
}	
	
	.lnbox h3{
		display: inline-block;
		width: 100%;

		    font-size: 24px;
		margin-top: 15px;

	}	
	
.lnbox p{
	font-size: 14px;
}	
	
}


/********otherlineup 6並び*********/

.qrt .lnbox{
	width: 20%;	
    min-height: 390px;
}

@media screen and (max-width:767px){
.qrt .lnbox {
    width: 100%;
	padding-bottom: 45px;
	margin-bottom: 3px;
    min-height:inherit;
}	
}


/********shareus**********/

#shareus{
	padding: 100px 0;
}

#shareus .inner {
    width: 1200px;
    margin: 0 auto 40px;
}	


#shareus h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	margin-bottom: 15px;
	letter-spacing: 0.1em;
}

#fbArea,
#instaArea{
	display: inline-block;
	vertical-align: top;
	width: 44%;
	margin: 0 2.5%;
/*    height: 525px;*/
}

#fbArea iframe,
#instaArea iframe{
width: 100%;
height: 100%;
}

.fb-container {
		width: 528px;
	}

.wg {
    width: 100% !important;
    margin: 20px 0 0;
    position: relative;
}

.wg > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}

.bnrmv{
  text-align: center;
/*  margin-top: 60px;*/
}

#shareus .wpBnr{
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
	align-items:center;
}

#shareus .wpBnr3{
	max-width: 1400px;
	margin: 60px auto 0;
	display: flex;
	justify-content: space-between;
	align-items:center;
}

#shareus .wpBnr3 > div{
	margin-top: 20px;
	width: 31%;
}

#shareus .wpBnr3 img{
width:100%;
}


@media screen and (max-width:767px){
	
#shareus{
	padding: 50px 0;
}
	
#shareus .inner{
	
    width: auto;
    margin: 0;	
	padding: 0 15px;
}
	
	#shareus h2{
		letter-spacing: 0;
	}
	

	
#fbArea {
width: 100%;
	height:auto;
	margin: 0 0 40px;
}
	
	

#instaArea{
	width: 100%;
	height:auto;
	margin: 0;
}
	
.fb-container {
		width: 100%;

}	
  
.bnrmv{
/*  margin-top: 40px;*/
}  
  
.bnrmv img{
width: 100%;
}  
	
#shareus .wpBnr{
	margin-top: 30px;
	display:block;
}
	
	#shareus .wpBnr div{
		margin-top: 20px;
	}	
	
	#shareus .wpBnr div img{
		width: 100%;
	}	

#shareus .wpBnr3{
	max-width:inherit;
	margin: 40px 4% 0;
	display:block;
}

#shareus .wpBnr3 > div{
width: 100%;
}	
		
}

/*ページ上部へ*/
#sideIc {
	text-indent: -999em;
	position:fixed;
	top:160px;
	right:-1px;
	color:#FFF;
	z-index:700;
  list-style-type: none;
}

#sideIc li{
  margin-bottom: 10px;
}

#sideIc li a{
  display: block;
	height: 100px;
	width: 100px;
  background-size: cover;  
transition: 0.5s;  
}

#sideIc #req a{
  background-image:url("../img_common/btn_req.png");
}

#sideIc #res a{
  background-image:url("../img_common/btn_reserve.png");
}

#sideIc #eve a{
  background-image:url("../img_common/btn_event.png");
}

#sideIc #bun a{
  background-image:url("../img_common/btn_bunjo.png");
}

#sideIc #rec a{
  background-image:url("../img_common/btn_recruit.png");
}

#sideIc #consul a{
  background-image:url("../img_common/btn_consultation.png");
}

#sideIc #mjirei a{
  background-image:url("../img_common/btn_movie_jirei.png");
}


#sideIc li a:hover{
    -webkit-transform: scale(1.08,1.08);
    -moz-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);
    transform: scale(1.08,1.08);
}


@media screen and (max-width:767px){
  
#sideIc {
	top:80px;
}  
  
#sideIc li a{
	height: 50px;
	width: 50px;
}
	
}