@charset "UTF-8";

/* ================================================================================================
　共通設定
================================================================================================ */
/*ベース設定*/
/*body{ 2022 remove
	/*background: #f5f5f5 url(/images/bg_gradation.png) repeat-x 0 0 scroll;;/*2022 remove
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;/*2022 add
}*/
body{
	font-family:'メイリオ', 'Meiryo', sans-serif;
  }
h3{
	border-left: 5px solid #663399;
	margin: 45px 0 10px 0;/* 15px 0 10px 0 2022 remove */
	font-weight: bold;
	text-indent: 1em;
}
h4{
	font-weight: bold;
	margin: 10px 5px 5px 5px;
	font-size: 85%;
}

a {
  color: #fb4376;/* #7f0416 2022 remove */
}
a:visited {
  color: #fb4376;/* #985860 2022 remove */
}
/*a:hover {2022 remove
	color: #985860;
	text-decoration: underline;
}*/

nav li a {
	text-align:center;
}

/*.bg-fixed{
	position: fixed; 2022 add remove
}*/

.no_disp { display: none !important; }

.bg_base { background: #fb4376 !important; }
.bg_dark { background: #663399 !important; }
.bg_pale { background: #f7f3fa !important; }
/*.school_border { border-color: #fb4376; }*/

.menu01 { background: no-repeat url(/images/menu/top-menu-kmap.svg); }
.menu02 { background: no-repeat url(/images/menu/top-menu-yamaha.svg); }
.menu03 { background: no-repeat url(/images/menu/top-menu-yamaha-en.svg); }
.menu04 { background: no-repeat url(/images/menu/top-menu-course.svg); }
.menu05 { background: no-repeat url(/images/menu/top-menu-show.svg); }
.menu06 { background: no-repeat url(/images/menu/top-menu-tuning.svg); }
.menu07 { background: no-repeat url(/images/menu/top-menu-contact.svg); }

.bg_stripe_base {
	background: linear-gradient(-45deg, #fd5b88 0%, #fd5b88 25%, #fb4376 25%, #fb4376 25%, #fb4376 50%, #fd5b88 50%, #fd5b88 75%, #fb4376 75%, #fb4376 100%);
	background-size: 32px 32px;
	animation: stripe-animation 1s linear infinite;
	padding: 16px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 1.2rem;
}

.bg_stripe02 {
	background: linear-gradient(-45deg, #7e47b4 0%, #7e47b4 25%, #663398 25%, #663398 25%, #663398 50%, #7e47b4 50%, #7e47b4 75%, #663398 75%, #663398 100%);
	background-size: 32px 32px;
}

.textblocks {
  font-size: 75%;
  margin: 8px;
  line-height: 150%;
}
.imgblocks img{
	width: auto;
}
.imgblocks-am img{
	width: 100%;
	cursor: pointer;
}
.imgblocks-am img:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.imgblocks-am{
	text-align: center;
}

.returntotop{
	text-align:right;
	/*margin:auto auto 9px auto; 2022 remove*/
	font-size: 75%;
	padding: 0 1em 1em;/*2022 add*/
}
.returntotop a span{
	cursor:pointer;
	color: #663398;/*2022 add*/
	font-size: 16px;/*2022 add*/
	font-weight: bold;/*2022 add*/
}
.returntotop a img{
	width:auto;
	cursor: pointer;/*2022 add*/
}


/* ================================================================================================
　スマホレイアウト
================================================================================================ */
#headerbox {/* 2022 add */
	width: 100%;
	background: #fff;
	position: fixed;
	z-index: 99;
}

#headerbox h1 {/* 2022 add */
	display: inline-block;
}

.allwrapper{
	width: 100%;/* 95% */
	margin:auto auto;
	background: #fff;
	text-align: center;/*2022 add*/
	padding: 0;/*2022 add*/
}

#wrapper {/*2022 add*/
	position: relative;
	margin: auto;
    max-width: 800px;
}

.mainimage img {
	/*width: 100%;*/
	height: auto;
	cursor: pointer;
}
.mainimage img:hover,
.mainimage img:focus {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.slick-slide img {/*2022 add*/
	height: 50vw; 
	width: auto;
  max–height: 400px; 
  min–height: 350px;
  padding: 0 10px;
}
.slick-slide a {/*2022 add*/
	width: 100%;
	height: 100%;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
		}
		.mainimage .slick-prev-arrow, .slick-next-arrow{
			width: 50px;
			height: 50px;
		}
.maincontents{
	margin: auto auto;
	padding: 66px 5px 20px 5px;/* 10px 10px 20px 10px */
}

.maincontents-top {/* 2022 add */
	width: 100%;
	margin: auto auto;
	padding: 0;
	position: relative;
	padding-top: 62px;
}

.maincontents-toppage {/* 2022 add */
	padding-top: 0;
}

.maincontents img{
	/*width: 100%;2022 remove*/
	max-width: 100%;/* 2022 add */
	height: auto !important;
}

.separate{
	vertical-align: top;
	margin: 5px;
	/*font-size: 85%;*/
	font-size: 100%;
}
.separate.banners{
	margin: auto;
}
.threediv{
	font-size: 80%;
	vertical-align: top;
	margin: 5px;
	line-height:150%;
}

.hd-inner{
		margin: auto auto;
		padding: 10px 10px 0;/* 10px 2022 remove */
}
.hd-right{
	display: none;
}

.hd-menu > li {/* 2022 add */
	display: inline-block;
	font-size: 14px;
	/* font-weight: bold; */
}

.hd-menu > .contact_trial {/* 2022 add */
	background-color: #fb4376;
	border-radius: 6px;
	color: #fff;
	padding: 6px 16px;
}

.hd-menu > .contact_trial a {/* 2022 add */
	color: #fff;
}

.hd-menu > .contact_school {/* 2022 add */
	color: #fb4376;
	padding: 10px 10px 10px 32px;
	background: no-repeat url(/images/menu/top-menu-contact.svg);
	background-size: 22px;
	background-position: 0 46%;
	margin-left: 40px;
}

.hd-menu > .contact_school a {/* 2022 add */
	color: #fb4376;
}

.logoimages{
	display: inline-block;/* block 2022 commentout */
	margin-bottom: 4px;/* 10px 2022 commentout */
}
.logoimages img{
	/* width: 40%; 2022 commentout */
	cursor: pointer;
	/* margin-bottom: 15px; 2022 commentout */
}

.newsblock{
		margin: 0 auto;/* 10px auto 10px auto 2022 commentout */
		padding: 10px;
		text-align: left;/*2022 add*/
}
.newsblock:nth-child(n+3){/*2022 add*/
	margin-top: 40px;
}
.newsblock ul{
	height: 100%;
	max-height: 400px;
	overflow: auto;
	background: #fff;/*2022 add*/
	padding: 0 0 10px;/*2022 add*/
}
.newsblock ul li{
		border-bottom: 1px dotted #ccc;
		padding: 8px 0px;
		list-style: none;
		margin-bottom: 0px;
		/* font-size: 100%; 80% 2022 remove */
		font-size: 90%;
		text-indent: 1em;
}

.newsblock ul li .topics-block {/*2022 add*/
	margin: 1rem 2rem;
	text-indent: initial;
	position: relative;
	font-weight: bold;
	display: block;
}
.newsblock ul li h3 .topics-block {/*2022 add*/
	margin-bottom: 0.7em;
}

.newsblock ul li .day {/*2022 add*/
	display: flex;
	margin-bottom: 0.5rem;
}

.infoDate{
	margin: 0 1em 0 0;/* 3px 5px 3px auto; 2022 remove */
	display: inline-block;/*2022 add*/
}
.infoNews, .infoEvent, .infoSroom {/*2022 add*/
	display: inline-block;
	font-weight: normal;
	vertical-align: bottom;
	width: 80px;
	margin-right: 1em;
    text-align: center;
}
.infoNews{
	background: #f58a00;
	color: #fff;
	font-size: 80%;/* 75% */
	padding: 3px 0;/* 3px */
	border-radius: 3px;
}
.infoEvent{
	background: #663398;/* #145dba */
	color: #fff;
	font-size: 80%;/* 75% */
	padding: 3px 0;/* 3px */
	border-radius: 3px;
}
.infoSroom{
	background: #009765;
	color: #fff;
	font-size: 80%;/* 75% */
	padding: 3px 0;/* 3px */
	border-radius: 3px;
}
.infoTitle{
	/* margin: 5px 0 3px 0; */ /* 2022 remove */
	/* width: 95%; */ /* 2022 remove */
	display: inline-block;
	margin-right: 30px;
}
.infoTxt{
	display: inline-block;/* 2022 commentout block */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*height: 1em;*/
	text-indent: 1em;/* 2em */
	width: 100%;/* 90% */
	padding-top: 3px;
}
.infoTxt img{/* 2022 add */
	cursor: pointer;
	max-width: 92% !important;
	height: auto !important;
}
.infoTxt img:hover{/* 2022 add */
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* 2022 commentout .topics{
		background:#F2F2F2;padding: 10px;border-top: solid 2px #ccc;
} */
.topics h3{
	border-top-color: #1e73be;
	border-left: none;
	margin: auto;
}

.banners{
	margin: 5px auto;
	text-align: center;/*2022 add*/
	vertical-align: middle;/*2022 add*/
}

.banners img {/*2022 add*/
	max-width: 100%;
}

.sns {/*2022 add*/
	text-align: center;
}

.sns a {/*2022 add*/
	display: inline-block;
	margin: 20px;
}

.footer-inner{
	/* border-top: 1px solid #ccc; 2022 remove */
	margin: auto auto;
	padding: 20px;/* 10px */
	/*height: 100px; 2022 remove*/
	background: #fb4376;/*2022 add*/
}

.footer-link{
	text-align: center;/* 2022 commentout right */
	color: #fff;/* 2022 commentout gray */
	/* font-size:75%; 2022 remove */
	max-width: 1100px;/*2022 add*/
	margin: 0 auto;/*2022 add*/
}

.footer-link ul {/*2022 add*/
	margin-bottom: 40px;
}

.footer-link ul li {/*2022 add*/
	margin: 5px 0;
}

.footer-link a {/*2022 add*/
	color: #fff !important;
	font-size: 90%;
}

.copyrights{
	/* font-size:80%; 2022 remove */
	text-align: center;/* right */
	padding-top: 40px;/* 20px */
	color: #fff;/*2022 add*/
}

.pagetitle{
	padding: 10px;
	border-bottom: double 3px #8040bf;
	margin-bottom: 5px;
}
.pagetitle h2{
	font-weight: bold;
}

/*グローバルナビ*/
.globalnavi ul {/*2022 add*/
	display: grid;
	background-color: #fff;
	width: 95%;
	margin: auto;
}

.globalnavi-pc ul {/*2022 add*/
	display: grid;
	grid-template-columns: repeat(6, minmax(125px, 1fr));
	grid-template-rows: repeat(1, minmax(60px, 1fr));
}

.globalnavi-top ul {/*2022 add*/
	display: grid;
	grid-template-columns: repeat(3, minmax(100px, 1fr));
	grid-template-rows: repeat(2, minmax(100px, 1fr));
}

.globalnavi li {/*2022 add*/
	margin: 0;
	padding: 0;
}

.globalnavi-pc li {/*2022 add*/
	margin: 0;
	padding: 0;
	border-right: 1px solid #fb4376;
}

.globalnavi-pc li:last-child {/*2022 add*/
	border-right: none;
}
.globalnavi-pc li a {/*2022 add*/
	top: 0 !important;
}

.globalnavi-top li {/*2022 add*/
	margin: 10px 0;
	padding: 0;
	border-right: 1px solid #fb4376;
}

.globalnavi-top li:nth-child(3n) {/*2022 add*/
	border-right: none;
}

.globalnavi li a,
.globalnavi-pc li a,
.globalnavi-top li a{
	font-size: 75%;
	/*
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #fff;
	background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
	background-repeat: repeat-x;
	margin-bottom: 0;
	*/
	color: #777;
	text-align: center;
	background-color: #fff;/* #fbfbfb */
	font-weight: bold;

	/* border-bottom: 1px solid #d5d5d5; */

	position: relative;
	top: 0;/*2022 add -3px */
	display: block;
	padding: 0;/* 14px 15px */
	margin: 0;
	text-decoration: none;
	width: 100% !important;
	height: 100%;
	border-radius: initial !important;
}

.globalnavi li a{
	background-position: 3% 50%;
	background-size: 6%;
	text-align: left;
	line-height: 3.5rem;
}

.globalnavi-pc li a{
	background-position: 50% 20%;
	background-size: 20%;
}

.globalnavi-top li a{
	background-position: 50% 25%;
	background-size: 25%;
}

.globalnavi li a:hover,
.globalnavi-pc li a:hover,
.globalnavi-top li a:hover{
	/* color: #8040bf; 2022 remove */
	background-color: #ffd1de;
	transition: 1.0s ;
}

.globalnavi li span,
.globalnavi-pc li span,
.globalnavi-top li span {
	display: block;
	font-weight: bold;
	color: #fb4376;
}

.globalnavi li span {
	font-size: 15px;
	position: relative;
	top: 0;
	left: 11%;
}

.globalnavi-pc li span {
	display: block;
	font-size: 120%;
	text-align: center;
	padding: 50px 0 0 0;
	cursor: pointer;
}

.globalnavi-top li span {/*2022 add*/
	font-size: 110% !important;
	position: relative;
	top: 70%;
}
#globalnavi_cr{
	display: block;
	width: 15%;
	height: 41px;
	cursor:pointer;
	font-size: 80%;
	font-weight: bold;
	color: #777;
	text-align: center;
	border-radius: 5px;
	text-align: center;
	/* background-color: #e5e5e5; 2022 remove*/
	/* background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); 2022 remove*/
	text-decoration: none;
	position: absolute;/* relative 2022 commentout */
	top:10px;
	right: 10px;/* 18px 2022 remove */
	z-index: 10;/* 2022 add */
}
.globalnavi, .globalnavi-pc{
	display: none;
	position: relative;
}

.globalnavi {
	padding: 50px 0;
	position: fixed;/* absolute 2022 remove */
	left: 0;
	top: 65px;
	width: 100%;
	/* height: 100%; */
	background: rgba(100, 100, 100, .8);
	z-index: 10;
	height: 100%;
}

.globalnavi-top {
	display: block;
	position: relative;
}

/*テーブルレイアウト　共通設定*/
th, td {
	padding: 8px;
}
td {
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}
th {
	color: #000;
	font-weight: normal;
	text-align: center;
	border-right: 1px dotted #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
/*テーブルレイアウト　教室を探す*/
/*
table.lsts   { width: 100%;font-size: 70%; }
.lsts { 
	display: block; 
	width: 100%; 
	margin: 0 -10px;
	overflow-x: scroll;
}
.lsts thead{ 
	display: block; 
	float: left;
	overflow-x:scroll;
}
.lsts tbody{ 
	display: block; 
	width: auto; 
	overflow-x: auto; 
	white-space: nowrap;
}
.lsts th{ 
	display: block;
	width:auto;
}
.lsts tbody tr{ 
	display: inline-block; 
	margin: 0 -3px;
}
.lsts td{ 
	display: block;
}*/
.lsts {
		clear: both;
		margin-bottom: 20px;
		border: 1px solid #ccc;
		width: 100%;/* 2022 add */
}
table.lsts {
		border-collapse: collapse;
		font-size: 75%;/* 70% */
}

.table-inst,.seriestable{
	width: 2800px;
}


/*テーブル関連のレイアウト　個人教室・教室MAP*/
.lst {
		clear: both;
		margin-bottom: 20px;
		border: 1px solid #ccc;
		width: 100%;/* 2022 add */
}
table.lst {
		border-collapse: collapse;
		font-size: 75%;
}

.t-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		padding: 5px 0;
}
.cdefault{
	font-size: 140%;
	cursor: default;
}
.cfsize{
	  font-size: 140%;
 }
.cbackground{
	background-color: #F8E0F1;
}

  
.form-reg-sheet dd{
		-webkit-margin-start: 5px;
		word-wrap: break-word;
		line-height: 150%;
}
.ct {
  text-align: center;
}

.btn-def {
  display: block;
  margin: auto auto;
  padding: 0 2px;/* 0 16px */
  /*font-size: 80%; 2022 remove*/
  color: #fb4376;/* #0d0015 2022 remove */
  background-color: #ffffff;/* #e7e7eb 2022 remove */
  border: 1px solid #fb4376;/* #dcd6d9 2022 remove */
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  behavior: url(/admin_test/Templates/css/PIE.htc);
  position: relative;
  text-align: center;
}

.trial-btn {/* 2022 add */
	padding: 20px;
	text-align: center;
}

.trial-btn a {/* 2022 add */
	background-color: #fb4376;
	color: #ffffff;
	/* font-weight: bold; */
	padding: 20px 10px;
	border-radius: 6px;
	display: block;
	font-size: 124%;
	margin: 20px;
}

.banner-announce {/* 2022 add */
	margin-top: 30px;
	margin-bottom: 0;
	display: inline-block;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	padding: 10px 20px;
	color: #12cac0 !important;
	/* font-weight: bold; */
	border: 2px solid #12cac0;
}

.bannerarea{
	width: 90%;
	margin: auto auto;
	padding: 40px 0;/* 2022 add */
	text-align: left;/* 2022 add */
}

.anchor {/* 2022 add */
	display: block;
	padding-top: 102px;
	margin-top: -102px;
	pointer-events: none;
}
/*kmap 2024 add-start*/
.kmap-school-list-wrap{
	margin: 60px 0;
}
.kmap-school-list{
	margin: 10px 0;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.kmap-school-list .photo-area{
	display: inline-block;
	vertical-align: top;
	width:  calc(35% - 10px);
	object-fit: cover;
	margin-left: 10px;
}
.kmap-school-list .photo-area img{
	width: 100%;
    object-fit: cover;
}
.kmap-school-list .text-area{
	display: inline-block;
	vertical-align: top;
	width: calc(65% - 20px);
	pointer-events: none;
}
.kmap-school-list .text-area h4,p{
	margin-left: 10px;
}
.kmap-school-list .text-area h4{
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 12px;
}
.kmap-school-list .text-area p{
	font-size: 12px;
}
.kmap-school-list .text-area .about{
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 任意の行数を指定 */
  margin-top: 10px;
  font-size: 14px;
  margin-bottom: 32px;
}
.kmap-school-list a{
	display: block;
    width: 100%;
    height: 100%;
    color: #000;
    position: absolute;
	top: 0px;
	left: 0px;
    cursor: pointer;
    z-index: 30;
}
.kmap-school-list .text-area .btn-act{
	display: inline-block;
	padding: 0 4px;
    color: #fb4376;
    background-color: #ffffff !important;
    border: 1px solid #fb4376;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
	position: absolute;
    bottom: 20px;
    right: 10px;
	cursor: pointer;
}
.kmap-school-list:hover .btn-act {
	color: #fb4376;
    background-color: #fff !important;
    border: 1px solid #fb4376;
	transition: .4s;
}
.kmap-school-list:hover {
	background-color: #fff;
	transition: .4s;
}
.kmap-school-list .address {
	font-size: 12px;
    margin-right: 8px;
}
.kmap-school-list-wrap .filters-titile{
	background: #fcebf0;
	margin: 0;
    padding: 10px 0px 0 10px;
    font-weight: normal;
	font-size: 14px;
}
.filters{
	display: block;
	margin-bottom: 20px;
	background: #fcebf0;
    padding: 10px;
}
.filters li{
	display: inline-block;
	padding: 0px;
}
.filters li label{
	padding: 2px 4px;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 16px;
	text-decoration: underline;
}
.filters li label:hover{
	color: #fb4376;
}
.text-area span a[href^="tel:"],.text-area span {
	color: inherit;
  text-decoration: none;
  pointer-events: none;
  display: inline-block;
  position: static;
}

[value="All"]:checked ~ .targets [data-category] {
	display: block;
  }
  [value="atsugi"]:checked ~ .targets .target:not([data-category~="厚木"]), 
  [value="ayase"]:checked ~ .targets .target:not([data-category~="綾瀬"]), 
  [value="isehara"]:checked ~ .targets .target:not([data-category~="伊勢原"]), 
  [value="ebina"]:checked ~ .targets .target:not([data-category~="海老名"]),
  [value="sagamihara"]:checked ~ .targets .target:not([data-category~="相模原"]),
  [value="zama"]:checked ~ .targets .target:not([data-category~="座間"]),
  [value="hadano"]:checked ~ .targets .target:not([data-category~="秦野"]),
  [value="hiratsuka"]:checked ~ .targets .target:not([data-category~="平塚"]),
  [value="fujisawa"]:checked ~ .targets .target:not([data-category~="藤沢"]){
	display: none;
  }
  /*  ラジオボタンを非表示に */
  input[type="radio"] {
	position: absolute;
	left: -9999px;
  }
[value="All"]:checked ~ .filters [for="All"], 
[value="atsugi"]:checked ~ .filters [for="atsugi"], 
[value="ayase"]:checked ~ .filters [for="ayase"], 
[value="isehara"]:checked ~ .filters [for="isehara"], 
[value="ebina"]:checked ~ .filters [for="ebina"],
[value="sagamihara"]:checked ~ .filters [for="sagamihara"],
[value="zama"]:checked ~ .filters [for="zama"],
[value="hadano"]:checked ~ .filters [for="hadano"],
[value="hiratsuka"]:checked ~ .filters [for="hiratsuka"],
[value="fujisawa"]:checked ~ .filters [for="fujisawa"]{
  background: #fb4376;
  color: #fff;
}
/*kmap 2024 add-end*/
.btn-def_sc {
	display: inline-block;
	margin: 5px auto;
	padding: 10px 12px;
	font-size: 78%;/* 80% 2022 remove */
	color: #fb4376;/* #0d0015 2022 remove */
	background-color: #ffffff;/* #e7e7eb 2022 remove */
	border: 1px solid #fb4376;/* #dcd6d9 2022 remove */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(/admin_test/Templates/css/PIE.htc);
	position: relative;
	width: calc(50% - 30px);
	font-weight: bold;/* 2022 add */
	vertical-align: top;
}

.btn-def:hover,
.btn-def_sc:hover {/* 2022 add */
	background-color: #ffd1de;
	transition: 1.0s;
	color: #fb4376;
}
/*2024 add*/
.ocourse .btn-def_sc {
	color: #ffffff;
	background-color: #55bc64;
	border: 1px solid #248431;
	font-weight: normal;
	font-size: 80%;
}

.ocourse .btn-def:hover,
.ocourse .btn-def_sc:hover {/* 2022 add */
	background-color: #5fcf6f;
	transition: .6s;
	color: #ffffff;
}
.ocourse-lesson .btn-def_sc {
	color: #ffffff;
	background-color: #F5A551;
	border: 1px solid #f7823c;
	font-weight: normal;
	font-size: 80%;
}

.ocourse-lesson .btn-def:hover,
.ocourse-lesson .btn-def_sc:hover {/* 2022 add */
	background-color: #fab267;
	transition: .6s;
	color: #ffffff;
}
.ocourse-lesson .btn-def_sc.none {
	color: #ffffff;
	background-color: #9999;
	border: 1px solid #9999;
	font-weight: normal;
	font-size: 80%;
}

.ocourse-lesson .btn-def_sc.none:hover,
.ocourse-lesson .btn-def_sc.none:hover {/* 2022 add */
	background-color: #9999;
}
/*2024 add end*/


/* ================================================================================================
　PCレイアウト
================================================================================================ */
@media screen and (min-width: 767px){
	.headerbox_border {/* 2022 add */
		box-shadow: 0 2px 5px 0 rgba(171, 171, 171, 0.2);
	}
	.logoimages img{
		margin-bottom: auto;
	}
	.hd-inner{
		/* width: 800px; 2022 commentout */
		max-width: 1100px;/* 2022 add*/
		padding: 10px;/* 2022 add*/
	}
	.hd-left{
		float: left;
	}
	.hd-right{
		display: inline-block;/* block 2022 commentout */
		float: right;
	}
	.hd-menu{
		/*font-size: 75%; 2022 remove*/
		margin-top: 4px;/* 2022 add */
	}

	/*ul.hd-menu li {2022 remove
	  float: left;
	  border-right: 1px solid #d9d9d9;
	  padding: 0 7px 0 7px;
	}*/
	/*ul.hd-menu li:first-child {2022 remove
	  border-left: 1px solid #d9d9d9;
	}*/
	/* .navbutton{
		background-color: #eee;
		border: 1px solid #ccc;
		border-radius: 5px;
		max-height: 41px;
		width: 100%;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	} */

	.globalnavi-top ul {/*2022 add*/
		display: grid;
		grid-template-columns: repeat(6, minmax(125px, 1fr));
		grid-template-rows: repeat(1, minmax(150px, 1fr));
		/* padding: 24px 0 0 0; */
	}

	.globalnavi-top li{
		display: inline-block;/* table-cell */
		width: auto;/* 1% */
		height: 120px;
		float: none;
		list-style: none;
	}

	.globalnavi-top li:first-child {
		border-left: 1px solid #fb4376;
	}

	.globalnavi-top li:nth-child(3n) {
		border-right: 1px solid #fb4376;
	}

	.globalnavi-top li a {
		background-position: 50% 25% !important;
		background-size: 28% !important;
	}

	li:first-child > a {
	  border-left: 0;
	  border-radius: 5px 0 0 5px;
	}

	.trial-btn {/* 2022 add */
		display: none;
	}

	.bg_stripe_base {/* 2022 add */
		font-size: 1.3rem !important;
	}

	.banner-announce {
		margin-top: 40px;
		width: 70%;
		font-size:124%;
	}

	.banners{
		display: inline-block;
		margin: 0.4rem;/* 2022 commentout 5px; */
		width: 31%;
		text-align: center;/* 2022 add */
	}

	/*.footer-inner{ 2022 remove
		width: 800px;
	}*/

	/*.allwrapper{ 2022 remove
		width:950px;
	}*/

	.logoimages img{
		width: auto;
	}

	.globalnavi-pc{
		clear: both;
		display: block;
		max-width: 1100px;/* width: 800px 2022 remove */
		margin: 10px auto auto;
	}

	.globalnavi-top{/* 2022 add */
		clear: both;
		display: block;
		max-width: 1100px;/* width: 800px 2022 remove */
		margin: auto auto;
	}

	#globalnavi_cr, .globalnavi{
		display: none !important;
	}


	.maincontents{
		/* width: 800px; 2022 commentout */
		max-width: 800px;
		min-height: 500px;
		padding: 170px 0 0 0;
	}

	.maincontents-top {/* 2022 add */
		padding-top: 72px;
	}
	
	.maincontents-toppage {/* 2022 add */
		padding-top: 0;
		max-width: 980px;
	}

	.newsblock{
		/* width: 780px; 2022 commentout */
		max-width: 980px;
	}
	.newsblock ul li h3 .topics-block {/*2022 add*/
		margin-bottom: 0;
		display: inline-block;
		margin: 45px 0 10px 0;/* 15px 0 10px 0 2022 remove */
		font-weight: bold;
		text-indent: 1em;
	}
	.infoTxt{
		/* width: 700px; */
		height: auto;
	}
	.infoTxt img{
		/* cursor: pointer; 2022 remove */
		max-width: 97% !important;
	}
	/* .infoTxt img:hover{ 2022 remove
		opacity: 0.75;
		filter: alpha(opacity=75);
	} */
	.bannerarea{
		width: 100%;/* 2022 commentout 780px; */
		/* 2022 commentout margin: 10px auto 10px auto; */
		/* 2022 commentout padding: 10px; */
		text-align: center;/*2022 add*/
	}
	.bannerarea img{
		cursor: pointer;
	}
	.bannerarea img:hover,
	.bannerarea img:focus{
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	.banners img {/*2022 add*/
		width: 100%;
	}
	.banners img:hover,
	.banners img:focus{
		cursor: pointer;
		opacity: 0.75;
		filter: alpha(opacity=75);
	}

	.mainimage{
		/*width: 670px; 2022 remove*/
		margin: auto auto;
	}
	.mainimage img{
		width: auto;
		cursor: pointer;
	}
	.mainimage img:hover,
	.mainimage img:focus {
		opacity: 0.75;
		filter: alpha(opacity=75);
	}

	.mainimage .slick-prev,
	.mainimage .slick-prev:hover,
	.mainimage .slick-prev:visited,
	.mainimage .slick-prev:link,
	.mainimage .slick-prev:focus,
	.mainimage .slick-prev:active,
	.mainimage .slick-next,
	.mainimage .slick-next:hover,
	.mainimage .slick-next:link,
	.mainimage .slick-next:active,
	.mainimage .slick-next:focus,
	.mainimage .slick-next:visited
	{
		background-color: #777;
		color: #777;
	}

	.slick-slide img {/*2022 add*/
	height: 30vw; 
  max–height: 400px; 
  min–height: 350px;
  padding: 0 10px;
  z-index: 1;
	}
	.slick-slide a {/*2022 add*/
	width: 100%;
	height: 100%;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
		}
		.slick-slide a:hover {/*2022 add*/
			opacity: 0.75;
				}
		.mainimage .slick-prev-arrow, .slick-next-arrow{
			width: 50px;
			height: 50px;
		}

		.mainimage .slick-prev-arrow, .slick-next-arrow {/*2022 add*/
		display: inline-block !important;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.slick-prev-arrow {/*2022 add*/
		left: 15%;
	}
	
	.slick-next-arrow {/*2022 add*/
		right: 15%;
	}
	
	.separate{
		display: inline-block;
		width: 48%;
		line-height: 150%;
	}
	.separate.banners{
		margin: auto;
	}
	.threediv{
		display: inline-block;
		width: 31%;
	}


	.form-reg-sheet{
		/*font-size: 100%; 85% 2022 remove */
		font-size: 85%;
	}
	.form-reg-sheet dt{
		/*
		float: left;
		margin-right: 20px;
		*/
	}
	#intro{
		/*font-size: 100%; 85% 2022 remove */
		font-size: 85%;
		line-height: 150%;
	}

	/*#intro span { 2022 add
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
	}*/

	/*#intro span span { 2022 add 
		font-size: 100% !important;
	}*/

	.textblocks {
		font-size: 85%;
		margin: 8px;
	}
	/* .imgblocks img{ 2022 move 
		width: auto;
	} */
	.imgblocks-am img{
		width: 13%;/* 12% 2022 remove */
		/* cursor: pointer; */
	}
	/* .imgblocks-am img:hover{ 2022 move 
		opacity: 0.75;
		filter: alpha(opacity=75);
	} */
	/* .imgblocks-am{ 2022 move 
		text-align: center;
	} */
	.site-map{
		padding: 20px;
	}
	.site-map ul{
		padding: 0 0 0 10px;
	}
	.site-map ul li{
		font-size: 80%;
		border-bottom: dotted 1px #ddd;
		padding: 10px 0;
		list-style: none;
	}
	/* .lst{
		width: 800px;
	} */
	/* .lsts{
		width: 800px;
	} */
	.lsts img{
		width: auto;
	}
	.mapimages{
		width : 550px;
		margin: auto auto;
	}
	.btn-def_sc {
		width: 20%;
  	}
	.ct > .btn-def_sc {/* 2022 add */
		font-size: 68%;
	}
	/*.returntotop{ 2022 remove
		width:800px;
	}*/

	/* 20221026 add */
	.form-contents .contact-input-txt-long,
	.form-contents textarea {
		width: 98.8%;
	}

	.footer-link {
		text-align: left;
	}

	.footer-link ul {
		display: inline-block;
		width: 32.5%;
		vertical-align: top;
	}

	.movie iframe {
		width: 560px;
		height: 315px;
	}
	.anchor {
    	padding-top: 190px;
    	margin-top: -190px;
		pointer-events: none;
	}
	/*kmap 2024 add-start*/
.kmap-school-list-wrap{
	margin: 60px 0;
}
.kmap-school-list{
	margin: 0;
	padding: 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.kmap-school-list .photo-area{
	display: inline-block;
	vertical-align: top;
	object-fit: cover;
    height: 207px;
}
.kmap-school-list .photo-area img{
	width: 250px;
	height: 200px !important;
	object-fit: cover;
}
.kmap-school-list .text-area{
	display: inline-block;
	vertical-align: top;
	width:  calc(65% - 20px);
}
.kmap-school-list .text-area h4,p{
	margin-left: 20px;
}
.kmap-school-list .text-area h4{
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 12px;
}
.kmap-school-list .text-area p{
	font-size: 12px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 任意の行数を指定 */
}
.kmap-school-list .text-area .about{
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 任意の行数を指定 */
  margin-top: 20px;
  font-size: 14px;
}
.kmap-school-list a{
	display: block;
    width: 100%;
    height: 100%;
    color: #000;
    position: absolute;
	top: 0px;
	left: 0px;
    cursor: pointer;
    z-index: 30;
}
.kmap-school-list .text-area .btn-act{
	display: inline-block;
	padding: 0 4px;
    color: #fb4376;
    background-color: #ffffff !important;
    border: 1px solid #fb4376;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
	position: absolute;
    bottom: 20px;
    right: 20px;
	cursor: pointer;
}
.kmap-school-list:hover .btn-act {
	color: #fff;
    background-color: #fb4376 !important;
    border: 1px solid #fb4376;
	transition: .4s;
}
.kmap-school-list:hover {
	background-color: #ffd1de;
	transition: .4s;
}
.kmap-school-list .address {
	font-size: 12px;
    margin-right: 8px;
}

.separate{
	/*font-size: 85%;*/
	font-size: 100%;
}
.filters li {
	display: inline-block;
	padding: 2px 4px;
}
/*kmap 2024 add-end*/
.btn-def_sc {
	display: inline-block;
	margin: 5px auto;
	padding: 10px 16px;
	font-size: 78%;/* 80% 2022 remove */
	color: #fb4376;/* #0d0015 2022 remove */
	background-color: #ffffff;/* #e7e7eb 2022 remove */
	border: 1px solid #fb4376;/* #dcd6d9 2022 remove */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(/admin_test/Templates/css/PIE.htc);
	position: relative;
	width: 20%;
	font-weight: bold;/* 2022 add */
	vertical-align: top;
}

.btn-def:hover,
.btn-def_sc:hover {/* 2022 add */
	background-color: #ffd1de;
	transition: 1.0s;
	color: #fb4376;
}
/*2024 add*/
.ocourse .btn-def_sc {
	color: #ffffff;
	background-color: #55bc64;
	border: 1px solid #248431;
	font-weight: normal;
	font-size: 80%;
}

.ocourse .btn-def:hover,
.ocourse .btn-def_sc:hover {/* 2022 add */
	background-color: #5fcf6f;
	transition: .6s;
	color: #ffffff;
}
.ocourse-lesson .btn-def_sc {
	color: #ffffff;
	background-color: #F5A551;
	border: 1px solid #f7823c;
	font-weight: normal;
	font-size: 80%;
}

.ocourse-lesson .btn-def:hover,
.ocourse-lesson .btn-def_sc:hover {/* 2022 add */
	background-color: #fab267;
	transition: .6s;
	color: #ffffff;
}
.ocourse-lesson .btn-def_sc.none {
	color: #ffffff;
	background-color: #9999;
	border: 1px solid #9999;
	font-weight: normal;
	font-size: 80%;
}

.ocourse-lesson .btn-def_sc.none:hover,
.ocourse-lesson .btn-def_sc.none:hover {/* 2022 add */
	background-color: #9999;
}
/*2024 add end*/

.newsblock ul li .day{
	display:inline-block;
	margin-bottom: 0rem;
}


}



/* ================================================================================================
　お問い合わせ
================================================================================================ */

.contact-h2 {
	height: auto;
	margin-bottom: 20px;
	padding: 5px 0;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	text-align: center;
}

#contact-area {
	margin: 0 auto 30px auto;
}
.contact-form-att {
	margin: 5px;
	color: #fff;/* red */
	background-color: red;
	font-size: 80%;
	padding: 2px 8px;
}
#contact-area dt {
	height: 30px;
	margin-bottom: 10px;
	text-indent: 1em;
	font-size: 14px;
	line-height: 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(/Templates/css/pc/PIE.htc);
	/*position: relative;*/
	background-color: #e5e5e5;
}
#contact-area dd {
	margin: auto auto 20px auto;

}
.contact-input-name {
	width: 178px;
	margin-right: 10px;
}
.contact-input-txt {
	/*width: 440px;*/
}
.contact-label-birth {
	margin: 0 10px;
}
.contact-evidence {
	margin-bottom: 10px;
}
.contact-input-att {
	color: #666;
}
.contact-form-err {
	margin-top: 10px;
	padding: 0 5px;
	line-height: 24px;
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(/Templates/css/pc/PIE.htc);
	position: relative;
}
#contact-privacy-area {
	/*width: 430px;
	height: 200px;*/
	margin-bottom: 20px;
	padding: 9px;
	background-color: #f7f7f7;
	border: 1px solid #333;
	overflow: auto;
	font-size: 80%;
}
.contact-privacy-tit {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
.contact-put-att {
	margin-bottom: 20px;
}
.contact-cf {
	margin-left: 1em;
}
.contact-msg-comp {
	padding: 20px 0;
	text-align: center;
}

/* ================================================================================================
 フォーム要素
================================================================================================ */

input[type="text"],
input[type="email"],
input[type="button"],
textarea {
	display: inline-block;/* block 2022 remove */
	padding: 4px;
	margin-bottom: 2px;
	border: 1px solid #8a8a8a;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS GOTHIC,sans-serif;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(/Templates/css/pc/PIE.htc);
	/*position: relative;*/
}
input[type="button"] {
	background-color: #f7f7f7;
	cursor: pointer;
}
select {
	padding: 4px;
	border: 1px solid #8a8a8a;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS GOTHIC,sans-serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(/Templates/css/pc/PIE.htc);
	/*position: relative;*/
}
textarea {
	/*width: 440px;
	height: 140px;*/
	width: 98%;
	height: 150px;
}
input[type="text"]:focus,
textarea:focus,
input[type="file"]:focus,
select:focus {
  color: #333;
  background-color: #fffaee;
}
label { margin-right: 10px; }
input[type="submit"],
button {
	/*width: 450px;*/
	margin-bottom: 2rem !important;
	padding: 0 18px !important;
	line-height: 40px;
	color: #333;
	text-align: center;
	cursor: pointer;
	background-color: #ececec;
	border-top: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-bottom: 3px solid #ababab;
	border-left: 1px solid #ababab;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	behavior: url(/Templates/css/pc/PIE.htc);
	position: relative;
}
button {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS GOTHIC, sans-serif;
}
input[type="submit"]:hover,
button:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
input[type="submit"]:focus,
button:focus {
	border-bottom: 3px solid #ababab;
}
.subbutton{
	display: block;
	margin: auto auto 5px auto;
}
/* 2022 add */
.form-contents .contact-input-txt-long,
.form-contents textarea {
	width: 97.5%;
}

/* ================================================================================================
 スマホでのメニュー開閉
================================================================================================ */

#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;/* 14px 2022 remove */
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #fb4376;/* #666 2022 remove */
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;/* 14px 2022 remove */
  height: 2px;
  background: #fb4376;/* #666 2022 remove */
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 4px;
}


.newsblock .arrow{
	position: absolute;
    display: inline-block;
    width: 7.7px;
    height: 13.3px;
    top: calc(100% - 50% - 16px);
    right: 0px;
    padding: 10px 0;
  }
  
  .newsblock .arrow::before,
  .newsblock .arrow::after {
	content: "";
	position: absolute;
	top: calc(50% - 0.5px);
	right: 0;
	width: 10px;
	height: 1px;
	border-radius: 9999px;
	background-color: #000000;
	transform-origin: calc(100% - 0.5px) 50%;
  }
  
  .newsblock .arrow::before {
	transform: rotate(45deg);
  }
  .newsblock .arrow::after {
	transform: rotate(-45deg);
  }
  .newsblock a{
	color: #000000;
	width: 100%;
    display: block;
	cursor: pointer;
  }
  .newsblock a div,  .newsblock a span {
	cursor: pointer;
  }