@charset "UTF-8";

/*!
Theme Name: kikuchi-gym
Description: 菊池ジムのテーマファイル
Theme URI: https://devotion-co.jp/
Author: Devotion Co
Author URI: https://kikuchi-gym.com/
Template:   cocoon-master
Version:    1.1.3
*/


 #sidebar {display: none;}

.grecaptcha-badge{
	width: 0 !important;
}

#email-notes{
	display: block;
}

.comment-notes .required{
	padding-left: 0.5em;
}

img{
	width:100%;
}

.gray{
	color: #aaa;
}

.yellow{
	background-color: #ff0 !important;
}

.go-to-top-button-image{
	width: 120px;
}

.header-in {
    display: none !important;
}
.sidebar {
    display: none;
}

.search-box input-box{
    display: none;
}

html,
.content{
    margin:0;
}
.main,
.wrap{
    width: 100%;
	padding:0;
	margin:0;
}
.gym_top_page{
	font-weight:bold;
}
.news_content_text{
	font-weight:400;
}
#footer_area {
    background-color: #1164ac;
	height:200px;
	position:relative;
}
.logo_footer{
	width:200px;
	margin:auto;
	line-height: 200px;
}
.button_top{
	width:150px;
	position:absolute;
	bottom:0;
	right:10px;
}
#footer{
	display:none;
}
/* .gym_top_page{
	position:relative;
} */
.goto_form{

	width:40px;
	position: fixed;
    top: 10%;
    right: 0;
	z-index:100;
}

.voice_text{
	font-size: min(1vw,15px);
    padding: 30px 10px;
}
.information_title_box{
	position: relative;
    text-align: -webkit-center;
}
.information_nav {
    position: absolute;
    right: 140px;
    top: 65px;
    padding: 5px 10px;
}
.information_logo{
	position: absolute;
    left: 70px;
    top: -35px;
	width:150px;
}
.information_link{
	text-decoration: none;
}
.t-c{
	text-align:center;
}
.information_title{
	width:200px;
	padding:20px 0 10px;
}
.logo{
	width:300px;
	padding-top:50px;
}
.m-a{
	margin:auto;
}
.navs{
	width:800px;
	display:flex;
	justify-content: space-between;
}
.nav{
	display:inline-block;
}
.top_nav{
	text-decoration:none;
	color:black;
}
.intervieww_name01{
    background-color: #00b0b0;
    top: -40px;
}
.information_img02{
	position:relative;
}
.intervieww_name02{
    background-color: #1164ac;
    bottom: -10px;
	right:-5px;
}
.information_text{
	padding:10px 0;
}
.bg_light_blue_box{
	position:relative;
	    margin: 100px 0;
}
.cloud_text{
	width:75%;
	margin:auto;
}
.intervieww_name01,
.intervieww_name02{
	border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    color: white;
    text-align: center;
    position: absolute;
}

.voice_title,
.question_title,
.access_title,
.form_title{
	width:300px;
	padding: 50px 0;
}
.training_title{
	max-width:100%;
	width:400px;
	padding: 50px 0;
}
.message_name{
	text-align: center;
    letter-spacing: 0.5em;
    font-size: x-large;
	margin-top: 50px;
	color: #3f2671;
}

.message_title{
	max-width:100%;
	width:350px;
	padding: 50px 0;
}
.news_content_title{
	width:300px;
	padding: 30px 0;
}
.information_content{
	width:24%;
}
.information_contents .pagination-next,
.information_contents .pagination{
	display: none;
}

.kids_interview_contents{
	display:flex;
	justify-content: space-between;
	
}
.form_content{
	width:80%;
	border:3px solid #1c8fbb;
	border-radius:30px;
	max-width:1200px;
	margin: 0 auto 100px;
}
.wpcf7-form {
	padding:30px;
}
.wpcf7-form label{
	display:flex;
	justify-content:space-between;
	color: #1c8fbb;
	font-weight:bold;
}
.wpcf7-list-item label{
	color:black;
}

.wpcf7-form-control-wrap {
    width: 80%;
}
input[type='submit']{
  background-color:#ffd11e;
	width:200px;
	margin:auto;
	border: none;
    border-radius: 30px;
    font-weight: bold;
	display: block;
}
.wpcf7-form p:nth-child(7){
	text-align:center;
}
.wpcf7-form p{
	padding:20px;
}

.kids_interview_content{
	width:48%;
	position:relative;
}
.feature_title{
	width:60%;
	position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	max-width:900px;
}
.training_contents{
	max-width: 1200px;
    margin: auto;
}
.feature_contents{
	flex-wrap:wrap;
}
.feature_content{
	width:48%;
	margin: auto;
	position:relative;
}

.intro{
	position:absolute;
	bottom:-25px;
	width:233px;
	/* background-image: url(./img/skils_logo.png); */
	background-image: url(./img/skils_logo2.png);
	background-repeat: no-repeat;
	background-size:100%;
  background-position: center top;
	padding: 11px 20px 29px;
	
}
.intro_box{
	width:90%;
	margin:auto;
}
.small_text{
	font-size:15px;
}
.skils_title{
	color:#1164ac;
	text-align:center;
}
.skils_text{
	font-size:10px;
}
.skils_text02 {
    font-size: 10px;
    padding: 0 0 0 10px;
}


.potential{
	background: #ffd600;
	margin-bottom: -30px !important;
    padding-bottom: 30px;
}

.potential_contents{
	display:flex;
	justify-content: space-around;
}

.potential_text{
	width:45%;
}
.training_movie{
	width:60%;
}
.training_cost{
	width:38%;
	font-weight: bold;
}
.training_cost_contents{
	flex-wrap:wrap;
}
.training_cost_content01{
	width:30%;
}
.training_cost_content02{
	width:68%;
}
.message_img{
	width:25%;
	margin:auto;
}
.message_movie{
	display:flex;
	width:68%;
}
.message_movie img{
	width:80%;
	margin:auto;
}
.news_contents,
.voice_content01,
.voice_content02,
.voice_content03,
.access_content02,
.sorry_contents,
.information_contents,
.message_contents,
.training_cost_contents,
.training_contents,
.feature_contents{
	display:flex;
	justify-content: space-between;
}
.news_content{
	width:50%;
}
.voice_img,
.voice_text{
	width:50%;
}
.question_q_logo,
.question_a_logo{
	width:50px;
}
.question_q,
.question_a{
	display:flex;
}
.access_content_box{
	width:21%;
}
.sorry_img{
	width:20%;
}
.sorry_text{
	width:78%;
}
.sorry_contents{
	background-color:white;
	border-radius: 100vh;
	width:70%;
	padding: 30px 50px;
	max-width: 1000px;
}
.sorry,
.bg_light_blue,
.voice,
.access{
	background-color:#d0f2ff;
	padding: 90px 0;
}
.worry{
	background-color:#d0f2ff;
	padding: 90px 0 0;
}
.top{
	background-image: url(./img/top.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	height:60vw;
  background-position: center top;
}
.blue_bg{
	background-image: url(./img/bg01.png);
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: center top;
	    margin-top: -18vw;
}
.gym_information{
	width:85%;
	margin:auto;
	background-color:white;
	border-radius: 100vh;
	    margin: 30px auto 0;
	padding: 10px 40px;
	max-width:1300px;
	position:relative;
}
.worry_box{
	max-width:1500px;
	margin:auto;
}

.information_contents{
	padding: 0 5%;
}
.information_nav{
	background-color:#1164ac;
	color:white;
	border-radius:20px;
}

.kids_interview,
.feature_contents,
.potential,
.message_contents,
.voice_contents,
.question_contents,
.access_contents{
	width:80%;
	margin:auto;
	max-width:1200px;
}

.potential{
	width:100%;
	margin:auto;
	max-width: initial;
}

.bg_light_blue {
    margin: 5vw 0;
}
.feature_content_title{
	background-image: url(./img/cloud_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 80%;
    background-position: center;
    margin: auto;
    padding: 5%;
	color:#1164ac;
	font-size:20px;
	font-weight:bold;
}
.training{
	width:85%;
	margin:auto;
	background-image: url(./img/bg03.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: center top;
}
.message_movie{
	width:85%;
	margin:auto;
	background-image: url(./img/bg04.png);
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: center top;
}
.training_cost{
	background-image: url(./img/cost_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: center top;
	color:#2795bf;
	padding: 7vw 10px 10px;
}
.img_bg_blue{
	background-image: url(./img/bg05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
  background-position: center top;
}
.news_contents{
	width:60%;
	margin:auto;
}
.news_content02 img{
	width:70%;
}
.voice_content01{
	background-image: url(./img/voice01.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: center top;
	margin-bottom: 50px;
}
.voice_content02{
	background-image: url(./img/voice02.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: center top;
	margin-bottom: 50px;
}
.voice_content03{
	background-image: url(./img/voice03.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: center top;
}
.question_content{
	background-color:#f7f7f7;
	border-radius:10px;
	margin: 20px 0;
    padding: 10px;
	line-height: 3em;
}
.question_q_text{
	color:#2795bf;
	font-size:20px;
	padding-left:20px;
}
.question_a_text{
	padding-left:20px;
}
.map_area{
    width: 80%;
    margin: auto;
    /* background: gray; */
    height: 30vw;
	margin-top:70px;
}
.access_content01{
	background-color:white;
	text-align:center;
	padding: 5px;
    font-weight: bold;
	color:#2795bf;
	margin-bottom:50px;
}
.news_content_text{
	color:white;
}
.news_content02{
	margin:auto;
}
.message{
	padding:50px 0;
}
.dots{
	border-bottom: 2px dashed #bfe7f6;
	width: 85%;
    margin: 50px auto 0;
}
.black_text{
	color:#454646;
	text-align:center;
}
.training_cost_title{
	text-align:center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
.potential_title{
	padding-top:0;
}
.potential_img{
	padding-bottom:50px;
}
.gym_warning{
	color:#333333;
	font-size:10px;
	font-weight:400;
	text-align: end;
}

.inner1200{
    max-width: 1200px;
    margin: 25px auto;
    width: 100%;
}

#schedule ul{
	list-style: none;
	padding-left: 0;
}

#schedule li{
	padding-bottom: 75px;
}

#schedule .cal{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	font-size: smaller;
}

#schedule .cal li{
	padding-bottom: 0px;
	width: 25%;
}

#schedule .cal .week{
	background: #479fd1;
	color: #fff;
	font-weight: bold;
}

#schedule .kpop{
	background: #d0f2ff;
	font-size: smaller;
	font-weight: bold;
	margin: 5px;
	min-height: 116px;
}



#schedule .kpop li
{
	background: #fff;
	border-radius: 1em;
	width: 90%;
	margin: 5px auto;
}

.sp_only{
	display: none;
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	@media screen and (max-width: 1024px){

	.sp_only{
		display: initial;
	}
	main.main{
    padding: 0;
    margin: 0;
}

.btn_wrap{
		width: 100vw;
        position: fixed;
        bottom: 0;
        background-color: rgba(255,255,255,0.8);
        background-position: left top;
        background-repeat: repeat;
        background-size: 9pt 13px;
        /* box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2); */
		z-index: 4;
}
.line-it-button {
        background-color: #00b900;
        margin: 10px 0 0 15%;
        display: block;
        width: 47% !important;
        height: 50px !important;
        float: left;
        background-image: url(https://conceptbar.info/wp-content/themes/simplicity2-child/img/footer_btn_arrow.svg);
        background-position: center right 5%;
        background-repeat: no-repeat;
        background-size: 7px auto;
}
		
.line-it-button img {
        width: 150px;
        margin-top: 13px;
        margin-left: 5%;
}
		
.top{
	background-image: url(./img/top_sp.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	height:120vw;
  background-position: center top;
}
		.gym_warning{
	text-align: center;
}
		.bg_light_blue_box {
    margin: 30px 0 0;
}
.logo {
    width: 180px;
    padding-top: 20px;
}
		.worry {
    padding: 30px 0 0;
}
		.information_text{
			text-align:justify;
		}
		.gym_information {
			width: 95%;
			border-radius: 30px;
			margin: 30px auto 0;
			padding: 10px 5px 70px;
			
		}
		.information_logo {
			left: 0px;
			top: -34px;
			width: 100px;
		}
	.information_title {
		width: 130px;
		padding: 10px 0 10px;
	}
		.information_content {
    width: 48%;
}
		.information_contents,
		.training_contents{
    flex-wrap:wrap;
}
		.blue_bg {
			background-image: url(./img/bg01_sp.png);
		}
		.kids_interview,
		.feature_contents,
		.potential,
		.message_contents,
		.voice_contents,
		.question_contents,
		.access_contents {
			width: 100%;
		}
		.potential:after {
			content: "";
			display: inline-block;
			background-image: url(./img/wavebk.png);
			background-size: contain;
			width: 100%;
			height: 50px;
			position: absolute;
			background-repeat: initial;
		}
		
		.kids_interview_contents {
			flex-wrap: wrap;
			padding: 30px 10px;
		}
		.kids_interview_content {
    width: 100%;
}
.intervieww_name02 {
    bottom: 70%;
    right: 78%;
}
		.feature_title,
		.feature_content{
			width: 95%;
		}	
		.potential_img{
			padding:10px;
		}
		.potential_contents {
  			  flex-wrap: wrap;
		}
		.potential_text{
  			  width:95%;
			padding:15px 0;
		}
		.bg_light_blue_box {
    margin: 100px 0 0;
}
		.training_movie {
    width: 100%;
}
.message_movie img {
    width: 100%;
}
		.message {
    padding: 0 0 50px;
}
		.img_bg_blue {
    background-image: url(./img/bg05_sp.jpg);
}
		.news_contents {
			width: 95%;
			flex-wrap:wrap;
		}
		.news_content {
    width: 100%;
}
		.news_content_title {
    width: 250px;
    padding: 30px 0 20px;
    margin: auto;
}
		.news_content02 img {
    width: 100%;
}
		.news_content02 {
    width: 70%;
    padding: 20px 0;
}
		.voice,
		.access{
    padding:0 0 20px;
}
		.voice_content01,
		.voice_content02,
		.voice_content03{
			background-image:none;
			flex-wrap:wrap;
		}
		.voice_img,
		.voice_text {
    width: 95%;
    margin: auto;
}
		.voice_text {
   background-color:white;
}
		
		.voice_title,
		.question_title{
    width: 200px;
    padding: 50px 0 0;
}
		.question_content {
    margin: 20px 10px;
}
		.question_q_logo,
		.question_a_logo {
    width: 25px;
}
		.question_a_text{
			width: calc(100% - 25px);
		}
		.question_q_text {
    font-size: 18px;
}
		.access_title {
    width: 210px;
    padding: 50px 0 20px;
}
	.access_content01 {
    margin: auto;
    width: 95%;
    margin-bottom: 30px;
}	
		.access_content02{
			flex-wrap:wrap;
			justify-content:space-around;
		}
		.access_content_box {
    width: 42%;
}
		.sorry_contents {
			width: 95%;
			flex-wrap: wrap;
			border-radius: 30px;
			padding: 30px 10px;
}
		.sorry_img {
    width: 35%;
    margin: auto;
}
		.sorry_text {
    width: 100%;
}
		.order_1{
			 order:1;
			    margin-right: 0;
		}
		.order_2{
			 order:2;
		}
		.order_3{
			 order:3;
		}
		.order_4{
			 order:4;
		}
		.order_5{
			 order:5;
		}
		.order_6:before {
			content: "";
			display: inline-block;
			background-image: url(./img/wave.png);
			background-size: contain;
			width: 97%;
			height: 50px;
			position: absolute;
			background-repeat: initial;
		}
		.order_6{
			 order:6;
			 background: #ffd600;
			 margin: 0;
			 width: 100%;
			 padding: 0 10px;
		}
		.intro {
    bottom: 55%;
    left: -5%;
			width:235px;
			padding: 23px 20px 20px;
}
		.feature_content_content,
		.potentail_text{
			text-align:justify;
		}
		.bg_light_blue{
    padding: 90px 0 30px;
}
		.voice_text {
    font-size: 15px;
			
}
		.sorry{
    padding: 30px 0;
}
		.button_top {
    width: 100px;
    bottom: 93%;
    right: 0;
}
		.white_box{
			background:white;
			height:100px;
		}
		.wpcf7-spinner {
    display: none !important;
		}
		#footer_area {
    height: 140px;
}
		.logo_footer {
    line-height: 140px;
}
		.map_area {
    width: 100%;
    height: 50vw;
    margin: 30px 0 150px;
}
		.feature_content_title {
    width: 95%;
}
		.cloud_text {
    width: 90%;
    padding: 0 5%;
}
		.voice_img{
			margin-bottom:-10px;
		}
		.information_nav {
    right: 50%;
    top: calc(100% - 60px);
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
			width: 200px;
}
		.form_title {
    width: 200px;
    padding: 25px 0;
}
		.form_content {
    width: 95%;
	padding: 3%;
	font-size: small;
}
		.wpcf7-form label {
    display: initial;
}
		.wpcf7-form p {
    padding: 5px;
			font-size:12px;
}
		.wpcf7-form {
    padding: 10px;
}
		.wpcf7-form p:nth-child(5) label {
    display: flex;
			
}
		.wpcf7-list-item label {
    color: black;
    font-size: 13px;
}
		.kids_interview_content {
    margin-bottom: 20px;
}
		.goto_form {
    width: 80px;
    top: 40%;
}
		.goto_line {
	position: fixed;
			right: 0;
    width: 80px;
    top: 55%;
	z-index: 100;
}		
		
		.training_cost {
    width: 100%;
		}
		.training_cost {
    background-size: cover;
    padding: 17vw 10px 10px;
}
		
	#schedule .cal li{
		padding-bottom: 0;	
	}		
		
	.area_footer{
		height: 80px;
	}	
		/*
	.btn_wrap {
		width: 100vw;
		position: fixed;
		bottom: 0;
		background: url(../img/recruit_li_ti_bg.png);
		background-position: left top;
		background-repeat: repeat;
		background-size: 9pt 13px;
		box-shadow: 0 0 2px 0 rgb(0 0 0 / 20%);
		z-index: 4
	}
		
	.btn_wrap .line-it-button{
		background-color: #00b900;
    	margin: 10px 2% 0 1%
	}
		
	.btn_wrap .line-it-button img {
		width: 135px;
		margin-top: 13px;
		margin-left: 5%;
	}*/
	.line_plaease{
		text-align: center;
		font-weight: bold;
		font-size: 5vw;
		padding: 10px 0;
	}		
	
	.line-p-button {
            background-color: #00b900;
            margin: 10px auto;
            display: block;
            width: 50%;
            height: 50px;
            padding: 5px
		}
	#schedule .lak{
	height: 140px;
	}
	.pc_only{
		display: none;
	}
	
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}