@charset "utf-8";
@media only screen and (min-width:641px){
	/* ============================================
	studio
	============================================ */
	#studio_contact{
		padding-bottom: 100px;
	}
	#studio_rule{
		padding-bottom: 180px;
	}
	#studio_rule ul{
		padding: 0 0 0 40px;
	}
	#studio_about .osusume dl dt{
		float: left;
		width: 36%;
	}
	#studio_about .osusume dl dd{
		float: right;
		width: 61%;
	}
	/* ============================================
	yogie
	============================================ */
	#yogie_point ol li{
		float: left;
		width: 31.3%;
		margin-right: 3%;
	}

	#yogie_point ol li:nth-child(3n){
		margin-right: 0;
	}

	#yogie_point ol li:nth-child(3n+4){
		clear: left;
	}

	.yogie_price .cmn_hl01{
		margin-bottom: 80px;
	}
}
@media only screen and (max-width:1200px){
	.global_navi{
		right: 20px;
	}
	.global_navi li{
		padding-top:5%;
		margin-right:15px;
	}
	#top_course li .hover .caption{
		font-size:14px;
	}
	#header.open.scroll .global_navi ul{
		left: -80px!important;
	}
}
/*

@media only screen and (max-width:1100px){
	.global_navi li{
		margin-right:15px;
	}
	.global_navi li a{
		font-size: 14px;
	}
}
*/
/* ============================================
SP
============================================ */
@media only screen and (max-width:640px){
.cmn_inner{
	width: 100%;
	height: auto;
	padding:0 20px;
}

/* =================== header =================== */
#header{
	overflow:visible;
}

#header .inner{
	min-width:320px;
}

#header .global_navi{
	opacity:0;
	pointer-events:none;
}

#header .logo_s,
#header h1 a{
	width:auto;
	height:70px;
}

#header .button{
	width: 70px;
	height:70px;
}

#header .logo_l,
#header .logo_l{
	opacity:0!important;
	pointer-events:none!important;
}
#header.open .global_navi,
#header .button,
#header .logo_s{
	opacity:1!important;
	pointer-events:auto!important;
}

#header.open .button{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

#header h1 a{display:inline-block;}
#header .button p{margin-top:19px;}

/* =================== grobal_navi =================== */
.global_navi{
	z-index:9998;
/*	padding:60px 0 0;*/
	padding: 0;
	min-height:0;
	height:100vh;
	top:0;
	right:0;
	width:100%;
	background:#fff!important;
	-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

.global_navi .bg{
	float:none;
	padding-top: 20px;
}

.global_navi ul{
	right:0!important;
}

.global_navi ul,
#header.open.scroll .global_navi ul{
	left:0!important;
}

.global_navi li{
	text-align:center;
	padding-top:0;
	margin:0!important;
	float:none;
	border-bottom:1px solid #eee;
}

.global_navi li:last-child{
	border-bottom:none;
}

.global_navi li a{
	display:block;
	padding:15px;
	font-size: 16px;
}

/* =================== footer =================== */
#footer .fix_area{
	min-width:320px;
	background:#fff;
	z-index:9997;
}

#footer .fix_area .pagetop{
	bottom:0;
	width:20%;
	height:55px;
}

#footer .fix_area .pagetop a{
	text-indent:-9999px;
	display:block;
	height:100%;
	background:url(../img/cmn/pagetop_sp.png) no-repeat center center #204332;
	background-size:30px;
}

#footer .fix_area .tel_area{
	width:80%;
	height:55px;
	display: table;
	padding:0 3%;
}

#footer .fix_area .tel_area .sp_tel{
	display: table-cell;
	vertical-align: middle;
}

#footer .fix_area .tel_area a{
	display:block;
	max-width: 300px;
	margin: 0 auto;
}

#footer .fix_area .tel_area .pc_tel{display:none;}

#footer .copy{
	background-size:100%;
	background-position:center 30%;
	padding-bottom:25%;
}

/* ============================================
index
============================================ */
#main_slide{
	padding-top:0;
}

#main_slide li{
	background:none!important;
}

#main_slide li .cmn_inner{
	padding:0;
}

#slick_arrow{
	display:none;
}

#top_message{
	padding:50px 0;
}

#top_message:before{
	display:none;
}

#top_message .cmn_inner{
	padding-bottom:0;
	background:none;
}

#top_message p{
	word-break: normal;
	line-height:2;
}

#top_course{
	padding:50px 0 0;
}

#top_course li{
	width:100%;
	float:none;
}

#top_course li .bg{
	background:none!important;
	position:relative;
}

#top_course li .hover{
	margin:0;
	padding:20px 20px 40px;
}

#top_course li .hover .bdr{
	padding:0;
}

#top_course li .hover .title{
	position:relative;
	top:0;
	margin-bottom:20px;
}

#top_course li .hover .title img{
	margin:0 auto;
	max-width: auto;
	height: 60px;
}

#top_course li .hover .caption{
	line-height:1.8;
	padding:0;
	margin-bottom:20px;
	font-size:16px;
}

#top_course li:hover .bg{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#top_course li .hover .caption,
#top_course li .hover .bnr,
#top_course li:hover .hover .title,
#top_course li:hover .hover .caption,
#top_course li:hover .hover .bnr{
	pointer-events:auto;
	opacity:1;
}
#top_course li,
#top_course li .hover{
	height: auto;
}
#top_property{
	padding:50px 0 30px;
	background:none;
}

#top_property:before{
	display:none;
}

#top_property .catch{
	margin:0 0 40px;
	line-height:1.4;
}

#top_property li{
	float:none;
	margin:0 auto 20px!important;
	max-width:300px;
}

#top_news .bg{
	padding:50px 0;
}

#top_news .facebook a{
	width: 100%;
	float: none;
}

#top_news .facebook a + a{
	margin-top: 20px;
}

#top_news .feed{
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -20px;
}
#top_news .feed li{
	margin-top: 20px;
	margin-right: 0;
	width: 48%;
}
#top_access{
	padding:50px 0;
}

#top_access .title_area p:first-child{
	line-height:1.2;
}
#top_access .title_area p a{
	text-decoration:none;
}

#top_access .map_area,
#top_access .info_area,
#property_company .map_area,
#property_company .info_area{
	width:100%!important;
	float:none;
}

#top_access .info_area dl{
	text-align:center;
}

#top_access .info_area dd{
	font-size:16px;
}

#top_access .info_area dl:last-child .sp_br{
	margin-bottom:10px;
}

#top_access .map_area p,
#property_company .map_area p{
	margin:15px auto 40px;
	width:160px;
}
#top_studio{
	padding-bottom: 50px;
}
/* ============================================
cmn_parts
============================================ */
/* bg */
.bg_flw:after{
	background:url(../img/cmn/bg_cmn_sp.png) no-repeat center top;
	background-size:100%;
}

/* page_image */
#page_image{
	display: none;
	margin:0 0 40px;
	padding:0;
}

#page_image .bg{
	background-size:150%!important;
	height:150px;
}

/* bread */
#bread{
	display:none;
}
	#page_title{
		padding-top: 100px;
	}
/* page_title */
#page_title .s1{
	line-height:1.4;
	font-size:34px;
}

#page_title .s2{font-size:22px;}

/* cmn_hl */
.cmn_hl01{
	line-height:1.4;
	font-size:24px;
}

.cmn_hl02{
	line-height:1.4;
	background:url(../img/cmn/line_y.png) no-repeat center top;
	background-size:640px;
	padding:35px 0 15px;
}

/* cmn_about */
.cmn_about.bg_bdr:before{
	display:none;
}

.cmn_about .about_area{
	min-height:0;
	display:block;
}

.cmn_about .about_area .bg_area,
.cmn_about .about_area .text_area{
	display:block;
	width:100%;
}

.cmn_about .about_area .bg_area{
	min-height:350px;
	width:100%;
	max-width:420px;
	margin:0 auto;
}

.cmn_about .cmn_hl01,
.cmn_about .caption_area,
.cmn_about .osusume{
	max-width:100%;
}

.cmn_about .about_area .text_area{
	padding:40px 20px;
}

.cmn_about .caption_area{
	min-height:0;
	text-align:center;
	margin-bottom:40px;
}

/* cmn_about-price_area */
.cmn_about .price_area{
	padding:40px 0;
}

.cmn_about .price_area .price01{
	font-size:24px;
	display:block;
	margin-bottom:10px;
}

.cmn_about .price_area .price01 span{
	font-size:32px;
}

.cmn_about .price_area .price02:before{
	content:"\25BC";
	display:block;
	padding:0 0 10px;
}

.cmn_about .price_area .price02{
	font-size:32px;
}

.cmn_about .price_area .price02 span{
	font-size:46px;
}

.cmn_about .price_area .bnr a{
	width:100%;
	max-width:300px;
}

/* .cmn_efficacy */
.cmn_efficacy li{
	float:none!important;
	width:100%!important;
	margin:0 0 20px!important;
	padding:25px!important;
	letter-spacing:0;
}

.cmn_efficacy li .caption{
	text-align:center;
}

/* cmn_voice */
.cmn_voice{
	padding:60px 0 40px;
	text-align:center;
}

.cmn_voice .voice_box .title{
	line-height:1.6;
}

.cmn_voice .voice_box{
	width:100%;
}

/* cmn_menu */
.cmn_menu{
	padding:60px 0 40px;
}

.cmn_menu .table_inner{
	width:100%;
}

.cmn_menu .text01{
	line-height:1.4;
}

.cmn_menu .table01,
.cmn_menu .table02{
	width:100%;
	float:none;
}

.cmn_menu .image{
	text-align:center;
	padding:20px;
}

.cmn_menu .c_box .category{
	text-align:center;
}
.cmn_menu .c_box .dd._center{
	text-align: center;
	float: none;
}

/* ============================================
germanium
============================================ */
#germanium_efficacy{
	padding:60px 0 20px;
}

#germanium_efficacy .cmn_efficacy li{
	min-height:0;
}

#germanium_efficacy:before{
	background-size:100%;
}

/* ============================================
yomogi
============================================ */
#yomogi_efficacy{
	padding:60px 0 40px;
}

#yomogi_efficacy .cmn_efficacy{
	margin-bottom:20px;
}

#yomogi_efficacy .position_efficacy li{
	float:none;
	margin:0 auto 20px;
	padding:0 0 20px;
	min-height:0;
	width:100%;
	background:none;
	border-bottom:1px dotted #ccc;
}

#yomogi_efficacy .position_efficacy li:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

#yomogi_efficacy .position_efficacy .bg_area{
	display:table-cell;
	vertical-align:middle;
	width:70%;
}

#yomogi_efficacy .position_efficacy .image{
	display:table-cell;
	width:30%;
}

#yomogi_efficacy .position_efficacy .caption.ex{
	padding-top:0;
}

/* ============================================
rose
============================================ */
#rose_efficacy{
	padding:60px 0 0;
}

#rose_efficacy .image{
	margin:0 -20px;
}

#rose_efficacy .image img{
	display:block;
	margin:0 auto;
}

#rose_efficacy .cmn_efficacy li{
	min-height:0;
}

/* ============================================
lympho
============================================ */
#lympho_indication{
	padding:40px 0;
}

#lympho_efficacy{
	padding:60px 0 40px;
}

#lympho_efficacy .text_area ul{
	width:100%;
	text-align:center;
}

#lympho_efficacy .text_area .image{
	width:150px;
	margin:0 auto 20px;
	float:none;
}

#lympho_efficacy .cmn_hl02{
	margin-bottom:30px;
}

#lympho_efficacy .c_box{
	width:100%;
	font-size:16px;
	float:none!important;
}

#lympho_efficacy .c_box dt,
#lympho_efficacy .c_box dd{
	display:block;
	line-height:1.4;
}

#lympho_efficacy .c_box dt{
	width:100%;
	margin-bottom:10px;
}

#lympho_efficacy .c_box dd{
	padding-left:0;
	text-align:center;
}

#lympho_efficacy .text_area ul{
	float:none;
}

#lympho_efficacy .text_area li .title{
	text-align:center;
}

/* ============================================
property
============================================ */
#property_about{
	margin-bottom:40px;
}

#property_about.bg_bdr:before{
	display:none;
}

#property_about .about_area{
	min-height:0;
	display:block;
	margin-bottom:0;
}

#property_about .about_area .bg_area{
	min-height:350px;
	width:100%;
	display:block;
	max-width:420px;
	margin:0 auto;
}

#property_about .about_area .text_area{
	padding:40px 20px;
	display:block;
	width:100%;
}

#property_about .caption_area{
	text-align:center;
}

#property_about .caption_area,
#property_about .point,
#property_about .cmn_hl01{
	max-width:100%;
}

#property_about .link_area li{
	margin:0 0 10px;
	float:none;
	width:100%;
}

#property_about .link_area li a:after{
	content:"\25BC";
	display:inline;
	padding-left:10px;
}

/* property_cmn */
#property_apart,
#property_vacant,
#property_tenant{
	padding:60px 0 40px;
	text-align:center;
}

#property_vacant .cmn_hl01,
#property_tenant .cmn_hl01,
#property_company .cmn_hl01{
	margin-bottom:30px;
}

.property_contact .text{
	padding-right:0;
	margin-bottom:10px;
	font-size:20px;
}

.property_contact .tel{
	font-size:30px;
}

.property_contact .text.pc{
	display:none;
}

.property_contact .tel a{
	text-decoration:none;
	color:#113322;
}

/* apart */
#property_apart .article_wrap .c_box{
	width:100%;
	margin-bottom:20px;
	float:none!important;
}

#property_apart .article_wrap .c_box .image{
	text-align:center;
}

#property_apart .article_wrap .c_box .name{
	padding:16px 0 13px;
}

#property_apart .article_wrap .c_box .name .bgy{
	vertical-align:top;
}

#property_apart .article_wrap .c_box .info{
	padding:0;
}

#property_vacant .image,
#property_tenant .main_image{
	float:none;
	text-align:center;
	margin-bottom:20px;
}

#property_vacant .property_contact{
	float:none;
	width:100%;
	height:auto;
}

.property_contact .text{
	line-height:1.6;
}

.property_contact .text.sp{
	display:inline-block;
}

.property_contact .text.pc{
	display:none;
}

#property_vacant .property_contact .bdr{
	padding:45px 10px;
}

/* tenant */
#property_tenant .info_wrap{
	margin-bottom:40px;
}

#property_tenant .detail_area{
	float:none;
	width:100%;
}

#property_tenant .detail_area .table dt{
	width:100%;
}

#property_tenant .detail_area .table dt,
#property_tenant .detail_area .table dd{
	display:block;
	padding:10px 15px;
}

/* company */
#property_company{
	padding:60px 0 40px;
	text-align:center;
}

#property_company .map_area{
	margin-bottom:40px;
}

#property_company .map_area iframe{
	height:290px;
}

/* ============================================
studio
============================================ */
#studio_about .osusume dl dd{text-align: center;}
#studio_contact .property_contact .text{
	display: block;
}
#studio_contact .property_contact a{
	color: #fff;
}
#studio_about .osusume dl{
	padding-left: 0;
	padding-right: 0;
}
/* ============================================
yogie
============================================ */
#yogie_point{
	padding: 60px 0 30px;
}

#yogie_point ol li .cap_box{
	height: auto;
}
	
#yogie_point ol li{
	margin-left: auto;
	margin-right: auto;
}
	
#yogie_rule .list01{
	padding: 0;
	text-align: left;
	margin-bottom: 30px;
}

#yogie_rule .list02{
	text-align: left;
}

#yogie_rule .attention{
	padding: 20px;
	margin: 0;
}

#yogie_instructor{
	padding: 60px 0 30px;
}

#yogie_instructor .about_area .bg_area{
	background-image:url(../img/yogie/instructor.jpg);
	background-size: cover!important;
}	

#yogie_instructor .about_area .bg_area div{
	display: none;
}

#yogie_instructor .message{
	padding: 0 20px;
}
#yogie_instructor .cmn_about .about_area .text_area{
	padding-bottom: 20px;
}
#yogie_rule .schedule{
	padding: 0;
}
}/* /end */