@charset "utf-8";
/*
Theme Name: TOMAS Official Website
Theme URI: http://underscores.me/
Author: HIUP; Sho ASAI, Yusuke KANAHO, Iori TATSUGUCHI
Author URI: http://hiup.jp
Description: For TOMAS by HIUP 2015
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: TOMAS

TOMAS Official Website is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Bootstrap fix

# common

# Parts
	Header (#header)
	Footer (#footer)
	Sidebar (#sidebar)
	Contents (#content)

# Common pages
	Index (body.home)
	Page (body.page)
	Single (body.single)

# Individual pages

# Test purpose styles (#test)

# Media Query
-------------------------------------------------------------*/



/*--------------------------------------------------------------
# Bootstrap fix
--------------------------------------------------------------*/
.page-header {
    border-bottom: 0 none;
    margin-top: 0;
}

/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/
body > img{
	display: none;
}
.typesquare_option{
    font-family: A1明朝;
}
.no-mp{
	font-size: 100%!important;
	margin:0!important;
	padding:0!important;
}
a.link-banner{
	display: block;
	margin-top:50px;
}
a.link-banner:hover{
	opacity: 0.7;
}
/* link&Text */
.slick-slide,button img:focus,button img,button:after:focus,button:after,button,button:focus,a,a:focus{outline:none!important;}
a{
	color: #333;
}
a:hover{text-decoration: none;color: #333;}

/* Color Pattern */
.o-color{}
.b-color{color:#32BBED;}
.container + .container{
	margin-bottom: 40px;
}

/*SNS*/
.sns .follow,.sns a{
	float:right;
}
.sns .follow{
	margin-right: 15px;
}
.sns a{
	display:inline-block;
	height:55px;
	width:38px;
	padding-top: 9px;
	-webkit-transition: all 0s!important;
	-moz-transition: all 0s!important;
	-ms-transition: all 0s!important;
	-o-transition: all 0s!important;
	transition: all 0s!important;
}
.sns a.fb-icon{
	margin-right: 10px;
}
.sns a.fb-icon:hover{
	opacity:0.7;
}
.sns a.yt-icon:hover{
	opacity:0.7;
}
.row div img{
	max-width: 100%;
}
.row-0{
	margin-left:0px;
	margin-right:0px;
 }
.row-0 > div{
	padding-right:0px;
	padding-left:0px;
}
.row-10{
    margin-left:-5px;
    margin-right:-5px;
}
.row-10 > div{
	padding-right:5px;
	padding-left:5px;
}
dd span,a,p,h3{
	letter-spacing: 0.05em;
}

/* if finish this project, please delete it */
.alert-danger{
    background-color: #fff;
    border:3px solid #ff9900;
    padding: 15px 20px;
    border-radius: 5px;
    margin: 20px 0;
    font-weight: bold;
}


.koukou .koukou{
	background:#EB6D9A!important;
}
.tyugaku .tyugaku{
	background:#7FBE25!important;
}
.shogaku .shogaku{
	background:#3EB8EB!important;
}

/* breadcrumbs */
p#breadcrumbs{
	margin-top: 15px;
	letter-spacing: 0.07em;
	color: #666;
	margin-bottom: 0px;
	font-size: 12px;
}
p#breadcrumbs a:hover{
	text-decoration: underline;
}

.titleimg{
	margin-bottom: 40px;
	margin-top: 0px;
}

.leadimg{
	margin-bottom: 29px;
}
.leadtext {
    font-size: 18px;
    font-weight: normal;
    line-height: 2;
    letter-spacing: 0.07em;
    margin-bottom: 30px;
    color:#333;
}

/*ie8*/
.overlay-ie8{}
.overlay-ie8 p {
    background: #FDF1F5;
    color: #E52D34;
    padding: 10px;
    font-weight: bold;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
.visible-xxs{
	display: none;
}


/*--------------------------------------------------------------
# Parts
--------------------------------------------------------------*/

/*----------	Common Contact Form (.col-cmn-contact)	----------*/
.col-cmn-contact{}
.col-cmn-contact .inner-block{
	background-color: #f0f0f0;
	padding: 45px;
	float: left;
	width: 100%;
}
.col-cmn-contact h3.inner-header{
	text-align: center;
	margin: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.col-cmn-contact h3.inner-header img{
	width: 100%;
	padding-right: 35px;
	padding-left: 35px;
}
.col-cmn-contact .inner-content{
/*	float: left;*/
	width: 100%;
	display: table;
	padding-top: 25px;
}
.col-cmn-contact .inner-content .inner-title{
/*	float: left;
	padding: 10px;*/
	border: 1px solid #000;
/*	width: 98px;
	text-align: center;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
    width: 15%;
}
.col-cmn-contact .inner-content .inner-tel{
/*	float: left;*/
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
.col-cmn-contact .inner-content .inner-tel a{}
.col-cmn-contact .inner-content .inner-tel a img{
	padding-right: 15px;
}
.col-cmn-contact .inner-content .inner-btn {
    /* float: left; */
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    border-left: 2px dotted #000;
    width: 45%;
}
.col-cmn-contact .inner-content .inner-btn a{
	display: block;
	background:url(../img/index/white-arrow.svg) no-repeat bottom 5px right 5px #e60012;
	text-align: center;
	color: #fff!important;
	padding: 15px;
}
.col-cmn-contact .inner-content .inner-btn a:hover{
	background-color: #e8303e;
}
.col-cmn-contact .inner-footer{
	padding-top: 25px;
}
.col-cmn-contact .inner-footer a.class-search-btn {
    color: #E60012 !important;
    display: inline-block;
    padding-left: 25px;
    background: url(../img/goukaku-manga/arrow.svg) no-repeat left center;
    margin-top: 10px;
}

/*----------	Header (#header)	----------*/
#header{
  width: 100%;
  z-index: 1;
}
.header{
	background-color: rgba(255,255,255,1);
	padding: 35px 0 30px;
}

.header .logo{
    float: left;
    width: 302px;
}
.header .logo img{
	margin-left: 0;
}
.header .logo h1 small{
    font-size: 14px;
    color: #444;
    display: block;
    margin-bottom: 7px;
    line-height: 1.6;
}
.single-class .header .logo h1 small {
    margin-top: -18px;
}
.header .inner-content{
}
.header .inner-content .banner{
    float: left;
    margin-left: 30px;
        background: #464344;
        padding: 15px;
}

.header .inner-content .banner a{
	width: 198px;
	display: block;
	float: left;
	height: 52px;
}
.header .inner-content .banner a:hover{
	background-color: #fff;
}
.header .inner-content .banner a img{
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.header .inner-content .banner a img{}
.header .inner-content .banner a.taikenjugyo{
	margin-left: 15px;
}


.header .inner-content .tel{
	float:left;
}
.header .inner-content .links {
    width: 367px;
    background: #eee;
    float: left;
    text-align: center;
    padding: 13px 15px;
    min-height: 82px;
}
.header .inner-content .links div{
	width:125px;
	float:right;
}
.header .banner a img:hover{
	background: #fff;
	opacity: 0.7;
}
.header .links a img:hover{
	opacity: 0.7;
}
.header .tel-link img{
}
.tel-link{
	pointer-events:none;
	cursor:default;
}
.header .koushi-link,.header .sitemap-link{
	display: inline-block;
}
.header .koushi-link img,.header .sitemap-link img{
	margin-bottom: 10px;
	margin-left: 10px;
}
.header .koushi-link img:hover,.header .sitemap-link img:hover{
	opacity: 0.7;
}
.sp-tel {
    float: right;
    width: 150px;
}
.sp-tel a {
    clear: both;
    width: 100%!important;
    max-width: 150px;
}
.sp-tel a.tel-link{
	margin-bottom: 3px;
}
.sp-tel a img {
    width: 100%!important;
    height: auto!important;
    padding-left: 0!important;
}

.fixed-overlay,.sp-fixed-tel,.sp-fixed-drawer-content{
    display: none;
}


/*----------	Footer (#footer)	----------*/
/* contact-link */
.contact-link,.class-list{
	min-width: 1140px;
}
.contact-link{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #666;
}
.page #content .contact-link .row{
	margin-left: -15px;
    margin-right: -15px;
}

.contact-link a.contact-tab{
	display: block;
	text-align: center;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
    text-align: center;
    background-color: #333;
    padding: 20px 0 25px;
    min-height:145px;
}
.contact-link a img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
}
.contact-link a.contact-tab{
	text-indent: -9999px;
}
.contact-link a.contact-tab_01{
	background-image: url(../img/index/contact_icon_01_2.svg);
	background-repeat: no-repeat;
	background-position: bottom 25px left 66px;
	background-size: 119.5px 90.2px;
}
.contact-link a.contact-tab_02{
	background-image: url(../img/index/contact_icon_02_2.svg);
	background-repeat: no-repeat;
	background-position: bottom 25px left 63px;
	background-size: 120px 97.4px;
}
.contact-link a.contact-tab_03{
	background-image: url(../img/index/contact_icon_03_2.svg);
	background-repeat: no-repeat;
	background-position: bottom 23px left 24px;
	background-size: 198.6px 98.6px;
}
.contact-link a.contact-tab_04{
	background-image: url(../img/index/contact_icon_04_2.svg);
	background-repeat: no-repeat;
	background-position: bottom 25px left 52px;
	background-size: 141.4px 94.4px;
}
.contact-link a.contact-tab_01:hover{
	background-image: url(../img/index/contact_icon_01_on_2.svg);
}
.contact-link a.contact-tab_02:hover{
	background-image: url(../img/index/contact_icon_02_on_2.svg);
}
.contact-link a.contact-tab_03:hover{
	background-image: url(../img/index/contact_icon_03_on_2.svg);
}
.contact-link a.contact-tab_04:hover{
	background-image: url(../img/index/contact_icon_04_on_2.svg);
}
.contact-link a:hover {
    background-color: #fff;
}


.class-list{
	padding-top: 40px;
	padding-bottom: 40px;
    background-color: #999;
}
.class-list .footer-list {
    padding: 0;
    line-height: 1.6;
}
.footer-list h4 {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #000;
    padding-bottom: 0;
    color: #333;
    transform: translateY(-1px);
    padding: 2px 15px;
    background-color: rgba(255,255,255,0.2);
}
.footer-list b {
    margin-right: 0;
    color: #333;
    margin: 0 0 0 5px;
    font-weight: normal;
}
.footer-list a + h4 {
    margin-left: 10px;
}
.page #content .class-list .row{
	margin-left: -15px;
    margin-right: -15px;
}
.post-type-archive-event .class-list .row > div{
	padding-left: 0px;
    padding-right:0px;
}

.class-list .footer-list li {
    list-style: none;
    display: block;
    margin: 0 5px;
    width: 122px;
    float: left;
}
.class-list .footer-list li a {
    display: block;
    border-bottom: 1px solid #333;
    font-size: 12px;
    padding: 5px 5px 4px 20px;
    margin-bottom: 10px;
    color: #333;
	background-image: url(../img/index/class_list_icon.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 12px;
}

#footer{
	background-color: #333;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 24px;
	min-width: 1140px;
}
#footer p{
	line-height: 24px;
	font-size: 11px;
}
#footer a{
	color: #D4D6D9;
	font-size: 12px;
	line-height: 24px;
}
#footer a:hover{
	color: #FFF;
	}
#footer .inner-header{
	margin-bottom: 0;
}
#footer .col-33per{
	float: left;
	width: 33.3%;
}

#footer .footer-content{
    border-top: 1px dashed #fefefe;
    margin-top: 20px;
    padding-top: 20px;
}
#footer .footer-content a{
	margin-right: 5px;
	display:inline-block;
	font-size: 12px;
	vertical-align: middle;
}
#footer .footer-content a .fa{
	margin-right:3px;
}
#footer .footer-content > img{
	margin-right: 5px;
}
#footer h4{
	display: inline-block;
	margin-top: 0;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
#footer ul{
	margin: 0;
	padding: 0;
}
#footer li{
	list-style: none;
}
#footer .foot-left{
	padding-right:30px;
}
#footer .foot-right{
	padding-left:30px;
	border-left: 1px solid #FEFEFE;
}
#footer .foot-left{
}
#footer .foot-right h4,#footer .foot-right p{
	color: #FEFEFE;
	}

#footer .foot-right .footer-conten{
	line-height: 24px;
}

.copyright{
	background-color: #676E76;
	font-size: 10px;
	padding: 10px 0;
	color: #fff;
	letter-spacing: 2px;
	font-weight: normal;
	min-width: 1140px;
}
.copyright p{
	margin: 0;
}
/* scrolltop */
#page-top {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	margin: 0 ;
	padding: 0 ;
	opacity:0;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
	cursor:none;
    pointer-events: none;
    width: 52px;
    z-index: 2;
}
.fixed #page-top{
	opacity:1;
	pointer-events: auto;
	cursor:pointer;
}

.fixed #page-top a{
	opacity: 0.8;
}
.fixed #page-top a:hover{
	opacity: 1;
}
#page-top .contact-btn{
    background: #E60012;
    display: block;
    border-radius: 50%;
    height: 52px;
    position: relative;
    width: 52px;
    overflow: hidden;
    margin-bottom: 10px;
}

.move-page-top{
	background: #666;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    height: 52px;
    width: 52px;
    position: relative;
}
.move-page-top img{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.move-page-top img.off,#page-top .contact-btn img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.move-page-top img.hover{
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.move-page-top:hover img.off{
    top: -100px;
}
.move-page-top:hover img.hover{
    top: 0;
}

/* 6point */
.tomas-point{}
.tomas-point h3 {
    text-align: center;
    font-size: 16px;
    color: #E60012;
    border-top: 1px solid #E60012;
    border-bottom: 1px solid #E60012;
    letter-spacing: 0.1em;
    padding: 10px;
    font-weight: bold;
}
.tomas-point a {
    display: block;
    border: 1px solid #E60012;
    background: url(../img/common/sp-10.png) no-repeat bottom right #fff;
    padding: 17px 0px 13px;
    margin-bottom: 10px;
}
.tomas-point a:hover{
	background-color: #FDEDEE;
}
.tomas-point a small {
    font-size: 8px;
    display: block;
    letter-spacing: -0.05em;
    margin-top: 3px;
}
.tomas-point a p{
	color: #E60012;
	font-weight: bold;
}
.tomas-point a img{}



/*----------	Sidebar (#sidebar)	----------*/
.side{max-width:215px;
    }

.side h4 {
    letter-spacing: 0.4em!important;
    padding-left: 12px;
    background: #E60012;
    color: #fff;
    font-size: 14px!important;
    margin: 0;
    line-height:40px!important;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
}
.side-page .event-latest .inner-title a{
	display:block;
}
.side-page .event-latest .inner-title a:hover{
    opacity:0.7;
}
.side-page{
	margin-bottom: 35px;
}
	.side-page{
	}
	.side-page .contact-links a,.side-page .banner-links a{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
	.side-page a:hover{
		opacity:0.7;
	}
	.side-page .event-latest li a:hover{
		opacity:1;
		text-decoration: underline;
	}
	.side-page img{
		width: 100%;
	}
	.side-page .event-latest .inner-title{
		margin-bottom: 15px;
	}
	.side-page .event-latest .inner-content li{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #E60012;
	}
	.side-page .event-latest .inner-content ul{
		margin-bottom: 0;
	}
	.side-page .event-latest .inner-content li:last-child{
		margin-bottom: 0;
	}
	.side-page .event-latest .inner-content li span{
		color:#E60012;
		display:block;	
	}
	.side-page .event-latest,.side-page .banner-links{
		padding-bottom: 35px;
	}
	.side-page .banner-links a{
		display: block;
		margin-bottom: 10px;
	}
	.side-page .banner-links a p{
		font-size:10px;
		text-align: center;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
		margin-top: 7px;
		/* text-align: left; */
	}
.side-page .banner-links a.side_btn_ele p{
	color: #089dd1;
}
.side-page .banner-links a.side_btn_jun p{
	color: #7ab86c;
}
.side-page .banner-links a.side_btn_sen p{
	color: #d6799b;
}
.side-page .banner-links a.side_btn_med p{
	color: #507eaf;
}
	.side-page .course-link{
		margin-bottom: 10px;
	}
	.side-page .banner-links a:last-child{
		margin-bottom: 0;
	}
	.side-page .contact-links .inner-title{
		margin-bottom: 5px;
	}
	.side-page .contact-links a{
		margin-bottom: 5px;
		display:block;
	}
	.side-page .external-banner{
		padding-top: 35px;
	}

	.side-page .side_btn_ele img{
		border: 1px solid #39ADDC;
		    padding: 1px 1px 9px;
	}
	.side-page .side_btn_jun img{
		border: 1px solid #7CB62C;
		    padding: 1px 1px 9px;
	}
	.side-page .side_btn_sen img{
		border: 1px solid #DC6791;
		    padding: 1px 1px 9px;
	}
	.side-page .side_btn_med img{
		border: 1px solid #1168AB;
		    padding: 1px 1px 9px;
	}


/*----------	Contents (#content)	----------*/
.page #content .main .row{
    margin-left: -15px;
    margin-right:-15px;
}



/*--------------------------------------------------------------
# pages
--------------------------------------------------------------*/

/*----------	common	----------*/

.page #header{
    position: static;
}
.single #header{
    position: static;
}
.archive #header{
    position: static;
}

.single-page{}
.single-page .inner-header{
}
.single-page .inner-header h3{
	margin-bottom: 55px;
	padding-bottom:20px;
	border-bottom: 1px solid #737A82;
}
.single-page .inner-content{
	padding-bottom: 60px;
}

.border-header.page-header h2{
	margin-bottom: 60px!important;
}
.border-header .titleimg {
    margin-bottom: 30px;
    margin-top: 30px;
}
.border-header.page-header h2:before{
    content: "";
    display: block;
    height: 1px;
    background: url(../img/common/red-bg-left.jpg) no-repeat top center #474344;
}
.border-header.page-header h2:after{
    content: "";
    display: block;
    height: 1px;
    background: #e40112;
    background: url(../img/common/red-bg-right.jpg) no-repeat top center #474344;
}









/*--------------------------------------------------------------
# Individual pages
--------------------------------------------------------------*/
.activity{
	min-width: 1140px;
}
/*error-page*/
.error404 #header{
    position: static;
}
.error-page{
	min-height: 600px;
}
.error-page h3{
	line-height: 1.4;
}
.error-page .errormark{
	margin-top: 100px;
}
.error-page .errormark p{
    font-size: 160px;
    font-weight: bold;
    color:#333;
    line-height: 0.9;
}
.error-page .errormark p span{
    display: block;
    font-size: 35px;
    padding-left: 4px;
}
.error-page a:hover{
	text-decoration: underline;
}

/*single-page*/


/*single*/
.single #header{
	margin-bottom: 40px;
}
.page #content,.single #content{
/*	padding-bottom: 60px;*/
}
.page #content .contact-link,.single #content .contact-link{
	margin-top: 50px;
}
/*news*/
#content.news{
	padding-bottom: 60px;
}
#content.news .inner-header{
	margin-bottom: 30px;
}
#content.news .inner-header .title-area{
    border-bottom: 1px solid #7F858D;
    padding-bottom: 15px;
}
.news .post-header h3{
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    margin-top: 0px;
}
.news .post-header p{
	padding-top: 0px;
}
.news .post-header p span{
	margin-right: 10px;
    float: left;
    line-height: 12px;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    width: 74px;
    margin-top: 1px;
    padding: 2px 0 2px 1px;
    text-align: center;
}
.news .post-header p.news span{
	background-color: #E60012;
}
.news .post-header p.kaikou span{
	background-color: #262350;
}
.news .post-header p.oshirase span{
	background-color: #E62F87;
}
.news .post-header p.osusume span{
	background-color: #ED6611;
}
.news .post-header p.report span{
	background-color: #666666;
}
.news .post-header p.kaiin span{
	background-color: #E60012;
}
.news .post-header p.gift  span{
    background-color: #FF9900;
}
.news .post-header p.oshirase span{
	background:#999 !important;
}
.news .post-header p span a{
	color: #fff;
	display: inline-block;
	margin-right: 5px;
	background: #B8BBBF;
	font-size: 10px;
	padding: 2px 5px;
	width: 73px;
	text-align: center;
}

.news .side h4{
    text-align: center;
    font-size: 18px;
    line-height: 2.06;
    letter-spacing: 20px;
    color: #fff;
    margin-top: 0!important;
    font-weight: 200;
    padding-left: 18px;
    margin-top: 10px;
}
.news .side .inner-content{
/*	margin-left: 44px;*/
}
.news .side h4.latest{
	background:#424142;
	line-height: 34px;
	font-size: 16px;
}
.news .side h4.category{
	background: #676E76;
	line-height: 34px;
	font-size: 16px;
}
.news .side .sidelist{
	padding-bottom: 20px;
}
.news .side .sidelist p{
	border-bottom:1px dotted #676E76;
	padding-bottom:5px;
}
.news .side .sidelist p span{
	color:#676E76;
}
.news .side .cat-item{
	margin-bottom: 5px;
}
.news .side .cat-item a:before{
	content:"\f1db";
	color:#676E76;
	margin-right: 5px;
	font-family: FontAwesome;
}
.news .feeditem{
	margin-bottom: 14px;
	line-height: 14px;
	letter-spacing: 0.05em;
}
.news .feeditem span {
    color: #333;
    float: left;
    display: inline-block;
}
.news .feeditem label {
    margin-right: 8px;
    float: left;
    margin-bottom: 5px;
    line-height: 12px;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    width: 74px;
    margin-top: -2px;
    padding: 2px 0 2px 1px;
    text-align: center;
    margin-left: 8px;
}
.news .feeditem label.news{
	background-color: #E60012;
}
.news .feeditem label.kaikou{
	background-color: #262350;
}
.news .feeditem label.oshirase{
	background-color: #E62F87;
}
.news .feeditem label.osusume{
	background-color: #ED6611;
}
.news .feeditem label.report{
	background-color: #666666;
}
.news .feeditem label.kaiin{
	background-color: #E60012;
}
.news .feeditem label.gift {
    background-color: #FF9900;
}
.news .feeditem label a{
	color: #fff;
	display: block;
	letter-spacing: 0.15em;
}
.feeditem .oshirase{background:#999 !important;}

/*archive*/
.archive #header{
	margin-bottom: 40px;
}

/* event single*/
	.eventpage p{
		margin: 0;
	}
.eventpage{
	padding-bottom: 0px;
}
.eventpage .inner-header .title-area{
	border-bottom: 1px solid #E50011;
	margin-bottom: 55px;
	padding-bottom: 20px;
}
.eventpage .info {
    width: 340px;
    float: left;
    margin-right: 30px;
}
.eventpage .main-pict {
    width: 425px;
    float: left;
    overflow: hidden;
}
.eventpage .info .date {
    width: 160px;
    margin-right: 20px;
    float: left;
    background: #686F77;
    color: #fff;
    text-align: center;
}
.eventpage .info .date .inner-content{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.eventpage .info .date span{
    display: block;
    line-height: 1.2;
    letter-spacing: 0.1em;
}
.eventpage .info .date span.day{
	font-size: 36px;
}
.eventpage .info .date span.week{
	font-size: 22px;
	letter-spacing: 0.25em;
    padding-left: 5px;
}

.eventpage .info .eventcate {
    width: 160px;
    float: left;
}
.eventpage .info .eventcate span {
    display: block;
    text-align: center;
    font-size: 18px;
    background: #E3E4E6;
    line-height:42px;
    margin-bottom: 17px;
    letter-spacing: 20px;
    color: #fff;
    padding-left: 20px;
	font-weight: 200;
}
.eventpage .info .eventcate span:last-child{
	margin-bottom: 0;
}
.eventpage .info .time,.eventpage .info .place {
    clear: both;
    width: 100%;
    text-align: center;
    color: #333;
    line-height:45px;
	letter-spacing: 0.1em;
    float: left;
    font-size: 20px;
}

.eventpage .info .time{
    border-top: 1px solid #333;
	margin-top: 30px;
}
.eventpage .info .place{
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    font-size: 18px;
    letter-spacing: 0.1em;
}

.eventpage .inner-main{
	clear: both;
	padding-top: 30px;
}
.eventpage .event-title h3{
	color: #333;
	font-size: 50px;
	padding-bottom: 20px;
	margin-top: 0;
}
.eventpage .event-title h3 .event_link_span .inner_ttl_span{
	line-height: 1.6;
}
.eventpage .inner-main h4{
	font-size: 31px;
	color: #E50011;
	font-weight: normal;
	padding-bottom: 0px;
	letter-spacing: 0.18em;
	margin-bottom: 12px;
}
.eventpage .inner-main h4 span.sokkuri_catch + span.sokkuri_catch {
    line-height: 1.8!important;
}
.eventpage .inner-main p{
	font-size: 16px;
	line-height: 1.8;
}
.eventpage .inner-main .sub-pict{
	padding-top: 30px;
}
.eventpage .inner-main .sub-pict .pict {
    width: 30%;
    float: left;
}
.eventpage .inner-main .sub-pict .pict:nth-child(3n+2){
    margin: 0 5%;
}
.eventpage .inner-main .sub-pict .pict small{
	padding-left: 15px;
	border-left: 1px solid #E50011;
	display: block;
	margin-top: 10px;
	margin-bottom:20px;
}
.eventpage .inner-main .detail{
	clear: both;
}
.eventpage .inner-main .detail h4{
	font-size: 18px;
	font-weight: normal;
	color: #333;
	letter-spacing: 0.2em;
	padding: 20px 0 0!important;
}

.eventpage .inner-main .detail table{
    width: 100%;
}
.eventpage .inner-main .detail table tr{
    border-top: 1px solid #B8BABF;
}
.eventpage .inner-main .detail table tr:last-child{
    border-bottom: 1px solid #B8BABF;
}
.eventpage .inner-main .detail table tr th{
	font-weight: normal;
	color: #333;
	background: #F1F2F4;
	width: 20%;
}
.eventpage .inner-main .detail table tr td{
	color: #333;
	padding-left: 20px;
	letter-spacing: 0.1em;
}
.eventpage .inner-main .detail table tr th,.eventpage .inner-main .detail table tr td{
	padding-top: 10px;
	padding-bottom: 10px;
}
.eventpage .sidelist p{
	padding-bottom:10px;
	line-height:22px;
}
.eventpage .sidelist.shogaku-list p span{
	color:#3EB8EB;
}
.eventpage .sidelist.tyugaku-list p span{
	color:#7FBE25;
}
.eventpage .sidelist.koukou-list p span{
	color:#EB6D9A;
}
.eventpage .contact-eventpost {
    display: block;
    border: 1px solid #E60012;
    color: #E60012;
    text-align: center;
    float: right;
    padding: 15px;
    max-width: 350px;
    width: 100%;
    background: url(../img/common/sp-10.svg) no-repeat right bottom;
    background-size: 12px 12px;
}
.eventpage .contact-eventpost:hover{
	background-color: #FDF1F5;
}


.event-archive .side .inner-content > h4,.eventpage .side .inner-content > h4 {
    text-align: center;
    font-size: 18px;
    line-height: 2.06;
    letter-spacing: 20px!important;
    color: #fff;
    margin-top: 0!important;
    padding-left: 18px;
    margin-top: 10px;
}
.event-archive .side .sidelist,.eventpage .side .sidelist{
	padding-bottom: 20px;
}
.event-archive .side .inner-content,.eventpage .side .inner-content{

}
.event-archive .side h4.shogaku,.eventpage .side h4.shogaku{
	background: #3EB8EB;
}
.event-archive .side h4.tyugaku,.eventpage .side h4.tyugaku{
	background: #7FBE25;
}
.event-archive .side h4.koukou,.eventpage .side h4.koukou{
	background: #EB6D9A;
}

/*event archive*/

/* event */
.event-archive{
	padding-bottom:60px; 
}
.event-archive .inner-header{
	padding-bottom: 22px;
}
.event-archive .item{
	background:#F6F7F7;
	width: 374px;
	min-height: 274px;
	float: left;
	margin-bottom: 24px;
}

.event-archive .item:nth-child(odd){
    margin-right: 12px;
}
.event-archive .item:nth-child(even){
    margin-left: 12px;
}
.event-archive .item hr{
	width:110px;
	border-top: 2px solid #ED1C24;
	margin-top: 0;
	margin-bottom:15px;
	float: left;
}
.event-archive .item .date{
	clear: both;
	float: left;
	width: 109px;
}
.event-archive .item .pict{
	float: left;
	width: 172px;
	background-size: cover;
}
.event-archive .item .eventcate{
	float: left;
	margin-left: 12px;
}
.event-archive .item .eventcate span {
    display: block;
    width: 81px;
    line-height: 30px;
    clear: both;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    background: #E3E4E6;
    font-size: 11px;
    letter-spacing: 12px;
    padding-left: 10px;
}
.event-archive .item .eventcate span:last-of-type{
	margin-bottom: 0;
}
.event-archive .item .eventcate .shogaku.on{
	background: #3EB8EB;
}
.event-archive .item .eventcate .tyugaku.on{
	background: #7FBE25;
}
.event-archive .item .eventcate .koukou.on{
	background: #EB6D9A;
}
.event-archive .item .info{
	clear: both;
    padding: 14px 25px 12px;
}
.event-archive .item .info h3{
	margin-top: 0;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.125em!important;
	line-height: 1.5;
}

/* イベントアイテム　文字色変更　※例.開催中止 */
.event-archive .item .info h3 .event_link_span span{
	color: #E60012;
	font-weight: bold;
}

.event-archive .item .info p{
	font-size: 13px;
	line-height: 1.8;
}
.event-archive .event-past{}
.event-archive .event-past h3 {
    clear: both;
    color: #E60012;
    font-size: 18px;
    border-bottom: 1px solid #E60012;
    padding: 10px 0;
	margin-bottom: 20px;
}
.event-archive .event-past ul{}
.event-archive .event-past li{
	margin-bottom: 5px;
}
.event-archive .event-past li a{}
.event-archive .event-past li:before{
	content:"\f1db";
	font-family: FontAwesome;
	margin-right:5px; 
	color:#E60012;
}
.event-archive .event-past li a:hover{
	text-decoration: underline;
}



/* classpage */
.classpage{
	padding-bottom: 0!important;
}

.classpage .contact-area{
	margin-bottom: 40px;
}
.classpage .contact-area .col-tel{
	margin-bottom: 15px;
}
.classpage .contact-area .col-tel a{
	display: block;
	margin: 0;
}
.classpage .contact-area .col-tel a h4{
	position: relative;
}
.classpage .contact-area .col-tel a h4 img{
	position: relative;
	top: -2px;
}
.classpage .contact-area .col-tel a p{
	padding-top: 0;
}
.classpage .contact-area .col-tel a p b{
	color: #e90016;
    display: block;
    font-size: 30px;
    letter-spacing: 0.1em;
}
.classpage .contact-area .col-link{}
.classpage .contact-area .col-link a{}
.classpage .contact-area .col-link a img{}

.classpage .contact-link{
	margin-top:40px; 
}
.classpage #sec01,.classpage #sec02,.classpage #sec03{
	margin-top: -40px;
	padding-top: 40px;
}
.classpage .fa-circle-thin{
	margin-right: 5px;
}
.classpage .class-header{
}
.classpage .class-info{
	width: 407px;
	float: left;
    padding-top: 25px;
	background: url(../img/class/class_01.png) no-repeat 0 0;
}
.classpage .type_bnr{
    padding-bottom: 20px;
    margin-left: -3px;
    float: left;
    padding-top: 5px;
    margin-right: -3px;
    width: calc(100% + 6px);
}
.classpage .type_item{float: left;width: 25%;text-align: center;padding-left: 3px;padding-right: 3px;}
.classpage .type_item span{
	display:block;
	font-size: 11px;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 7px 0 7px 3px;
	font-weight: bold;
}
.classpage .type_item.type_1 span{
	background-color: #37addd;
}
.classpage .type_item.type_2 span{
	background-color: #7cb62c;
}
.classpage .type_item.type_3 span{
	background-color: #df6893;
}
.classpage .type_item.type_4 span{
	background-color: #345d3b;
}
.classpage .type_item.type_1 span, .classpage .type_item.type_2 span, .classpage .type_item.type_3 span {
    letter-spacing: 0.4em;
}

/*add tel-link*/

.classpage a.tel-k,a.tel-f{
	color:#E60012 !important;
	letter-spacing:0 !important;
	text-decoration:none !important;
	white-space: nowrap;
	/* font-size: 25px; */
}
.classpage a.tel-k2,a.tel-c{
	text-decoration:none !important;
}

@media screen and ( min-width: 767px ) {
.classpage a.tel-k,a.tel-f,a.tel-k2,a.tel-c{
	pointer-events: none !important;
	cursor:default !important;
	}
}

/* .class-title
----------------------------------*/
/*.classpage .class-title{
  border-bottom: 0 none;
}*/
.class-title{}
.class-title h1 {
font-size: 22px;
margin-top: 0;
font-weight: bold;
}
.class-title h1 p{
  line-height: 1.6;
}
.class-title h1 img {
width: 100px;
}
.class-title h1 span {
margin-top: 0px;
position: relative;
top: 3px;
letter-spacing: 0.1em;
}


/* .tel-area
----------------------------------*/
.tel-area{
  display: table;
  width: 100%;
  padding-top: 20px;
    padding-bottom: 20px;
}
.tel-area > *{
  display: table-cell;
  vertical-align: middle;
}
.tel-area .ttl {
    width: 110px;
    padding: 10px 10px 7px;
    border: 1px solid #E60012;
    letter-spacing: 0.1em;
    font-size: 13px;
    color: #E60012;
    vertical-align: middle;
}
.tel-area .num{
  padding-left: 15px;
}
.tel-area .num > *{
  display: block;
}
.tel-area .num a {
    font-size: 6.5vw;
    font-weight: bold;
    /*letter-spacing: 0.02em;*/
    letter-spacing: 0;
    color: #E60012;
    position: relative;
    border-bottom: 1px solid;
    top: -6px;
    font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif¥9;
    font-weight: bold;
     -webkit-font-feature-settings: "palt" 1;  
    font-feature-settings: "palt" 1;
}
.tel-area .num a img{
  height: 1em;
    width: auto;
    display: inline-block;
    margin-right: 0.1em;
    position: relative;
    bottom: 2px;
}
.tel-area .num p {
    font-size: 11px;
    white-space: nowrap;
    margin-bottom: 0;
     -webkit-font-feature-settings: "palt" 1; 
    font-feature-settings: "palt" 1;
    color: #E60012;
    letter-spacing: 0.06em;
    margin-top: 2px;
}
.class-header .pc-right .from-link{
  background-color: #E60012;
  color: #fff;
  display: block;
  padding: 15px 10px 13px;
    text-align: center;
    font-size: 14px;
  letter-spacing: 0.08em;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.class-header .pc-right .from-link:hover{
  opacity: 0.6;
}
.class-header .pc-right .from-link img{
    height: 0.8em;
  width: auto;
  display: inline-block;
  position: absolute;
  right: 20px;
  margin-top: 3px;
}

.classpage .soudankai.top-news{
	clear: both;
    width: 100%;
    background: none;
    background-color: #FEF2F3;
    border: none;
    margin-top: 40px;
    padding: 30px 30px 38px 30px;
    float: left;
    margin-bottom: 40px;
}
.classpage .soudankai.top-news .inner-header{
	margin-bottom: 15px;
}
.classpage .soudankai.top-news .inner-header h3{
	margin: 0;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #E60012;
    line-height: 1.4;
}
.classpage .soudankai.top-news .inner-content{
	max-width: none!important;
    color: #333;
    font-weight: bold!important;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-align: justify;
}
.classpage .soudankai.top-news .inner-content .sub-ttl{
	color: #333;
	display: block;
	margin-bottom: 30px;
}
.classpage .soudankai.top-news .inner-content .outer{
	width: 92%;
	display: table;
}
.classpage .soudankai.top-news .inner-content .outer .txt-box{
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
}
.classpage .soudankai.top-news .inner-content .outer .pict-box{
	display: table-cell;
	width: 338px;
	vertical-align: bottom;
}
.classpage .soudankai.top-news .inner-content .outer .pict-box .pict-card{
}
.classpage .soudankai.top-news .inner-content .outer .pict-box .pict-card img{
	width: 100%;
	margin-bottom: 20px;
}
.classpage .soudankai.top-news .inner-content .outer .pict-box .pict-card small{
	display: block;
    border-left: 1px solid #E60012;
    padding-left: 20px;
}


.classpage .class-pict{

}
.classpage .class-pict img{
	width: 100%;
}
.classpage .class-tab{
    padding-top: 35px;
	margin-bottom: 30px;
}
.classpage .class-tab a{
	display: inline-block;
	width: 125px;
	padding: 20px 0;
}
.classpage .class-tab a img{
	width:100%;
}
.classpage .class-tab a.middle{
	margin: 0 16px;
}
.classpage .class-tab a.tab01{
	background-color: #A96F54;
}
.classpage .class-tab a.tab02{
	background-color: #1EB4C6;
}
.classpage .class-tab a.tab03{
	background-color: #FFA70E;
}

/* sue0523 class-tab-sp */
.classpage .class-tab-sp{
    padding-top: 35px;
	margin-bottom: 20px;
}
.classpage .class-tab-sp .flex01{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.classpage .class-tab-sp .item{
	width: 48.4%;
}
.classpage .class-tab-sp a.tab{
	display: none;
    text-align: center;
	padding: 30px 0 0;
	margin-bottom: 10px;
	height: 120px;
	position: relative;
	background-image: url(../img/class/icn_circle.svg);
	background-repeat: no-repeat;
	background-position: center bottom 23px;
}
.classpage .class-tab-sp a.tab.active{
	display: block;
}
.classpage .class-tab-sp a.tab.not-active{
	display: block;
	pointer-events: none;
}
.classpage .class-tab-sp a.tab.not-active::after{
	content: "";
	width: 100%;
	height: 100%;
	background-color: #272727;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
}
.classpage .class-tab-sp a.tab01{
	background-color: #1EB4C6;
}
.classpage .class-tab-sp a.tab02{
	background-color: #A96F54;
}
.classpage .class-tab-sp a.tab03{
	background-color: #FFA70E;
}
.classpage .class-tab-sp a.tab04{
	background-color: #E60012;
}
.classpage .class-tab-sp a.tab p{
	color: #fff;
	margin: 0;
	font-weight: bold;
	font-size: 17px;
}
/* ------------------- */

.classpage #class_news_feed{
	overflow-y:scroll;
	height:200px;
	border:1px solid #ccc;
	padding:15px;
}
.classpage #class_news_feed li{
	margin-bottom: 10px;
	padding-bottom: 10px
}
.classpage #class_news_feed li h4{
	font-size: 14px;
	font-weight: bold;
}
.classpage #class_news_feed li p{}

.classpage .class-map{
	width: 340px;
	float: left;
	background: #F1F2F3;
	padding: 28px 26px;
	margin-left: 40px;
}
.classpage .class-map h3{
	margin-top: 0;
	border-bottom: 1px dotted #333;
	font-size: 18px;
	padding-bottom: 15px;
}
.classpage .class-map img{
	padding-bottom: 10px;
}
.classpage .class-map p{
margin-bottom: 0;
}
.classpage .class-map p.moyori{
	margin-top: 10px;
}
.classpage .class-map p span{
	color: #686F77;
}
.classpage .class-map .access_howto{
	border-top: 1px dotted #686F77;
	margin-top: 10px;
}
.classpage .class-map .access_howto p{
	color: #686F77;
	padding-top: 10px;
	font-size: 13px;
	padding-bottom: 10px;
}
.classpage .class-map >a{}
.classpage .class-map >a img{}
.classpage .class_content{
	clear: both;
	margin-bottom: 40px;
	width: 100%;
	float: left;
}

.classpage .class_content > h3 {
    padding-left: 60px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    height: 64px;
    line-height: 64px;
    margin-bottom: 20px;
}
.classpage .class_content > h3 + p{
	font-size: 18px;
	margin-bottom: 25px;
}
.classpage .class-dig{
	background-color: #FEF2F3;
	padding: 25px 50px 50px;
}
.classpage .class-dig > h3{
    color: #E60012;
    font-weight: bold;
    letter-spacing: 0.12em;
    padding: 0 0 25px;
    line-height: 1.5;
    margin-top: 0;
    height: auto;
    margin-bottom: 0;
}
.classpage .class-dig .dig_point{
	display: table;
	width: 100%;
}
.classpage .class-dig .dig_point + .dig_point{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #E60012;
}
.classpage .class-dig .dig_point > *{
	display: table-cell;
	vertical-align: top;
}
.classpage .class-dig .dig_point .pict{
	width: 150px;
}
.classpage .class-dig .dig_point .pict img{
	width: 100%;
}
.classpage .class-dig .dig_point .text{
	padding-left: 20px;
}
.classpage .class-dig .dig_point .text h4{
	color: #E60012;
    font-weight: bold;
    margin-top: 0;
    letter-spacing: 0.12em;
    margin-bottom: 15px;
}
.classpage .class-dig .dig_point .text p{
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.classpage .class-news > h3{
	background: url(../img/class/class_09.svg) no-repeat left center;
	color: #686F77;
	font-weight: bold;
	letter-spacing:0.15em;
	border-bottom: 1px dotted #686F77;
	background-size: 42px 42px;
}
.classpage .class-goaisatsu{
	background:#FEF2F4;
	padding: 30px;
	    float: left;
}
/* .classpage .class-goaisatsu img{
	float: left;
	margin-right: 20px;
} */
.classpage .class-goaisatsu .yakushoku{
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	color: #333;
	font-size: 16px;
	margin-top: 2px;
}
.classpage .class-goaisatsu .name{
	font-size: 20px;
	color: #333;
	padding-left: 20px;
	font-weight: bold;
	float: left;
	line-height: 22px;
	letter-spacing: 0.2em;
font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 2px;
}
.classpage .class-goaisatsu .goaisatsu-content{
	clear: both;
}
.classpage .class-goaisatsu .goaisatsu-content .pict{
    width: 20%;
	float: left;
	padding-right: 20px;
}
.classpage .class-goaisatsu .goaisatsu-content .text{
    width: 80%;
    float: left;
}


.classpage .goukaku-tsugaku {
    padding: 30px 40px;
    background-color: #f1f2f3;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.classpage .goukaku-tsugaku h3{
	color: #686f77;
	border-bottom: 1px solid #686f77;
	font-size: 24px;
	letter-spacing: 0.18em;
	padding-bottom: 15px;
	margin-bottom: 40px;
	font-weight: bold;
}
.classpage .goukaku-tsugaku .inner-title {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.classpage .goukaku-tsugaku .inner-title .inner-header {
    float: left;
    max-width: 204px;
    width: 100%;
}
.classpage .goukaku-tsugaku .inner-title .inner-header img{
	width: 100%;
}
.classpage .goukaku-tsugaku .inner-title .inner-content {
    float: left;
    margin-left: 25px;
    width: 100%;
    border-bottom: 1px solid #e60012;
    max-width: 485px;
    height: 42px;
}
.classpage .goukaku-tsugaku .inner-title .inner-content img{
	height: 24px;
}
.classpage .goukaku-tsugaku .inner-title .inner-content small{
	margin-left: 10px;
}
.classpage .goukaku-tsugaku table{}
.classpage .goukaku-tsugaku table tr{}
.classpage .goukaku-tsugaku table tr.row-3,.classpage .goukaku-tsugaku table tr.row-5,.classpage .goukaku-tsugaku table tr.row-7,.classpage .goukaku-tsugaku table tr.row-10,.classpage .goukaku-tsugaku table tr.row-12,.classpage .goukaku-tsugaku table tr.row-14{
    border-bottom: 1px solid #777b81;
}
/*.classpage .goukaku-tsugaku table tr.row-3 td:after,.classpage .goukaku-tsugaku table tr.row-5 td:after,.classpage .goukaku-tsugaku table tr.row-7 td:after,.classpage .goukaku-tsugaku table tr.row-10 td:after,.classpage .goukaku-tsugaku table tr.row-12 td:after,.classpage .goukaku-tsugaku table tr.row-14 td:after{
    content: " ほか";
}*/

.classpage .goukaku-tsugaku table tr.row-3 td:after,.classpage .goukaku-tsugaku table tr.row-5 td:after,.classpage .goukaku-tsugaku table tr.row-7 td:after,.classpage .goukaku-tsugaku table tr.row-10 td:after,.classpage .goukaku-tsugaku table tr.row-12 td:after,.classpage .goukaku-tsugaku table tr.row-14 td:after{
    content: "";
}


.classpage .goukaku-tsugaku table tr.row-3 td:empty:after,.classpage .goukaku-tsugaku table tr.row-5 td:empty:after,.classpage .goukaku-tsugaku table tr.row-7 td:empty:after,.classpage .goukaku-tsugaku table tr.row-10 td:empty:after,.classpage .goukaku-tsugaku table tr.row-12 td:empty:after,.classpage .goukaku-tsugaku table tr.row-14 td:empty:after{
    content: "";
}
.classpage .goukaku-tsugaku table tr.row-4 td,.classpage .goukaku-tsugaku table tr.row-6 td,.classpage .goukaku-tsugaku table tr.row-11 td,.classpage .goukaku-tsugaku table tr.row-13 td{
   padding-top: 15px;
}
.classpage .goukaku-tsugaku table tr td{
	padding: 0 0 15px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	border: 0 none;
}
.classpage .goukaku-tsugaku table tr.row-8 td{
    padding-top: 25px;
}



.classpage .class_kouza {
    clear: both;
    padding-top: 30px;
}
.classpage .class_kouza h3 {
	background: url(../img/class/class_kouza.svg) no-repeat 20px center;
    margin: 0;
    background-color: #E60012;
    color: #fff;
    font-weight: bold;
    padding: 20px 20px 20px 80px;
    line-height: 1;
}
.classpage .class_kouza table {
    background-color: #F1F2F3;
    padding: 20px 30px 0;
    /* display: block; */
    border-collapse: separate;
    border-spacing:20px;
    margin-bottom: 0;
}
.classpage .class_kouza table caption{
	padding: 20px;
}
.classpage .class_kouza table caption a{
	display: inline-block;
	background-color: #666;
	font-size: 12px;
	padding: 2px 5px;
	font-weight: bold;
	color: #fff;
}
.classpage .class_kouza table tbody{
	/*display: block;*/
}

.classpage .class_kouza table tr{
    border-bottom: 10px solid #F1F2F3;	
}
.classpage .class_kouza table tr + tr{
	margin-top: 20px;
}
.classpage .class_kouza table tr td {
    /*display: block;*/
    padding: 0;
    border: 0 none;
    border-bottom: 1px solid;
    vertical-align: middle;
}

.classpage .class_kouza table tr td.column-1 {
    font-size: 14px;
    font-weight: bold;
    width: 15%;
    padding: 5px 0;
    letter-spacing: 0.3em;
    text-align: center;
    vertical-align: middle;
    padding-left: 3px;
}


.classpage .class_kouza table tr td.column-2 {
    font-size: 20px;
    color: #333;
    vertical-align: top;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 0.1em;
    line-height: 1.2;
}
.classpage .class_kouza table tr td.column-3{}
.classpage .class_kouza table tr.kouza_all{
	border-color: #E60012;
}
.classpage .class_kouza table tr.kouza_elementary{
	border-color: #2EA7E1;
}
.classpage .class_kouza table tr.kouza_junior{
	border-color: #6FBA2C;
}
.classpage .class_kouza table tr.kouza_senior{
	border-color: #EB6D9A;
}
.classpage .class_kouza table tr.kouza_medic{
	border-color: #12569c;
}

.classpage .class_kouza table tr.kouza_all td.column-1{
	color: #E60012;
	border: 1px solid #E60012;
	background-color: #fff;
}
.classpage .class_kouza table tr.kouza_elementary td.column-1 {
    background-color: #fff;
    color: #2EA7E2;
    border: 1px solid #2EA7E2;
}
.classpage .class_kouza table tr.kouza_junior td.column-1{
	color: #6FBA2C;
	border: 1px solid #6FBA2C;
	background-color: #fff;
}
.classpage .class_kouza table tr.kouza_senior td.column-1{
	color: #EB6D9A;
	border: 1px solid #EB6D9A;
	background-color: #fff;
}
.classpage .class_kouza table tr.kouza_medic td.column-1{
	color: #12569c;
	border: 1px solid #12569c;
	background-color: #fff;
}
/*
.classpage .class_kouza table tr.kouza_elementary td.column-1 span{
	display: none;
}*/

.classpage .class_kouza table tr.kouza_all td.column-2{
	border-color: #E60012;
}
.classpage .class_kouza table tr.kouza_elementary td.column-2{
    border-color: #2EA7E2;
}
.classpage .class_kouza table tr.kouza_junior td.column-2{
	border-color: #6FBA2C;
}
.classpage .class_kouza table tr.kouza_senior td.column-2{
	border-color: #EB6D9A;
}
.classpage .class_kouza table tr.kouza_medic td.column-2{
	border-color: #12569c;
}
/*
.classpage .class_kouza table tr.kouza_elementary td.column-2 span{
	display: none;
}*/


.classpage .class_kouza table tr.row-10{
	margin-left: 0;
	margin-left: 0;
}


.classpage .class_kouza .information {
    background: #F1F2F3;
    float: left;
    padding: 0 30px 30px;
    overflow: hidden;
    width:100%;
}
.classpage .class_kouza .information .inner-block{
	width:100%;
	/*width: 50%;*/
	float: left;
	padding: 15px;
}
.classpage .class_kouza .information .inner-block + .inner-block{
	/*margin-left: 2%;*/
}
.classpage .class_kouza .information .notification-block{
	font-size: 11px;
}
.classpage .class_kouza .information .tel-block{
	color: #E60012;
	font-size: 11px ;
}
.classpage .class_kouza .information .tel-block img{
	float: left;
	width: 96px;
	margin-right: 10px;
}
.classpage .class_kouza .information .tel-block b {
    font-size: 28px;
    display: block;
    line-height: 32px;
}
.classpage .class_kouza .information .tel-block b a{}



.classpage .class-koushi > h3{
	background: url(../img/class/class_12.svg) no-repeat left center;
	color: #A96F54;
	background-size: 43px 43px;
	font-weight: bold;
	border-bottom: 1px dotted #A96F54;
}
.classpage .class-koushi > h3 small{
	width: 400px;
	float: right;
	color: #686F77;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 16px;
}
.classpage .class-koushi .koushi-card{
	background: #F9F5F3;
	    margin-bottom: 30px;
}
.classpage .class-koushi .koushi-card .pict{
	float: left;
	width: 180px;
}
.classpage .class-koushi .koushi-card .info{
	padding: 30px 35px 5px;
	float: left;
	width: 615px;
}
.classpage .class-koushi .koushi-card .info .name{
    padding-bottom: 10px;
    border-bottom: 1px solid #9A8A46;
    letter-spacing: 0.2em;
    font-weight: bold;
    font-size: 22px;
}
.classpage .class-koushi .koushi-card .info .jisseki img{
	margin-bottom: 5px;
}
.classpage .class-koushi .koushi-card .info .shidou span{background:#F06671;
	display:inline-block;
	padding: 5px 20px;
	margin: 10px 5px;
	color:#fff;
}
.classpage .class-koushi .koushi-card .info h3{
	color: #333;
	font-size: 20px;
	padding-bottom: 20px;
	font-size: 24px;
	margin: 0 0 20px;
}
.classpage .class-koushi .koushi-card .info h3 small{
	color: #333;
}
.classpage .class-koushi .koushi-card .kodawari{
	clear: both;
	padding: 8px 40px 30px 258px;
	background: url(../img/class/class_15.svg) no-repeat 40px 8px ;
	background-size: 200px 75px;
}
.classpage .class-koushi .koushi-card .kodawari p{
	color: #9A8A46;
	padding-top: 2px;
}
.classpage .class-koushi .notification p{
	padding: 30px 0;
	color: #E60012;
	font-size: 18px;
	border-bottom: 1px dotted #9A8A46;
}

.classpage .class-yousu > h3{
	background: url(../img/class/class_16.svg) no-repeat left center;
	color: #1DB4C5;
	font-weight: bold;
	border-bottom: 1px dotted #1DB4C5;
	background-size: 42px 43px;
}
.classpage .class-yousu .pict-card{
	padding: 30px;
	width: 50%;
	float: left;
}
.classpage .class-yousu .pict-card img{
	width: 100%;
	margin-bottom: 20px;
}
.classpage .class-yousu .pict-card small{
	display: block;
	border-left: 1px solid #1DB4C5;
	padding-left: 20px;
	font-size: 14px;
}
.classpage .class-yousu .pict-card{
	background:#F4FCFC;
}
/*.classpage .class-yousu .pict-card:nth-child(odd) + .pict-card{
	background:#F4FCFC;
}*/
.classpage .class-yousu .pict-card:nth-child(1) ,
.classpage .class-yousu .pict-card:nth-child(2) ,
.classpage .class-yousu .pict-card:nth-child(5) ,
.classpage .class-yousu .pict-card:nth-child(6) ,
.classpage .class-yousu .pict-card:nth-child(9) ,
.classpage .class-yousu .pict-card:nth-child(10),
.classpage .class-yousu .pict-card:nth-child(13),
.classpage .class-yousu .pict-card:nth-child(14),
.classpage .class-yousu .pict-card:nth-child(17),
.classpage .class-yousu .pict-card:nth-child(18) {
	background:#E4F6F8;
}

.classpage .class-message .message-card{
	margin-bottom: 30px;
	border: 1px solid #FFA70E;
}
.classpage .class-message > h3{
	background: url(../img/class/class_17.svg) no-repeat left center;
	color: #FFAE1B;
	background-size: 43px 43px;
	font-weight: bold;
	border-bottom: 1px dotted #FFAE1B;
}
.classpage .class-message .inner-header {
    padding: 25px 35px 20px;
    background: url(../img/class/class_20.png) no-repeat 630px -30px #FFF3DD;
}
.classpage .class-message .inner-content{
	padding: 20px 35px;
	background:#FFF9EF;
}
.classpage .class-message .inner-header h4{
	font-size: 34px;
	margin: 0 0 20px;
}
.classpage .class-message .inner-header h4 small{
	font-size: 21px;
	color: #000;
	white-space: nowrap;
}
.classpage .class-message .inner-header h4 img{
	margin: 0 13px;
}
.classpage .class-message .inner-header p{
	font-size: 15px;
}
.classpage .class-message .inner-header p span{
	color: #FFA70E;
}
.classpage .class-message .inner-header p img{
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #D7001D;
}
.classpage .class-message .inner-content p{
	font-size: 16px;
}
.classpage .class-yoyaku .link-tel {
    width: 49%;
    float: left;
    height: 134px;
    padding: 0;
    margin-top: 20px;
	color: #E60012;
	font-size:12px;
	border: 1px solid #E60012;
}
.classpage .class-yoyaku .link-tel b{
	font-size:28px;
	display:block;
	line-height: 38px;
}

.classpage .class-yoyaku .link-tel:last-child{
	margin-left: 2%;
	background-size: 100%;
}
.classpage .class-yoyaku .link-tel .inner-title{
    background: #E60012;
    text-align: center;
    padding: 10px 0;
}
.classpage .class-yoyaku .link-tel .inner-title img{
    height: 24px;
}
.classpage .class-yoyaku .link-tel .text{
    padding: 15px 25px;
    font-size: 11px;
}
.classpage .class-yoyaku .link-tel .text img{
	margin-top: 5px;
    float: left;
    width: 96px;
    margin-right: 10px;
}


.classpage .footer-word{
    clear: both;
    padding-top: 30px;
}

/* sue0616  */
/* 実績  */
.classpage .goukaku-tsugaku .add-jisseki {
	text-align: center;
}
.classpage .goukaku-tsugaku .add-jisseki a.trig {
	margin: 10px auto 0;
    display: inline-block;
}
.classpage .goukaku-tsugaku .add-jisseki a.trig span {
	color: #E60012;
    display: inline-block;
    margin: 0;
}
.classpage .goukaku-tsugaku .add-jisseki a.trig img {
	width: 16px;
    padding-bottom: 2px;
    margin-left: 3px;
}
.classpage .goukaku-tsugaku span.s-half {
	display: none;
}

/* 声  */
.classpage .class-message .add-card {
	text-align: center;
}
.classpage .class-message .add-card a.trig {
	margin: 0 auto 30px;
    display: inline-block;
}
.classpage .class-message .add-card a.trig span {
	color: #289FE3;
    display: inline-block;
    margin: 0;
}
.classpage .class-message .add-card a.trig img {
	width: 16px;
    padding-bottom: 2px;
    margin-left: 3px;
}
.classpage .class-message .message-card.not-active {
	display: none;
}

/* 講座  */
.classpage .class_kouza .add-kouza {
	text-align: center;
	border: none;
    margin-top: 15px;
}
.classpage .class_kouza .add-kouza a.trig {
	margin: 0 auto;
    display: inline-block;
}
.classpage .class_kouza .add-kouza a.trig.ele span {
	color: #289FE3;
    display: inline-block;
    margin: 0;
}
.classpage .class_kouza .add-kouza a.trig.jun span {
	color: #5D9F33;
    display: inline-block;
    margin: 0;
}
.classpage .class_kouza .add-kouza a.trig.sen span {
	color: #E24F7C;
    display: inline-block;
    margin: 0;
}
.classpage .class_kouza .add-kouza a.trig img {
	width: 16px;
    padding-bottom: 2px;
    margin-left: 3px;
}
.classpage .class_kouza .kouza_elementary.not-active {
	display: none;
}
.classpage .class_kouza .kouza_junior.not-active {
	display: none;
}
.classpage .class_kouza .kouza_senior.not-active {
	display: none;
}


/*.contact-area03 の非表示*/
.contact-area03 {
	display: none!important;
}



/*side*/
.kousha-side{
	margin-bottom:45px !important;
}
.kousha-side nav.classmenu h4.near{
	background:#fff !important;
	color:#d00 !important;
	font-size:16px !important;
	letter-spacing:0 !important;
	text-align:left;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:-5px;
}
.kousha-side nav.classmenu h4.near span{
	font-size:13px !important;
	padding-left:5px;
}

.kousha-side nav.classmenu {
	border-bottom:1px dotted #d00;
	padding-bottom:10px;
}
.kousha-side nav.classmenu ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}
.kousha-side nav.classmenu ul a:hover{
	opacity:1 !important;
	text-decoration:underline;
}

/*class sidebar smartphone */
@media screen and ( max-width: 767px ) {
.kousha-side .inner-content img{
	width:50% !important;
	min-width:280px !important;
}
.kousha-side .inner-content{
	text-align:center !important;
}
.kousha-side .classmenu{
	width:280px;
	margin-left:auto;
	margin-right:auto;
}
}

.kousha-side .inner-content > a{
    display:block;
    margin-bottom: 5px;
}
.kousha-side .inner-content .fa{
    margin-right: 5px;
}
 .kousha-side h4{
	letter-spacing: 0.6em;
	padding-left: 10px;
	background: #E60012;
 	color: #fff;
 	font-size: 15px;
 	margin: 0;
 	line-height: 40px;
 	margin-bottom: 10px;
 }
 .kousha-side .inner-content{
    width: 100%;
}
.kousha-side .inner-content .train{
	margin-bottom: 5px;
}
.kousha-side .inner-content .goju{
	background: #F1F2F3;
	padding: 15px;
}
.kousha-side .inner-content .goju a{
	width: 50%;
	float: left;
	margin-bottom: 5px;
}
.kousha-side .fa-circle-thin{
	color: #CA1520
}

/* .footer-fix-area
-----------------------------*/
.footer-fix-area{
	position: fixed;
	bottom: 0;
	width: 100%;
	display: table!important;
	z-index: 999;
	left: 0;
}
.footer-fix-area > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 90px;
}
.footer-fix-area .ttl{
	background-color: rgba(51, 51, 51, 0.9);
	width: calc(50% - 5px);
}
.footer-fix-area .ttl img{
	width: auto;
	height: 42px;
}
.footer-fix-area .call-area{
	width:25%;
	padding-left: 5px;
}
.footer-fix-area .call-area a{
	display: block;
	background-color: #E60012;
	position: relative;
	height: 100%;
}
.footer-fix-area .call-area a img{
	height: 62px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.footer-fix-area .form-area{
	width: 25%;
	padding-left: 5px;
}
.footer-fix-area .form-area a{
	display: block;
	background-color: #E60012;
	position: relative;
	height: 100%;
}
.footer-fix-area .form-area a img{
	height: 64px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* formorder */
.formorder .tel{
	border-left: 1px solid #E60012;
	border-right: 1px solid #E60012;
	padding-left:25px;
	padding-right:25px;
}

.formorder{
	padding: 45px;
	background:#FDEDE4;
	margin-top: 50px;
}
.formorder .col-2 {
    margin-top: 30px;
}
.formorder .col-2 a {
    width: 48%;
    display: inline-block;
}
.formorder .col-2 a:last-child {
    margin-left: 2%;
}

/*--------------------------------------------------------------
# add
--------------------------------------------------------------*/
.page-id-74 .header .logo h1 small,.page-id-169 .header .logo h1 small,.page-id-171 .header .logo h1 small,.page-id-7183 .header .logo h1 small{
	margin-top: -18px;
}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
@media only screen and (-moz-device-pixel-ratio) { 
    .classpage .class-tel .direct h3 {
        font-size: 30px;
    }
    .classpage .class-tel .direct p.honbu {
        font-size: 13px;
    }
    .flow .col-2 a {
        width: 48.5%;
    }
    .faq .col-2 a {
        width: 48.5%;
    }
 }

/* PC ONLY*/
/* bootstrap md-spec */
@media only screen and (min-width: 992px) {

}

/* bootstrap sm-spec */
@media only screen and (min-width: 768px) {
	.subnav{
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	position: fixed;
	z-index:3;
	width: 100%;
	left: 0;
	background-color: rgba(51, 51, 51, 0.85);
	padding-top: 50px;
	padding-bottom: 50px;
	background-repeat: no-repeat;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	}
	.nav .nav-tab.tab03:hover,.nav .nav-tab.tab03:hover .subnav{
		opacity: 1;
		visibility: visible;
	}
	.subnav .inner {
	text-align: center;
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
	display: table;
	}
	.subnav .inner .subnav-tab {
	display: table-cell;
	vertical-align: top;
	width: 272px;
    padding: 15px;
	}
	.subnav .inner .subnav-tab:first-child{
		margin-left: 0;
	}
	.subnav .inner .subnav-tab a {
	display: block;
	height: auto;
	width: auto;
	color: #fff;
	font-size: 14px;
	background-color: transparent;
	text-align: left;
	line-height: 1.6;
	padding-bottom: 0;
	padding-right: 0;
	letter-spacing: 0.25em;
	position: relative;
	}
	.subnav .inner .subnav-tab a + a{
		padding-top: 5px;
		padding-bottom:5px;
		padding-left: 25px;
	}
	.subnav .inner .subnav-tab a + a span{
		position: absolute;
		left: 0;
	}
	.subnav .inner .subnav-tab a img{
		width: 100%;
	}
	.subnav .inner .subnav-tab a img + p{
		text-align: left;
		padding-top: 10px;
		font-size: 12px;
	}

	.subnav .inner .subnav-tab.subnav-tab-01 a + a:hover span{
		color: #39ADDC;
	}
	.subnav .inner .subnav-tab.subnav-tab-02 a + a:hover span{
		color: #7CB62C;
	}
	.subnav .inner .subnav-tab.subnav-tab-03 a + a:hover span{
		color: #DC6791;
	}
	.subnav .inner .subnav-tab.subnav-tab-04 a + a:hover span{
		color: #1168AB;
	} 
	.nav .nav-tab .subnav a:hover{
    	background-color: transparent;
    }
    .header .container {
        width: 1170px!important;
    }
    /* nav */
    .nav{
        background: #464344;
    }
    .fixed .nav{
        position: fixed;
        top: 0;
        width:100%;
        z-index: 10;
    }
    
    .nav .container{
        padding-left: 0;
        padding-right: 0;
        width: 1140px!important;
    }
    .nav .nav-tab{
        float:left;
    }
    .nav .nav-tab a{
        height:48px;
        padding-right: 1px;
        line-height: 48px;
        padding-bottom: 2px;
        display:block;
        text-align: center;
        width: 179px;
    }
    .nav .nav-tab a img {
        margin-left: 2px;
    }
    .nav .nav-tab.nav-logo a{
        width:64px;
        background:#333;
        margin-left: 0;
        text-indent: 0px;
    }
    .nav .nav-tab a{
        background-repeat:no-repeat;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .nav .tab01 a{
        background-position: 3px 0px;
    }
    .nav .tab02 a{
        background-position:-166px 0;
    }
    .nav .tab03 a{
        background-color:#333333;	
        background-position:-334px 0;
    }
    .nav .tab04 a{
        background-color:#333333;
        background-position:-505px 0;
    }
    .nav .tab05 a{
        background-position:-674px 0;
    }
    .nav .tab06 a{
        background-color:#333333;
        background-position:-841px 0;
    }
    /* hover */
    .nav .tab01 a:hover{
        background-position:3px -48px;
    }
    .nav .tab02 a:hover{
        background-position:-166px -48px;
    }
    .nav .tab03 a:hover{
        background-position:-334px -48px;
    }
    .nav .tab04 a:hover{
        background-position:-505px -48px;
    }
    .nav .tab05 a:hover{
        background-position:-674px -48px;
    }
    .nav .tab06 a:hover{
        background-position:-841px -48px;
    }
    
    
    /* hover */
    .nav .nav-tab.nav-logo a:hover{
        background:#E60012;
    }
    .nav .nav-tab a:hover{
        background-color:#E60012;
    }

    
    
    .container {
        width:1060px!important;
    }
    #content .container{
        padding-left: 0;
        padding-right: 0;
    }
    html{
        /* min-width:1000px!important; */
    }
    #header {
        width: 100%;
        min-width: 1000px;
    }
    .slide-banner{
        min-width: 1000px;
        width: 100%;
        overflow: hidden;
    }
    .footer-fix-area{
		display: none!important;
	}
}

/* SMALL PC / iPad-landscape */
/* bootstrap md-spec and below */
@media only screen and (max-width: 1199px) {

}

/* SMT / iPad-portrait */
/* bootstrap sm-spec and below */
@media only screen and (max-width: 991px) {	

}

@media only screen and (min-width: 641px) and (max-width: 767px) {
	#content{
        clear: both;
        margin-top: 20px;
	}
}

/* iPhone (landscape/portrait) */
/* bootstrap xs-spec only */
@media only screen and (max-width: 767px) {
	body{
		overflow-x:hidden;
	}
	.home #content{
    	overflow-x: hidden;
	}
	.error-page{
		min-height: auto;
		margin-bottom: 30px;
	}
	.error-page h3{
		line-height: 1.4;
	}
	.error-page .errormark{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.error-page .errormark p{
		font-size: 115px;
	}
	.error-page .errormark p span{
		font-size: 25px;
	}
	.header .container {
		padding-left:15px; 
	}
	.header {
		padding: 11px 0 11px;
		position: fixed;
		z-index: 3;
		top: 0;
		width: 100%;
	}
	.header .logo a{
		display:block;
		width:50%;
		float:left;
		padding-left: 0;
	}
	.header .logo a:first-child{
		text-align: left;
	}
	.header .logo a:last-child{
		text-align: right;
	}
	.header .logo h1 small {
		font-size: 8px;
		margin-bottom:3px;
		margin-top: -9px!important;
		white-space: nowrap;
	}
	.header .logo img {
		margin-left: 0px;
		height: 29px;
		width:auto;
		max-width: none;
	}
	.header .logo a .no-mp img{
		position: absolute;
		top: 16px;
	}
	.header .logo{
		float: none;
		margin: 5px auto 10px;
		width: 100%;
	}
	.header .inner-content{
		text-align: center;
	}
	.header .inner-content .banner{
		float: none;
		margin-left: 0px;
	}
	.header .inner-content .banner a.siryoseikyu {
		margin-right: 2%!important;
		width: 49%;
		background: none!important;
		text-indent: 0!important;
	}
	.header .inner-content .banner a.taikenjugyo {
		margin-left: 0px;
		width: 49%!important;
		background: none!important;
		text-indent: 0!important;
		height: auto!important;
	}
	.header .inner-content .tel{
		float:none;
	}
	.header .tel-link {
		display: block!important;
		text-indent: 0px!important;
		text-align: center;
		margin-bottom: 0px;
	}
	.header .tel-link img {
		border-left: 0 none!important;
	}
	#header {
		position: static;
	}

	.sp-fixed-tel{
		display:inline-block;
	}


	.sp-fixed-drawer:before {
		content: "\f0c9";
		font-family: FontAwesome;
		font-size: 18px;
		display: block;
	}
	.on.sp-fixed-drawer:before{
		content:"\f00d";
	}
	.sp-fixed-tel{
		float: right;
	}
	.sp-fixed-tel a {
		width: 34px!important;
		margin-right: 5px;
		margin-top: 6px;
	}
	.sp-fixed-tel img {
		padding: 0!important;
		height: 37px!important;
	}
	.header .tel-link img{
		margin-top: 0;
	}
	.sp-fixed-drawer {
		display: inline-block;
		float: right;
		font-size: 10px;
		text-align: center;
		padding: 3px 7px;
		background: #eee;
		margin-left: 5px;
		border-radius: 3px;
	}
	.sp-fixed-drawer-content {
		position: fixed;
		top: 67px;
		background: #fff;
		width: 100%;
		left: 0;
		border-bottom: 1px solid #ED1C24;
	}
	.sp-fixed-drawer-content ul{}
	.sp-fixed-drawer-content li {
		width: 100%;
		clear: both;
		float: left;
		text-align: center;
	}
	.sp-fixed-drawer-content li a {
		width: 100%!important;
		text-align: center!important;
		padding:15px 0;
		border-bottom: 1px dotted #ED1C24;
	}
	.sp-fixed-drawer-content li .toggle-btn{
		background: url(../img/common/sp-08.svg) no-repeat right 20px center;
		background-size: 20px;
	}
	.sp-fixed-drawer-content li .toggle-btn.on{
		background: url(../img/common/sp-13.svg) no-repeat right 20px center;
		background-size: 20px;
	}
	.sp-fixed-drawer-content li .toggle-area{
		/* height: 0; */
		overflow: visible;
		display: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	/* .sp-fixed-drawer-content li .toggle-area.on{
		height:200px;
		overflow: visible;
	} */
	.sp-fixed-drawer-content li .toggle-area .sub-link{
		background-color: #eee;;
	}
	.fixed-overlay.on{
		display:block;
		width: 100%;
		background: rgba(255,255,255,0.7);
		height: 100%;
		position: fixed;
		top: 0;
	}
	html.on,.smt.fixed.on{
		overflow: hidden;
	}


	/*side*/
	.side{
		padding-top: 30px;
		max-width: 100%;
	}
	.side-page .banner-links a {
    margin-bottom: 8px!important;
	}
	.side-page .banner-links a p {
    margin-bottom: 8px;
    text-align: center;
    margin-top: 10px;
	}
	.side-page .side_btn_ele{
		border: 1px solid #39ADDC;
	}
	.side-page .side_btn_jun{
		border: 1px solid #7CB62C;
	}
	.side-page .side_btn_sen{
		border: 1px solid #DC6791;
	}
	.side-page .side_btn_med{
		border: 1px solid #1168AB;
	}
	.side-page .side_btn_ele img{
		border: 0 none;
		padding: 0;
	}
	.side-page .side_btn_jun img{
		border: 0 none;
		padding: 0;
	}
	.side-page .side_btn_sen img{
		border: 0 none;
		padding: 0;
	}
	.side-page .side_btn_med img{
		border: 0 none;
		padding: 0;
	}
	/*
	.row-0 > .side{
		padding-left: 15px;
		padding-right: 15px;
	}
	*/

	.side-page .course-link {
		margin-bottom: 10px;
		margin-left: -1%;
		margin-right: -1%;
	}
	.side-page .banner-links a {
		display: block;
		margin-bottom: 10px;
		width: 48%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
	}
	.side-page .banner-links > a {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}


/*index*/
	.row-xs-0{
        margin-left:0px;
        margin-right:0px;
	}
	.row-xs-0 > div{
        padding-right:0px;
        padding-left:0px;
	}
	.row-xs-10 {
        margin-left: -5px!important;
        margin-right: -5px!important;
	}
	.row-xs-10 > div{
        padding-right:5px;
        padding-left:5px;
	}
	.clear-xs{
        clear: both;
	}
	.tel-link {
        pointer-events: auto;
        cursor: pointer;
	}


/* navi */
	.nav{
        border-bottom: 1px solid #fff;
        margin-top: 72px;
	}
	.nav .row > div,
	.nav .container{
        padding-left: 0px!important;
        padding-right: 0px!important;
	}
	.nav .row{
        margin-right: 0;
        margin-left: 0;
	}
	.nav-tab {
        float: left;
        width: 20%;
        border-right: 1px solid #fff;
	}
	.nav-tab a {
        display: block;
        background: #333;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding-top:50px;
        padding-bottom: 10px;
	}
	.nav-tab.tab06{
        border-right: 0 none;
	}

	.nav-tab.tab01 a{
		background:url(../img/header/nav-icon_01.svg) no-repeat center 10px #333;
		background-size: 18px 29px;
	}
	.nav-tab.tab02 a{
		background:url(../img/header/nav-icon_03.svg) no-repeat center 10px #333;
		background-size: 32px 29px;
	}
	.nav-tab.tab03 a{
		background:url(../img/header/nav-icon_02.svg) no-repeat center 10px #333;
		background-size: 32px 29px;
	}
	.nav-tab.tab04 a{
		background:url(../img/header/nav-icon_04.svg) no-repeat center 10px #333;
		background-size: 20px 29px;
	}
	.nav-tab.tab06 a{
		background:url(../img/header/nav-icon_05.svg) no-repeat center 10px #333;
		background-size: 35px 32px;
	}

    /* contact-area */
    .contact-area{
     }
    .contact-area a.tel-banner{
        display:block;
        border:1px solid #E60012;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .contact-area h4{
        background:#E60012;
        color:#fff;
        margin: 0;
        font-size: 14px;
        padding:8px 10px;
    }
    .contact-area h4 img {
        margin-right: 5px;
        float: left;
    }
    .contact-area p{
        text-align: center;
        padding:10px 0;
        margin:0;
    }
    .contact-area .form-link{
        display:block;
        text-align: center;
        color:#fff;
        font-size: 12px;
        padding:8px 0;
        background:url(../img/common/sp-06.svg) no-repeat bottom right;
        background-size: 12px;
    }
    .contact-area .form-link img{
        margin-bottom: 5px;
    }
    .contact-area .form-link.form-link-01{
        background-color:#d61f27;
    }
    .contact-area .form-link.form-link-02{
        background-color:#d61f27;
    }
    .contact-area .form-link.form-link-03{
        background-color:#333;
        margin-top: 10px;
        padding:15px 0;
    }
    .contact-area .form-link.form-link-04{
        background-color:#333;
        margin-top: 10px;
        padding:15px 0;
    }
    .contact-area .page_link_tab{
    	display: block;
    	text-align: center;
    	padding: 15px 0;
    	font-size: 12px;
    	color: #d61f27;
    	border: 1px solid #d61f27;
    	margin-top: 10px;
	background-image: url(../img/index/red_arrow.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 5px bottom 5px;
    }
    .row.contact-area .col-xs-12 {
    	padding: 0 5px!important;
    }
    
    .tellist{
        background:#FCE8E9;
        margin-top: 15px;
    }
    .tellist .col-xs-12 > div{
        border:1px solid #E60012;
        margin:15px 0;
    }
    .tellist .toggle{
        background:url(../img/common/sp-08.svg) no-repeat right center;
        margin:0 15px;
        padding:10px 0;
        background-size: 20px;
    }
    .tellist .toggle.on{
        background:url(../img/common/sp-13.svg) no-repeat right center;
        background-size: 20px;
    }
    .tellist .toggle h4{
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding:4px 0 4px 30px;
        color:#E60012;
        background:url(../img/common/sp-07.svg) no-repeat left center;
        background-size: 20px;
    }
    .tellist .tabs{
        text-align: center;
        border-bottom:1px solid #E60012;
    }
    .tellist a.tab{
        display:inline-block;
        width:22%;
        background:#fff;
        font-size: 12px;
        padding:10px;
    }
    .tellist a.tab.on{
        background:#E60012;
        color:#fff;
    }
    .tellist .inner-content{
        padding-bottom: 2%;
        background:#fff;
    }
    .tellist #sec02,.tellist #sec03,.tellist #sec04{
        display:none;
    }
    .tellist a.tel-item {
        display: block;
        width: 46%;
        margin: 2% 2% 0%;
        background: url(../img/common/sp-10.svg) no-repeat bottom right #fff;
        background-size: 12px;
        float: left;
    }
    .tellist a.tel-item > div {
        border: 1px solid #E60012;
        background: url(../img/common/sp-09.svg) no-repeat 6px center;
        background-size: 26px;
        padding: 2px 0 2px 40px;
    }
    .tellist a.tel-item span{
        display:block;
    }
    .tellist a.tel-item span.name{
        color:#E60012;
    }
    .tellist a.tel-item span.telnum{
        font-size: 12px;
    }
    .tellist .tabs,.tellist .inner-content{
        display:none;
    }

    .activity{
    	min-width: 100%;
    }

    #footer{
        color: #fff;
        padding-top: 15px;
        padding-bottom: 20px;
        min-width: 100%;
    }
    .foot-link + .inner-header{
        padding-top: 15px;
        clear:both;
    }
	#footer .foot-left {
        border-right: 0 none;
	}
	#footer .col-50per{
		width:100%!important;
	}
	#footer .col-50per li{
		width:50%;
		float:left;
	}
	#footer li {
        text-align: center;
        border-top: 1px solid #D4D6D9;
        border-bottom: 1px solid #D4D6D9;
        margin-top: -1px;
	}
	#footer li:nth-child(even) {
		border-left: 1px solid #D4D6D9;
	}
	#footer li a{
		display: block;
		padding: 10px 0;
		font-size: 10px;
	}
	#footer .foot-link li a{
		background:url(../img/common/sp-11.png) no-repeat right 4px center;
		background-size: 14px;
	}
	#footer .foot-left .inner-content,#footer .foot-right .inner-content{
		padding-top: 20px;
		clear: both;
	}
	.copyright{
		min-width: 100%;
	}

	/*sidebar*/
	.side-page{
		width:100%;
	}

    .event-archive .side .inner-content{
        margin-left: 0px;
    }
	.event-archive .item .date {
        width: 25.5%;
	}
	.event-archive .item .pict {
        float: left;
        width: 40%;
	}
	.event-archive .item .eventcate {
        float: left;
        margin-left: 12px;
        width: 31%;
	}
	.event-archive .item {
        width: 100%;
        margin-bottom: 20px;
	}
	.event-archive .item:nth-child(odd) {
        margin-right: 0px;
	}
	.event-archive .item:nth-child(even) {
        margin-left: 0px;
	}
	.item .date img,.item .pict img,.item .eventcate span{
		width: 100%;
	}

	/*single*/
	.news .side .inner-content{
        margin-left: 0px;
	}

    /*event single*/
    
    .eventpage .info .eventcate span {
        margin-bottom: 13px;
    }
	.eventpage .info{
	    width: 100%;
	    float: none;
	    margin-right: 0;
	}
	.eventpage .main-pict {
	    width: 100%;
	    float: left;
	    height: auto;
	    overflow: hidden;
	    padding-top: 30px;
	}
	.eventpage .event-title h3 {
    font-size: 24px;
	}
	.eventpage .inner-main h3 {
    font-size: 30px;
	}
    .eventpage .inner-main h4 {
        font-size: 20px;
        line-height: 1.5;
    }
	.eventpage .info .date {
	    width: 44%;
	    margin-right: 7.5%;
	    float: left;
	}
	.eventpage .info .eventcate{
	    width: 48.5%;
	    float: left;
	}
	.eventpage .inner-main .sub-pict .pict {
        width: 100%;
        float: none;
	}
	.eventpage .inner-main .sub-pict .pict img{
		width: 100%;
	}
	.eventpage .inner-main .sub-pict .pict:nth-child(3n+2){
        margin: 0;
	}
	.eventpage .inner-main .sub-pict .pict small {
        margin-bottom: 20px;
	}
	.eventpage .inner-main .detail table tr th {
        width: 35%;
	}
	.event-archive .side .inner-content,.eventpage .side .inner-content {
        margin-left: 0px;
        padding-top: 0px;
	}

	.event-archive .item .eventcate span {
        width: 100%;
        line-height: 26px;
	}


	#footer,.contact-link,.class-list{
	min-width: 100%;
	}
	/*bootstrap fix*/
	.page-header {
        padding-bottom: 0!important;
        margin:0;
        border-bottom:0 none!important;
	}

    /*class*/
    .classpage .soudankai.top-news .inner-header h3{
    	margin: 0;
    	font-weight: bold;
    	letter-spacing: 0.2em;
    	color: #E60012;
    	line-height: 1.4;
    	font-size: 18px !important;
	}
	.classpage .soudankai.top-news .inner-content{}
	.classpage .soudankai.top-news .inner-content .outer {
		width: 100%;
	}
	.classpage .soudankai.top-news .inner-content .outer .txt-box{
		display: block;
		padding-right: 0;
	}
	.classpage .soudankai.top-news .inner-content .outer .pict-box{
		display: block;
		width: 100%;
		margin-top: 30px;
	}
	.classpage .soudankai.top-news .inner-content .outer .pict-box .pict-card{}
	.classpage .soudankai.top-news .inner-content .outer .pict-box .pict-card img{}
	.classpage .soudankai.top-news .inner-content .outer .pict-box .pict-card small{}

    .classpage .class-koushi .koushi-card .info,.classpage .class-info,.classpage .class-map,.classpage .class_content {
        width: 100%;
	}
	.classpage .class_content > h3 {
		font-size: 18px!important;
	}
	/* .classpage .class_content > h2 {
		font-size: 18px!important;
	} */
	/* page navi */
	.classpage .class-tab-sp{
		margin-bottom: 0;
	}
	.classpage .class-tab-sp .item{}
	.classpage .class-tab-sp a.tab{
		padding: 20px 0 0;
		height: 90px;
		background-position: center bottom 20px;
		background-size: 20px 20px;
	}
	.classpage .class-tab-sp a.tab p{
		font-size: 14px;
	}
	
    .classpage .class_content > h3 {
		line-height: 1.6;
		font-size: 22px;
		height: auto;
		background-size: 30px 30px;
		padding: 10px 0 10px 40px;
	}
    .classpage .class-map {
        margin-left: 0px;
		margin-bottom: 40px;
		margin-top: 25px;
    }
    .classpage .class-title h2 {
        font-size: 22px;
        margin-top: 0;
    }
    .classpage .class-title p {
        margin-bottom: 3px;
    }
    .classpage .type_item span {
    font-size: 10px;
    letter-spacing: 0em;
	}
	.classpage .type_item.type_4 span {
    background-color: #345d3b;
    padding-left: 0;
	}
    .classpage .class-title h2 img {
        width: 100px;
    }
    .classpage .class-title h2 span {
        margin-top: 0px;
    }
    .classpage .class-tel .direct h3 {
        font-size: 26px;
        line-height: 0.85;
        padding-left:0.25em;
    }
    .classpage .class-tel .direct h3 small {
        color: #E60012;
        font-size: 10px;
        display: block;
        clear: both;
        margin-top: 5px;
    }
    .classpage .class-tel .direct img {
        width: 130px;
    }
    .classpage .class-tab a {
        width: 30.3%;
    }
    .classpage .class-tab a img {
        height: 100px;
    }
    .classpage .class-dig{
	background-color: #FEF2F3;
	padding: 15px;
	}
	.classpage .class-dig > h3{
		font-size: 16px!important;
		padding: 15px 0 30px!important;
		text-align: center;
	}
	.classpage .class-dig .dig_point{
		display: block;
	}
	.classpage .class-dig .dig_point + .dig_point{
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px dashed #E60012;
	}
	.classpage .class-dig .dig_point > *{
		display: block;
	}
	.classpage .class-dig .dig_point .pict{
		width: 150px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.classpage .class-dig .dig_point .pict img{
		width: 100%;
	}
	.classpage .class-dig .dig_point .text{
		padding-left: 0;
	}
	.classpage .class-dig .dig_point .text h4{
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	.classpage .class-dig .dig_point .text p{
		line-height: 1.6;
		letter-spacing: 0.05em;
	}
    .class-map,.class-news{
        margin-top: 30px;
    }
    .classpage .class-goaisatsu img {
        margin-bottom: 20px;
    }
    .classpage .class-yoyaku .link-tel .text {
        padding: 15px 25px;
        max-width: 360px;
        margin: auto;
    }
    .classpage .class-koushi > h3 small {
        width: 100%;
        float: none;
        display: block;
        margin-top: 5px;
    }
    .classpage .class-koushi .koushi-card .pict {
        float: none;
        text-align: center;
        margin: auto;
        padding-top: 20px;
    }
    .classpage .class-koushi .koushi-card {
        float: left;
        width: 100%;
    }
    .classpage .class-koushi .koushi-card .kodawari {
        padding: 0px 20px 60px 20px;
        background-position: bottom center;
        margin-bottom: 20px;
    }
    .classpage .class-yousu .pict-card {
        width: 100%;
        height: 100%!important;
    }
    .classpage .class-message .inner-header {
        padding: 25px 20px 20px;
    }
    .classpage .class-message .inner-content {
        padding: 20px;
    }
    .classpage .class-message .inner-header h4 {
        font-size: 16px;
        line-height: 1.6;
    }
    .classpage .class-message .inner-header h4 small {
        font-size: 14px;
    }
    .classpage .class-message .inner-content p {
        font-size: 14px;
    }
    .classpage .class-message .inner-header h4 img {
        width: 26px;
    }
    .classpage .class-yoyaku .link-tel {
        width: 100%;
        background-size: 100%!important;
        padding: 0px;
        font-size: 10px;
    }
    .classpage .class-yoyaku .link-tel:last-child {
        margin-left: 0;
    }
    .classpage .class-yoyaku .link-tel b {
        font-size: 26px;
    }
    
.classpage .goukaku-tsugaku {}
.classpage .goukaku-tsugaku h3{
	font-size: 18px;
}
.classpage .goukaku-tsugaku h3 span.date{
	display: block;
	margin-top: 10px;
}
.classpage .goukaku-tsugaku .inner-title .inner-header {
    float: left;
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}
.classpage .goukaku-tsugaku .inner-title .inner-header img{
	width: 100%;
	max-width: 180px;
}
.classpage .goukaku-tsugaku .inner-title .inner-content {
    float: left;
    margin-left: 0;
    width: 100%;
    border-bottom: 1px solid #e60012;
    max-width: 100%;
    height: auto;
}
.classpage .goukaku-tsugaku .inner-title .inner-content img{
	height: auto;
	width: 100%;
}
.classpage .goukaku-tsugaku .inner-title .inner-content small{
	margin-left: 0;
	display: block;
	text-align: right;
	margin-top: 5px;
}
.classpage .goukaku-tsugaku table{}
.classpage .goukaku-tsugaku table tr{}
.classpage .goukaku-tsugaku table tr td{
	padding: 0 0 15px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	border: 0 none;
	font-size: 14px;
}
.classpage .goukaku-tsugaku table tr.row-8 td{
    padding-top: 35px;
}




    .classpage .class_kouza h3 {
        padding: 20px 20px 20px 65px!important;
        font-size: 16px!important;
		background-size: 30px 30px!important;
		line-height: 1.6!important;
    }
    .classpage .class_kouza table {
        padding: 15px 15px 0;
    }
    .classpage .class_kouza table tr {
        margin-left: 15px;
        margin-right: 15px;
    }
    .classpage .class_kouza table tr td{
        display: block;
    }
    .classpage .class_kouza table tr td.column-1 {
        font-size: 12px;
        font-weight: bold;
        width: auto;
        padding: 2px 10px;
        margin-bottom: 5px;
        display: inline-block;
    }
    .classpage .class_kouza table tr td.column-2 {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 1.6;
		text-align: justify;
    }
    .classpage .class_kouza .information{
        width: 100%;
    }
	.classpage .class_kouza .information .inner-block {
	    width: 100%;
	    overflow: hidden;
	    padding: 15px 0;
	}
	.classpage .class_kouza .information .tel-block img {}
	.classpage .class_kouza .information .tel-block b {
		font-size: 24px;
	}
    .classpage .class_kouza .information .tel-block {
        font-size: 10px;
        display: block;
        width: 310px;
        margin: auto;
        float: none;
        clear: both;
    }

	/*side*/
	#content .container > .side{
		padding-top: 60px;
	}

    /* single */
	.formorder .col-2 a {
	    width: 100%;
	}
	.formorder .col-2 a:last-child {
	    margin-left: 0%;
	    margin-top: 15px;
	}
	.formorder .col-2 a:last-child {
		margin-top: 0;
	}
	.formorder .tel{
		margin-top: 15px;
	}
	.formorder .flowstep,.formorder{
        padding: 20px;
	}

	/*----------	Common Contact Form (.col-cmn-contact)	----------*/
	.col-cmn-contact{
		padding: 0;
	}
	.col-cmn-contact.p15rl{
		padding-left: 15px;
		padding-right: 15px;
	}
	.col-cmn-contact .inner-block{
	    padding: 30px 15px;
	}
	.col-cmn-contact h3.inner-header{
		border: 0 none;
	}
	.col-cmn-contact h3.inner-header img{
		padding-right: 0px;
		padding-left: 0px;
	}
	.col-cmn-contact .inner-content{
		display: block;
	}
	.col-cmn-contact .inner-content .inner-title{
		display: block;
		width: 100%;
		padding: 5px;
		font-size: 12px;
	}
	.col-cmn-contact .inner-content .inner-tel{
		display: block;
		width: 100%;
		padding-left: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.col-cmn-contact .inner-content .inner-tel a{}
	.col-cmn-contact .inner-content .inner-tel a img{
		padding-right: 0px;
	}
	.col-cmn-contact .inner-content .inner-btn {
		display: block;
		width: 100%;
		padding-left: 0;
		border: 0 none;
	}
	.col-cmn-contact .inner-content .inner-btn a{
		font-size: 12px;
	}
	.col-cmn-contact .inner-content .inner-btn a:hover{
    }
	.col-cmn-contact .inner-footer{
		font-size: 12px;
	}
	.col-cmn-contact .inner-footer a.class-search-btn {
    }
}

@media only screen and (min-width: 421px) and (max-width: 767px) {
	.side-page .event-latest .inner-title{
	}
	.classpage .class-goaisatsu .goaisatsu-content .pict{
		width: 25%;
	}
	.classpage .class-goaisatsu .goaisatsu-content .pict img{
        padding-right: 20px;
	}
	.classpage .class-goaisatsu .goaisatsu-content .text{
        width: 75%;
	}
}

/* iPhone6plus */
@media only screen and (max-width: 420px) {
	#page-top {
        right: 10px;
        bottom: 10px;
        width: 32px;
	}
	.move-page-top {
        height: 32px;
        width: 32px;
	}
	.move-page-top img{
		height: 7px;
		width: auto;
	}

    .leadtext{
        font-size: 15px!important;
        line-height: 1.6;
    }
	.hidden-xxs{
		display: none!important;
	}
	.classpage .class-goaisatsu .goaisatsu-content .pict{
        width: 100%;
		text-align: center;
		padding-right: 0px;
	}
	.classpage .class-goaisatsu .goaisatsu-content .pict img{
		float: none;
	}
	.classpage .class-goaisatsu .goaisatsu-content .text{
        width: 100%;
	}
}

/* iPhone6 */
@media only screen and (max-width: 380px) {

    .event-archive .item .eventcate span {
        width: 100%;
        line-height: 23px;
        font-size: 10px;
    }
    .classpage .class-tab a.middle {
        margin: 0 15px;
    }
    .classpage .class-yoyaku .link-tel .text {
        padding: 15px 20px;
    }
}

/* iPhone4,5 */
@media only screen and (max-width: 320px) {
	.visible-xxs{
		display: inline;
	}

	.header .logo h1 small {
        font-size: 6px;
        margin-bottom: 3px;
	}
	.header .logo img {
        height: 26px;
	}
	.sp-tel{
        max-width: 140px;
	}
    .tomas-point a {
        height: 70px;
    }
    .tomas-point a img {
        max-width: 90%;
    }
    .contact-area a.tel-banner p img{
        max-width: 94%;
    }
	.header .banner a img {
	}
	.header .inner-content .links > img{
		width: 55%;
	}
	.header .inner-content .links div img{
		width: 80%;
	}
    .contact-area h4 {
        font-size: 12px;
        float: left;
        width: 100%;
        line-height: 19px;
            margin-bottom: 10px;
    }
	.tellist a.tab {
        font-size: 10px;
	}
	.tellist a.tel-item span.name {
        font-size: 11px;
	}
	.tellist a.tel-item span.telnum {
        font-size: 10px;
	}


	#footer li a {
        display: block;
        font-size: 10px;
        padding: 10px 0;
	}
	#footer h4 {
        font-size: 12px;
	}
	.eventpage .info .eventcate span {
        font-size: 14px;
        line-height: 34px;
	}
	.event-archive .item .eventcate {
        width: 30%;
	}
	.event-archive .item .eventcate span {
        width: 100%;
        line-height: 18px;
        background: #E3E4E6;
        font-size: 10px;
	}


    /* class page */
    .classpage .class-tel .direct h3 {
        font-size: 26px;
        line-height: 1.1;
    }
    .classpage .class-tab a.middle {
        margin: 0px 13px;
    }
    .classpage .class-yoyaku .link-tel .inner-title img {
        height: 18px;
    }
    .classpage .class-yoyaku .link-tel {
        height: auto;
    }
    .classpage .class-yoyaku .link-tel .text img {
        width: 65px;
        margin-right: 4px;
    }
    .classpage .class-yoyaku .link-tel b {
        font-size: 25px;
        line-height: 1;
    }
    .classpage .class-yoyaku .link-tel .text {
        padding: 15px;
    }
    .classpage .class-koushi .koushi-card .info h3 small {
        display: block;
        margin-top: 5px;
    }
    
    .classpage .class_kouza .information .tel-block img {
        width: 50px;
    }
    .classpage .class_kouza .information .tel-block b {
        line-height: 20px;
        font-size: 24px;
    }
    .mfp-content {
    margin-top: 80px!important;
    }
}

.line-button-pos {
	text-align: right;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
}



/* top_slider-counter */
a.slider-counter {
    position: relative;
    display: block;
    width: 100%;
    pointer-events: none;
    cursor: default;
}
.slider-counter img {
    position: absolute;
    top: 0px;
    width: inherit;
}
@media only screen and (max-width: 767px) {
	a.slider-counter {
		background: url(../img/top_slider-counter/slider-counter_sm.jpg) 100% no-repeat;
		background-size: contain;
		width: 100%;
		padding-top: 36.3%;
	}
	.counter-image_count {
		display: none !important;
	}
	
	.line-button-pos {
	text-align: center;
	width: auto;
	}

}


/*202202add*/


.classpage .top_address{
display:block;
font-size:11px;
margin-top:-15px;
padding-top:0px;
clear:both;
}

.classpage .top_address::before{
content:"■";
font-size:11px;
}

.classpage .to_gmap{
font-size:13px;
text-align:right;
margin-top:-5px;
}
.classpage .to_gmap a{
text-decoration:underline;
}
.classpage .to_gmap a:hover{
opacity:0.8;
}

.classpage .to_map_new{
display:block;
font-size:13px;
text-align:right;
margin-top:10px;
}

.classpage .to_map_new a{
text-decoration:underline;
}
.classpage .to_map_new a:hover{
opacity:0.8;
}