/*
Theme Name: GunzeSportsShop
Description: Gunze Sports Shop Theme ( テーマの説明 )
Author URI: https://37design.co ( 作者のURL )
Version: 1.0.0
Template: habakiri
*/


/* Noto Sans Webfont用 CSS */

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 200;
  src: url("font/nsjpl.woff") format("woff");
}

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 400;
  src: url("font/nsjpr.woff") format("woff");
}

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 700;
  src: url("font/nsjpb.woff") format("woff");
}

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 900;
  src: url("font/nsjpc.woff") format("woff");
}

body {
  font-family: "nsjpr", sans-serif;
  font-weight: 400;
}

/* デザインマージン */

.youtube-area {
    margin-bottom: 82px;
}

@media only screen and (max-width: 767px) {
	.youtube-area {
    margin-bottom: 16px;
}
}

#bannersection {
    margin: 0 0 34px;
}

#bannersection p {
    margin: 0 0 40px;
}

#menusection {
    margin-bottom: 86px;
}

#companysection {
    margin-bottom: 80px;
}

#main {
    margin-bottom: 44px;
}

/* ヘッダーナビ Fix*/

.nav-fixed {
    position: fixed;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

#contents {
    padding-top: 70px;
    overflow-x: hidden;
}

/* Shop Map CSS */

.imap .imapwrap{
	margin: 20px 0;
	background-color: #ffffff;
}

.imap img {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    object-fit: contain;
	font-family: 'object-fit: contain;'; /*IE対策*/
}

.iframemapwrap{
	width: 100%;
	height: 400px;
	margin: 20px 0;
	border: #ccc solid 1px;
}

/* スライダー CSS */

button.slick-arrow {
    display: none !important;
}

/* キュアケアボディ CSS*/

.ccbodybox1 h2 {
    text-align: center;
    color: #ffffff;
    background: #E84378;
    margin: 0 0 24px;
    padding: 24px;
    font-size: 18px;
    font-weight: 700;
}

.ccbodybox1 h3 {
    font-size: 18px;
    margin: 0 0 16px;
    border-top: 1px solid #E84378;
    border-bottom: 1px solid #dddddd;
    padding: 16px;
    background-color: #f8f8f8;
}

.ccbodybox1 h4 {
    font-size: 16px;
    color: #E84378;
    margin: 0 0 16px;
}

.ccbodybox1 img {
    margin-bottom: 16px;
}

.ccbodybox3 h4 {
    background: #FADBE1;
    font-size: 16px;
    padding: 8px;
    color: #666666;
}

.ccbodybox4 h4 {
    font-size: 16px;
    color: #666666;
    margin: 0 0 16px;
    padding: 16px 0px 16px 0px;
    border: solid 1px #dddddd;
    border-radius: 4px;
    background: #fdfdfd;
}

.ccbodystep {
    color: #ffffff;
    background: #E84378;
    padding: 16px 32px;
    margin-right: 16px;
    border: 1px solid #E84378;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ccbodybox4 p {
    position: relative;
    margin-bottom: 40px;
}

.ccbodybox4 p::after {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 16px solid #E84378;
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translate(-50%,-50%);
}

h4.goriyoukaishi {
    text-align: center;
    padding: 16px;
}

/* レスポンシブテーブル */

.plantable.table>tbody>tr>td {
    border: 1px solid #ddd;
}

.plantable.table>tbody>tr>th {
    border: 1px solid #ddd;
}

.plantable tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.plantable td{
	width: 33%;
}

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

.plantable.table>tbody>tr>td {
    border: none;
}

.plantable.table>tbody>tr {
	border: 1px solid #ddd;
}

.plantable tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
.plantable tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table>tbody>tr>th {
    border: none;
}

.resptable th {
    display: none;
}

.resptable td {
    display: block;
}

.resptable td::before {
    content: attr(label);
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
}

.resptable.table-bordered>tbody>tr>td {
    border-top: 1px solid #ddd;
	border-left: none;
	border-right: none;
    border-bottom: none;
}

.resptable.table-bordered{
    border-top: none;
}

.labelinline td {
    display: flex;
}

.labelinline td::before {
  	    width: 116px;
}

.plantable.resptable td	{
	display: flex;
	width: 100%;
  align-items: center;
}

.plantable.resptable td::before	{
	width: 120px;
}


}
/* タイムテーブルCSS */

.page-calendar-print {
    display: none;
}

.program-search {
    background: #336A90;
    color: #ffffff;
}

.calendar-label__studio-list, .calendar-presentation-list {
    flex-wrap: nowrap;
}

.timetablebbox1 h1{
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background: #336a90;
    padding: 24px;
    margin: 0 0 24px;
}

.calendar-presentation-event-header-icon {
	width: 72px;
	text-align: right;
}

.calendar-presentation-event-header-icon img {
    width: 30px;
    margin-right: 2px;
    line-height: 1;
    vertical-align: text-top;
}

.calendar-presentation-event__time::before {
    content: "";
    margin-right: 0;
}


.calendar-presentation-event {
    min-height: 30px !important;
}


.calendar-presentation-event-hover-inner {
    background: #444444!important;
    color: #ffffff;
    font-weight: 700;
}

.calendar-presentation-event-hover-inner::before {
    border-bottom: 15px solid #444444 !important;
}

.calendar-presentation-event-header-info {
    width: calc(100% - 32px);
}

.calendar-presentation-event-header-icon {
    width: 32px;
    text-align: right;
}

.calendar-presentation-event__staff:empty {
    display: none;
}

.contentchanged {
    border: 2px solid #da4033;
    border-radius: 4px;
}

.contentchanged::before {
    background-color: #da4033;
    color: #ffffff;
    font-size: 10px;
    content: "内容変更";
    font-weight: bold;
    left: 8px;
    padding: 0 6px;
    position: absolute;
	top: -10px;
    border-radius: 16px;
    z-index: 100;
}

.staffchanged {
    border: 2px solid #da4033;
    border-radius: 4px;
}

.staffchanged::before {
    background-color: #da4033;
    color: #ffffff;
    font-size: 10px;
    content: "担当者変更";
    font-weight: bold;
    left: 8px;
    padding: 0 6px;
    position: absolute;
	top: -10px;
    border-radius: 16px;
    z-index: 100;
}

.staffchanged.contentchanged::before {
    background-color: #da4033;
    color: #ffffff;
    font-size: 10px;
    content: "担当者・ 内容変更";
    font-weight: bold;
    left: 8px;
    padding: 0 6px;
    position: absolute;
	top: -10px;
    border-radius: 16px;
    z-index: 100;
}



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

	.calendar-label__studio-list, .calendar-presentation-list {
    flex-wrap: wrap;
	}

	.calendar-presentation-event-hover {
    display: none !important;
   	}
   	.page-calendar-print{
	   	display: none;
   	}
    .calendar-presentation-event-header-info {
    width: calc(100% - 100px);
	}
	.calendar-presentation-event-header-icon {
    width: 100px;
    text-align: right;
	}
	.calendar-presentation-event {
    position: relative;
	}
	.calendar-legends-item .label {
    width: 100%;
	}
	.page-calendar-tabmode {
    display: none;
	}

}

@media only screen and (min-width: 641px) {
		.calendar-label__studio-item, .calendar-presentation-space {
    display: block;
    width: 100%;
    max-width: 290px;
    min-width: 240px;
}

		.non-tabmode .calendar-label__studio-item, .non-tabmode .calendar-presentation-space {
    display: block;
    width: 100%;
    max-width: 290px;
    min-width: 180px;
}
}

/* .non-tabmode */

.non-tabmode .calendar-weekday span {
    display: inline-block;
    padding: 0.5rem 2rem;
    background: #336A90;
    color: #ffffff;
    margin: 2rem 64px 1rem;
}

.non-tabmode .calendar-timetable {
}

.non-tabmode .calendar-label__timetable__time:last-child{
    height: 20px;
}

.non-tabmode .calendar-presentation-event-header-icon img {
    width: 20px;
    margin-right: 2px;
    line-height: 1;
    vertical-align: text-top;
}

.non-tabmode .calendar-presentation-event__time {
    font-size: 10px;
    line-height: 1;
    margin-bottom: 2px;
}

.non-tabmode .calendar-presentation-event__title {
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
    margin-bottom: 0px;
}

.non-tabmode .calendar-presentation-event__staff {
    text-align: center;
    line-height: 1;
    padding: 4px 14px;
    font-size: 12px;
    border-radius: 14px;
    background: #CF876A;
    color: #ffffff;
    font-size: 10px;
}

.non-tabmode .calendar-label__studio-item {
    font-size: 12px;
}

.non-tabmode .calendar-presentation-event__desc {
    font-size: 10px;
}

.non-tabmode .calendar-presentation-space {
/*background: repeating-linear-gradient(#ffffff 0, #ffffff 225px, #f9f9f9 225px, #f9f9f9 449px, #dddddd 449px, #dddddd 450px);

0 112.5 225 337.5 450

*/
background: repeating-linear-gradient(#ffffff 0, #ffffff 112.5px, #f9f9f9 112.5px, #f9f9f9 225px);

}

.page-calendar-print__btn:focus {
    color: #ffffff;
}


/* Google Map CSS */

.sougou-acf-map {
	width: 100%;
	height: 700px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

.sougou-acf-map a{
	color:#336a90;
}

.sougou-acf-map a:hover{
	color:#336a90;
}


 .shop-acf-map {
           width: 100%;
           height: 400px;
           border: #ccc solid 1px;
           margin: 20px 0;
          }


/* fixes potential theme css conflict */
.sougou-acf-map img {
   max-width: inherit !important;
}




p,li{
	font-size: 16px;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* SP時 カラム全幅　CSS */
@media only screen and (max-width: 767px) {
.col0 {
	margin-left: -15px;
	margin-right: -15px;
}
}


/*カラム間のガター幅が28px、カラムの左右の余白が14pxになる*/
.o-2column .col-xs-6,.o-2column .col-sm-6{
    padding: 0 8px;
}
/*カラムの左右の余白を15pxに戻す*/
.o-2column {margin: 0 -8px;}


/* マウスオーバー */

a:focus, a:hover {
    opacity: .5;
}

/* スペーサーCSS */



.space0{
	margin:0 !important;
}

.space16{
	margin-top:16px;
	margin-bottom:16px;
}

.spacelr16{
	margin-left:16px;
	margin-right: :16px;
}

.spaceall16{
	margin: 16px;
}

.space016{
	margin-bottom:16px;

}

.space24{
	margin-top:24px;
	margin-bottom:24px;
}

.space40{
	margin-top:40px;
	margin-bottom:40px;
}

.space044{
	margin-bottom: 44px;
}

.space4020{
	margin-top:40px;
	margin-bottom:20px;
}

.space6040{
	margin-top:60px;
	margin-bottom:40px;
}

.space024 {
    margin-bottom: 24px;
}

.space028{
	margin-bottom: 28px;
}

/*Bootstrap 高さを揃える*/
.row-eq-height {
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
    flex-wrap: wrap;
}



/* header */

.header {
    border-bottom: 1px solid #efefef;
}

.navbar {
    position: relative;
    height: 72px;
    margin-bottom: 0;
    border: none;
}

.nav>li>a {
    padding: 26px 13px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.headerlogo {
    width: 100px;
}

.headerbutton {
    width: 144px;
    margin-left: 2px;
}

.navbar-brand h1 {
    margin: 0;
}

.topmenutext {
	display: none;
}


/* navbar collapse 1350 */
@media (max-width: 1350px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .headerlogo {
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	}

.navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #000;
}

.headerbutton{
	display: none;
}

.topmenutext {
	display: block;
    text-align: center;
    padding: 16px 0;
    border-bottom: 1px solid #ccc;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.nav>li{
	border-bottom: 1px solid #333;
	padding-left: 16px;
    padding-right: 16px;
}

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

.nav>li>a {
    padding: 16px 0;
    color: #fff;
}

}

.breadcrumbs {
    margin: 8px;
}

.breadcrumbs.footerbreadcrumbs {
    margin-left: 0;
}

.topmovie{
	width: 100%;
}


.menupc{
	background-image: url(/gunzesports/wp-content/uploads/2018/11/bgimg1.png);
	background-size:cover;
    padding: 40px 0 24px;
}

.menupc p {
    text-align: center;
    margin: 8px 0 32px;
    font-size: 16px;
    font-weight: 700;
}

.menusp a{
	font-size: 16px;
    font-weight: 700;
}

.companypc{
	background-image: url(/gunzesports/wp-content/uploads/2018/11/bgimg2.png);
	background-size:cover;
    padding: 40px 0 24px;
}

.companypc p {
	text-align: center;
    margin: 8px 0 32px;
    font-size: 16px;
    font-weight: 700;
}

.companypc img {
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/

}



.topics {
    max-width: 1200px;
    margin: 0 auto 80px;
    padding: 16px 24px;
    background-color: #eeeeee;
    min-height: 240px;
    max-height: 400px;
    overflow: scroll;
}

.topics a {
    color: #666666;
}

#contentssection {
    background-color: #afad93;
    padding-top: 60px;
    padding-bottom: 40px;
    margin-bottom: 80px;
}

#contentssection p{
	color:#fff;
}

.wp-image-7366 {
    margin-top: 72px;
}

.areapc{

}

#footersection{
	padding-top: 40px;
	color:#ffffff;
	background-color: #0a0a0a;
}

#footersection p {
    font-size:0.8vw;
    margin: 0 0 8px;
}

#footersection a{
	color: #ffffff;
}

#footersection tr{
	border-top: 1px solid #333333;
}

#footersection tr:last-child{
	border-bottom: 1px solid #333333;
}

#footersection ul{
	margin:0;
	padding:6px 0;
}

#footersection ul{
	margin:0;
	padding:6px 0;
}

#footersection li{
	font-size: 0.85vw;
    display: inline-block;
    margin-right: 16px;
}

#footersection li a{
	color:#aaaaaa;
}


#footersection td{
	font-size: 0.85vw;
}
.tdleft{
	width: 130px;
}

.tdright-border {
    border-left: 1px solid #333333;
    padding-left: 16px;
}

.footerbutton {
    display: block;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 9px;
    font-weight: 700;
}

.footerbutton {
    display: block;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 9px;
    font-weight: 700;
}

@media screen and (min-width:1351px) {
	.pad90{
	padding:0 5%;
}

.breadcrumbs {
    margin: 8px 16px;
}

}

@media screen and (min-width:1200px) {


#footersection p {
    font-size: 16px;
}



#footersection td {
    font-size: 14px;
}

#footersection ul {
    margin: 14px 0;
}

#footersection li {
    font-size: 14px;
    margin-right: 16px;
}

.snsbox {
    padding-top: 48px;
}

.snsbox img {
    width: 40px;
}

}

.copyright{
	text-align: center;
    font-size: 12px;
    color: #666;
    padding: 0 0 15px;
}

.copyright hr{
	border-top: 1px solid #666;
}

.arrow::after{
font-family: 'Glyphicons Halflings';
content:"\e080";
float:right;
}

.arrow2::after {
    font-family: 'Glyphicons Halflings';
    content:"\e258";
    font-size: 10px;
    margin-left: 4px;
}

.footerprogrambox{
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    margin-bottom: 10px;
}

.footermenubox p {
    font-size: 0.85vw;
}

.footermenubox .col-sm-3{
	padding-right: 0;
}

.snsbox {
    padding-top: 32px;
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
	-ms-flex-direction:row; /*IE10*/
	-webkit-flex-direction:row; /*old webkit browser*/
	flex-direction:row;
    justify-content: space-around;
    align-items: center;
}

.snsbox img {
    width: 32px;
}

#toTop {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 40px;
    bottom: 40px;
    opacity: 0.6;
    display: none;
}

#toTop.show {
	display: block;
}

#toTop a{
  width: 60px;
  height: 60px;
  text-decoration: none;
}

#toTop a::before{
    font-family: "Font Awesome 5 Free";
    content: '\f139';
    font-size: 60px;
    font-weight: 700;
    color: #e5e5e5;
}

/* shop css */
.shopbox1{
}

.shopbox1 h1{
	color: #ffffff;
	background-color: #336a90;
    text-align: center;
    font-size: 18px;
    padding: 24px;
    margin: 0;
}

.textbox1 p {
}


.sliderbox1 {
    margin-bottom: 40px;
}

/* 〜767px　CSS */

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

.shopimg1 {
    min-height: 300px;
    width: auto;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/}

}

/* shop menubox css */

.shisetsubox {
	position: relative;
	margin-bottom: 24px;
}

.shisetsubox h2 {
    font-size: 16px;
    color: #ffffff;
    background-color: #607a8d;
    margin: 0;
    padding: 16px;
}

.shisetsubox a{
	color: #607a8d;
	padding:10px;
    display: block;
}
.innerbox1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    bottom: 14px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 24px;
}
.shisetsubox2 {
	width: 90%;
    margin: 0 auto 32px;
    border-radius: 4px;
    background-color: #607a8d;
    text-align: center;
}

.shisetsubox2 a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 16px;
}

.programbox {
	position: relative;
	margin-bottom: 24px;
}

.programbox h2 {
    font-size: 16px;
    color: #ffffff;
    background-color: #bb7a85;
    margin: 0;
    padding: 16px;
}

.programbox a{
	color: #bb7a85;
	padding:10px;
    display: block;
}
.innerbox1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    bottom: 14px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 24px;
}
.programbox2 {
	width: 90%;
    margin: 0 auto 32px;
    border-radius: 4px;
    background-color: #bb7a85;
    text-align: center;
}

.programbox2 a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 16px;
}

.ryokinbox {
	position: relative;
	margin-bottom: 8px;
}

.ryokinbox h2 {
    font-size: 16px;
    color: #ffffff;
    background-color: #be966a;
    margin: 0;
    padding: 16px;
}

.ryokinbox a{
	color: #be966a;
	padding:10px;
    display: block;
}
.innerbox1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    bottom: 14px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 24px;
}
.ryokinbox2 {
	width: 90%;
    margin: 0 auto 32px;
    border-radius: 4px;
    background-color: #be966a;
    text-align: center;
}

.ryokintext {
    text-align: center;
    color: #be966a;
    margin-bottom:8px;
}

.ryokinbox2 a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 16px;
}

.jrschoolbox {
	position: relative;
	margin-bottom: 24px;
}

.jrschoolbox h2 {
    font-size: 16px;
    color: #ffffff;
    background-color: #cf876a;
    margin: 0;
    padding: 16px;
}

.jrschoolbox a{
	color: #cf876a;
	padding:10px;
    display: block;
}
.innerbox1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    bottom: 14px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 24px;
}
.jrschoolbox2 {
	width: 90%;
    margin: 0 auto 32px;
    border-radius: 4px;
    background-color: #cf876a;
    text-align: center;
}

.jrschoolbox2 a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 16px;
}

.mapbox {
    background-color: #eeeeee;
    padding: 40px 0;
    margin-bottom:40px;
}

.gmapbtn {
    width: 100%;
    display: block;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #607a8d;
    border: 2px solid #607a8d;
    border-radius: 4px;
    margin-bottom: 24px;
}

.irustmapbtn{
    width: 100%;
    display: block;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
    color: #607a8d;
    background-color: #ffffff;
    border: 2px solid #607a8d;
    border-radius: 4px;
    margin-bottom: 24px;
}

.irustmapbtn:hover,.irustmapbtn:focus{
	color: #607a8d;
}

.mapbox th{
    text-align-last: justify;
    width: 72px;
    padding-right: 10px;
    vertical-align: top;
}

/* ジュニアスクール CSS */

.schoolbox1{
	background-color: #cf876a;
}

.schoolbox1 h1 {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    margin-top:0;
    margin-bottom: 16px;
    padding: 24px;
}

.schooltopics {
    max-width: 1000px;
    margin: 0 auto 24px;
    padding: 30px;
    background-color: #f5e7e1;
}

.schooltopics a {
    color: #666666;
}

#schoolcurriculumsection h2{
	margin: 0;
	border-top: solid 2px #ffffff;
}

#schoolcurriculumsection h2 a {
	background-color: #cf876a;
    padding: 24px;
    color: #ffffff;
	display: block;
    font-size: 14px;
}

.schoolcurriculuminnner {
    padding: 24px;
    background-color: #faf3f0;
}

.schoolcurriculuminnner img {
    width: 100%;
}

.curriculumtitletable {
    border: 1px solid #cf876a;
    background-color: #ffffff;
    width: 100%;
    border-radius: 6px;
    border-collapse: separate;
}

.curriculumtitletable th {
    width: 80px;
}

.curriculumtitletable h3 {
    font-size: 14px;
    margin: 8px;
    color: #cf876a;
    border-right: 1px solid #cf876a;
    padding-right: 8px;
	text-align-last:justify;
}

.curriculumdescription {
    border-bottom: 2px #cf876a dashed;
    width: 100%;
}

.curriculumdescription th {
    width: 140px;
    background-color: #f1dbd2;
    color: #cf876a;
    padding: 12px 32px;
    border-top: 2px #cf876a dashed;
    text-align-last: justify;
}

.curriculumdescription td {
    padding: 8px 16px;
    border-top: 2px #cf876a dashed;
}

.curriculumdescription.table2col th {
    width: 15%;
}

.curriculumdescription.table2col td {
    width: 35%;
}

th.timeborder{
	border-top:2px solid #ffffff;
}

td.timeborder{
	border-top:2px solid #f1dbd2;
}

th.shiteihin{
    width: 130px;
}

.nyukaibtn {
    max-width: 1000px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 16px;
    border-radius: 4px;
    background-color: #cf876a;
    margin: auto;
}

.necessarybox {
    background-color: #cf876a;
    text-align: center;
	padding: 24px 8px;
    margin: 16px 0;
}

.necessarybox h2{
	color:#ffffff;
	margin:0;
	font-size: 15px;
}

.necessarybox p{
	color:#ffffff;
	margin:0;
}

.schoolbtn {
    display: block;
    text-align: center;
    background-color: #3b8e8e;
    padding: 24px 16px;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 24px;
    border-radius: 4px;
}


.plusminus::after{
	font-family: 'Glyphicons Halflings';
	content:"\2b";
    float:right;
}

.plusminus[aria-expanded="true"]::after{
	font-family: 'Glyphicons Halflings';
	content:"\2212";
    float:right;
}

/* footerbox CSS */

@media only screen and (min-width: 1351px) {

#footerbox{
	display: none;
}

}

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


.copyright{
	padding-bottom: 80px;
}

#toTop {
width: 60px;
height: 60px;
position: fixed;
right: 10px;
bottom: 84px;
opacity: 0.6;
}

}

#footerflexbox {
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex;
	display:flex;
    width: 100%;
    height: 60px;
    overflow: hidden;
    text-align: center;
}

#footerbox {
	position: fixed;
    bottom: 0px;
    width: 100%;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0;
}

#footersection li {
    display: inline-block;
    margin-right: 0;
}

#footerbox.showbox{
	-webkit-animation: fadeInUp 0.5s ease-in-out forwards;
	animation: fadeInUp 0.5s ease-in-out forwards;
}

#footerbox.hidebox{
	-webkit-animation: fadeOutDown 0.5s ease-in-out forwards;
	animation: fadeOutDown 0.5s ease-in-out forwards;
}

@keyframes fadeInUp{
	0%{
		opacity: 0;
		-webkit-transform:translateY(100%);
		transform:translateY(100%);
	}
	100%{
		opacity: 1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

@keyframes fadeOutDown{
	0%{
		opacity: 1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	100%{opacity: 0;
		-webkit-transform:translateY(100%);
		transform:translateY(100%);

	}
}

.telbox {
    width: 60px;
    height: 60px;
    background-color: #0e3192;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.telbox img{
	width:40px;
	margin:10px;
}

.taikenbox,.nyukaibox{
	-webkit-flex: 1;
	flex: 1;
    background-color: #0e3192;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
	border-bottom: 1px solid #000;
    padding:16px;
	background-image: linear-gradient(-45deg, #f00 10px, transparent 0);
}

.taikenbox a,.nyukaibox a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: block;
    splay: block;
    }




/* 〜991px　CSS */

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

.headercontainer{
	width: 100%;
}

}

/* 〜767px　CSS */

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


.topmovie {
	width: 100%;
    min-height: auto;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}


.menutext{
    text-align: center;
    background-color: #336a90;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    height: 72px;
    font-size: 14px;
    font-weight: bold;
    display : -ms-flexbox; /*IE10*/
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    }

.menutext a {
    color: #ffffff;
	}

#contentssection img {
    margin-top: 16px;
}

.saiyou {
    text-align: center;
    color: #ffffff;
    display: block;
    padding: 24px 16px;
    background-color: #336a90;
    margin: 0 16px;
    margin-bottom: 24px;
}

.tenpo {
    text-align: center;
    color: #ffffff;
    display: block;
    padding: 24px 15px;
    background-color: #3b8e8e;
    margin: 0;
    font-weight: 700;
    margin-bottom: 0;
    border-bottom: 2px solid #fff;
}


.areasp{
	margin:0 15px;
}

.areasp ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.areasp li{
    background-color: #c4dddd;
    border-bottom: 2px solid #ffffff;
}

.areasp li a {
    font-size: 16px;
    display: block;
    font-weight: 700;
    text-align: center;
    color: #3b8e8e;
    padding: 16px;
}


.areasp h4 {
    margin: 0;
    background-color: #3b8e8e;
    border-bottom: 2px solid #ffffff;
}

.areasp h4 a {
    font-size: 16px;
    color: #ffffff;
    padding: 24px;
    text-align: center;
    display: block;
}

.wp-image-7366 {
    margin: 0 auto 40px;
	}

.companysp a{
	font-size: 14px;
    font-weight: bold;
}

.companysp ul{
	list-style: none;
    padding: 0 15px;
    margin-bottom: 24px;
}

.companysp p{
    margin: 0 15px 11.5px;
}

.companysp li{
    border-top: 1px solid #3b8e8e;
    border-left: 1px solid #3b8e8e;
    border-right: 1px solid #3b8e8e;
}
.companysp li:last-child{
    border-bottom: 1px solid #3b8e8e;
}

.companysp li a{
    color: #3b8e8e;
    display: block;
    padding: 24px 16px;
}

.companysp p a{
	text-align: center;
    background-color: #336a90;
    display: block;
    padding: 24px;
    color: #fff;

}

.mobilefootermenu {
    margin-top: -32px;
    margin-bottom: 24px;
}

.mobilefootermenu a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #666666;
}

.mobilefooter button {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 12px;
    background-color: #222222;
    border: none;
}

a.footerareabtn {
    border: none;
    background-color: #222222;
    margin: 4px 0;
    padding: 12px;
}





.snsbox {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
    -ms-flex-direction:row; /*IE10*/
	-webkit-flex-direction:row; /*old webkit browser*/
	flex-direction:row;
	-webkit-justify-content: space-around;   /* Safari etc. */
	-ms-justify-content    : space-around;   /* IE10        */
	justify-content        : space-around;
    width: 100%;
    align-items: center;
}

.snsbox img{
	width: 48px;
}

.footerbutton {
    display: block;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 4px;
    padding: 12px;
    font-weight: 700;
    margin: 12px 0;
}

.footershoplist li{
	width: 49%;
    background-color: #333;
    text-align: center;
    margin-bottom: 4px;
}

.footershoplist a{
	border:none;
}

#footersection ul {
    margin: 0;
    padding: 0;
}



.mapbox {
    padding: 16px 0;
}

.irustmapbtn{
	font-size:14px;
}
.gmapbtn {
	font-size:14px;
}

/* スクールページ CSS SP*/

.schoolcurriculuminnner {
    padding: 8px;
}

.schoolcurriculuminnner img{
	margin-bottom:16px;
}

.schoolbtn {
    margin-bottom: 8px;
}

}

/* 体験利用 CSS */



.taikenbox1 {
    background-color: #336a90;
    margin: 0;
}

.taikenbox1 h1 {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    padding: 24px;
    margin: 0 0 16px;
}

.facilitybox1 .tourbox h3 {
    font-size: 16px;
    text-align: center;
    display: block;
    border: 2px solid #336a90;
    color: #336a90;
    padding: 16px;
    border-radius: 4px;
    background-color: #ffffff;
}


.tourbox h3 {
    font-size: 16px;
    text-align: center;
    display: block;
    border: 2px solid #336a90;
    color: #336a90;
    padding: 16px;
    border-radius: 4px;
}

.tourbox p {
    text-align: center;
}

.tourbox img {
    margin: 0 0 16px;
}

.taikenbox2 p {
    text-align: center;
}

.point1 {
    font-size: 16px;
    font-weight: 700;
    color: #336a90;
    background-color: #dfe4e8;
    padding: 16px;
    border-radius: 32px;
}

.taikenpointbox p{
	text-align: left;
}

.taikenpointbox table {
    background-color: #607a8d;
    width: 100%;
    color: #ffffff;
}

td.taikenpointboxleft {
    font-size: 32px;
    padding-left: 16px;
    width: 56px;
}

.taikenpointboxright {
    font-size: 16px;
    font-weight: 700;
}

.taikenshopichiran {
    margin: 0 0 40px;
}

.taikenshopichiran h3 {
    font-size: 16px;
    color: #ffffff;
    background-color: #607a8d;
    padding: 16px;
    margin: 0;
    text-align: center;
    border-bottom: 2px solid #ffffff;
}

.taikenshopichiran h4 {
    background-color: #607a8d;
    margin: 0;
    border-bottom: 2px solid #ffffff;
}

.taikenshopichiran h4 a {
    display: block;
    padding: 24px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}

.taikenshopichiran ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.taikenshopichiran li {
    border-bottom: 2px solid #ffffff;
}

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

.taikenshopichiran li a {
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 16px;
    font-weight: 700;
    color: #607a8d;
    background: #cfd7dd;
}


.hazimetebox h2 {
    font-size: 16px;
    margin: 0 0 24px;
    padding: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    background-color: #607a8d;
}

.hazimetebox p{
	text-align: center;
}

.hazimetebtn {
    margin: 24px auto;
    padding: 16px;
    max-width: 640px;
    display: block;
    background-color: #336a90;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
}

ul.taikenlist li:before {
    content: "■";
    color: #607a8d;
    margin-right: 4px;
}



/*フォーム CSS*/

.formbox1 h1 {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background: #336a90;
    padding: 24px;
    margin: 0 0 24px;
}

.formbox1 h2 {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background: #336a90;
    padding: 24px;
	margin: 0 0 24px;
}

.formbox1 h3 {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background: #607a8d;
    padding: 24px;
	margin: 0 0 24px ;
}

.formbox1 ul {
    list-style: none;
    padding:0;
    margin:0;
}

.formbox1 li {
    padding-left: 1em;
    text-indent: -1em;
}
.formbox1 li:before {
    content: "■";
    color: #607a8d;
}


.formbox2{
	background: #dfe4e8;
	overflow: hidden;
}

.step {
    background: #607a8d;
    border-radius: 4px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 16px;
    margin-bottom: 16px;
    margin-top: 16px;
}

.stepright {
	font-size: 16px;
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #ffffff;
}

.formbox3 {
    max-width: 1000px;
	padding:0 15px 24px;
	margin:0 auto;
	overflow: hidden;
}

.formbox3 h4 {
    margin: 16px 4px 8px;
}

.flexparentbox {
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
	-webkit-align-items: center;      /* Safari etc. */
	-ms-align-items    : center;      /* IE10        */
	align-items        : center;
}

.inlineflexparentbox{
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
}

.btnlabel {
    margin-right: 16px;
}

.btnlabel input {
    width: initial !important;
}

.formbox3 input {
	width: 99%;
	min-width: 1px;
    padding: 12px;
    font-size: 18px;
    border: 1px solid #607a8d;
    border-radius: 4px;
	margin:4px;
}

input[type="radio"] {
    width: auto;
    margin: 8px;
}

input[type="checkbox"] {
    width: auto;
    margin: 8px;
}

.formbox3 select {
    font-size: 18px;
    border: 1px solid #607a8d;
    width: 100%;
    height: 56px;
	margin:4px;
}

.formbox3 .error {
    color: red;
    width: 100%;
    padding-left: 4px;
}

.formbox3 input[type="submit"] {
    color: #ffffff;
    font-weight: 700;
    background-color: #336a90;
    margin: 0;
}

.formbox3 .btnwrap{
	margin: 16px auto 4px;
	position: relative;
    max-width: 768px;

}

.formbox3 .btnwrap::after{
	font-family: 'Glyphicons Halflings';
	content:"\e080";
	color:#ffffff;
	font-size:16px;
	font-weight: 700;
	position: absolute;
	top:15px;
	right:16px;
}

.formbox3 input[type="submit"]::after {
	font-family: 'Glyphicons Halflings';
	content:"\e080";
	float:right;
	font-size:24px;
	font-weight: 700;
}


.formbox3 [type="submit"]:hover,.formbox4 button.btn_reset:hover{
	opacity: 0.5;
}

.formbox4 p {
    font-size: 18px;
    padding-left: 16px;
}

.formbox4 button {
    width: 100%;
    color: #ffffff;
    background: #ff0000;
    font-size: 18px;
    font-weight: 700;
    padding: 12px;
    border-radius: 4px;
}

.formbox4 button.btn_reset {
    background: #336a90;
}

.formlead {
    font-size: 20px;
    text-align: center;
    color: #336a90;
}

.formlead2 {
    text-align: center;
}

.formlead3{
	font-size: 14px;
}

.topbtn {
    background-color: #336a90;
    display: block;
    padding: 16px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 700;
    margin: 0 auto;
    max-width: 768px;
}

.yakkanouter {
    background: #607a8d;
    border-radius: 4px;
    border: 1px solid #607a8d;
    margin: 24px 0;
}

.yakkanouter p {
    margin: 0;
    padding: 8px;
    color: #ffffff;
	text-align: center;
	font-size:16px;
	font-weight: 700;

}

.yakkan {
	text-align: left;
    height: 160px;
    overflow: scroll;
    background: #ffffff;
    padding: 16px;
    margin: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.yakkan .priTl {
    color: #000000;
}

.formbox5 a {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin: 0;
    background: #607a8d;
    padding: 16px;
    text-align: center;
    border-bottom: 2px solid #ffffff;
}

.formbox5 li {
    padding-left: 0;
    text-indent: 0;
}
.formbox1 li:before {
    content: "";
}

.formbox5 li a {
    background: #ffffff;
    color: #607a8d;
    border-bottom: 2px solid;
}

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

.formbox6 {
    background: #ffffff;
    padding: 16px;
    margin: 0 0 16px;
}

.formbox6 h4{
	background: #607a8d;
    color: #ffffff;
    padding: 8px;
    text-align: center;
    border-radius: 4px;
}

.formbox6 p {
    font-size: 18px;
    text-align: center;
}

.formbox7 {
    background: #607a8d;
    padding: 16px;
    border-radius: 4px;
    margin: 0 0 16px;
}

.formbox7 p{
	color:#ffffff;
}


.mwform-tel-field {
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
    align-items: center;
}

.mwform-tel-field input[type="text"]{
	width: 99% ;
}

.formbox3 textarea{
	width: 99%;
	border: 1px solid #607a8d;
	margin: 4px;
	padding:4px;
	border-radius: 4px;
}

.mw_wp_form_input .formstep2 {
    display: none;
}

.mw_wp_form_confirm .formstep1{
    display: none;
}

.mw_wp_form_confirm .formbox3 p {
    font-size: 18px;
    padding-left: 16px;
}

.mw_wp_form_confirm p.step{
	background: #607a8d;
}

.mw_wp_form_input input[type="checkbox"] {
    width: auto;
    margin-bottom: 16px;
}

.mw_wp_form_input input[type="radio"] {
    width: auto;
    margin-bottom: 16px;
}

 .mw_wp_form_confirm .formbox3 .submitred {
    border: 1px solid #ff0000;
    background-color: #ff0000;
}

.formbox3 input[type="submit"].submitred {
    border: 1px solid #ff0000;
    background-color: #ff0000;
}

.kojinjouhou {
    font-size: 14px;
}

.formbox8{
	max-width: 1000px;
	padding:0 15px;
	margin:0 auto;
	overflow: hidden;
}

.formbox8 img {
    margin-bottom: 16px;
}

.syuchobtn {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #336a90;
    display: block;
    text-align: center;
    border: 1px solid #336a90;
    border-radius: 4px;
    margin: 24px auto 0;
    padding: 16px;
    max-width: 767px;
}
@media only screen and (min-width: 768px) {

.formbox1.taikenform {
    background: #dfe4e8;
}

.formbox1 h3.taikentitle {
    max-width: 1000px;
    margin: 0 auto 24px;
    color: #607a8d;
    background-color: #ffffff;
    border: 1px solid #607a8d;
    border-radius: 4px;
}

.formbox2 .taikenh3{
	display: none ;
}

.formbox2 p.taikenp{
	text-align: center;
}

.mw_wp_form_preview .formwrap1 {
    display: flex;
}

.mw_wp_form_preview .formwrap1 h4 {
    margin: 16px;
    width: 40%;
}
.mw_wp_form_preview .formwrap1 p {
    margin: 16px;
}

.formwrap2{
    display: flex;
}

.formwrap2 h4{
    margin: 16px;
    width: 40%;
}

.formwrap2 p{
    margin: 16px;
}



}

.formpoint {
    font-size: 16px;
    font-weight: 400;
    color: #336a90;
    background-color: #dfe4e8;
    padding: 16px;
    border-radius: 32px;
    text-align: center;
    max-width: 768px;
    margin: 0 auto 16px;
}

.formtenponame {
 	position: relative;
}

.formtenponame:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #607a8d;
}


.kojinjoho {
    height: 160px;
    overflow: scroll;
    background: #ffffff;
    border: 1px solid #336a90;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 8px 24px;
    margin: 0 4px 24px;
}

.kojinjoho h4 {
    font-size: 14px;
}
.kojinjoho p {
    font-size: 12px;
}

h3.kojinjohoheader {
    margin: 16px 4px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/*会社案内 CSS*/

.companybox1 {
    background-color: #3b8e8e;
}

.companybox1 h1 {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 24px;
}


.companybox1 h2 {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 24px;
}

.companylead {
    font-size: 24px;
    font-weight: 700;
    color: #3b8e8e;
}

.companybox2 {
    background-color: #607a8d;
}

.companybox2 h2 {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 16px;
}

.companybox3 {
    background-color: #dfe4e8;
    padding:15px;
}

.companytable {
    max-width: 640px;
    margin: 8px auto;
}

.companytable th {
    min-width: 90px;
    text-align-last: justify;
    padding-right: 8px;
}

.companytable td {
    padding-left: 4px;
}

.companykanrenlink {
    margin: 24px 0 0;
}

.companykanrenlink a{
    font-size: 16px;
    display: block;
    color: #ffffff;
    padding: 24px;
    background-color: #607a8d;
}

#companykanrenlinkinnner{
	margin:0;
	padding:0;
}



.kanrenlink {
	list-style: none;
    border-bottom: 2px solid #607a8d;
    text-align: center;
}

.kanrenlink:last-child {
    border: none;
}

.kanrenlink  a{
    color: #607a8d;
    display: block;
    background-color: #dfe4e8;
    padding: 24px;
    margin: 0;
}

.companybox4 {
    margin: 24px 0;
}

.companybox4 a {
    display: block;
    color: #607a8d;
    border-top: 1px solid #607a8d;
    border-left: 1px solid #607a8d;
    border-right: 1px solid #607a8d;
    padding: 24px;
    font-size: 16px;
    font-weight: 700;
    margin-top: -1px;
}

.companybox4 a:last-child{
	border-bottom: 1px solid #607a8d;
}

/* single.php CSS */

.catbox1 {
    background-color: #607a8d;
    border-radius: 8px;
    margin-bottom: 24px;
}

.catbox1 h1 {
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 16px;
    margin:0;
}

.singletitlebox1 {
	background-color: #336a90;
}

.singletitlebox1 h2 {
    margin: 0;
    padding: 24px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}


.singlecontentbox1 time{
	margin-top: 24px;
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.singlecontentbox1 h2 {
    font-size: 20px;
    color: #607a8d;
    margin: 16px 0 24px;
}

.singlearchivebox1 {
    background-color: #dfe4e8;
    margin-bottom: 24px;
    padding: 24px;
    list-style: none;
}

.singlearchivebox1 a {
    color: #000;
}

.singlearchivebox1 a::before{
	font-family:"Font Awesome 5 free";
	content:"\f0c8";
    color: #607a8d;
    font-weight: 700;
    margin-right: 8px;
}

.singlearchivebox1 li {
    margin: 4px 0;
}

.singlecategorybox1 {
    background-color: #607a8d;
    margin-bottom: 24px;
}

.singlecategorybox1 h2 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2px solid #ffffff;
    display: block;
    text-align: center;
    padding: 16px;
}

.singlecategorybox1 ul {
    list-style: none;
    margin: 0;
    padding:0;
}
.singlecategorybox1 li {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 16px;
    border-bottom: 2px solid #ffffff;
}

.singlecategorybox1 a {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.singlecategorybox1 a::after{
font-family: 'Glyphicons Halflings';
content:"\e080";
float:right;
}

.planbox1 h4 {
    color: #597a8f;
    margin: 32px 0 8px;
}

.red24 {
    font-size: 24px;
    color: red;
}

.planbtn {
    display: block;
    background: #336a90;
    text-align: center;
    font-size: 16px;
    padding: 16px;
    color: #ffffff;
    border-radius: 4px;
}

.plantaikenbox1{
	border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 24px;
}

.plantaikenbox1{
	text-align: center;
}

/* Archive CSS */

.archivebox1{
    background-color: #336a90;
    margin-bottom: 24px;
}

.archivebox1 h2{
    margin: 0;
    padding: 24px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}

/* Q&A CSS */

.qabox1 {
    background-color: #336a90;
}

.qabox1 h1 {
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 24px;
    margin:0 0 24px;
}

.qabox2 {
	background-color: #dfe4e8;
	margin-bottom:24px;
}

.qabox2 h2 {
    margin: 0;
    background-color: #607a8d;
    border-top: 2px solid #ffffff;
}

.qabox2 p {
    margin: 16px;
}



.qabox2 h2 a {
    font-size: 16px;
    font-weight: 700;
    padding: 24px;
    display: block;
    color: #ffffff;
}

.qabox2 dl {
    margin-bottom: 0;
	padding: 8px 16px 0;
}

.qabox2 dt{
	color:#607a8d;
	font-size: 16px;
}

.qabox2 dt::before{
	content: "Q. ";
	font-size: 24px;
}

.qabox2 dd{
	font-size: 16px;
	border-bottom: 1px solid #607a8d;
	margin-bottom: 16px;
}

.qabox2 dd::before{
	content: "A. ";
	font-size: 24px;
	font-weight: 700;
	color: #bb7a85;
}

.qabox2 dl dd:last-child{
	border-bottom: none;
}

#aboutschool {
    overflow: hidden;
}

.contactbtn1 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    background-color: #336a90;
    padding: 24px;
    margin: 0 auto 24px;
    display: block;
    text-align: center;
    max-width: 1000px;
    border-radius: 4px;
}

/* お問い合わせページ CSS */

.contactbox1 {
    background: #336a90;
}

.contactbox1 h1 {
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 24px;
    margin:0 0 24px;
}

.contactbox2 ul {
    padding: 0;
    list-style: none;
    margin-bottom: 24px;
}

.contactbox2 li{
	border-top:1px solid #336a90;
	border-left:1px solid #336a90;
	border-right:1px solid #336a90;
}

.contactbox2 li:last-child{
	border-bottom:1px solid #336a90;
}

.contactbox2 a{
	display: block;
	padding:16px;
	color: #336a90;
	font-size:16px;
	font-weight: 700;
}

.contactbox2 a::after{
font-family: 'Glyphicons Halflings';
content:"\e080";
float:right;
}

/* はじめてナビ CSS */

.beginnerbox1 {
    background: #336a90;
}

.beginnerbox1 h1 {
    text-align: center;
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 24px;
    margin:0 0 24px;
}

.beginnerbox2 {
    margin-bottom: 24px;
}

.beginnerbox2 img{
    min-height: 160px;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/}

.beginnerlead1 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    color: #607a8d;
}

.beginnerbox2 a {
    background-color: #607a8d;
    display: block;
    padding: 24px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border-top:2px solid #ffffff;
}

.bb2inner{
	overflow: hidden;
}

.bb2inner h2 {
	font-size: 16px;
	font-weight: 100;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 192px;
    background-color: #dfe4e8;
    color:#607a8d;
    margin: 0;
}

.bb2inner img {
    width: 160px;
    height:200px;
    margin-top: -32px;
    margin-left:16px;
    margin-right:16px;
    margin-bottom:16px;
    float: left;
}

.bb2inner p {
    margin-top: 16px;
}

.bb3inner h2 {
    font-size: 20px;
    font-weight: 400;
    color: #607a8d;
    margin: 16px 0;
    padding-left: 36px;
    text-indent: -36px;
}

.bb3inner img {
    margin-bottom: 16px;
}

/* 〜767px　CSS */

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

.bb2inner h2{
	margin-left:-15px;
}

.beginnerbox2 a{
	margin-left: -15px;
    margin-right: -15px;
    }

.bb2inner img {
    margin-left: 0px;
}

}


/* 総合 SHOP PAGE CSS */

.shopbox3{
    background-color: #336a90;
}

.shopbox3 h1{
	color: #ffffff;
    text-align: center;
    font-size:18px;
	padding:24px;
	margin:0;
}

.shopbox4 a {
    font-size: 16px;
    font-weight: 700;
    color: #3b8e8e;
    border: 1px solid #3b8e8e;
    display: block;
    padding: 24px 0;
    text-align: center;
    margin-bottom: 16px;
    text-decoration: none;
	position: relative;

}

.shopbox4 a:after {
  font-family: 'Font Awesome 5 free';
  content: "\f107";
  position: absolute;
  left: 0;
  right: 0;
  top:44px;
}

.shopbox5 h2 {
    font-size: 16px;
    color: #ffffff;
    background-color: #607a8d;
    display: block;
    text-align: center;
    padding: 16px;
    margin: 0;
    border-top: 2px solid #ffffff;
}

.shopbox5 h3 {
    margin: 0;
    background-color: #607a8d;
    border-top:2px solid #ffffff;
}

.shopbox5 h3  a{
	font-size:16px;
	display: block;
	color: #ffffff;
	padding: 24px;
}

.sb5inner1{
	background-color: #dfe4e8;
	padding: 8px 16px;
}

.sb5inner1 p{
	margin:0;
}

.sb5inner2 {
    display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
    display: flex;
}

.sb5inner2 p {
    width: 50%;
    text-align: center;
    padding: 16px;
    margin: 8px 4px 8px;
}

.fitnessbtn {
    background-color: #6097ae;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
}

.jrschoolbtn {
    background-color: #cf876a;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    width: 50%;
    text-align: center;
    padding: 16px;
    margin: 8px 4px 8px;
}
.sbicons {
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.sbicons img {
    width: 48px;
    height: 48px;
    margin: 4px;
}

.shopbtn {
    display: block;
    color: #607a8d;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background: #fff;
    border: 1px solid #607a8d;
    padding: 16px;
    margin: 8px 4px;
    border-radius: 4px;
}



.shopbox6 {
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
    flex-wrap: wrap;
}

.sb6innner{
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
	justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}

/* 〜767px　CSS */

@media only screen and (max-width: 767px) {
	.sb6innner{
	width: 50%;
	}
}

/* 768px〜　CSS */

@media only screen and (min-width: 768px) {
	.sb6innner{
	width: 25%;
	}
}


/* 992px〜　CSS */

@media only screen and (min-width: 992px) {
	.sb6innner{
	width: 20%;
	}
}

/* 1200px〜　CSS */

@media only screen and (min-width: 1200px) {
	.sb6innner{
	width: calc(100%/6);
	}
}

.sb6innner p {
    font-size: 14px;
	margin: 0 8px 0 0;
}
.sb6innner img {
	margin-right: 8px;
    width: 50px;
    max-width: 50px;
}

/* Program Page CSS */

.programbox3{
    background-color: #336a90;
}

.programbox3 h1{
	color: #ffffff;
    text-align: center;
    font-size:18px;
	padding: 24px;
	margin:0 0 24px;
}

.programbox4 a{
	color: #ffffff;
}

.programbox4 img {
  object-fit: cover;
  font-family: 'object-fit: cover;object-position: top;'; /*IE対策*/
   max-height: 300px;
 object-position: top;
}

@media (min-width: 1200px){
.programbox4 img{
	 max-height: 400px;
}
}

.osusume{
	background-color: #bb7a85;
}

.osusume img{
	padding:6px;
}

.osusume h2{
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 10px 0 16px;
    background-color: #bb7a85;
 	position: relative;
}

.osusume h2::after{
    content: "";
    top:-22px;
    right: 0;
    border-top: 32px solid transparent;
    border-right: 32px solid #bb7a85; /* ラベルの色はここで変更 */
    position: absolute;
}

.burn{
	background-color: #cf876a;
}

.burn img{
	padding:6px;
}

.burn h2{
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 10px 0 16px;
    background-color: #cf876a;
 	position: relative;
}

.burn h2::after{
    content: "";
    top:-22px;
    right: 0;
    border-top: 32px solid transparent;
    border-right: 32px solid #cf876a; /* ラベルの色はここで変更 */
    position: absolute;
}

.bodymake2{
	background-color: #be966a;
}

.bodymake2 img{
	padding:6px;
}

.bodymake2 h2{
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 10px 0 16px;
    background-color: #be966a;
 	position: relative;
}

.bodymake2 h2::after{
    content: "";
    top:-22px;
    right: 0;
    border-top: 32px solid transparent;
    border-right: 32px solid #be966a; /* ラベルの色はここで変更 */
    position: absolute;
}

.enjoy{
	background-color: #639e70;
}

.enjoy img{
	padding:6px;
}

.enjoy h2{
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 10px 0 16px;
    background-color: #639e70;
 	position: relative;
}

.enjoy h2::after{
    content: "";
    top:-22px;
    right: 0;
    border-top: 32px solid transparent;
    border-right: 32px solid #639e70; /* ラベルの色はここで変更 */
    position: absolute;
}

.refresh{
	background-color: #6097ae;
}

.refresh img{
	padding:6px;
}

.refresh h2{
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 10px 0 16px;
    background-color: #6097ae;
 	position: relative;
}

.refresh h2::after{
    content: "";
    top:-22px;
    right: 0;
    border-top: 32px solid transparent;
    border-right: 32px solid #6097ae; /* ラベルの色はここで変更 */
    position: absolute;
}

.maintenance{
	background-color: #656b94;
}

.maintenance img{
	padding:6px;
}

.maintenance h2{
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 10px 0 16px;
    background-color: #656b94;
 	position: relative;
}

.maintenance h2::after{
    content: "";
    top:-22px;
    right: 0;
    border-top: 32px solid transparent;
    border-right: 32px solid #656b94; /* ラベルの色はここで変更 */
    position: absolute;
}

.programbox5 {
    background-color: #dfe4e8;
    padding-top: 24px;
}

.programbox5 h2{
    background-color: #607a8d;
    padding: 16px;
    font-size: 16px;
   	color: #ffffff;
    text-align: center;
    margin: 0 0 16px;
}

/* 〜767px　CSS */

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

.programbox5 h2 {
    margin-left: -15px;
    margin-right: -15px;
    }
}

.programbox5 ul {
    padding: 0;
    list-style: none;
    margin-bottom: 16px;
    letter-spacing: -.40em;  /* 追加部分 */

}

.pbinner {
    border: 2px solid #607a8d;
    background-color: #ffffff;
    height: 56px;
    margin-bottom: 16px;
	display : -ms-flexbox; /*IE10*/
	display : -webkit-flex; /*old webkit browser*/
	display : flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
 }

.pbinner a {
    text-align: center;
    color: #607a8d;
    font-weight: 700;
    font-size: 16px;
}

/* プログラム ディティール */

.programdetailbox1{
	background-color: #336a90;
}

.recommendedbox1 {
    background-color: #bb7a85;
}

.fatburningbox1 {
    background-color: #cf876a;
}

.enjoyprogrambox1 {
    background-color: #639e70;
}

.refreshprogrambox1 {
    background-color: #6097ae;
}

.bodymaintenancebox1 {
    background-color: #656b94;
}

.bodymakebox1 {
    background-color: #be966a;
}


.programdetailbox1 h1 {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    padding: 24px;
    margin: 0 0 24px;
}


/* Program detail CSS */

.programdetailinnerbox1 h2 {
	color: #336a90;
    background-color: #dfe4e8;
    font-size: 16px;
    padding: 16px;
    margin: 0;
}

.movieonlyprogram h2 {
    margin: 0 0 16px;
    padding: 16px;
}

.bodymakeinnerbox1 h2 {
    color: #be966a;
    background-color: #f2eae1;
}

.recommendedinnerbox1 h2 {
    color: #bb7a85;
    background-color: #ebd7db;
}

.fatburninginnerbox1 h2 {
    color: #cf876a;
    background-color: #f1dbd2;
}

.enjoyprograminnerbox1 h2 {
    color: #639e70;
    background-color: #d0e2d4;
}

.refreshprograminnerbox1 h2 {
    color: #6097ae;
    background-color: #cfe0e7;
}

.bodymaintenanceinnerbox1 h2 {
    color: #656b94;
    background-color: #d1d2df;
}

.programdetailinnerbox1 img {
    width: 100%;
    max-height: 400px;
    margin: 24px 0 48px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.programdetailinnerbox1 p {
    margin: 24px 0;
}

p.moviecaption {
    margin: 0 0 16px;
    text-align: center;
}

.programdetailinnerbox1 video {
    margin: 0;
    width: 100%;
}

.shoplistbox1 {
    max-width: 800px;
    margin: 0 auto 44px;
}

.shoplistbox1 h3 {
    margin: 0;
    background-color: #3b8e8e;
    border-bottom:2px solid #ffffff;
    position: relative;
}

.shoplistbox1 h3 a {
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 16px;
    font-size: 16px;
}

.shoplistbox1 .plusminus::after{
	position: absolute;
    top: 26px;
    right: 16px;
}

.shoplistbox1 h4 {
    margin: 0;
    background-color: #3b8e8e;
    border-bottom:2px solid #ffffff;
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 16px;
    font-size: 16px;
}

.shoplistbox1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.shoplistbox1 li {
    margin: 0;
    background-color: #d8e8e8;
    border-bottom:2px solid #ffffff;
	width: 50%;
}

.shoplistbox1 li a {
    color: #3b8e8e;
    text-align: center;
    display: block;
    padding: 16px 0;
    font-size: 16px;
}

.shoplistbox1 li:nth-child(2n+1) {
  border-right: 2px solid #ffffff;
}

@media only screen and (max-width: 1200px) {
	.programdetailinnerbox1 img {
	width: 100%;
    max-height: 300px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    }
}

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

	.movieonlyprogram h2 {
	    margin: 0 0 16px;
	    padding: 16px;
	}

	.programdetailinnerbox1 img {
	width: 100%;
    max-height: 300px;
    margin: 16px 0 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    }
    .programdetailinnerbox1 p {
    margin: 16px 0;
}

}

/*各店舗 プログラム CSS*/

.shopprogrambox1 h1 {
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 24px;
    padding: 24px;
    text-align: center;
	background-color: #336a90;
}

.shopprogrambox1 h2{
	font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: #607a8d;
    margin: 0 0 24px;
    padding: 16px;
}

.shopprogrambox1 h3{
    font-size: 16px;
    color: #607a8d;
    background-color: #dfe4e8;
    padding: 16px;
    margin: 0;
}

.movieonlyprogram h3 {
    margin: 0 0 16px;
    padding: 16px;
}
.shopprogrambox1 p {
    margin: 24px 0;
}

.shopprogrambox1 video {
    margin: 8px 0 0;
    width: 100%;
}

.photomovieprogram{
	margin-bottom: 48px;
}

.photomovieprogram img {
	width: 100%;
    max-height: 400px;
    margin: 24px 0 48px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.movieonlyprogram{
	margin-bottom: 48px;
}

.photomovieprogram video {
    margin-bottom: 32px;
}

.movieonlyprogram p {
    margin: 0 0 32px;
}

.shopprogrambox1 .bodymakeinnerbox1 video {
    margin: 0;
    width: 100%;
}

.shopprogrambox1 p.moviecaption {
    margin: 0 0 24px;
}

.timetablebtn1 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    background-color: #336a90;
    padding: 16px;
    margin: 0 auto 24px;
    display: block;
    text-align: center;
    max-width: 400px;
    border-radius: 4px;
}

.program_service{
	margin-bottom: 44px;
}
/*
.program_service img {
    width: initial;
    margin: 0 0 24px;
    float: initial;
    height: initial;
    object-fit: fill;
}

.program_service .alignright img {
 	display: inline;
    float: right;
    margin-left: 1.5em;
}
*/
.program_service h3 {
    font-size: 16px;
    color: #607a8d;
    background-color: #dfe4e8;
    padding: 16px;
    margin: 0;
}

.program_service h4{
	font-size: 16px;
    color: #597a8f;
}

/* 〜767px　CSS */

@media only screen and (max-width: 767px) {
.shopprogrambox1 h2 {
	margin-left: -15px;
	margin-right: -15px;
}


.movieonlyprogram h3 {
    margin: 0 0 16px;
    padding: 16px;
}

/*
.shopprogrambox1 img {
    margin: 16px 0 24px;
    max-height: 300px;
}
*/
.photomovieprogram img {
    margin: 16px 0 0;
}

.shopprogrambox1 p {
    margin: 16px 0;
}

.shopprogrambox1 video {
    margin: 0;
}


}

/* water CSS */

.water {
    background-color: #95beda;
}

/* 総合 school CSS */

.schoolbox2{
	background-color: #f6f8bd;
	overflow: hidden;
}

.schoolbox2 p{
	margin-bottom: 16px;
}


.schoolbox2 h2{
	margin:0;
	background-color: #f26e74;
	border-bottom: 2px solid #f6f8bd;
}

a.schoolbtn1 {
	display: block;
    padding: 22px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    max-width: 1000px;
    margin: 0 auto;
}

#wis{
	max-width: 750px;
	margin:0 auto;
}

#wis h3 {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 0 -1000px 24px;
    padding: 16px;
    background-color: #f7426f;
}

.schoolboxinner1 {
    background-color: #ffffff;
    margin-bottom: 24px;
    padding: 16px;
}

.schoolboxinner1 img{
    margin-bottom: 24px;

}

.schoolboxinner1 p{
	margin-bottom: 0;
}


#program{
	max-width: 750px;
	margin:0 auto;
	padding: 0 16px;
}

#program h3 {
	font-size:18px;
    color: #ffffff;
    margin: 0 0 16px;
}

#program img {
	margin-bottom: 16px;
}

#program p {
	font-size:16px;
}

.schoolsuiei {
    background: #4dbdd7;
    max-width:660px;
    margin:24px auto;
    padding: 15px;
}

.schoolsuiei p{
	color: #ffffff;
}

.schoolsuieiinner {
    background: #ffffff88;
    padding: 15px;
}

.schoolsuieiinner h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

#program .schoolsuieiinner p {
	color:#000000;
	font-size: 14px;
    margin: 0;
}

.schooltaisou {
    background: #0580b7;
    max-width:660px;
    margin:24px auto;
    padding: 15px;
}

.schooltaisou p{
	color: #ffffff;
}

.schooltaisouinner {
    background: #ffffff88;
    padding: 15px;
}

.schooltaisouinner h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

#program .schooltaisouinner p {
	color:#000000;
	font-size: 14px;
    margin: 0;
}

.schoolshintaisou {
    background: #d24ba3;
    max-width:660px;
    margin:24px auto;
    padding: 15px;
}

.schoolshintaisou p{
	color: #ffffff;
}

.schoolshintaisouinner {
    background: #ffffff88;
    padding: 15px;
}

.schoolshintaisouinner h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

#program .schoolshintaisouinner p {
	color:#000000;
	font-size: 14px;
    margin: 0;
}

.schoolkarate {
    background: #9859a8;
    max-width:660px;
    margin:24px auto;
    padding: 15px;
}

.schoolkarate p{
	color: #ffffff;
}

.schoolkarateinner {
    background: #ffffff88;
    padding: 15px;
}

.schoolkarateinner h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

#program .schoolkarateinner p {
	color:#000000;
	font-size: 14px;
    margin: 0;
}

.schooldance {
    background: #ff6600;
    max-width:660px;
    margin:24px auto;
    padding: 15px;
}

.schooldanceinner {
    background: #ffffff88;
    padding: 15px;
}

.schooldance p{
	color: #ffffff;
}

.schooldanceinner h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

#program .schooldanceinner p {
	color:#000000;
	font-size: 14px;
    margin: 0;
}

.schoolcheerleading {
    background: #f84e74;
    max-width:660px;
    margin:24px auto;
    padding: 15px;
}

.schoolcheerleading p{
	color: #ffffff;
}

.schoolcheerleadinginner {
    background: #ffffff88;
    padding: 15px;
}

.schoolcheerleadinginner h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

#program .schoolcheerleadinginner p {
	color:#000000;
	font-size: 14px;
    margin: 0;
}

.schoolballet {
    background: #f54fa5;
    max-width:660px;
    margin:24px auto;
    padding: 15px;
}

.schoolballet p{
	color: #ffffff;
}

.schoolballetinner {
    background: #ffffff88;
    padding: 15px;
}

.schoolballetinner h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

#program .schoolballetinner p {
	color:#000000;
	font-size: 14px;
    margin: 0;
}

.schoollead {
    color: #336a90;
}


#schoolqa{
	max-width: 750px;
	margin:0 auto;
}

.schoolqabox1{
	max-width: 660px;
	margin: 24px auto;
}

.schoolqabox1 h3 {
    font-size: 18px;
    background: #f7426f;
    color: #ffffff;
    padding: 16px;
    margin: 0;
}

.schoolanswer {
    background: #f1dbd2;
    padding:20px;
}

.schoolanswer img {
	margin-bottom: 16px;
}

.schoolanswer p {
	margin:0;
}


/* 約款 CSS*/
.yakkanbox1 h1 {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    background: #336a90;
    padding: 24px;
    margin: 0 0 24px;
}

.yakkanbox1 h2{
	font-size: 18px;
}

.yakkanbox1 h3 {
    font-size: 16px;
}

.yakkanbox2 {
    border: 1px solid #ddd;
    padding: 16px;
    margin-bottom: 16px;
}

.yakkanbox2 p{
margin:0 ;
}



/* 施設 CSS */

.facilitybox1 h1 {
    font-size: 18px;
    margin: 0 0 24px;
    color: #ffffff;
    background: #336a90;
    text-align: center;
    padding: 24px;
}

.facilitybox1 h3 {
	font-size: 16px;
    margin: 16px 0 24px;
    color: #ffffff;
    background: #607a8d;
    text-align: center;
    padding: 16px;
}

.facilitybox1 img{
	margin-bottom: 8px;

}

.photosection1{
	margin-bottom: 24px;
}

.photosection1 img {
    max-height: 300px;
    width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/}

.facilitybox3 {
    border: 1px solid #dddddd;
    padding: 16px;
}

.facilitybox3 h4{
    color:#597a8f;
}

.facilitybox1 ul {
    list-style: none;
    padding: 0;
}

.facilitybox3 li {
    border-bottom: 1px solid #dddddd;
    padding: 8px 0;
}

@media only screen and (max-width: 767px) {
.facilitybox1 h3 {
	margin-left: -15px;
	margin-right: -15px;
}

.photosection1 img {
    max-height: 250px;
    width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/}
}

.facilitybox2{
    background-color: #dfe4e8;
    margin-bottom: 40px;
}

.facilitybox2 h3 {
    font-size: 16px;
    margin: 0;
    color: #ffffff;
    background: #607a8d;
    text-align: center;
    padding: 16px;
}

.facilitybox2 ul {
    list-style: none;
    padding:16px;
    margin:0 0 24px;
}

.facilitybox2 li {
    padding-left: 1em;
    text-indent: -1em;
}

.facilitybox2 li:before {
    content: "■";
    color: #607a8d;
}

@media only screen and (min-width: 1200px){
	.photosection1 .col-sm-6 img {
    max-height: 360px;
}
}

/* 法人の方　CSS */

.facilitybox1 h2 {
    font-size: 18px;
    color: #607a8d;
    margin: 16px 0 24px;
    border: 1px solid #607a8d;
    padding: 16px 16px 16px 0;
    border-radius: 4px;
}

.tejun {
    color: #ffffff;
    background: #607a8d;
    padding: 16px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: 8px;
    letter-spacing: 8px;
}


/* RUN CSS */

.runbox1 img.header_img {
    width: 100%;
}

.runbox1 h1 {
    background: #00aeb9;
    color: #ffffff;
    font-size: 18px;
    padding: 24px;
    text-align: center;
    margin: 0 0 24px;
}

.runbox2{
    max-width: 740px;
    margin: 0 auto 24px;
    padding: 0 15px;
}

.runbox2 h2 {
    font-size: 20px;
    color: #00aeb9;
    border-bottom: 2px solid;
    margin: 0 0 24px;
}

.runbox4 a{
    font-size: 16px;
    color: #ffffff;
    background-color: #00aeb9;
    display: block;
    padding: 16px;
    margin: 0 16px 24px;
    text-align: center;
    font-weight: 700;
    border-radius: 32px;
}

.runbox4 a:hover{
	   color: #ffffff;
}

.runbox3 {
    background: repeating-linear-gradient(-45deg, #1db9ef 0, #1db9ef 1px, #ffffff 1px, #ffffff 4px);
    border-left: 16px solid #1db9ef;
    padding: 16px;
    margin: 0 0 24px;
}

.runbox3inner {
    background-color: #ffffff;
    padding:8px;
}

.runbox3inner h3 {
    color: #1db9ef;
    margin: 0px auto 16px;
    text-align: center;
    font-size: 18px;
}

.runbox3inner h4 {
    background: #1EB9EE;
    color: #FFF;
    width: 315px;
    margin: 0 auto;
    padding: 8px;
    font-size: 16px;
}

.runbox3inner img{
	margin-bottom: 16px;
}


.runbox5 {
    background: repeating-linear-gradient(-45deg, #00aeb9 0, #00aeb9 1px, #ffffff 1px, #ffffff 4px);
    border-left: 16px solid #00aeb9;
    padding: 12px;
    margin: 0 0 16px;
}

.runbox5inner img {
    margin-right: 12px;
}


.runcolbox {
    border: 1px solid #dddddd;
    padding: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.runcolboxinnner {
    overflow: auto;
}

.main_im {
    width: 128px;
    height: 128px;
    margin-right: 8px;
    float: left;
}

.main_im img {
    width: 128px;
    height: 128px;
    object-fit: cover;
}

.runcolbox h3 {
    font-size: 18px;
    margin: 0 8px 8px 0;
    line-height: 20px;

}

.runcolbox p {
    font-size: 14px;
    margin: 0 8px 8px 0;
    line-height: 16px;
}

/* RUN イベント&プログラム */

.eventprogrambox1 h2 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    background: #00AEBA;
    padding: 16px;
    margin:0 0 16px;
}


h3.calendar_month {
    margin: 0 0 16px;
}

.calendar_month span.year {
    font-size: 16px;
    color: #00aeba;
    margin-right: 4px;
}

.calendar_month .month span {
    font-size: 153.3%;
    color: #00AEBA;
}

.calendar_month {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.calendar_nav li a {
    display: block;
    position: relative;
    height: 46px;
    width: 46px;
    border: #00AEBA 1px solid;
    color: #00AEBA;
    text-align: center;
}

.calendar_nav li a .year {
    margin: 5px 0 -3px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
}

.calendar_nav li a .month {
    margin: 7px 0 -3px;
    display: block;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
}



ul.calendar_nav {
	display: flex;
	justify-content: flex-end;
    padding: 0;
    margin: 0;
    list-style: none;
}

.daybox{
	padding: 0 0 5px 60px;
    margin: 0;
    min-height: 50px;
    border-bottom: 1px solid #CCC;
    position: relative;
}

.daboxouter {
    background: #ffffff;
    padding: 8px;
}

.day {
    display: block;
    position: absolute;
    top: -2px;
    left: 0px;
    border: 1px solid #595656;
    height: 48px;
    width: 48px;
}

.day01 {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    text-align: center;
    line-height: 1.1;
    font-weight: bold;
    padding: 3px 0 0;
}

.day02 {
    font-size: 12px;
    display: block;
    text-align: center;
}

.day.holiday {
    background: #EB6DA5;
    border: 1px solid #EB6DA5;
    color: #FFF;
}

.day.saturday {
    background: #1EB9EE;
    border: 1px solid #1EB9EE;
    color: #FFF;
}

.runbox5innner2 {
    background-color: #ffffff;
    padding: 16px;
}

span.shop {
    display: block;
    color: #00aeba;
    font-weight: 700;
}

span.event {
    display: block;
    color: #00aeba;
    font-weight: 700;
}

.calendar_nav li a {
    display: block;
    position: relative;
    height: 46px;
    width: 46px;
    border: #00AEBA 1px solid;
    color: #00AEBA;
    text-align: center;
    margin-right: 8px;
}


.red{
	color: red ;
}

.breaking {
    color: red;
    text-align: center;
    border: 2px solid red;
    margin: 24px 0;
    border-radius: 4px;
}

.breaking h2 {
    margin: 16px 8px;
    font-size: 24px;
}

.breaking p{
	margin: 16px 8px;
}


.kobayashibox1 img {
    width: 100%;
}

.kobayashibox1 h1{
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background: #ff7b00;
    margin: 0 0 40px;
    padding: 24px;
}

/* ハンバーガーボタン 変形 */

.buttonbox {
    margin: 12px 0;
    float: right;
    width: 50px;
    height: 50px;
    background: #0d3191;
    border-radius: 3px;
    padding: 4px 9px ;
    display: none;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 32px;
	height: 22px;
	background: #0d3191;
	border:none;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background: #ffffff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
  	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger::after {
	position: absolute;
	left: 0;
	bottom: -18px;
	content: 'MENU';
	display: block;
	width: 100%;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	transition: all .4s;
}
.menu-trigger.active::after {
	content: 'CLOSE';
	bottom: -18px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

@media (max-width: 1350px) {
    .buttonbox {
        display: block;
    }
}


/* 広島祇園 バス CSS */


.gionschoolwrap,
.schoolbuswrap {
    border: 1px solid #F08200;
    border-radius: 5px;
    padding: 24px 24px 0;
}
.gionschoolwrap img,
.schoolbuswrap img{
	margin-bottom: 24px;
}

/* 吹田健都 バス CSS*/



.kentoschoolwrap {
    display: flex;
    margin: 24px auto;
}

.kentoschoolwrapinner {
    width: 50%;
}


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

.kentoschoolwrap {
    display: block;
    margin: 0px;

}

.kentoschoolwrapinner {
    width: 100%;
    margin:24px;
}

}


/*jrschool Banner*/

.space4024{
	margin-top:40px;
	margin-bottom:24px;
}


@media only screen and (max-width: 767px) {
	.space4024{
	margin-top:0px;
	margin-bottom:0px;
}

}


/* 店舗トップ おすすめポイント */

.topaccordion {
    font-size: 16px;
    margin: 40px 0;
}

.topaccordion a {
	margin-top:24px;
	display: block;
    color: #336a90;
    font-weight: 700;
}

.textbox1 p {
    margin: 16px 16px 0;
}

.toppoint {
    background: #336a90;
    color: #ffffff;
    padding: 2px 16px 2px 32px;
    border-radius: 4px;
    margin-right: 16px;
}

.tenkai{
	position: relative;
}

.tenkai::before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
	position: absolute;
    font-size: 12px;
    top: 4px;
    left: 12px;
    color: #ffffff;
}

.tenkai[aria-expanded="true"]::before{
	font-family: 'Glyphicons Halflings';
	content:"\2212";
	position: absolute;
    font-size: 12px;
    top: 4px;
    left: 12px;
    color: #ffffff;
}

.swiper-button-prev.gunzeblue{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230d3191'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.gunzeblue{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230d3191'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.gunzeblue, .swiper-button-prev.gunzeblue {
	position: absolute;
    top: 50%;
    width: 20px;
    height: 29px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 29px;
    background-position: center;
    background-repeat: no-repeat;
}

.fs18 {
  font-size: 18px;
  font-weight: bold;
}
.fc-gray {
  color: #808080;
}