@charset "utf-8";

/******************************************************************************************
　　基本レイアウト指定
******************************************************************************************/

img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	-webkit-backface-visibility: hidden;
	display:inline-block;
}
strong{ font-weight:bold; }

a{color:#FFFFFF;}

/*フォント設定*/
body{
	-webkit-text-size-adjust:100%;
	font-family:"UD新ゴ R", 'UD Shin Go Regular', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#FFFFFF;
	position:relative;
	width:100%;
}

.font_red{color:#FF0000;}
.txt18{font-size:18px;}
.txt15{font-size:15px;}

h3{background:#004D65;
padding:12px;
font-family:"UD新ゴ M", 'UD Shin Go Medium', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
text-align:center;
font-size:25px;
font-weight:bold;}

h4{display:inline-block;
padding:15px 20px;
font-family:"UD新ゴ M", 'UD Shin Go Medium', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size:30px;}

h5{background-color:#000000;
padding:12px;
font-family:"UD新ゴ M", 'UD Shin Go Medium', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
text-align:center;
font-size:21px;
border:1px solid #FFFFFF;
margin-bottom:20px;}

h5 span{font-size:16px;}

/*背景色*/
body{ background:#1f1110;}

/*幅指定*/
.ml10{ margin-left:10px; }

.mb05{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb60{ margin-bottom:60px; }

.txt-c{ text-align:center; }
.txt-l{ text-align:left; }
.txt-r{ text-align:right; }
.right{ float:right; }

/*テーブル*/
table.table_style{
	width:100%;
	border-collapse: separate;
	border-spacing: 0px 40px;
}
table.table_style th{
	background:#000000;
	border:1px solid #666666;
	padding:20px 20px;
	vertical-align:middle;
	width:30%;
}
table.table_style td{
	border:1px solid #666666;
	padding:20px 20px;
	vertical-align:middle;
	background-color:#FFFFFF;
	color:#000000;
}






/*りんく*/
.link{padding:8px;
margin:10px 0px;
background:#D3B05F;
display:inline-block;}

.link:hover{background:#DBBE7B;}

.link a{margin:0 0 0 8px;
background:url(../img/common/arrow.png) left no-repeat;
padding-left:20px;
color:#000000;}


/*PDFアイコン*/
.pdf{content:"";
    display: inline-block;
	font-size:0;
    width: 17px;
    height: 18px;
	background:url(../img/common/link_pdf.png) no-repeat;
	vertical-align:middle;
	margin-left:5px;}
	

.over{
	opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity = 100);
	
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.over:hover{
	opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}


/******************************************************************************************
	pc size
******************************************************************************************/

.bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.bg_onetime_popup.js_active {
    opacity: 1;
    visibility: visible;
}

.onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	width:80%;
	max-width:700px;
    background-color: #fff;
    cursor: pointer;
	padding:20px;
}



/*--------------------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------------------------------*/
button.drawer-toggle{ display:none; }

#header_container{
width:100%;
position:fixed;
z-index:9999;
background:#1F1110;}


#logo{ float:left;
width:230px;
margin:20px 0 0 20px;}


#reserve{float:right;
width:220px;
text-align:right;}
#reserve img{display:inline-block;
margin:0;
padding:0;}


#navi{
text-align:right;
}

#navi ul{
padding-top:70px;
padding-bottom:10px;
font-family:"UD新ゴ M", 'UD Shin Go Medium', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

#navi ul li{ display:inline-block;
float:right;
padding:0 3% 0 0;
font-size:125%;
color:#FFFFFF;}



.top_slide{padding-top:110px;}


/*--------------------------------------------------------------------*/
/*コンテンツ*/
/*--------------------------------------------------------------------*/

#contents_container{
margin:0;
padding:0;
width:100%;
background:url(../img/common/bg.jpg) center;}


/*TOPページ*/
.box1 ul{text-align:center;}
.box1 ul li{display:inline-block;
width:30%;
padding:1%;}


.about_box{text-align:center;}

.fb_box{width:46%;
padding:3%;
display:inline-block;
text-align:right;}

.map_box{width:46%;
padding:3%;
display:inline-block;
text-align:left;}

.map_box p{color:#FFFFFF;
margin-bottom:20px;}


/*--------------------------------------------------------------------*/
/*2nd コンテンツ*/
/*--------------------------------------------------------------------*/

.h2{padding-top:110px;}
.h2_sp{display:none;}



/*初めての方へ*/

.info_box{margin:15px auto;
width:80%;
background-color:#FFFFFF;
border:1px #FFFFFF solid;}

.info_box .img{float:left;
width:30%;}

.info_box .img img{border:1px #FFFFFF solid;}

.info_box .text{float:left;
width:69%;
padding:15px;
color:#000000;}

/*入会・会費*/

.yoko{width:140px;
display:inline-block;
float:left;
margin:10px 20px 0 0;
background:#004D65;
padding:10px 15px;
text-align:center;
color:#FFFFFF;}

.yoko span{font-size:18px;
font-weight:bold;}

.price_box{margin:15px auto;
width:80%;}

.price_img_sp{display:none;}


/*K-GYM/LILYOGA*/

.img_box{margin:15px auto;
width:80%;}
.img_box ul{}
.img_box li{display:inline-block;
width:33%;}

.yoga{background-color:#FFFFFF;
text-align:center;
padding:20px 0px;}

.yoga_box{margin:15px auto;
width:80%;}

.yoga_img{float:left;
width:40%;}
.yoga_txt{float:right;
width:55%;
text-align:left;
color:#000000;}


/*お問い合わせ*/
.contact_box{margin:0 auto;
padding:30px 0;
width:80%;}
.contact_box .table_style td{
	font-size:16px;
	padding:15px 20px;
}
.contact_box input[type="text"]{
	width:100%;
	padding:10px 15px;
	font-size:16px;
	box-sizing:border-box;
	border:none;
	border-bottom:1px solid #333;
	transition:background .3s;
}
.contact_box textarea{
	width:100%;
	height:200px;
	padding:10px 15px;
	font-size:16px;
	box-sizing:border-box;
	border:1px solid #333;
	transition:background .3s;
	line-height:1.6;
}
.contact_box input[type=text]:focus,
.contact_box textarea:focus{
    outline: none;
	background:#EFEFEF;
}
.contact_box label{
	display:block;
}
.contact_box label + label{
	margin-top:5px;
}
.contact_box .red{
	font-size:14px;
	color:#CC0000;
	font-weight:bold;
	margin-bottom:10px;
}
.contact_box .info{
	padding:20px;
	background:#796451;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
}
.contact_box form{ display:inline; }
.thanks_box{
	padding:20px;
	background:#FFFFFF;
	color:#000000;
	margin-bottom:30px;
}

.btn,
a.btn,
button.btn {
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  margin:10px;
}


.btn-check,
a.btn-check {
  font-size: 1.6rem;
  padding: 1rem 4rem;
  color: #fff;
  background-color: #004D99;
  border:1px #FFFFFF solid;
}
.btn-check:hover,
a.btn-check:hover {
  color: #fff;
  background: #003A75;
}

.btn-cancel,
a.btn-cancel {
  font-size: 1.0rem;
  padding: 0.8rem 2rem;
  color: #000;
  background-color: #999999;
  border:1px #FFFFFF solid;
}
.btn-cancel:hover,
a.btn-cancel:hover {
  color: #000;
  background: #7D7D7D;
}


/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
#footer_wrap {
	clear:both;
	padding:20px 0;
	position:relative;
	background:#004D65;
}

footer{ color:#fff; }

.footer_contact{ margin-bottom:20px; }

.footer_link{ margin-bottom:20px;
text-align:center; }

.footer_link ul li a{color:#FFFFFF;}

.footer_link ul li a:hover:after {
  transform: scale(0, 1);
}

.copyright{
	text-align:center;
	font-size:12px;
}


/*--------------------------------------------------------------------*/
/*ページトップ*/
/*--------------------------------------------------------------------*/
.pageTop {
	position:fixed;
	bottom:10px;
	right:15px;
	width:92px;
	height:92px;
}



/******************************************************************************************
  tablet　 size
******************************************************************************************/
@media screen and (max-width: 959px) {

/*--------------------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------------------------------*/

#logo{
float:left;
width:180px;
margin:10px;}

#reserve{ float:none;
display:none;}

#navi{display:none;}


button.drawer-toggle{ display:block; }


nav.drawer-nav{
	padding:20px 10px 10px 10px;
	background-color:#1F1110;
	color:#FFFFFF;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    background-color: #fff;
	height: 3px;
}


nav.drawer-nav p.title{
	padding:0 10px;
	margin-bottom:15px;
}
nav.drawer-nav ul{
	font-size:0;
	font-family:"UD新ゴ M", 'UD Shin Go Medium', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin-bottom:15px;
}

nav.drawer-nav ul.sns{ text-align:center; }
nav.drawer-nav ul.sns li{
	display:inline-block;
	position:relative;
	width:110px;
}

nav.drawer-nav ul.drawer-menu li{
	border-bottom:1px solid #fff;
	font-size:18px;
	text-align:center;
}
nav.drawer-nav ul.drawer-menu li:first-child{ border-top:1px solid #fff; }

nav.drawer-nav ul.drawer-menu li a{
	display:block;
	width:100%;
	padding:12px 5px;
	text-decoration:none;
	color:#fff;
}

nav.drawer-nav ul.menu{
text-align:center;
	}

nav.drawer-nav ul.menu li{
display:inline-block;
padding:0 20px;
	}
	
.top_slide{padding-top:80px;}



.h2{padding-top:80px;}


.fb_box{width:48%;
padding:1%;
display:inline-block;
text-align:right;}

.map_box{width:48%;
padding:1%;
display:inline-block;
text-align:left;}



/*初めての方へ*/

.info_box{
width:94%;}

.info_box .img{float:left;
width:30%;}

.info_box .text{float:left;
width:69%;
padding:15px;
color:#000000;}

h3{
font-size:18px;
font-weight:normal;}

h4{font-size:20px;}


/*入会・会費*/

.price_box{width:94%;}

/*K-GYM/LILYOGA*/

.img_box{margin:15px auto;
width:94%;}
.img_box ul{}
.img_box li{
width:49%;}

.yoga_box{margin:15px auto;
width:94%;}

/*お問い合わせ*/
.contact_box{
width:94%;}


}

/******************************************************************************************
  sp size
******************************************************************************************/

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

.top_slide{padding-top:80px;}

.box1 ul{margin-bottom:20px;}

.box1 ul li{
width:94%;
padding:20px 0 0 0;}


.fb_box{width:100%;
padding:1%;
text-align:center;}

.map_box{width:100%;
padding:1%;
text-align:center;}

.h2{display:none;}

.h2_sp{
padding-top:80px;
display:block;}

h4{font-size:20px;}



.info_box .img{float:none;
width:100%;}


.info_box .text{float:none;
width:100%;}

.info_box .text img{float:left;
width:20%;}

h4{float:left;
width:80%;
padding:10px;}

/*入会・会費*/



.price_box{width:94%;}
.price_img_pc{display:none;}
.price_img_sp{display:block;
text-align:center;}

.yoko{margin:10px 10px 10px 0;}

/*K-GYM/LILYOGA*/

.img_box li{
width:100%;}

.yoga_img{float:none;
width:100%;
margin-bottom:10px;}

.yoga_txt{float:none;
width:100%;}


}