/*
Theme Name: arya-free
Theme URI: https://arya-free.com/themes/arya-free/
Description:arya-freeテンプレート

Author:LIT WORKS
Author URI:https://litworks.co.jp/
*/

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

/*------------------------------------*
    ヘッダーダミー
*------------------------------------*/
#head-dummy #header-wrap{
	width: 100%;
	position: fixed;
	height:60px;
	padding: 10px 0px;
	background-color: white;
	z-index: 200;
	opacity: 0;
	top: -100%;
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	color: black;
}
#head-dummy .h-logo a,#head-dummy .head-nav li a{
	color: black;
}
#head-dummy .head-nav li.current a{
	border-bottom: 1px solid black;
}
#head-dummy .h-logo img{
	width: 80%;
}

/*------------------------------------*
    ヘッダーダミー（トップページ以外）
*------------------------------------*/
body:not([class~="home"]) #head-dummy #header-wrap{
	opacity: 1;
	top: 0;
}

/*  ナビゲーション  */
.sp-menubt{
	display: none;
}
.sp-nav{
	display: none;
}

/*  スマホナビゲーションボタン  */
.sp-menubt{
	width: 48px;
	height:48px;
	opacity: 1;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 100;
	cursor: pointer;
}
.sp-menubt span{
	display: block;
	background: white;
	width: 38px;
	height: 4px;
	position: absolute;
	left: 5px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
.sp-menubt span:first-child {
	top: 10px;
}
.sp-menubt span:nth-child(2) {
	margin-top: -2px;
	top: 50%;
}
.sp-menubt span:last-child {
	bottom: 10px;
}
.sp-menubt.active span:first-child {
	-webkit-transform: translateY(12px) rotate(45deg);
    -moz-transform: translateY(12px) rotate(45deg);
    -ms-transform: translateY(12px) rotate(45deg);
    transform: translateY(12px) rotate(45deg);
}
.sp-menubt.active span:nth-child(2) {
	opacity: 0;
}
.sp-menubt.active span:last-child {
	-webkit-transform: translateY(-12px) rotate(-45deg);
    -moz-transform: translateY(-12px) rotate(-45deg);
    -ms-transform: translateY(-12px) rotate(-45deg);
    transform: translateY(-12px) rotate(-45deg);
}
#header-wrap .sp-menubt{
	background-color: #8CC63F;
}

/*  スマホナビゲーション  */
nav.sp-nav{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	padding-bottom: 60px;
	background-color: white;
	overflow: auto;	
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
nav.sp-nav .sp-menubt span{
	background: black;
}
nav.sp-nav .sp-menu{
	margin:  60px auto 30px 0
}
nav.sp-nav .sp-menu li{
	width: 100%;
	text-align: center;
	line-height: 50px;
    font-size: 30px;
}
nav.sp-nav .sp-menu li a{
	display: block;
}
nav.sp-nav .sp-sns{
	width: 220px;
	margin: 0 auto;
}	
nav.sp-nav .sp-sns li{
	float: left;
	width: 40px;
	margin-right: 20px;		
}
nav.sp-nav .sp-sns li:last-child{
	margin-right: 0;
}

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

/*------------------------------------*
    共通スタイル
*------------------------------------*/
section{
	padding: 60px 0;
}
main.home h1{
	text-shadow: 2px 2px 5px black;
}
main.home h2,main.app h2{
	color: #84cb00; 
	font-size: 40px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 4px;
	text-indent: 4px;
}
main.home h3,main.app h3{
	font-size: 18px;
	padding: 10px 0 30px 0;
	text-align: center;
	line-height: 36px;
}
main.home .sp{
	display: none;
}
.tx-in{
	text-align: center;
}
.tx-in p{
	display: inline-block;
	text-align: justify;
}
.more{
	width: 130px;
    margin: 0 auto;
    text-align: center;
    background-color: #8CC63F;
    line-height: 36px;
    border-radius: 18px;
    margin-top: 30px;
}
.more a{
	display: block;
	color: white;
	font-weight: bold;
}

/*------------------------------------*
    メインビジュアル
*------------------------------------*/
#main-visual{
	position: relative;
	width: 100%;
}
.main-bg{
	width: 100%;
	position: relative;
	background: url("./image/main_img.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}
.main-bg.fixed{
	position: fixed;
	top: 0;
	left: 0;
}
.visual .visual-inner{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.visual .h-logo{
	width: 400px;
	margin: 0 auto;
}
.visual .h-logo a{
	display: block;
}

.visual .main-text{
	text-align: center;
	color: white;
	margin-top: 30px;
}
.visual .main-text h1 span{
	display: block;
	padding: 10px 0;
}

.visual p.arrow{
	position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
    z-index: 100;
	display: none;
}

.visual p.arrow a i{
	color: white;
	font-weight: 600;
    font-size: 38px;
	line-height: 40px;
}

/*------------------------------------*
    メインナビ
*------------------------------------*/
nav.main-nav{
	width: 100%;
	position: absolute;
    padding: 22px 0;
    background-color: white;
    bottom: 0;
}
nav.main-nav li{
	float: left;
}
nav ul.nav-menu{
	width: 80%;
}
nav ul.nav-sns{
	width: 20%;
}
nav ul.nav-menu li{
	width: calc(100% / 6);
	height: 36px;
	text-align: center;
	border-right: 1px solid black;
	box-sizing: border-box;
	font-size: 24px;
}
nav ul.nav-menu li:first-child{
	border-left: 1px solid black;
}
nav ul.nav-sns li{
	margin-left: 7%;
    width: 36px;
    height: 36px;
}
nav.main-nav li a{
	display: block;
}

/*------------------------------------*
    arya free
*------------------------------------*/
section#arya{
	background-color: white;
}
#arya .text,#arya .image{
	width: 48%;
}
#arya .text .tx-in{
	margin: 10px 0 30px 0;
	line-height: 32px;
}
#arya .text .tx-image div{
	float: left;
	width: 48%;
	margin-right: 4%;
	border: 1px solid black;
	box-sizing: border-box;
}
#arya br.br-10-in{
	display: none;
}
#arya br.br-10-del{
	display: block;
}
br.br-5-in{
	display: none;
}
#arya .text .tx-image .birth{
	margin-right: 0;
}
#arya .image {
    margin-left: 4%;
}
#arya .birth-more img{
	margin: 30px 0;
}
#arya .birth-more p a{
	text-align: center;
    background-color: #8CC63F;
    display: block;
    color: white;
    padding: 20px 0;
}
/*------------------------------------*
    バランスボールで楽しむエクササイズ
*------------------------------------*/
section#ball{
	background: url("./image/ball_bg.jpg") no-repeat;
	background-size: cover;
	background-position:center;
    padding: 60px 0 450px 0;
}
#ball .text{
	width: 100%;
    line-height: 32px;
	padding: 30px 20px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.65);
	border-radius: 50px;
}
#ball .text .tx-in{
	width: 46%;
	margin-right: 2%;
	
}
#ball .text .efficacy{
	width: 52%;
	font-size: 15px;
}
#ball .text .efficacy ul{
	-webkit-columns: 3;
	-ms-columns: 3;
	columns: 3;
	
}
#ball .text .efficacy p{
    text-align: center;
    margin-top: 10px;
}


/*------------------------------------*
    クラス案内
*------------------------------------*/

.class-type .type{
	width: 32%;
	float: left;
	margin: 0 0 80px 2%;
	text-align: center;
}
.class-type .type:nth-child(3n+1){
	clear: both;
	margin: 0 0 80px 0;
}
.class-type .image{
	width: 80%;
	margin: 0 auto;
}
.class-type h4{
	font-size: 18px;
	color: #84cb00;
	margin: 20px 0;
}
.class-type li dl{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
.class-type li dl:last-child{
	border-bottom: 1px solid #ccc;
}
.class-type li dt{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f4f4f4;
	padding:10px;
}
.class-type li dd{
	border-bottom: 1px dashed #ccc;
	padding: 20px 0px;
	margin: 0 10px;
}
.class-type li dd:last-of-type{
	border: none;
}
.class-type li dd p:nth-child(n+2){
    padding-top: 5px;
}
.class-type li .ft-green{
	color: #84cb00;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
.class-type li.type3 dd{
	border: none;
	font-size: 14px;
	text-align: left;
	display: inline-block;
}
.class-type li.type3 dd p:nth-child(n+2){
	padding-top: 10px;
}

/*------------------------------------*
    イベント情報
*------------------------------------*/
section#event{
	background-color: #f4f4f4;
}
.top-event table tr{
	padding: 20px 0;
	display: block;
	border-bottom: 1px solid black;
}
.top-event table td.event-cat{
	width: 200px;
	text-align: center;
	min-width: 180px;
}
.top-event table td time{
	margin: 0 30px;
	color: #84cb00;
}
.top-event table td.event-cat span a{
	display: block;
	border: 1px solid black;
    border-radius: 8px;
    padding: 2px 0;
}
.top-event table td.event-ex{
	width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

/*------------------------------------*
    profile
*------------------------------------*/
#profile .text,#profile .image{
	width: 48%;
}
#profile .text .tx{
	line-height: 32px;
}
#profile .text .tx p.job{
	margin: 30px 0;
}
#profile .image {
    margin-right: 4%;
}

/*------------------------------------*
    Blog
*------------------------------------*/
section#blog{
	background-color: #F5FFEB;
}
ul.top-blog-list li{
	float: left;
	width: 32%;
	border: 1px solid #ccc;
    box-sizing: border-box;
}
ul.top-blog-list li:nth-child(2){
	margin: 0 2%;
}

ul.blog-list .blog-text{
	padding: 10px;
	background-color: white;
}
ul.blog-list .blog-text time{
	color: #84cb00;
}
ul.blog-list .blog-text .blog-ex{
	padding: 10px;
	text-align: justify;
}
ul.blog-list .blog-text .blog-cat span{
	border: 1px solid #84cb00;
	padding: 1px 8px;
}
ul.blog-list .blog-text .blog-cat span a{
	color: #84cb00;
}
.blog-image a,.blog-info a{
	display: block;
}
/*------------------------------------*
    お問い合わせ
*------------------------------------*/
section#contact{background-color:#f4f4f4; }
section#contact .wrap { width: 800px; margin: auto; }
form .box p { float: left; width: 390px; margin-bottom: 20px; }
form .box p:nth-of-type(2n) { float: right; }
form .box p:nth-of-type(2n+1) { clear: both; }
form .box p.max { width: 100%; border: solid 1px #ccc; }
.form input,.form textarea,.form select,.form button{vertical-align:middle;outline: none;-webkit-appearance: none;border:0;outline:0;}
.form input{text-decoration:none; border:0; outline:none; }

.form input[type="text"],
.form input[type="email"],
.form input[type="tel"] { width: 100%; margin: 0; padding: 14px; background:#fff; border:solid 1px #ccc; border-radius: 0; font-size: 14px; box-sizing: border-box;}
form input[type="people"],
form input[type="submit"] { display: block; width: 210px; margin: 0 auto; padding: 14px 0; background: #8CC63F; color: #fff; font-size: 17px; cursor: pointer; }
.form textarea { width: 100%; height: 200px; padding: 10px; background: #fff; box-sizing: border-box;}
#page #contact { padding: 0 0 100px; background: #fff; }
#contact .txt { margin-bottom:50px; text-align:center; }
#contact .txt p { display:inline-block; padding-bottom:15px; border-bottom:solid 2px #84CB00; letter-spacing:2px; font-size:14px; color:#84CB00; }
#contact .complete-txt{text-align:center;line-height:1.8;color:#333}
#contact.no-bg{background:none}
#contact.recruit-contact{padding:0 0 100px}
.screen-reader-response { display: none !important; }
form .wpcf7-not-valid-tip { display: block !important; margin-top: 10px !important; color: #B41400; }
form .wpcf7-validation-errors { margin-top: 20px; padding: 20px 10px; background: #fff; border: solid 1px #ccc; text-align: center; color: #B41400; }
form .wpcf7-mail-sent-ok { margin-top: 20px; padding: 20px 10px; background: #fff; border: solid 1px #ccc; text-align: center; color: #84CB00; }
div.wpcf7 .ajax-loader{
	position: relative;
	left: 50%;
	margin-left: -8px;
}

/*------------------------------------*
    バースデーLOVE検診申し込みフォーム
*------------------------------------*/
.birth-image{
	margin: 10px auto 40px auto;
}
.form-area h4{
	text-align: center;
	font-size: 20px;
	margin: 20px 0;
}
/* フォーム設定 */
.form-table tr{
	border-top: 1px solid #ccc;
    vertical-align: baseline;
}
.form-table tr.message{
    vertical-align: top;
}
.form-table th{
	width:40%;
	padding: 20px 0 20px 10px;
    text-align: left;
}
.form-table td{
	padding: 20px 20px 20px 0;
	display: block;
}
span.haveto{
	color: #E5002D;
    margin-left: 10px;
    vertical-align: top;
    font-size: 14px;
}
.form-table input[type="text"],
.form-table input[type="email"],
.form-table input[type="tel"]{
	width: 100%;
	height: 40px;
	margin: 3px 0px;
}
.form-table select{
	height: 40px;
	margin: 3px 0px;
    padding: 0 15px;
}
input,textarea,button{
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
}
.form-table textarea{
	width: 100%;
	vertical-align: bottom;
	font: 400 13.3333px Arial;
}
.form-table input,.form-table textarea{
	padding: 10px 15px;
    color: black;
    box-sizing: border-box;
    box-shadow: none;
	-webkit-appearance: none;
	border: 1px solid #a9a9a9;
}
.form-table p.note{
	font-size: 14px;
	margin-top: 5px;
}

/* チェックボックス設定 */
span.wpcf7-list-item{
	margin: 0 10px 10px 0px;
}
.check input[type="checkbox"],.accept input[type="checkbox"]{ 
  display: none;
}
.check label,.accept label{
  cursor: pointer;	
}	
.check .wpcf7-list-item-label {
  position: relative;
  padding-left: 18px;
}	
.check .wpcf7-list-item-label:before{
    width: 16px;
    height: 16px;
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    background: white;
    border: 1px solid #8e8e8e;
    border-radius: 50%;
    box-sizing: border-box;
}
.check .wpcf7-list-item-label:after{
     width: 16px;
    height: 16px;
    border: 5px solid #8CC63F;
    content: '';
    position: absolute;
    left: 0px;
    top: 3px;
    opacity: 0;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: white;
}	
.check input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
    opacity: 1;			
}
.check input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
    border: none;		
}

/* 送信確認ボタン */	
.accept span.wpcf7-list-item{
	margin: 0;
}
.accept .wpcf7-list-item-label {
  position: relative;
	padding-left: 30px;
	font-size: 20px;
}	
.accept .wpcf7-list-item-label:before{
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    background: white;
    border: 1px solid #8e8e8e;
	box-sizing: border-box;
}
.accept .wpcf7-list-item-label:after{
    width: 10px;
    height: 5px;
    border: 2px solid white;
    content: '';
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 5px;
    top: 9px;
    border-top: none;
    border-right: none;
	opacity: 0; 
}	
.accept{
	text-align: center;
	margin: 20px 0;
}
.accept input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
    opacity: 1;			
}
.accept input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
    background-color: #8CC63F;	
	border: none;
}

/* ブログページ
---------------------------------------------------------------------------------------------------- */
/*------------------------------------*
   アーカイブ・カテゴリー共通設定
*------------------------------------*/
.top-image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 350px;
}
.mg-top{
	margin: 80px 0 90px 0;
}

.title{
	margin-top: 60px;
}
.title h1.custom-title{
	color: #84cb00; 
	font-size: 40px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 4px;
	text-indent: 4px;
	font-family: 'La Belle Aurore', cursive;
}
.title h1.cat-title{
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color: #84cb00;
}
.title h2.custom-title{
	font-size: 18px;
	padding: 10px 0 30px 0;
	text-align: center;
}
ul.post-list li{
	width: 32%;
	float: left;
	border: 1px solid #ccc;
    box-sizing: border-box;
	margin: 60px 0 0 2%;
}
ul.post-list li:nth-child(3n+1){
	clear: both;
	margin: 60px 0 0 0;
}
ul.post-list li:nth-child(-n+3){
	margin-top: 0;
}
.excerpt{
	word-break: break-all; /*　抜粋折り返し対応　*/
}
span.thum-bg{
	display: block;
    width: 100%;
    padding-top: 62.5%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#app-cat{
	background-image: url("./image/application-bg.jpg");
}
#blog-cat{
	background-image: url("./image/blog-bg.jpg");
}
#event-cat{
	background-image: url("./image/event-bg.jpg");
}

/*------------------------------------*
   記事（ブログ・イベント案内）
*------------------------------------*/
.single-cont{
	padding: 60px 0;
}
.single-cont section{
	padding: 0;
}
.single h1.blog-title{
	font-size: 24px;
	color: #a0a0a0;
	margin-bottom: 30px;
}
.single-cont .breadcrumbs{
	font-size: 12px;
	margin-top: 30px;
}
.single-cont .breadcrumbs span.current-item{
	display: inline-block;
    vertical-align: baseline;
    max-width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom: -5px;
}
.single-type{
	width: 70%;
	float: left;
}
aside{
	width: 28%;
	float: right;
}

/*------------------------------------*
  　サイドバー
*------------------------------------*/
.single-cont h5{
	font-size: 16px;
	color: #8cc63f;
    border-bottom: 1px solid;
    border-top: 1px solid;
    margin: 45px 0 20px 0;
    line-height: 34px;
}
.side-blog ul li{
	border-bottom: 1px dotted #ccc;
}
ul.new-post li{
	clear: both;
    width: 100%;
	margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 15px;
}
ul.new-post li a{
	display: block;
}
ul.new-post .item-image{
	width: 45%;
	float: left;
	margin-right: 5%;
}
ul.new-post .item-tx{
	width: 50%;
	float: left;
}
ul.new-post .item-tx time{
	font-size: 12px;
}
ul.cat-list li,ul.monthly-list li{
	line-height: 34px;
}
ul.cat-list li a, ul.monthly-list li a{
    display: block;
}

/*------------------------------------*
  　関連記事
*------------------------------------*/
ul.kanren-post li{
	border-bottom: 1px dotted #ccc;
} 
ul.kanren-post .item-image{
	width: 30%;
}
ul.kanren-post .item-tx{
	width: 60%;
}
p.list-title.sp{
	display: none;
}

/*------------------------------------*
   ページナビゲーション
*------------------------------------*/
.wp-pagenavi{
	margin-top: 30px;
}
.wp-pagenavi a, .wp-pagenavi span{
	display: inline-block;
    line-height: 35px;
    box-sizing: border-box;
    width: 35px;
    text-align: center;
	padding: 0;
	border: none;
    background-color: #f7f7f7;
}
.wp-pagenavi span.pages{
	width: 60px;
}
.wp-pagenavi span.current {
    background-color: #84cb00;
    color: white;
    border: none;
}

/*------------------------------------*
   検索ボタン
*------------------------------------*/
.searchform{
	position: relative;
	border: 1px solid #ccc;
    padding: 0 10px;
}
.searchfield{
	height: 40px;
}
.searchsubmit{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: transparent;
	cursor: pointer;
}
.searchsubmit:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f002';
}

/*------------------------------------*
  　検索結果ページ
*------------------------------------*/
p.results{
	margin-bottom: 30px;
	font-size: 24px;
}


/* フッター
---------------------------------------------------------------------------------------------------- */
footer{
	position: relative;
	background: url("./image/balanceball_bg.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}
footer .footer-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}
footer .footer-wp{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
footer ul.f-bnr{
	padding-top: 60px;
}
footer ul.f-bnr li{
	float: left;
	width: 23.5%;
	margin: 2% 2% 0 0;
}
footer ul.f-bnr li:nth-child(4n){
	margin: 2% 0 0 0;
}
footer .f-logo{
	width: 200px;
	margin: 0 auto;
    padding: 40px 0;
}
footer ul.nav-sns{
	width: 240px;
	margin: 0 auto;
}
footer ul.nav-sns li{
	float: left;
	margin-right: 10px;
    width: 40px;
}
footer ul.nav-sns li:last-child{
	margin-right: 0;
}
footer .copy{
	text-align: center;
	font-size: 14px;
	padding: 20px 0 10px 0;
	color: white;
}
footer .copy br.sp{
	display: none;
}

/*------------------------------------*
   ページトップへ
*------------------------------------*/
footer .pagetop { 
	position: absolute; 
	top: -30px; 
	right: 0; 
	width: 60px; 
	height: 60px; 
	background: #8CC63F; 
	border-radius: 35px; 
	transition:.2s; 
}
footer .pagetop img {
	display: block; 
	margin: 18px auto 0;
    width: 42%;
}



/* 共通箇所
---------------------------------------------------------------------------------------------------- */
#page h2 { color: #84cb00; font-size: 35px; font-weight: normal; text-align: center; letter-spacing: 0.2em; font-family: 'La Belle Aurore', cursive;}
#page h2 span { display: block; margin-top: 20px; color: #666; font-size: 14px; font-weight: bold; letter-spacing: 0.2em; }
#page .ttl h2 { position: relative; top: -80px; width: 200px; height: 200px; padding-top: 50px; background: #00adce; color:#fff; font-size:24px; }
#page .ttl h2 span { margin-top: 70px; color: #fff; }

/* 下層ページ共通箇所
---------------------------------------------------------------------------------------------------- */
#page { padding-top: 80px; }
#page.style2 { padding-top: 0; }
#page .visual { height:185px; background-size:100% auto; }
#page h2 { margin-bottom:40px; }
#page h2 span { margin-top: 10px; }
#page .text { margin-bottom:40px; text-align:center; line-height:2; letter-spacing:2px; font-weight:700; color:#000; }
#page .content { padding-top:40px; padding-bottom:100px; border-top:solid 1px #e6e6e6; line-height:2; font-size:15px; }
#page .content .inner { width: 875px; margin: auto; }
#page .content h3 { margin-bottom: 20px; padding: 6px 15px; background: #f9f9f9; border-left: solid 3px #00adce; border-bottom: solid 1px #ddd; color: #00adce; }
#page .content p { padding-bottom: 30px; color: #000; }
#page .content ul,
#page .content ol{ margin-bottom:30px; padding-left:10px; }
#page .content ul li,
#page .content ol li { font-size:14px; }
#page .content ul li:before,
#page .content ol li:before { vertical-align:2px; display:inline-block; content:""; width:10px; height:10px; margin-right:10px; border-radius:50%; background-color:#00ADCE; }
#page .content ul li + li,
#page .content ol li + li { margin-top:10px; }
#page .content a { text-decoration:underline; }
#page .content a:hover { text-decoration:none; }

/* Event notification
---------------------------------------------------------------------------------------------------- */
.content .image{
	width: 680px;
	margin: 0 auto 40px auto;
}
.content .image img{
	width: 100%;
	height: auto;
}


/* メディアクエリ
---------------------------------------------------------------------------------------------------- */

@media screen and (max-width:1010px){
	
	/*------------------------------------*
       メインナビ
    *------------------------------------*/
	nav ul.nav-sns{
		width: 30%;
	}
	footer .footer-wp{
		width: 98%;
	}
	
	/*------------------------------------*
        arya free
	*------------------------------------*/
	#arya br.br-10-in{
		display: block;
	}
	#arya br.br-10-del{
		display: none;
	}
}

@media screen and (max-width:820px){
	
	/* ヘッダー
	---------------------------------------------------------------------------------------------------- */
	#head-dummy{
		display: none;
	}	
	.sp-menubt{
		display: block;		
	}
	
	/* トップページ
	---------------------------------------------------------------------------------------------------- */
    /*------------------------------------*
       共通スタイル
    *------------------------------------*/
	main.home h1{
		font-size: 24px;
	}
	main.home h2{
		font-size: 30px;
	}
		
	/*------------------------------------*
       メインビジュアル
    *------------------------------------*/
	.visual .h-logo{
		width: 280px;
	}
	nav.main-nav.pc{
		display: none;
	}
	.visual p.arrow{
		display: block;
	}
	
	/*------------------------------------*
        バランスボールで楽しむエクササイズ
   *------------------------------------*/
	
	#ball .text {
		display: block;
	}
	#ball .text .tx-in {
		width: 100%;
		margin-right: 0;
	}
	#ball .text .efficacy {
		width: 70%;
		margin: 10px auto 0 auto;
	}
	#ball .text .efficacy ul {
		-webkit-columns: 2;
		-ms-columns: 2;
		columns: 2;
		text-align: center;
	}
	#ball .text .efficacy ul li {
		text-align: left;
		display: inline-block;
		width: 160px;
	}
	
	/*------------------------------------*
      クラス案内
    *------------------------------------*/
	.class-type .type {
		width: 100%;
		float: none;
		margin: 0 0 80px 0;
		text-align: center;
	}
	.class-type .type:nth-child(3n+1) {
		margin: 0 0 80px 0;
	}
	
	/*------------------------------------*
      イベント情報
    *------------------------------------*/
	.top-event table td.event-cat{
		width: 180px;
		display: block;
		margin-bottom: 14px;
	}
	.top-event table td time{
		margin: 0px 20px 0 0;
	}
	
	/* ブログページ
	---------------------------------------------------------------------------------------------------- */	
	/*------------------------------------*
      アーカイブ・カテゴリー共通設定
	*------------------------------------*/
	body.archive #content.mg-top{
	margin: 0 0 50px 0;
}
body.single #content.mg-top,body.search #content.mg-top{
	margin: 0 0 90px 0;
}
	ul.post-list li{
		width: 49%;
	}
	ul.post-list li:nth-child(3n+1){
		clear: none;
	}
	ul.post-list li:nth-child(odd){
		clear: both;
		margin: 60px 0 0 0;
	}
	ul.post-list li:nth-child(even){
		margin: 60px 0 0 2%;
	}
	ul.post-list li:nth-child(-n+2){
		margin-top: 0;
	}
	
	/*------------------------------------*
       記事（ブログ・イベント案内）
	*------------------------------------*/
	.single-type{
		width: 100%;
		float: none;	
	}
	aside{
		width: 100%;
		float: none;
		margin-top: 60px;
	}
		
	/*------------------------------------*
      　サイドバー
	*------------------------------------*/
	ul.new-post .item-image{
		width: 30%;
	}
	ul.new-post .item-tx{
		width: 60%;
	}

	/* 下層ページ共通 ------------------------------------------------------------ */
	#page { padding-top:　60px; }
	#page h2 { margin-bottom: 25px; padding-bottom: 30px; }
	#page .text { padding: 0 10px; text-align: center; line-height: 1.8; font-size: 14px; }
	#page .content { font-size: 14px; }
	#page .content .inner { width: 100%; }
	#page .content .inner h3 { font-size: 16px; }
	#page .content .inner ul li:before,
	#page .content .inner ol li:before { vertical-align: 0; }
	
	/* お問い合わせ ------------------------------------------------------------ */
	section#contact .wrap { width: 98%; }
	form .box p { float: none; width: 100%; }
	form .box p:nth-of-type(2n) { float: none; }
	
	/* フッター   ------------------------------------------------------------ */
	footer .copy br.sp{
		display: block;
	}
	footer .copy span{
		display: none;
	}	
	
	/*------------------------------------*
      バースデーLOVE検診申し込みフォーム
    *------------------------------------*/
	.form-table th{
		width: 90%;
		display: block;
	}
	.form-table td {
		width: 100%;
		padding: 20px 0;
	}
}

@media screen and (max-width:680px){
	
	/* トップページ
	---------------------------------------------------------------------------------------------------- */
	/*------------------------------------*
      共通スタイル
    *------------------------------------*/
	main.home .sp{
		display: block;
	}
	
	/*------------------------------------*
       メインビジュアル
    *------------------------------------*/
    .main-bg{
		background: url("./image/main_img_sp.png") no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.visual .main-text{
		width: 98%;
		margin: 0 auto;
	}
	.visual .h-logo{
		width: 220px;
	}
	main.home h1{
		font-size: 19px;
	}
	
	/*------------------------------------*
        arya free
	*------------------------------------*/
	#arya .text{
		width: 100%;
	}
	#arya .text .tx-in{
		margin: 30px 0;
	}
	#arya .image{
		display: none;
	}
	/*------------------------------------*
    バランスボールで楽しむエクササイズ
*------------------------------------*/
section#ball{
	background: url("./image/ball_bg_sp.jpg") no-repeat;
	background-size: cover;
	background-position:center bottom;
	padding: 60px 0 150px 0;
}
	/*------------------------------------*
        profile
	*------------------------------------*/
	#profile .text{
		width: 100%;
	}
	#profile .text .tx{
		margin-top: 30px;
	}
	#profile .image{
		display: none;
	}
	
	/*------------------------------------*
        Blog
	*------------------------------------*/
	ul.top-blog-list li{
		float: none;
		width: 100%;
	}
	ul.top-blog-list li:nth-child(2){
		margin: 30px 0;
	}
	
	/* Event notification
	---------------------------------------------------------------------------------------------------- */
	.content .image{
		width: 100%;
	}
	.content .image img{
		width: 100%;
		height: auto;
	}

	/*------------------------------------*
      バースデーLOVE検診申し込みフォーム
    *------------------------------------*/
	.form-area h4 {
		font-size: 16px;
	}
	
	/* ブログページ
	---------------------------------------------------------------------------------------------------- */
	/*------------------------------------*
       アーカイブ・カテゴリー共通設定
	*------------------------------------*/
	.title h1.cat-title{
		font-size: 24px;
	}
	
	/* フッター
	---------------------------------------------------------------------------------------------------- */
	footer .f-logo{
		width: 180px;
	}
	footer ul.f-bnr li {
		width: 49%;
	}
	footer ul.f-bnr li:nth-child(even){
		margin: 2% 0 0 0;
	}
	
	/*------------------------------------*
       ページトップへ
	*------------------------------------*/
	footer .pagetop { 
		top: -25px;
		width: 50px;
		height: 50px;
		right: 50%; 
		margin-right: -30px;
	}
	footer .pagetop img{
		margin: 14px auto 0;
	}	
}
@media screen and (max-width:500px){
	/*------------------------------------*
        バランスボールで楽しむエクササイズ
   *------------------------------------*/
	#ball .text .efficacy{
		width: 100%;
	}
	br.br-5-in{
		display: block;
	}
	/*------------------------------------*
      　関連記事
	*------------------------------------*/
	p.list-title.pc{
		display: none;
	}
	p.list-title.sp{
		display: block;
	}
}