@charset "utf-8";

.header__nav__new ul {
  justify-content: space-between;
}


.header__nav__new ul li:first-child {
  margin-left:0;
  margin-right: 0;
  padding-top: 0;
}


.header__nav__new p {
	margin-bottom:8px;
	text-align: right;
}
.header__nav__new ul li a{
	background: #ff7301;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	padding: 8px 32px;
	border-radius: 10px;
	position:relative;
}

.header__nav__new ul li a:after{
	content: "";
	position: absolute;
	border-right: 8px solid transparent;
	border-left: 8px solid #FFF;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
}

.hover_opacity:hover{
	opacity:0.5;
}
#to_top{
	position:fixed;
	right:16px;
	bottom:16px;
}

.font20{
	font-size:20px;
	font-weight:bold;
}
.small_right{
	display:block;
	text-align:right;
	font-size:14px;
}
.font_small{
    font-size: 1.3rem;
    line-height: 1.5;
}
.showin_box{
	background: #f6f6f6;
	border: 4px solid #bbb;
	padding: 30px;
	margin-bottom: 10px;
}
.showin_box h3{
	font-size: 2.4rem;
	margin-bottom: 2.4rem;
}
.showin_box ._left{
	padding: 0 !important;
}

/*
.b-shop-info {position: relative; top: -10px;}
.b-shop-back-btn {background-color: #1561AD; height:40px; line-height:40px; padding: 0 10px; border-radius: 5px;}
.b-shop-back-btn > a {color: #ffffff; text-decoration: none; font-size: 1.1rem;}
.b-shop-back-btn:hover {opacity: 0.8;}
.nav > .b-shop-back-menu {display: none;}
@media only screen and (max-width: 769px) {
    .nav > .b-shop-back-menu { display: block; }
    .nav > .b-shop-back-menu > a {color: #ffffff; text-decoration: none; font-size: 2rem; display: block; padding: 15px 0; text-align: center;}
}


.b-shop-back-btn {background-color: #1561AD; height:auto; line-height:1.2; padding: 13px 10px; border-radius: 5px;}
.header__nav__new ul {max-width: 770px;align-items: center;}
.header__nav__new ul li.gotop {margin-right: 0px;}
.header__nav__new ul li.data {margin-right: 0px;padding-top: 5px;white-space: nowrap;}
.header__nav__new dt.name {font-size: 13px; font-size: 1.3rem; color: #1561AD; font-weight: 600; line-height: 1.2;}
.header__nav__new dt.time {font-size: 13px; font-size: 1.3rem; color: #1561AD; line-height: 1.2;}
.header__nav__new dd {font-size: 26px; font-size: 2.6rem; color: #000; font-weight: 600; line-height: 1.2; font-family: "Montserrat",sans-serif;}
*/
img {max-width:100%;}
.sagasu__search__ancher {
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
}
.sagasu__search__bnr{
	margin-bottom:40px;
}
.sagasu__search__ancher a {
    display: inline-block;
    background: url("../images/nav_mark.png") left 7px no-repeat;
    padding-left: 23px;
}
.sagasu__search .hplink{
	vertical-align: bottom;
	margin-left: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #118fde;
	background-size: 16px;
	border: 2px solid #118fde;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 60px;
	border-radius: 6px;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-decoration: none;
}
.sagasu__search dl {
  text-align: left;
}

.sagasu__search dl dt {
  margin-bottom: 8px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
.sagasu__search  .free_word_search{
	background:#118fde;
	padding: 16px;
}

.sagasu__search  .free_word_search h2{
	font-size:24px;
	color:#FFF;
	text-align:center;
	padding-bottom:16px;
}
.sagasu__search  .free_word_search dl{
	background: #FFF;
	padding: 16px;
	text-align: center;
}
.sagasu__search dl dd input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 540px!important;
  padding: 0 20px;
  border: 2px solid #d1d1d1;
  border-radius: 6px;
  background: #fff;
  background-size: 25px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
}

.sagasu__search dl dd input[type="text"]:focus {
  border: 2px solid #118fde;
  background: #e7f4fc;
}

.sagasu__search dl dd input[type="submit"] {
  vertical-align: bottom;
  margin-left: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #118fde;
  background-size: 16px;
  border: 2px solid #118fde;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 20px 0 20px;
  border-radius: 6px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
}

.sagasu {
	margin:0 0 50px 0;
}
#data {
    padding-top: 0;
}

.sagasu__btn dl dt .link_span {
    color: #333;
    text-decoration: none;
    cursor: pointer;
    padding: 3% 5%;
    display: block;
}

.sagasu__areasub__list p .link_span {
    display: inline-block;
    padding-left: 15px;
    background: url(../images/mark_search_back.svg) no-repeat left center;
        background-size: auto;
    background-size: 6px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    color: #118fde;
}
.sagasu__tbl table td {
    padding-right: 10px;
    padding-left: 10px;
}

/* common */
._flex-between {
    justify-content: space-between;
}
._flex-box {
    display: flex;
}
._flex-align-center{
	align-items: center;
}
._left{
	width:50%;
	box-sizing: border-box;
	padding-right: 5px;
}
._right{
	width:50%;
	box-sizing: border-box;
	padding-left: 5px;
}
.text-center{
	text-align:center;
}
._w35{width:35%;}
._w40{width:40%;}
._w50{width:50%;}
._w60{width:60%;}
._w65{width:65%;}

.hplink a {
    display: block;
    width:200px;
    border: 2px solid #118fde;
    border-radius: 6px;
    background:#FFF url(../images/sagasu_link_mark.png) no-repeat 95% center;
    color: #118fde;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
}
.hplink a:hover {
    background: #118fde url(../images/sagasu_link_mark_on.png) no-repeat 97% center;
    color: #FFF;
}


#map_canvas {
    display:none;
    width: 100%;
    /*height: 600px;*/
    height: 40vh;
    background: #eee;
    position:relative;
}
.pgtitle {
	height:80px;
	line-height:80px;

}
.area__section{
	margin-top:50px;
}

/* Header */
.nav__search__box .searchBtn{
/*
    vertical-align: bottom;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #118fde;
    background-size: 16px;
    border: 2px solid #118fde;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 40px 0 40px;
    border-radius: 6px;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    display: inline-block;
*/
}
.nav__search__sp .searchBtn{
/*
    vertical-align: bottom;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #1560ad;
    background-size: 16px;
    border: 2px solid #118fde;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 6px;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    display: block;
*/
}
.nav__search__area {
	border-top:none;
    border-bottom: 1px solid #FFF;
}
.nav__search__box ul li dl dd input[type="text"]{
	width:560px;
}
/* 教室リスト */
.sagasu__list .linklink{
	margin-right:10px;
}

/* 市町村区から教室を探す */
.municipalities__section{
	font-size:1.5rem;
	margin-top: 50px;
}
.municipalities__section h2{
	border: none;
	background: #0552a9 url('../images/icon_arrow_up.png') no-repeat right 32px center;
	background-size: 35px 35px;
	color: #FFF;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 0;
}
.municipalities__section h2.active{
	background-image:url('../images/icon_arrow_down.png');
}

.municipalities__section ._inner{
	padding: 20px;
	box-sizing: border-box;
	border: 5px solid #0552a9;
	border-top: none;
}
.municipalities__section ._list{
	display:flex;
	flex-wrap:wrap;
}
.municipalities__section ._list li{
	width: 25%;
	margin-bottom: 10px;
	padding: 0 10px;
}
.municipalities__section ._list li a{
	display: block;
	border: 2px solid #118fde;
	border-radius: 6px;
	background: url(../images/sagasu_link_mark.png) no-repeat 95% center;
	color: #118fde;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
}
.municipalities__section ._list li a:hover {
    background: url(../images/sagasu_link_mark_on.png) no-repeat 97% center #118fde;
    color: #fff;
}

/* 通学可能な小中学校 */
.slide_toggle{
	cursor:pointer;
}
.slide_toggle_box{
	display:none;
}
._slide_box .slide_toggle{
    background: #0552a9;
    color: #FFF;
    font-size: 1.5rem;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    position:relative;
}
._slide_box .slide_toggle:after{
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-80%) rotate(135deg);
	transition: 0.2s;
}
._slide_box.active .slide_toggle:after{
	transform: translateY(-40%) rotate(-45deg);
}
.slide_toggle_box{
	font-size: 1.5rem;
	border: 2px solid #0552a9;
	border-top: none;
	padding: 20px;
}
.school_box .school_type{
	font-weight: bold;
	margin: 0;
}
.school_box .school_list{
	margin-left: 1em;
	margin-bottom: 2em;
	display:flex;
	flex-wrap:wrap;
}
.school_box .school_list > li{
	width: 33%;
	margin:0.4rem 0;
}
/* 教室が見つからない */
#NotFound h2{
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	margin: 50px auto;
}
#NotFound .gpsBtn{
	margin:0;
}
#NotFound .search_box {
	margin-bottom:100px;
}
/*
#NotFound .search_box .result{
	font-size: 40px;
	margin-bottom: 100px;
	background: #871650;
	color: #FFF;
	padding: 20px;
	word-wrap: break-word;
}
*/

#NotFound .search_box .hplink {
    display: block;
    border: 2px solid #118fde;
    border-radius: 6px;
    background:#118fde url(../images/sagasu_link_mark_on.png) no-repeat 95% center;
    color: #FFF;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    margin-top: 63px;
}
#NotFound .search_box .hplink:hover {
    background: #FFF url(../images/sagasu_link_mark.png) no-repeat 97% center;
    color: #118fde;
}
#NotFound .search_box .two-block ._left {
	padding:0 20px;
}
#NotFound .search_box .two-block ._right {
	padding:0 20px;
}
#NotFound .search_box .two-block .text {
	margin:30px 0;
	text-align:left;
}
#NotFound .search_box .two-block .sagasu__search {
	padding-top:0;
	margin-top: -4px;
}

#NotFound .search_box .two-block .sagasu__search dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#NotFound .search_box .two-block .sagasu__search dl dt {
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

#NotFound .online {
	margin-bottom:100px;
}
#NotFound .online .visual {
	padding-top:0;
}

#NotFound .btn-square-pop {
    width: 500px;
    padding: 15px 0;
    color: #fff;
    background: #2cc680;
    border-radius: 90px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
}
#NotFound .topics__btn2 {
    padding: 1%;
    width: 500px;
    margin: 0 auto;
    text-align: center;
    border: 2px dashed #333333;
    border-radius: 5px;
}
#NotFound p.topics__btn2__option {
    margin-bottom: 0;
    font-size: 2rem!important;
    font-weight: 300;
    line-height: 2;
}

#NotFound .online .about {
	background: #1560ad;
	color:#FFF;
	margin:50px auto;
	padding:30px;
	font-size:1.6rem;
}
#NotFound .online .about h3{
	margin-bottom:10px;
}

#NotFound .owner h2 {
	margin-bottom:10px;
}
#NotFound .owner .ttl {
	margin-bottom:50px;
}
#NotFound .owner .ttl p {
	font-size: 18px;
}
#NotFound .owner .two-block ._left {
	padding:0 20px;
}
#NotFound .owner .two-block ._right {
	padding:0 20px;
}

.all_class_btn{
	background: #e7f4fc;
	text-align:center;
	text-align: center;
	padding: 24px 0;
}
.all_class_btn a{
	background: #118fde;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding: 16px 40px;
	border-radius: 10px;
	font-size: 20px;
}
@media only screen and (max-width: 859px) {
	display:none;
	border:none;
}

@media only screen and (max-width: 768px) {
	.pgtitle{
		height:auto;
	}
	.font20{
		font-size:18px;
	}
	.sppd20{
		padding:0 20px;
	}
	#map_canvas {
	    height: 40vh;
	}
	.menu .menu__trigger.active{
		background:#ff7301;
	}
	.nav__search__sp__box > p {
		color:#FFF;
		padding: 0 10px;
	}
	.nav__search__sp__box .link_box{
		display: block;
		padding: 0 10px;
		margin-bottom: 32px;
	}
	.nav__search__sp__box .link_box li{
		margin: 0 0 24px 0;
		box-sizing: border-box;
	}
	.nav__search__sp__box .link_box li:last-child{
		margin-bottom:0;
	}
	.nav__search__sp__box .link_box a{
		background: #ff7301;
		display: block;
		font-size: 16px;
		text-decoration: none;
		color: #FFF;
		text-align: center;
		padding: 16px 0;
		border-radius: 10px;
	}
	.nav__search__sp__box ul li {
	    width: 100%;
	}

	.municipalities__section h2{
		padding-right: 60px;
		background: #0552a9 url('../images/icon_arrow_up.png') no-repeat right 16px top 20px;
		background-size:30px 30px;
	}
	.municipalities__section ._list li {
	    width: 50%;
	}

	.sagasu__tbl img{
		width:auto;
		max-width: 100%;
		padding: 0 10px 0 0;
	}
	.sagasu__tbl ._box_outer{
		flex-wrap:wrap;
	}
	.sagasu__tbl ._box_outer ._left{
	    width: 100%;
	}
	.sagasu__tbl ._box_outer ._right{
	    width: 100%;
	    padding: 0;
	}
	.sagasu__list .linklink{
	    width: 40%;
	    margin: 0;
	}
	.sagasu__list .hplink{
	    width: 60%;
	}

	.sagasu__search .free_word_search dl dd input[type="text"] {
		width: 100% !important;
		margin-bottom: 16px;
	}
	.sagasu__search .free_word_search dl dd input[type="submit"] {
		width:100%;
	}

	#NotFound .search_box .hline__s,
	#NotFound .online .hline__s,
	#NotFound .owner .hline__s{
		font-size:1.6rem;
	}

	#NotFound h2{
		font-size: 2rem !important;
	}

	#NotFound ._flex-box{
		flex-wrap:wrap;
	}
	#NotFound ._flex-box ._left{
		width:100%;
		padding:0 10px;
		margin-bottom:40px;
	}
	#NotFound ._flex-box ._right{
		width:100%;
		padding:0 10px;
	}
	#NotFound .search_box .two-block .sagasu__search {
		margin: 0;
		padding: 0;
	}
	#NotFound .search_box .two-block .sagasu__search dl {
		justify-content: flex-start;
	}
	#NotFound .search_box .two-block .sagasu__search dl dt {
		margin-bottom:10px;
	}
	#NotFound .search_box .two-block .sagasu__search dl dd {
		width:100%;
	}
	#NotFound .search_box .two-block .sagasu__search dl dd form {
		display:flex;
	}
	#NotFound .search_box .two-block .sagasu__search dl dd form input[type="text"] {
		width: 70%;
		box-sizing: border-box;
	}
	#NotFound .search_box .two-block .sagasu__search dl dd form input[type="submit"] {
		width: 29%;
		margin-left: 1%;
		box-sizing: border-box;
	}
	#NotFound .btn-square-pop{
	    width: 100%;
	}
	#NotFound .btn-square-pop span{
		font-size:2rem!important;
	}
	#NotFound .topics__btn2 {
	    width: 100%;
	}
}