@charset "utf-8";
/* CSS Document */
html {
	overflow-y: scroll;
}

*, *:before, *:after {
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	vertical-align: bottom;
	border: 0px;
}

a{
	color: #0094a8;
	transition: 0.5s;
}

a:hover{
	opacity: 1;
}

a img {
	border: none;
	outline: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th, td{
    text-align: left;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.indent{
	padding-left:1.2em;
	text-indent:-1.2em;
}

.object-fit-img {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

html,body {
	height: 100%;
	width: 100%;
	text-align: center;
	margin: auto;
	color: #000;	
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 0.05em;
	scroll-behavior: smooth;
}

/*-----------------------------------------システムメイン*/

#system_main {
	width: 100%;	
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}

/*-----------------------------------------メインメニュー*/

#main_menu{
	height: 100vh;
	background-image: url(images/bg_mainmenu.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.menu_box{
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
}
.menu_top{
	position: relative;
}
.logo{
	padding: 10px 30px;
}
.contact_menu{
	position: absolute;
	top: 10px;
	right: 30px;
}
.contact_menu td, .contact td{
	padding: 0 5px;
}
.contact_menu td img, .contact td img{
	width: auto;
}
#main_menu .menu_items ul{
	width: 30%;
	margin: 30px auto;
}
#main_menu .menu_items ul li a{
	width: 100%;
	margin: 15px auto;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 40px;
	box-sizing: border-box;
}
#main_menu .menu_items ul li a{
	display: block;
	padding: 1.2em 0;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #e58c33;
	border-radius: 40px;
	border: 4px solid #f39938;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
#main_menu .menu_items ul li a:hover{
	color: #fff;
}

#main_menu .menu_items ul li.gym a:hover{
	background-color: rgba(243, 153, 56, 0.85);
	transition: 0.5s;
}

#main_menu .menu_items ul li.jin a:hover{
	background-color: rgba(137, 185, 189, 0.9);
	border: 4px solid rgba(137, 185, 189, 1.0);
	transition: 0.5s;
}

#main_menu .menu_items ul li.cafe a:hover{
	background-color: rgba(200, 180, 159, 0.9);
	border: 4px solid rgba(200, 180, 159, 1.0);
	transition: 0.5s;
}

#main_menu .social ul{
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
#main_menu .social ul li{
	margin: 0 7px;
}
#main_menu .menu_box p{
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
}

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

#h_top{
	width: 100%;
	position: relative;
}
.h_logo {
    position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
    z-index: 9999999;
}
.h_logo img{
	  width: auto;
}
.contact{
	position: absolute;
	top: 10px;
	right: 60px;
	z-index: 999999;
}
.contact td a:hover{
	opacity: 0.7;
}

/*-----------------------------------------ナビ*/

#menu_resp {
  z-index: 9999;
  width: 100%;
  position: fixed; /*トップロゴを固定したい場合fixedに…*/
  top: 0;
  left: 0;
  padding: 10px 0;
  background-color: #eee;
   height: 150px;
}
#gNav a:hover {
  color: #999;
}
nav li a {
  font-size: 15px;
  letter-spacing: 0.1em;
}
nav .sub-menu,.mean-container .mean-nav ul ul {
  background: #ffb000;

}

#gNav .nav {
    overflow-y: auto;
    height: 100vh;
}
.mean-nav .container {
    padding: 0;
}
nav li .fa {
    display: none;
}
.menu_sns img{
	width: auto;
}
/*-----------------------------------------コンテナ―*/

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

/*-----------------------------------------スライダー*/

#sliderbox {
	width: 100%;
	position: relative;
	padding-top: 150px;
}

/*-----------------------------------------トップフォト*/

.top_photo{
	padding-top: 150px;
}
.top_photo img{
	width: 100%;
}

/*-----------------------------------------メイン*/

#main {
	width: 100%;
	font-size: 15px;
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;
	padding-top: 0px;
}
.no_slide{
	padding-top: 150px;
}
.janjira_box{
	position: fixed;
	left: 10px;
	bottom: 50px;
}
.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-8-27 15:56:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.fuwafuwa {
	animation-name:fuwafuwa;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-direction:alternate;*/
	animation-timing-function:ease;
	
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}

@keyframes fuwafuwa {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -20px);}
	100% {transform:translate(0, 0);}
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -20px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -20px);}
	100% {-moz-transform:translate(0, 0);}
}

#wrapper_o{
	width: 100%;
	background-color: #fcf3eb;
	padding: 50px 0px 30px 0px;
}
#wrapper_w{
	width: 100%;
	background-color: #fff;
	padding: 50px 0px 30px 0px;
}
#wrapper_b{
	width: 100%;
	background-color: #f7f3e7;
	padding: 50px 0px 30px 0px;
}
#wrapper_ol{
	width: 100%;
	background-color: #fcf3eb;
	padding: 0px 0px 80px 0px;
}
article{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0px;
}

h2 {
	margin-bottom: 20px;
	text-align: center;
	padding: 80px 20px 20px 20px;
	font-size: 40px;
	line-height: 120%;
	font-family: "M PLUS 1p", serif;
	font-weight: 900;
}
h2>div{
	font-size: 24px;
	text-shadow: none;
	line-height: 120%;
	margin-top: 20px;
	font-weight: 600;
}
h2>div br{
	display: none;
}
h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: left;
}

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

#PageTopBtn {
    position: fixed;
    bottom: 100px;
    right: 10px;
	z-index: 99;
}

#PageTopbtn a{
	display: block;
}

#PageTopBtn a:hover{
	opacity: 1.0;
}

/*-----------------------------------------フッター*/

#footer {
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #f39938;
}
#footer table{
	margin: 8px auto 5px auto;
}
#footer td{
	padding: 0 5px 0 5px;
}
#footer td img{
	width: 80%;
}
.link ul li{
	padding: 5px;
}
.link ul li a{
	color: #fff;
}
#footer a:hover{
	opacity: 0.7;
}

#footer p{
	color: #fff;
	font-size: 12px;
}


/*------------------------------------------グループ*/

#group h3{
	text-align: center;
	margin-bottom: 15px;
}
.group_items{
	margin-bottom: 80px;
}
.group_items a:hover{
	opacity: 0.7;
}
.group_items dt{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.group_history dl{
	text-align: left;
}
.group_history dt{
	display: inline-block;
	background-color: #f39938;
	color: #fff;
	font-size: 20px;
	padding: 10px 20px;
	font-weight: bold;
	border-radius: 20px;
	margin-bottom: 20px;
}
.group_history table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin-bottom: 80px;
}
.group_history th{
	font-weight: normal;
	text-align: left;
	padding: 15px 10px 10px 10px;
	border-bottom: 1px dotted;
	white-space: nowrap;
}
.group_history td{
	padding: 15px 10px 10px 10px;
	width: 90%;
	border-bottom: 1px dotted;
}
.group_message{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.chairman, .owner{
	width: 48%;
	display: flex;
	justify-content: space-between;
}
.chairman dl, .owner dl{
	width: 70%;
	text-align: left;
}
.chairman dt, .owner dt{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px;
}
.chairman figure, .owner figure{
	width: 30%;
}
.chairman figure img, .owner figure img{
	width: 90%;
}
.group_address p{
	text-align: left;
}
.group_address p br{
	display: none;
}
.group_address p.strong{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px;
}

/*------------------------------------------クラス*/

#class p{
	text-align: left;
	margin-bottom: 30px;
}

.schedule a{
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
	color: #fff;
	background-color: #f39938;
	border-radius: 20px;
	text-decoration: none;
}
.schedule a:hover{
	position: relative;
	top: 2px;
	left: 2px;
}
.schedule_s{
	margin-top: 15px;
}
.schedule_s a{
	font-size: 19px;
	font-weight: bold;
	color: #f39938;
}
.schedule_s a:hover{
	opacity: 0.7;
}
#kick h4, #kids h4{
	font-size: 20px;
	margin-bottom: 20px;
	display: inline-block;
	background-color: #f39938;
	color: #fff;
	padding: 10px 20px 8px 20px;
	border-radius: 20px;
	margin: 5px;
	font-weight: bold;
}
.kick_top, .kids_top, .karate_top{
	margin-bottom: 50px;
	text-align: left;
}
.fitness_top{
	margin-bottom: 30px;
	text-align: left;
}
.float_l{
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}
.kick_top p, .kids_top p, .karate_top p, .fitness_top p{
	text-align:left;
	padding-top: 20px;
}
.kick_contents, .kids_contents{
	text-align: left;
	margin-bottom: 30px;
}
.kick_contents p{
	margin-bottom: 10px;
}
.kick_contents .level{
	font-size: 20px;
	font-weight: bold;
}
.kick_contents table{
	margin: 5px 0 10px 0;
}
.kick_contents th{
	white-space: nowrap;
	vertical-align: top;
	font-weight: normal
}
.kick_contents td{
	padding-bottom: 5px;
}
.kick_contents .freetime{
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
}
.kick_contents ul{
	margin-bottom: 10px;
}
.kick_contents ul li{
	margin-bottom: 5px;
	list-style: inside disc;
}
.kick_photo, .kids_photo, .fitness_photo{
	margin-bottom: 50px;
}
.kick_photo ul, .kids_photo ul, .fitness_photo ul{
	display: flex;
	justify-content: space-between;
}
.kick_photo ul li, .kids_photo ul li, .fitness_photo ul li{
	width: 48%;
}
.kick_photo ul li img, .kids_photo ul li img, .fitness_photo ul li img{
	width: 100%;
	object-fit: cover;
}
.kids_contents ul li{
	text-align: left;
	margin: 5px auto;
}
.kids_contents ul li span{
	font-weight: bold;
}
.kids_top figure{
	width: 45%;
	margin-top: 20px;
}
.kids_top figure img{
	width: 90%;
}
.kids_box, .karate_box, .fitness_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kids_items, .karate_items, .fitness_items{
	width: 48%;
	margin: 0 auto 30px auto;
}
.kids_items dt, .karate_items dt, .fitness_items dt{
	font-size: 20px;
	font-weight: bold;
	background-color: #f39938;
	padding: 10px 20px;
	color: #fff;
	border-radius: 20px;
	margin-bottom: 10px;
}
.kids_items dd, .karate_items dd{
	text-align: left;
	margin-bottom: 20px;
	padding: 10px;
	height: 8em;
}
.kids_items figure img, .karate_items figure img, .fitness_items figure img{
	width: 90%;
	object-fit: cover;
}
.fitness_items dd{
	text-align: left;
	margin-bottom: 20px;
	padding: 10px;
	height: 10em;
}
.instructor_kick, .instructor_karate, .instructor_fitness{
	margin: 30px auto;
}
.instructor_fitness a:hover{
	opacity: 0.7;
}
.instructor_kick p, .instructor_karate p, .instructor_fitness p{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 50px;
}
.instructor_kick ul, .instructor_karate ul, .instructor_fitness ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.instructor_kick ul li, .instructor_karate ul li, .instructor_fitness ul li{
	width: 23%;
	margin: 20px 30px;
}
.instructor_kick table, .instructor_karate table, .instructor_fitness table{
	width:100%;
}
.instructor_kick th span, .instructor_karate th span, .instructor_fitness th span{
	font-size: 14px;
	letter-spacing: normal;
}
.instructor_kick td img, .instructor_karate td img, .instructor_fitness td img{
	width: 100%;
}
.instructor_kick td.photo, .instructor_karate td.photo, .instructor_fitness td.photo{
	text-align: center;
	padding-bottom: 15px;
}
#trial{
	padding-top: 0;
}
#trial p{
	text-align: left;
}
#trial p.big{
	text-align: center;
	margin-bottom: 20px;
}
#trial a{
	color: #000;
	font-weight: bold;
}
#class_personal{
	text-align: left;
}
.personalT_link{
	margin-bottom: 20px;
}

.personalT_link a:hover{
	opacity: 0.7;
}

/*------------------------------------------入会*/

#join{
	text-align: left;
}
.join_top{
	margin-bottom: 50px;
}
#join h4{
	font-size: 26px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}
#join h5{
	text-align: left;
	font-size: 20px;
	display: inline-block;
	background-color: #f39938;
	color: #fff;
	padding: 10px 20px 8px 20px;
	border-radius: 20px;
	font-weight: bold;
	margin-top: 50px;
}
#join h5.h5_top{
	margin-top: 0;
}
.join_t{
	text-align: center;
	margin-bottom: 30px;
}
.initial_cost{
	text-align: left;
	margin-bottom: 50px;
}

.initial_cost dl{
	text-align: left;
}
.initial_cost dt{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.initial_cost dd{
	text-align: left;
}
.initial_cost table{
	width: 100%;
	margin-bottom: 10px;
	border-collapse: separate;
	border-spacing: 2px;
}
.initial_cost th{
	font-size: 22px;
	padding: 15px 15px 15px 0;
	position: relative;
	white-space: nowrap;
	border-bottom: 1px dashed #000;
}
.initial_cost td{
	width: 90%;
	font-size: 22px;
	padding: 15px;
	border-bottom: 1px dashed #000;
}
.initial_cost td span{
	font-size: 13px;
}
.price{
	margin-bottom: 80px;
}
.price p{
	margin-bottom: 20px;
}
.price span{
	font-size: 13px;
}
.price table{
	width: 100%;
}
.base th, .option th{
	font-size: 20px;
	padding: 15px;
	position: relative;
	vertical-align: top;
}
.base td.base_note, .option td.option_note, .personal_training td.p_training{
	font-size: 15px;
	padding: 15px;
	border-bottom: 1px dashed;
}
.price td.p_training, .price td.no_note{
	border-bottom: 1px dashed;
}
.base th ul li:first-child, .option th ul li:first-child{
	white-space: nowrap;
}
.personal_training th{
	font-size: 20px;
	padding: 15px;
	position: relative;
	vertical-align: top;
}
.price th.price_note{
	white-space: inherit;
	font-size: 15px;
	font-weight: normal;
	padding-top: 25px;
}
.price th ul, .price td ul{
	display: flex;
	padding-top: 10px;
	flex-wrap: wrap;
	align-items: center;
}
.price th ul li:last-child{
	font-size: 15px;
	font-weight: normal;
	padding-top: 10px;
}
.price td{
	font-size: 20px;
	padding: 15px;
}
.join_traial{
	margin-top: 30px;
}
.join_traial p{
	margin-bottom: 0;
}
.join_traial ul li{
	margin: 20px auto;
}
.join_traial img{
	width: 400px;
}
.join_traial a{
	font-size: 18px;
	font-weight: bold;
	color: #f39938;
}
#join_details{
	margin-bottom: 80px;
}
#join_details h5{
	background-color: inherit;
	color: #000;
	padding-left: 0;
	margin-top: 0;
}
#join_details p{
	margin-bottom: 10px;
}
#join_details ol{
	margin-bottom: 20px;
}
#join_details ol li{
	list-style: inside decimal;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 5px;
}
#join_details ul{
	margin-bottom: 10px;
}
#join_details ul li{
	list-style: inside disc;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 5px;
}
.equipment{
	margin-bottom: 50px;
}
.terms p{
	text-align: left;
	background-image: url(images/icon_pdf.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
}
.terms a{
	color: #555;
}
.terms a:hover{
	opacity: 0.7;
}
.gym_address{
	margin-top: 30px;
	text-align: left;
}
#trial .gym_address a{
	color: #0094a8;
	font-weight: normal;
}
.contents_inner{
	padding-top: 180px;
	margin-top: -180px;
}
	
/*------------------------------------------パーソナル*/

#personal .flow p{
	margin-bottom: 20px;
}
#personal .flow p.step{
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 5px;
}

#personal .flow{
	text-align: left;
	margin-bottom: 80px;
}
#personal .flow th{
	padding: 10px 10px 5px 0;
	text-align: left;
	vertical-align: top;
}
#personal .flow td{
	padding-bottom: 10px;
}
.personal_box{
	margin-bottom: 50px;
}
.personal_items{
	text-align: left;
	padding-botom: 30px;
}
.personal_items h4{
	text-align: left;
	font-size: 20px;
	margin-bottom: 20px;
	display: inline-block;
	background-color: #f39938;
	color: #fff;
	padding: 10px 20px 8px 20px;
	border-radius: 20px;
	font-weight: bold;
}
.personal_items:nth-child(2){
	padding-top: 10px;
}
.personal_items p{
	margin-bottom: 10px;
}
.personal_items dt span{
	font-size: 16px;
}
.personal_items dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.personal_items dt:before{
	content: "● ";
	font-size: 13px;
}
.personal_items dd{
	margin-bottom: 20px;
	margin-left: 1.5em;
}
.personal_items dd p{
	margin-bottom: 10px;
}
.personal_items dd ul li{
	background-image: url(images/list_personal_price.png);
	background-position: left top 5px;
	background-repeat: no-repeat;
	text-indent: 0;
	padding-left: 20px;
	padding-bottom: 8px;
}
.training_link{
	text-align: left;
	margin: 30px auto;
	font-size: 18px;
}
.training_link a{

}

.local_photo img{
	width: 100%;
}
#local{
	padding-top: 0;
}
#local p{
	text-align: left;
	margin-bottom: 20px;
}
#local p.strong{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}
#local th{
	font-size: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}
#local td a{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#local a:hover{
	opacity: 0.6;
}

/*------------------------------------------プロキックボクサー*/

.pro_top{
	margin-bottom: 50px;
	text-align: left;
}
.pro_top p{
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 20px;
}
.pro_box{
	margin-bottom: 30px;
	text-align: left;
}
.pro_items{
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 50px 20px;
	border-bottom: 1px dashed;
}
.pro_items:nth-child(2){
	padding-top: 10px;
}
.pro_items:nth-child(even){
	flex-direction: row-reverse;
}
.pro_items table{
	width: 50%;
}
.pro_items th{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px;
}
.pro_items th ul{
	display: flex;
	align-items: center;
}
.pro_items th ul li:last-child{
	margin-left: 40px;
}
.pro_items td{
	line-height: 180%;
}
.pro_box figure{
	width: 40%;
}
.pro_box figure img{
	width: 90%;
	object-fit: cover;
}
.pro_inquiry th{
	font-size: 18px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.pro_inquiry td a{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.pro_inquiry a:hover{
	opacity: 0.6;
}
/*------------------------------------------ジャンジラ深大寺*/

#jindaiji p{
	text-align: left;
}
#jindaiji ul{
	display: flex;
	justify-content: space-between;
	margin: 20px auto 10px auto;
}
#jindaiji ul li{
	width: 50%;
	margin: 20px auto 0 auto;
}
#jindaiji ul li img{
	width: 90%;
	object-fit: cover;
}
#jindaiji dl{
	text-align: left;
}
#jindaiji dt{
	background-color: #89b9bd;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
	border-radius: 20px;
	margin-bottom: 20px;
	margin-top: 50px;
}

#jindaiji table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin-bottom: 20px;
}
#jindaiji th{
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px dashed;
	white-space: nowrap;
	vertical-align: top;
}
#jindaiji td{
	width: 90%;
	padding: 10px;
	border-bottom: 1px dashed;
}
#map_jindaiji{
	width: 100%;
	margin: 50px auto;
}

#map_jindaiji #googlemap_jindaiji iframe{
	margin-left: auto;
	margin-right: auto;
}

#map_jindaiji #googlemap_jindaiji {
	width: 100%;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}


/*------------------------------------------ジャンジラカフェ*/

.cafe_info, .stay_info{
	text-align: left;
}
#cafe .name{
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
	line-height: 150%;
}
#cafe .name span{
	font-size: 26px;
}
.cafe_info p, .stay_info p{
	text-align: left;
	margin-bottom: 20px;
}
.cafe_info table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin-bottom: 20px;
}
.cafe_info th{
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px dashed;
	white-space: nowrap;
	vertical-align: top;
	font-size: 15px;
}
.cafe_info td{
	width: 90%;
	padding: 10px;
	border-bottom: 1px dashed;
}
.stay_info dt{
	font-size: 16px;
	font-weight: bold;
}
.stay_info dt:before{
	content: "● ";
	font-size: 13px;
}
.stay_info dd p{
	margin-bottom: 0;
}
.stay_info dd ul li{
	list-style: disc inside;
	text-indent: -20px;
	padding-left: 20px;
}
#cafe dl{
	text-align: left;
}
#cafe dd{
	margin-bottom: 20px;
}

.cafe_info{
	margin-bottom: 80px;
}
.stay_info ul li{
	margin: 0;
}
.cafe_floor{
	text-align: left;
}
.cafe_floor h4, .cafe_overview h4{
	display: inline-block;
	background-color: #c8b49f;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px 8px 20px;
	border-radius: 20px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.cafe_floor dt{
	color: #b79e88;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
}
.cafe_floor dt:first-child{
	margin-top: 0;
}
.cafe_floor dd p{
	margin-bottom: 10px;
}
.cafe_floor dd ul{
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.cafe_floor dd ul li{
	width: 50%;
	margin: 20px 0;
}
.cafe_floor dd ul li img{
	width: 90%;
}
.cafe_overview{
	text-align: left;
}
.cafe_overview p{
	margin-bottom: 20px;
}
.cafe_overview p span{
	font-weight: bold;
}
.cafe_overview p br{
	display: none;
}
#map_cafe{
	margin-bottom: 20px;
}
#map_cafe #googlemap_cafe iframe{
	margin-left: auto;
	margin-right: auto;
}

#map_cafe #googlemap_cafe {
	width: 98%;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}
.cafe_overview td{
	padding-left: 20px;
}
	
/*------------------------------------------ジャンジラ in the Box*/

#news{
	padding-top: 0;
}
.news_box{
	width: 100%;
	margin: auto;
	background-color: #fff;
	font-size: 16px;
	border: double #f39938;
}

#news dl{
	height: 600px;
	padding: 0 20px 10px 20px;
	overflow: auto;
	background-color: #fff;
}

#news dt{
	width: 190px;
	float: left;
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 17px;
	color: #f39938;
	font-weight: bold;
}
#news dt ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#news dt ul li:last-child{
	padding-left: 25px;
}

#news dd{
	text-align: left;
	padding-left: 220px;
	padding-top: 30px;
	padding-bottom: 15px;
	background-image: url(images/bg_news_dd.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#news dd th{
	padding-right: 30px;
	vertical-align: top;
}
#news dt ul li:last-child img{
	width: 30px;
	padding-bottom: 2px;
}

@media screen and (max-width:1300px){
	
/*-----------------------------------------メインメニュー*/	

#main_menu .menu_items ul{
	width: 40%;
	margin: 30px auto;
}
	
/*-----------------------------------------メイン*/

#main {
	width: 100%;
}

#wrapper1{
	background-size: 80%, 60%;
}

.page_top p img{
	height: 380px;
}
.page_top ul li img{
	width: 80%;
}

article{
	width: 80%;
}

/*------------------------------------------グループ*/

.group_message{
	flex-wrap: wrap;
}
.chairman, .owner{
	width: 100%;
	padding: 30px 0;
}

	
/*------------------------------------------クラス*/


.kids_items dd{
	height: 13em;
}
/*------------------------------------------お知らせ*/


	
}


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

/*-----------------------------------------システムメイン*/

#system_main{
	width: 100%;
	height: auto;
}

/*-----------------------------------------メインメニュー*/

#main_menu{
	height: 100vh;
	background-image: url(images/bg_mainmenu_resp.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
	
#main_menu .menu_items ul{
	width: 60%;
	margin: 0 auto;
}
.contact_menu{
	right: 10px;
}
.janjira_box img{
	width: 45px;
}
.logo img{
	width: 110px;
}

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

.h_logo {
    top: 5px;
}
.h_logo img{
	  width: 80px;
}
.contact{
	top: 0;
}
.contact td{
	padding-top: 0;
}
.contact td img{
	width: 30px;
}

/*-----------------------------------------ナビ*/

#menu_resp{
	height: 80px;
}

/*-----------------------------------------コンテナ―*/

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

/*-----------------------------------------スライダー*/

#sliderbox {
	padding-top: 80px;
}

/*-----------------------------------------トップフォト*/

.top_photo{
	padding-top: 80px;
}

/*-----------------------------------------メイン*/

#main{
	width: 100%;
	height:auto;
	padding-top: 0px;
	padding-bottom: 80px;
}
#wrapper_o{
	padding: 30px 0px 0px 0px;
}
#wrapper_w{
	padding: 30px 0px 0px 0px;
}
#wrapper_b{
	padding: 30px 0px 0px 0px;
}
.page_top p img{
	height: 250px;
}
.page_top ul li img{
	width: 60%;
}
.page_top ul li:first-child{
	left: 2%;
}
.page_top ul li:last-child{
	right: 2%;
}

article{
	width: 90%;
}
h2{
	padding: 50px 10px 30px 10px;
	margin-bottom: 0;
}
h2>div{
	padding: 10px;
}
.no_slide{
	padding-top: 120px;
}
.no_slide h2{
	padding: 0px 10px 20px 10px;
	margin-bottom: 0;
	
}

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



/*-----------------------------------------グループ*/

.group_address p br{
	display: block;
}

/*-----------------------------------------クラス*/

#class{
	padding: 0px 0 50px 0;
}
.kick_items, .kids_box, .karate_items, .fitness_box{
	flex-wrap: wrap;
}
.kids_items, .karate_items, .fitness_items{
	width: 100%;
}
.kick_photo ul, .kids_photo ul, .fitness_photo ul{
	flex-wrap: wrap;
}
.kick_photo ul li, .fitness_photo ul li{
	width: 100%;
	margin: 20px auto;
}
.kick_photo ul li img, .fitness_photo ul li img{
	width: 90%;
}
.kids_items dd, .karate_items dd, .fitness_items dd{
	height: auto;
}
.fitness_box p{
	width: 100%;
}
.instructor_kick ul li, .instructor_karate ul li, .instructor_fitness ul li{
	width: 28%;
	margin: 20px auto;
}

/*-----------------------------------------入会*/

#join{
	padding-top: 0;
}
.contents_inner{
	padding-top: 120px;
	margin-top: -120px;
}

/*------------------------------------------パーソナル*/

#personal{
	padding-top: 0;
}

/*------------------------------------------プロキックボクサー*/

#pro{
	padding-top: 0;
}
.pro_top{
	padding-top: 0;
}
.pro_items{
	flex-wrap: wrap;
	padding-top: 30px;
}
.pro_items:nth-child(2){
	padding-top: 0px;
}
.pro_items table{
	width: 100%;
}
.pro_items th{
	padding-bottom: 10px;
}
.pro_items figure{
	width: 100%;
	margin-top: 20px;
	text-align: left;
}
.pro_items figure img{
	width: 100%;
}

/*------------------------------------------ジャンジラ深大寺*/

#jindaiji{
	padding-top: 0;
}

/*------------------------------------------ジャンジラカフェ*/

#cafe{
	padding-top: 0;
}
#cafe dd ul{
	flex-wrap: wrap;
}
#cafe dd ul li{
	width: 100%;
}
.cafe_overview{
	flex-wrap: wrap;
}
.cafe_info{
	width: 100%;
	margin-bottom: 50px;
}
#map_cafe{
	width: 100%;
}

/*-----------------------------------------ジャンジラ in the box*/

#news{
	padding-bottom: 80px;
}
#news dl{
	padding-left: 15px;
	padding-right: 15px;
}

#news dt {
	float: none;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}

#news dd{
	text-align: left;
	padding-top: 0px;
	padding-left: 10px;
}


}

	

@media screen and (max-width:480px){
	
/*-----------------------------------------メインメニュー*/	

.logo img{
	width: 110px;
}	
#main_menu .menu_items ul{
	width: 80%;
	margin: 20px auto;
}
.contact_menu{
	right: 0;
}
.contact_menu td{
	padding: 0 2px;
}
	
/*-----------------------------------------ヘッダー*/

.contact{
	right: auto;
	left: 10px;
}
.contact td{
	text-align: left;
	padding: 0;
}


/*-----------------------------------------ナビ*/


/*-----------------------------------------スライダー*/


/*-----------------------------------------トップフォト*/

/*-----------------------------------------メイン*/

article{
	padding: 30px 0px;
}
h2{
	padding: 50px 10px 30px 10px;
	font-size: 30px;
}
h2>div{
	padding-top: 0;
	font-size: 20px;
}
h3{
	font-size: 26px;
}
.janjira_box{
	bottom: 85px;
}
.janjira_box img{
	width: 40px;
}

/*-----------------------------------------フッター*/

#footer p img{
	width: 95%;
}

/*------------------------------------------グループ*/

.group_history dl{
	text-align: center;
}
.chairman, .owner{
	flex-wrap: wrap;
}
.chairman dl, .owner dl{
	width: 100%;
}
.chairman figure, .owner figure{
	width: 70%;
	margin: auto;
	margin-bottom: 20px;
}

/*-----------------------------------------クラス*/

.schedule_s a{
	font-size: 16px;
}
.kick_top img, .kids_top img, .karate_top img, .fitness_top img{
	width: 100px;
	margin-bottom: 10px;
}
.kick_top p, .kids_top p, .karate_top p, .fitness_top p{
	padding-top: 0px;
}
.fitness_top img{
	width: 130px;
}
.instructor_kick p, .instructor_karate p, .instructor_fitness p{
	font-size: 24px;
	line-height: 150%;
}
.instructor_kick ul li, .instructor_karate ul li, .instructor_fitness ul li{
	width: 45%;
	margin-top: 0;
}

#trial{
	padding-bottom: 50px;
}
#trial img{
	width: 100%;
}
.personalT_link a{
	font-size: 16px;
}

/*------------------------------------------入会*/

.join_t img, .join_traial img{
	width: 100%;
}
.price table.option th{
	display: block;
}
.price th.price_note{
	padding-top: 10px;
}

/*------------------------------------------パーソナル*/

.personal_items ul li:last-child{
	width: 100%;
}
.personal_price dt{
	font-size: 20px;
}

/*------------------------------------------プロキックボクサー*/

.pro_items th ul{
	justify-content: space-between;
}
.pro_items th ul li:last-child{
	margin-left: 0;
}

/*------------------------------------------ジャンジラ深大寺*/

#jindaiji ul{
	flex-wrap: wrap;
}

#jindaiji ul li{
	width: 100%;
	margin: 20px auto;
}


/*------------------------------------------ジャンジラカフェ*/

.cafe_info th{
	display: block;
	border-bottom: none;
}
.cafe_info td{
	display: block;
	width: 100%;
}
.cafe_overview p br{
	display: block;
}

/*------------------------------------------ジャンジラ in the Box*/

.news_box{
	width: 95%;
}

}