@charset "utf-8";
body {
	border-top: 3px solid #e73562;
} /*　ページ全体　*/
.header-change, #page_top, #header_inner, header h2, #nav1, #koshin img {
	display:none;
}/*　スクロール用ヘッダー、スクロール用トップボタン、更新情報を消す　*/

.br-pc {
	display: none;
}
.br-pc-inline {
	display: none;
}
.br-sp {
	display: block;
}

header {
	margin: 0;
	padding: 0;
	width: 92vw;
}
header h1 {
	margin:  10px 0 2px 0;
	padding: 0;
	width: 92vw;
	text-align: center;
}
header h1 img {
	width: 92vw;
}
section {
	margin: 0 0 3px 0;
	padding: 0;
	width: 92vw;
	border: none;
}
div {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 92vw;
	border: none;
}
p {
	margin: 0;
	padding: 3px;
	border: none;
	font-size: 90%;
	lind-height: 1.3em;
}
footer {
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0 10px 0;
	width: 92vw;
}
footer address {
	width: 92vw;
}
footer p {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 80%;
}

#stage {
	display: none;
}
#stager {
	display: block;
	margin: 0;
	padding: 0;
	width: 92vw;
/* 	height: 155px; */
	background-color:#ffffff;
}
#stager img {
	width: 92vw;
	float: none;
	margin: 0 auto;
	padding: 0;
}
#photo1, #photo2, #photo3, #photo4 {
	display: none;
}
#photo5, #photo6, #photo7, #photo8 {
	display: block;
	width: 92vw
}
#contents, #main, #sub {
	margin: 0;
	padding: 0;
	width: 92vw;
}/*　サイドバーをメインの下に表示　*/
.box_sitemap, .box {
	margin-left: auto;
	margin-right: auto;
	width: 80vw;
}
.bosyu, .box_access {
	margin-left: auto;
	margin-right: auto;
	width: 80vw;
}
.box img{
	margin-left: auto;
	margin-right: auto;
	width: 80vw;
}
.box_access {
	margin-bottom: 10px;
}
#counter {
	display: none;
}
section h1 {
	border-left-width: 10px;
	line-height: 1.3em;
	margin: 1px 0 4px 10px;
	padding: 3px 0 1px 5px;
	text-align: left;
	font-size: 110%;
}
section img {
	width: 87vw;
}
#index01, #index02, #index03, #index04, #index05, #index06, #index07, #index09, #index1, #index2, #index3, #index4, #virtual {
	width: 92vw;
	border: none;
}
#index09 {
	margin: 10px 10px 5px 10px;
}
#index09 p {
	border: 0.2px solid #cccccc;
	text-align:center;
	width: 90vw;
}
#index1 h2, #index2 h2, #index3 h2, #index4 h2 {
	margin: 5px 0 5px 10px;
	padding: 0 0 0 20px;
	font-size: 100%;
	line-height: 1.3em;
	background-image: url(../images/list1_s.png);
}
#index01 h2, #index02 h2, #index03 h2, #index04 h2, #index05 h2, #index06 h2, #index07 h2 {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 100%;
	line-height: 1.3em;
	font-family: "ＭＳ 明朝",serif;
}
#index09 a {
	font-size: 120%;
	line-height: 1.3em;
	font-family: "ＭＳ 明朝",serif;
}
#index01 p, #index02 p, #index03 p, #index04 p, #index05 p, #index06 p, #index07 p, #index1 p, #index2 p, #index3 p, #index4 p, #catch p,#steps5 p {
	width: 90vw;
	margin: 0;
	padding: 3px 3px 3px 10px;
	font-size: 90%;
}
.button {
	width: 85vw;
	margin-left: 5px;
	font-size: 90%;
}
#stair, #index2 img, #pickup img {
	width: 87vw;
	margin: 0 0 5px 10px;
	padding: 0;
	float: none;
}
#index3 img, #index4 img {
	width: 50vw;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left : auto;
	margin-right : auto;
	padding: 0;
}
#pickup h2 {
font-size: 130%;
}
#pickup p {
	width: 90vw;
	padding: 3px;
	margin: 0 0 8px 10px;
}
#catch img, #system img {
	margin: 0;
	padding: 0;
	width: 92vw;
	position: static;
}
#catch {
	height: auto;
	background-image: none;
}
#catch p{
	line-height: 1.2em;
}
#first, #second, #third, #forth, #fifth {
	width: 98%;
	margin: 10px 0 10px 10px;
	padding: 5px 10px 5px 60px;
	background-size: 55px;
	font-size: 90%;
	box-sizing: border-box;
}
#first img, #second img, #third img, #forth img, #fifth img {
	display: none;
}
#virtual, #outcome {
	width: 92vw;
}
#virtual p, #outcome p {
	width: 92vw;
	margin: 5px 0 0 10px;
}
#virtual img, #outcome img {
	width: 40vw;
	margin: 0;
	padding: 5px 10px 5px 10px;
}
#outcome h2 {
	margin: 15px 5px 5px 10px;
	padding: 0 0 0 20px;
	font-size: 110%;
	line-height: 1.3em;
	background-image: url(../images/list1_s.png);
}
#outcome h3 {
	margin: 15px 5px 5px 10px;
	font-size: 100%;
	line-height: 1.3em;
}
#outcome table {
	margin: 5px 5px 5px 10px;
	border-collapse: collapse;
	width: 85vw;
} /*　英検合格者テーブル　*/

.video-wrap {
	position: relative;
/* 	width: 190px; */
	margin: 10px 5px 40px 10px;
	padding: 0;
	float: none;
}
#volumeu1, #volumeu2 {
	margin: 0 0 0 50px;
	padding: 0;
	border: 0 solid #ffffff;
	cursor: pointer;
}
.openkey {
	margin: 20px 0 40px 10px;
}
a.before2015 {
	padding: 5px 10px;
	box-shadow: 1px 1px 1px #555;
}
.anchor {
	display: none;
}
#eikens h2 img {
	width: 92vw;
	max-width: 317px;
	padding-left: 10px;
}
#eikens table {
	width: 87vw;
	font-size: 90%;
}
#eikens table caption img {
	width: 200px;
}
#eikens table td img {
	width: 84px;
}
#eikens p {
	width: 90vw;
	padding-left: 10px;
}
.kyu {
	width:60px;
	padding: 0;
}
.kyu img {
	width: 60px;
}
#marble h2 img,  #primary h2 img, #grammar h2 img {
	width: 70%;
	max-width: 237px;
}
#marble h2 img:nth-of-type(2), #primary h2 img:nth-of-type(2), #grammar h2 img:nth-of-type(2) {
	width: 90%;
	max-width: 446px;
}
#marble p, #primary p, #grammar p, #examination p, #private p {
	width: 92vw;
	margin-left: 10px;
}
#marble img, #primary img, #grammar img, #private img {
	width: 50vw;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 0 0;
}
#hundred1 img, #hundred2 img, #hundred3 img, #hundred4 img {
	width: 200vw;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
#kosu {
	margin: 15px 10px 15px 10px;
	width: 90vw;
	font-size: 90%;
}
#kosu th, #kosu td {
	width: 90vw;
	padding: 5px;
}
.honbun {
	padding: 10px;
}
#kosu img {
	width: 160px;
}
.gazo img{
	width: 200px;
}
.kochira {
	height: 40px;
}
.kochira p {
	line-height: 1.2em;
	text-align:center;
	padding:5px;
	width: 180px;
	margin: 0 auto 0 auto;
}
#marblepen {
	width: 92vw;
	margin: 15px auto 10px auto;
	padding: 1px;
	background-image: url(../images/marble4.png);
	background-repeat: no-repeat;
	background-size: contain;
} /*　マーベルタッチペン説明枠　*/
#white {
	width: 80vw;
	margin: 10px auto 10px auto;
	padding: 10px 5px 10px 5px;
	background-color: #ffffff;
	border-radius: 5px;
} /*　マーベルタッチペン説明_内容　*/
#white img {
	margin: 0px;
	padding: 0px;
	width: 82px
} /*　マーベルタッチペン説明_吹き出し　*/
#white h3 {
padding-top; 0;
margin-top: 0;
} /*　マーベルタッチペン説明_英検範囲　*/
#marblepen2 img {
	width: 92vw;
} /*　マーベルタッチペン説明枠　*/
#movie {
	margin: 20px auto 10px auto;
	width:85vw;
	background-color: #fff8f0;
	padding: 15px 0 0 15px;
	border: 0.2px solid #cccccc;
}
#movie ul li a {
	display: block;
	height: 0;
	padding-top: 55px;
	margin: 10px 21px 10px 21px;
	overflow: hidden;
	width: 151px;
	float: none;
}
.video-wrap, #control, #explanation1, #explanation2 {
	width: 80vw;
} /*　スピーチコンテスト動画枠　*/
#playv1 img, #pausev1 img, #volumeu1 img, #volumed1 img, #playv2 img, #pausev2 img, #volumeu2 img, #volumed2 img {
	width: 30px;
	padding: 0;
} /*　スピーチコンテスト動画ボタン　*/
#videosp1, #videosp2 {
	width: 75vw;
} /*　スピーチコンテスト動画　*/
#private h2 {
	font-size: 1.2em;
	margin-left: 10px;
}
#sansu {
	height: 90px;
	width: 85vw;
	border: 0.2px solid #cccccc;
	background-image:url(../images/sansu2.jpg);
	background-size: auto 120px;
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 1.3em;
	outline: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	padding: 30px 0 0 10px;
	font-size: 1em;
}
#sansu strong {
	line-height: 1.5em;
	font-size: 1.3em;
}
#chronology ul {
	list-style-type: none;
	padding: 0;
	margin: 3px 5px 5px 5px;
	font-size: 85%;
}
#owner {
	width: 90vw;
	margin: 0 0 0 10px;
}
#owner p {
	width: 90vw;
}
#owner-photo {
	margin: 0 10px 10px 0;
	text-align: center;
	float:left;
	width: 130px;
}
#owner-photo img {
	width: 110px;
	border-left: 10px double #fdf5e6;
	border-right: 10px double #fdf5e6;
}
.instructor_box figure {
	width: 90vw;
	margin: 0 0 0 10px;
}
.instructor_box figure:first-child {
	margin: 0 0 0 10px;
}
.instructor_box img {
	width: 110px;
	border-left: 10px double #fdf5e6;
	border-right: 10px double #fdf5e6;
}
figcaption {
	width: 90vw;
}
.obihiroschool {
	width: 90vw;
	margin-left: 0;
	padding-left: 0;
}
.obihiroschool div {
	padding: 0;
	margin: 0;
	width: 190px;
	font-size: 0.9em;
}
.obihiroschool img {
	border: none;
	padding: 0;
	margin: 0;
}
#koshin, #chronology {
	width: 92vw;
}
#koshin ul li, #chronology ul li {
	padding: 15px 0 15px 70px;
	border-bottom: 2px dotted #6c5f45;
	color: #342300;
	text-indent: -70px;
}/* 　更新情報／帯広教室の歩みリスト 　*/
#koshin ul li time, #chronology ul li time {
	display: inline-block;
	width: 70px;
	font-weight: bold;
	color: #6c5f45;
	text-indent: 0;
}/* 　更新情報／帯広教室の歩みリスト_年月日 　*/

#newspaper section {
	background-color:#fcfaf7;
	margin-left: 10px;
}
#newspaper section h1 {
	margin-left: 0px;
}
#newspaper section h2 {
	padding: 0;
	font-size: 100%;
	margin: 10px 0 5px 5px;
}
#newspaper section p {
	padding: 0;
	margin: 0 0 8px 5px;
	width: 90vw;
}
#newspaper section img {
	box-shadow: 4px 4px 8px #cccac7;
	padding: 0;
	margin-bottom: 40px;
}
#newspaper section img:first-child {
	padding: 0;
	margin: 0;
	width: 44px;
}
#room {
	background-image: none;
}
#obihiro_anchor, #taisho_anchor, #urahoro_anchor, #schedule_anchor, #calendar_anchor, #last_anchor {
	width: 14px;
}
#timetable h2, #timetable h3 {
	font-size: 70%;
	margin-left: 10px;
}
#access section p {
	width: 85vw;
	margin-left: 10px;
}
#access table td {
	border: 1px solid #999999;

}
#access table {
	margin: 5px;
	width: 90vw;
	border-collapse: collapse;
} /*　アクセス目次テーブル　*/
#map1_anchor, #map2_anchor, #map3_anchor, #map4_anchor, #map5_anchor, #map6_anchor, #map7_anchor, #map8_anchor, #map9_anchor, #map10_anchor, #map11_anchor {
	width: 14px;
}
iframe {
	width: 90vw;
}


#timetable h2 {
	font-size: 100%;
}
#timetable table {
	width: 92vw;
	font-size: 80%;
}
#mokuji h2 {
	background-image: url(../images/list1_s.png);
}
#mokuji p {
	width: 92vw;
}
.jikanwari{
	width: 92vw;
}
#calender, #schedule {
	width: 92vw;
}

#trial_table {
	width: 92vw;
	margin: 15px auto 10px auto;
	padding: 1px;
} /*　体験レッスン日程表　*/
#trial_table caption {
	font-size: 1em;
} /*　体験レッスン日程みだし　*/
#trial_table th {
	font-size: 0.9em;
} /*　体験レッスン日程内容　*/
#trial_table td {
	font-size: 0.8em;
} /*　体験レッスン日程内容　*/
#news article p {
	width: 85vw;
}
#news article h3 {
	font-size: 100%;
	width: 80vw;
}
#highschool section p {
	width: 85vw;
}
#highschool section h2 {
	margin-left: 10px;
}
#mathematics section h2 {
	font-size: 100%;
	margin-left: 10px;
}
#mathematics section p {
	width: 85vw;
}

#red_halftone, #green_halftone {
	width: 31px;
}
#index01 img {
	width: 31px;
}

#index01 img:first-of-type {
	width: 82vw;
}
/* ↓以下「display:none」で非表示
#header_inner {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
}
#header_inner li a, #header_inner li a img {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	text-align: center;
}
header h2 {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
}
header h2 img {
	width: 95%;
}
#nav1, #nav1 ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
#nav1 ul li a {
	border-top: 3px solid #efefef;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	display: block;
	height: auto;
	padding-top: 1px;
	overflow: hidden;
	width: 47%;
	margin: 1px 3px 1px 3px;
	background-color: #efefef;
	color: #444444;
	text-align: center;
	text-decoration: none;
	line-height: 2.2em;
}
#nav1 ul li#nav_method a {
	background-image: none;
	border-bottom: 5px solid #e73562;
}
#nav1 ul li#nav_course a {
	background-image: none;
	border-bottom: 5px solid #ff9900;
}
#nav1 ul li#nav_aboutus a {
	background-image: none;
	border-bottom: 5px solid #65ab31;
}
#nav1 ul li#nav_timetable a {
	background-image: none;
	border-bottom: 5px solid #3399ff;
}
#nav1 ul li#nav_news a {
	background-image: none;
	border-bottom: 5px solid #bc38bc;
}
#method #nav_method a, #nav_method a:hover {
	color: #ffffff;
	background-color: #e73562;
	border-top: 3px solid #e73562;
}
#course #nav_course a, #nav_course a:hover {
	color: #ffffff;
	background-color: #ff9900;
	border-top: 3px solid #ff9900;
}
#aboutus #nav_aboutus a, #nav_aboutus a:hover {
	color: #ffffff;
	background-color: #65ab31;
	border-top: 3px solid  #65ab31;
}
#timetable #nav_timetable a, #nav_timetable a:hover {
	color: #ffffff;
	background-color: #3399ff;
	border-top: 3px solid #3399ff;
}
#news #nav_news a, #nav_news a:hover {
	color: #ffffff;
	background-color: #bc38bc;
	border-top: 3px solid #bc38bc;
}
↑以上「display:none」で非表示 */
hr {
	margin: 40px 10px 40px 10px;
	border: 0.5px solid silver;
}
.list {
	hight: 12px;
	width: 12px;
}

.menu-btn {
    position: fixed;
    top: 7px;
    right: 7px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #da536e;
    opacity: 0.8;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 2.5px;
    width: 20px;
    border-radius: 2.5px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

#sub {
	display: none;
}