@charset "UTF-8";
/*
Theme Name: miura_sadou
Template: twentytwelve
*/
/* Reset
-------------------------------------------------------------- */
* {
				box-sizing: border-box;
				}

html,
body {
				color: #333;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
				padding: 0;
				margin: 0; }

ol, ul, li {
				list-style-type: none;
				padding: 0;
				margin: 0 auto 24px; }

p {
				font-size: 14px;
				padding: 0;
				margin: 0 0 18px;
				}

img,
html body #page .entry-content img {
				box-shadow: 0 0 0 0;
				border-radius: 0 0 0 0;
				vertical-align: middle;
				max-height: 100%;
				max-width: 100%; }

/* RESET bxSlider
---------------------------------------------- */
#container .bx-wrapper {
				/* height: 100%; */
				}

#container .bx-wrapper .bx-viewport {
				/* box-shadow: none; */
				/* border: none; */
				/* left: 0; */
				/* height: 100% !important; */
				}

#container .bx-wrapper .bx-viewport ul {
				height: 100%; }

#container .bx-wrapper .bx-viewport ul li {
				height: 100%; }

#container .bx-wrapper .bx-viewport img {
				/* min-height: 100%; */
				/* min-width: 100%; */
				}

/* BASE
---------------------------------------------- */

.icon_play a, .icon_play a:hover{color: #000;text-decoration: none;padding: 10px;display: block;}

#ftlink li{display: table-cell; padding: 20px;}

#price,#price td, #price th{border-bottom: 1px solid #ccc;border-collapse: collapse; /* 枠線の表示方法 */ }

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.fieldWrap{
    /* display: none; */
    /* height: 100px; */
    /* padding: 0; */
    /* overflow: hidden; */
    }


.sm-slider, .sm-slider:after {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: absolute !important;
    width: 100% !important;
    height: 364px !important;
    top: 0px !important;
    left: 0px !important;
    z-index: -1 !important;
    overflow: hidden;
}

.flow02{margin: 0 !important;}

#pagetop{position: fixed;bottom: 10px;width: 15%;right: 10px;}

.text-center{text-align: center !important;}

.mincho {
				/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;*/
				font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif; }

.arial {
				font-family: Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif; }

.tof {
				overflow: hidden;
				/* "overflow" の値は "visible" 以外のものを指定する */
				-o-text-overflow: ellipsis;
				/* Opera 9-10 */
				text-overflow: ellipsis;
				/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
				white-space: nowrap;
				width: 100%;
				/* IE6 では width の指定が必要 */ }

.center {
				text-align: center; }

.t_right {
				text-align: right; }

.t_left {
				text-align: left; }

.f_right {
				float: right; }

.f_left {
				float: left; }

.full {
				width: 100%; }

.mg0 {
				margin: 0; }

.hover:hover,
a:hover {
				/* opacity: 0.7; */
				filter: alpha(opacity=70);
				/* ie lt 8 */
				-ms-filter: "alpha(opacity=70)";
				/* ie 8 */
				-moz-opacity: 0.7;
				/* FF lt 1.5, Netscape */
				-khtml-opacity: 0.7;
				/* Safari 1.x */
				zoom: 1;
				}

a:hover {
				text-decoration: underline; }

.hover100:hover {
				opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter: "alpha(opacity=100)";
				-moz-opacity: 1;
				-khtml-opacity: 1;
				zoom: 1; }

.cf {
				clear: both; }

.none {
				display: none; }

.pc_only {
				display: none; }

/* Layout
-------------------------------------------------------------- */
.inner {
				/* overflow: hidden; */
				/* max-width: 1000px; */
				/* height: 100%; */
				/* width: 96%; */
				margin: 0 auto;
				position: relative;
				padding: 0px 10px 0px;
				}

#masthead {
				position: relative;
				top: 0;
				left: 0;
				/*background: rgba(0,0,0,0.2);
	height: 160px;*/
				width: 100%;
				height: 370px;
				z-index: 10001;
				margin: 0;
				padding: 0;
				/* overflow: hidden; */
				}

#secondary {
				/* position: fixed; */
				/* top: 0; */
				/* right: 0; */
				background: rgba(0, 0, 0, 0.2);
				/* height: 100%; */
				/* width: 15%; */
				z-index: 10001;
				}

#colophon {
				/* position: absolute; */
				/* bottom: 0; */
				/* left: 0; */
				background: #000;
				/* height: 48px; */
				/* width: 100%; */
				z-index: 1;
				}

#container {
				/* width: 85% !important; */
				/* overflow: hidden; */
				background: #fff;
				}

#container .stageBase .fieldWrap {
				/* height: 100px; */
				padding: 0;
				/* overflow: hidden; */
				}

/* Common
-------------------------------------------------------------- */
#container #pageNav {
				display: none;
				}

#container #pageNav ul li a {
				border-radius: 20px;
				background: #00f; }

#container #pageNav ul li.activeStage a {
				background: #0f0; }

#container .stageSlide {
				width: 100% !important; }

#container .stageSlide .sdNext {
				/*right: 10%;*/ }

/* Masonry
-------------------------------------------------------------- */
.grid-sizer {
				width: 23%; }

.grid-item {
				width: 23%;
				margin: 0 0 20px; }

.grid-item--width2 {
				width: 48%; }

.gutter-sizer {
				width: 2%; }

/* perfect_scroll
-------------------------------------------------------------- */
.scroll_wrap {
				/* overflow: hidden; */
				/* position: absolute; */
				/* top: 0; */
				/* right: 0; */
				/* bottom: 0; */
				/* left: 0; */
				/*background: rgba(255,255,255,0.3);*/
				width: 100%;
				/*height: 400px;
	width: 600px;*/
				margin: auto;
				}

#scroll_box {
				position: relative;
				overflow: hidden;
				height: 100%; }

/* Header
-------------------------------------------------------------- */
#masthead {
				/*position: fixed;
	height: 0;*/ }

#masthead h1 {
				background: transparent;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
				color: #fff;
				font-size: 11px;
				font-weight: normal;
				text-align: left;
				padding: 0;
				margin: 12px 24px;
				}

/* Primary
-------------------------------------------------------------- */
/* Secondary
-------------------------------------------------------------- */
#secondary #side_nav {
				/* position: absolute; */
				/* IE11 */
				/* height: 100%; */
				/* width: 100%; */
				/* IE11 */
				}

#secondary #side_nav ul {
				/* height: 100%; */
				}

#secondary #side_nav ul li {
				display: block;
				font-size: 24px;
				text-align: center;
				line-height: 30px;
				/* height: 100%; */
				/* width: 15%; */
				padding: 48px 0 0;
				/* float: right; */
				/*transition: .5s;*/
				}

/*#secondary #side_nav ul li.active {
	font-size: 48px;
	line-height: 60px;
	width: 50%;
}
#secondary #side_nav ul li:hover {
	font-size: 48px;
	line-height: 60px;
	width: 50%;
}*/
#secondary #side_nav ul li.green {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/common/menu_bg01.jpg") repeat; }

#secondary #side_nav ul li.brown {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/common/menu_bg02.jpg") repeat; }

#secondary #side_nav ul li.ash {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/common/menu_bg03.jpg") repeat; }

#secondary #side_nav ul li:first-child {
				/* width: 70%; */
				/* padding: 96px 0 0; */
				}

#secondary #side_nav ul li a {
				display: block;
				height: 100%;
				transition: .6s; }
				#secondary #side_nav ul li a:hover {
								padding: 24px 0 0; }

#secondary #side_nav ul li img {
				padding: 0 4px; }

#secondary .lower_contact_area {
				/* position: absolute; */
				right: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.6);
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
				/* width: 336px; */
				padding: 12px 12px 12px;
				z-index: 10001;
				zoom: 1;
				transition: .6s;
				}
				#secondary .lower_contact_area:hover {
								right: 0;
								bottom: 0; }
				#secondary .lower_contact_area h2 {
								position: relative;
								text-align: center;
								line-height: 36px;
								margin: 0 0 0px; }
								#secondary .lower_contact_area h2 span {
												position: absolute;
												top: -20px;
												left: 36px; }
				#secondary .lower_contact_area h3 {
								border-bottom: 1px solid #fff;
								color: #fff;
								font-size: 15px;
								font-weight: normal;
								text-align: center;
								line-height: 32px;
								margin: 0 0 12px;
								}
				#secondary .lower_contact_area p {
								color: #fff;
								letter-spacing: 2px;
								line-height: 20px;
								margin: 0 0 6px; }
				#secondary .lower_contact_area .tel {
								color: #fff !important;
								font-size: 24px;
								text-align: center;
								text-decoration: none !important;
								letter-spacing: .2em;
								line-height: 30px; }
								#secondary .lower_contact_area .tel a:link,
								#secondary .lower_contact_area .tel a:visited {
												color: #fff;
												text-decoration: none; }
								#secondary .lower_contact_area .tel img {
												vertical-align: baseline;
												margin: 0 12px 0 0; }
				#secondary .lower_contact_area .address {
								/* padding: 0 0 0 48px; */
								text-align: center;
								}
				#secondary .lower_contact_area .going {
								font-size: 12px;
								/* text-indent: -1em; */
								line-height: 18px;
								/* padding: 0 0 0 1em; */
								text-align: center;
								/* margin: 0 0 0 48px; */
								}
				#secondary .lower_contact_area .link_btns {
								overflow: hidden;
								text-align: center;
								margin: 12px  0 0; }
								#secondary .lower_contact_area .link_btns li {
												display: inline-block;
												font-size: 12px;
												text-align: center;
												line-height: 30px;
												margin: 0px 5px;
												width: 45%;
												}
												#secondary .lower_contact_area .link_btns li a {
																display: block;
																border: 1px solid #fff;
																padding: 0 12px;
																}
																#secondary .lower_contact_area .link_btns li a:link, #secondary .lower_contact_area .link_btns li a:visited {
																				color: #fff;
																				text-decoration: none; }

/* Footer
-------------------------------------------------------------- */
#colophon {
				/* overflow: hidden; */
				}
				#colophon .site-info {
								/* width: 50%; */
								/* float: left; */
								}
								#colophon .site-info ul {
												overflow: hidden;
												padding: 0 20px 0 24px;
												margin: 0;
												display: inline-block;
												}
								#colophon .site-info li {
												font-size: 12px;
												line-height: 18px;
												margin: 10px 2em 15px 0px;
												text-indent: 10px;
												/* float: left; */
												border-left: 3px solid #fff;
												}
												#colophon .site-info li a:link,
												#colophon .site-info li a:visited {
																color: #fff;
																text-decoration: none; }
				#colophon #copyright {
								text-align: center;
								width: 100%;
								/* float: right; */
								}
								#colophon #copyright p {
												color: #fff;
												line-height: 48px;
												padding: 0 24px 0 0;
												margin: 0; }

.foot_fixed_btn .btn_home {
				position: fixed;
				bottom: 24px;
				left: 20px;
				display: inline-block;
				/*border-radius: 1000px;
		background: rgba(255,255,255,0.2);*/
				text-align: center;
				line-height: 24px;
				width: 24px;
				}
				.foot_fixed_btn .btn_home p {
								margin: 0; }
								.foot_fixed_btn .btn_home p img {
												max-height: 24px;
												max-width: 24px; }

/* Home
-------------------------------------------------------------- */
body.home #container {
				width: 100% !important; }

#home #stage1 h2 {
				position: absolute;
				top: 10%;
				right: 0;
				left: 0;
				text-align: center;
				height: 33.3%;
				margin: 0 auto; }
				#home #stage1 h2 span {
								position: absolute;
								top: -5%;
								right: 0;
								left: 0;
								margin: 0 -96px 0 0;
								height: 25%; }
				#home #stage1 h2 img {
								position: relative;
								max-height: 100%; }

#home #stage1 #top_menu {
				position: absolute;
				top: 60%;
				right: 0;
				left: 0;
				width: 366px;
				margin: 0 auto; }
				#home #stage1 #top_menu ul {
								writing-mode: tb-rl;
								-webkit-writing-mode: vertical-rl;
								writing-mode: vertical-rl;
								min-height: 160px;
								/* FF */
								margin: 0; }
				#home #stage1 #top_menu li {
								text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
								text-align: left;
								letter-spacing: 5px;
								line-height: 30px;
								margin: 0 36px; }
								#home #stage1 #top_menu li a:link,
								#home #stage1 #top_menu li a:visited {
												color: #fff;
												font-size: 20px;
												text-decoration: none; }

#home #stage1 .home_contact_area {
				position: absolute;
				right: 0;
				bottom: 72px;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
				width: 400px; }
				#home #stage1 .home_contact_area h3 {
								border-bottom: 1px solid #fff;
								color: #fff;
								font-size: 20px;
								font-weight: normal;
								text-align: center;
								line-height: 36px;
								margin: 0 0 12px; }
				#home #stage1 .home_contact_area p {
								color: #fff;
								letter-spacing: 2px;
								margin: 0 0 12px; }
				#home #stage1 .home_contact_area .tel {
								font-size: 32px;
								text-align: center;
								letter-spacing: .2em;
								line-height: 36px; }
								#home #stage1 .home_contact_area .tel a:link,
								#home #stage1 .home_contact_area .tel a:visited {
												color: #fff;
												text-decoration: none; }
								#home #stage1 .home_contact_area .tel img {
												vertical-align: baseline;
												margin: 0 12px 0 0; }
				#home #stage1 .home_contact_area .address {
								padding: 0 0 0 48px; }
				#home #stage1 .home_contact_area .going {
								text-indent: -1em;
								padding: 0 0 0 1em;
								margin: 0 0 0 48px; }
				#home #stage1 .home_contact_area .link_btns {
								overflow: hidden;
								text-align: center;
								margin: 12px  0 0; }
								#home #stage1 .home_contact_area .link_btns li {
												display: inline-block;
												text-align: center;
												line-height: 30px;
												margin: 0 12px; }
												#home #stage1 .home_contact_area .link_btns li a {
																display: block;
																border: 1px solid #fff;
																padding: 0 24px; }
																#home #stage1 .home_contact_area .link_btns li a:link, #home #stage1 .home_contact_area .link_btns li a:visited {
																				color: #fff;
																				text-decoration: none; }

#home #stage1 .photo_gallery_area {
				position: absolute;
				bottom: 48px;
				left: 24px;
				max-width: 30%; }
				#home #stage1 .photo_gallery_area h3 {
								color: #fff;
								font-size: 20px;
								margin: 0; }
				#home #stage1 .photo_gallery_area ul {
								overflow: hidden;
								margin: 0; }
				#home #stage1 .photo_gallery_area li {
								display: inline-block;
								margin: 0 24px 0 0; }

#home .grid-item {
				box-sizing: border-box;
				border-radius: 6px;
				border: 1px solid #333;
				background: rgba(51, 51, 51, 0.4);
				min-height: 200px; }

/* School
-------------------------------------------------------------- */
#school #stage1 {
				/* position: relative; */
				/* background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/school01.jpg") no-repeat center center; */
				/* background-size: contain; */
				}
				#school #stage1 h2 {
								/* position: absolute; */
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								/* max-height: 80%; */
								max-width: 100%;
								/* height: 529px; */
								/* width: 587px; */
								margin: auto;
								/* height: 100px; */
								/* padding: 0; */
								overflow: hidden;
								}
				#school #stage1 .page_link {
								position: absolute;
								bottom: 24px;
								left: 60px; }
								#school #stage1 .page_link ul {
												margin: 0; }
								#school #stage1 .page_link li {
												font-size: 13px;
												line-height: 24px;
												margin: 0 24px 0 0;
												float: left; }
												#school #stage1 .page_link li a:link,
												#school #stage1 .page_link li a:visited {
																color: #fff;
																text-decoration: none; }

#school #stage2 .inner {
				/* position: absolute; */
				/* top: 0; */
				/* right: 0; */
				/* bottom: 0; */
				/* left: 0; */
				/* height: 600px; */
				/* margin: auto; */
				}

#school #stage2 .box {
				/* height: 90%; */
				/* width: 49%; */
				/* float: left; */
				}

#school #stage2 .box01 {
				margin: 0 2% 0 0; }

#school #stage2 p.img_box {
				text-align: center;
				/* height: 40%; */
				}

#school #stage2 h2 {
				font-size: 26px;
				font-weight: normal;
				text-align: center;
				line-height: 36px;
				padding: 0px 0 18px;
				margin: 0 auto;
				padding: 12px;
				margin: 0 -10px 10px;
				background: #171E0C;
				color: #fff;
				}

#school #stage2 h3 {
				font-size: 18px;
				font-weight: normal;
				text-indent: 0px;
				line-height: 20px;
				margin: 18px 0; }

#school #stage2 table {
				margin: 0 0 24px 0px;
				}
				#school #stage2 table th {
								font-size: 12px;
								font-weight: normal;
								text-align: left;
								vertical-align: top;
								line-height: 20px;
								white-space: nowrap;
								padding: 0 24px 0 0;
								}
				#school #stage2 table td {
								font-size: 12px;
								line-height: 20px;
								padding: 0;
								margin: 0;
								}

#school #stage3 {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_teacher.png") repeat; }
				#school #stage3 .inner {
								/* writing-mode: tb-rl; */
								/* -webkit-writing-mode: vertical-rl; */
								/* writing-mode: vertical-rl; */
								/* position: absolute; */
								/* top: 0; */
								/* right: 0; */
								/* bottom: 0; */
								/* left: 0; */
								/* height: 600px; */
								padding: 24px 0;
								margin: auto;
								}
								#school #stage3 .inner h2 {
												margin: 0px 0 0 0px;
												}
								#school #stage3 .inner p {
												margin: 0 18px;
												line-height: 1.8;
												}
								#school #stage3 .inner .teacher {
												position: relative;
												/* width: 100%; */
												text-align: center;
												margin-bottom: 20px;
												/* float: left; */
												display: block;
												}
												#school #stage3 .inner .teacher .position {
																/* position: relative; */
																/* bottom: 0; */
																/* float: right; */
																display: block;
																text-align: center;
																margin-top: 20px;
																}
																#school #stage3 .inner .teacher .position .name {
																				/* vertical-align: bottom; */
																				font-size: 20px;
																				padding: 3em 0 0;
																				}

#school #stage4 .bx-wrapper {
				z-index: 0 !important; }

#school #stage4 .season_slider {
				/* height: 100%; */
				}

#school #stage4 .slide {
				/* height: 100%; */
				}

#school #stage4 .slide01 {
				/* background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_item_fuuro.jpg") no-repeat center center; */
				/* background-size: cover; */
				}

#school #stage4 .slide02 {
				/* background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_item_nakaoki.jpg") no-repeat center center; */
				background-size: cover;
				}

#school #stage4 .slide03 {
				/* background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_item_koma.jpg") no-repeat center center; */
				background-size: cover;
				}

#school #stage4 .slide04 {
				/* background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_item_robiraki.jpg") no-repeat center center; */
				background-size: cover;
				}

#school #stage4 .slide05 {
				/* background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_item_sumi.jpg") no-repeat center center; */
				background-size: cover;
				}

#school #stage4 .slide06 {
				/* background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_item_turigama.jpg") no-repeat center center; */
				background-size: cover;
				}

#school #stage4 .season_month {
				/* position: absolute; */
				/* top: 72px; */
				/* right: 15%; */
				/* writing-mode: tb-rl; */
				/* -webkit-writing-mode: vertical-rl; */
				/* writing-mode: vertical-rl; */
				/* background: rgba(0, 0, 0, 0.6); */
				padding: 0px 0px;
				}
				#school #stage4 .season_month h2 {
								background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/common/fff.jpg") repeat-y center top;
								font-size: 12px;
								font-weight: normal;
								letter-spacing: .3em;
								line-height: 36px;
								padding: 5px 0;
								}
				#school #stage4 .season_month span {
								color: #fff; }
				#school #stage4 .season_month .month {
								font-size: 12px;
								}

#school #stage4 .item_info {
				/* overflow: hidden; */
				/* position: absolute; */
				/* right: 0; */
				/* bottom: 24px; */
				/* left: 0; */
				background: rgba(255, 255, 255, 0.8);
				width: 100%;
				padding: 12px 24px 20px;
				margin: 0 auto;
				}
				#school #stage4 .item_info .item_summary {
								/* width: 40%; */
								/* float: left; */
								}
								#school #stage4 .item_info .item_summary h3 {
												font-size: 20px;
												font-weight: normal;
												line-height: 36px;
												margin: 0;
												}
								#school #stage4 .item_info .item_summary p {
												font-size: 12px;
												margin: 0;
												}
				#school #stage4 .item_info .item_detail {
								/* width: 60%; */
								/* float: right; */
								/* font-size: 11px; */
								}
								#school #stage4 .item_info .item_detail table {
												max-width: 100%;
												width: 100%; }
												#school #stage4 .item_info .item_detail table td {
																color: #000;
																font-size: 12px;
																vertical-align: top;
																width: 50%;
																}

#school #stage5 .access_area {
				/* height: 100%; */
				/* max-width: 1000px; */
				width: 96%;
				padding: 24px 0 32px;
				margin: auto;
				}
				#school #stage5 .access_area h2 {
								text-align: center;
								background: #000;
								color: #fff;
								margin: 0 -2% 20px;
								padding: 10px 0;
								}
				#school #stage5 .access_area .inner {
								/* position: relative; */
								/* width: 100%; */
								}
				#school #stage5 .access_area .scroll_wrap {
								/* margin: 0 auto 144px; */
								}
				#school #stage5 .access_area h3 span {
								font-size: 12px;
								margin-bottom: 20px;
								display: block;
								}
				#school #stage5 .access_area img {
								max-height: auto; }
				#school #stage5 .access_area .map_area {
								/* overflow: hidden; */
								/* background: #ededed; */
								/* padding: 24px; */
								margin-bottom: 40px;
								}
								#school #stage5 .access_area .map_area .map_info {
												/* width: 28%; */
												/* padding: 0 0 0 20px; */
												/* float: left; */
												}
												#school #stage5 .access_area .map_area .map_info h4 {
																font-size: 13px;
																margin: 12px auto; }
												#school #stage5 .access_area .map_area .map_info p {
																font-size: 12px;
																margin: 0 0 12px; }
								#school #stage5 .access_area .map_area .map_box {
												/* max-height: 200px; */
												/* width: 72%; */
												/* padding: 0 20px 0 0; */
												/* float: right; */
												display: none;
												}

/* Lesson
-------------------------------------------------------------- */
#lesson #stage1 {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/lesson/lesson01_80.jpg") no-repeat center center;
				background-size: cover;
				display: none;
				}
				#lesson #stage1 h2 {
								/* position: absolute; */
								/* top: 10%; */
								/* right: 20%; */
								}
								#lesson #stage1 h2 img {
												max-height: 500px; }
				#lesson #stage1 .page_link {
								position: absolute;
								bottom: 24px;
								/* left: 60px; */
								}
								#lesson #stage1 .page_link ul {
												margin: 0; }
								#lesson #stage1 .page_link li {
												font-size: 13px;
												line-height: 24px;
												margin: 0 24px 0 0;
												float: left; }
												#lesson #stage1 .page_link li a:link,
												#lesson #stage1 .page_link li a:visited {
																color: #fff;
																text-decoration: none; }

#lesson #stage2 {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/school/bg_teacher.png") repeat; }
				#lesson #stage2 .inner {
								position: relative; }
				#lesson #stage2 h2 {
								text-align: left;
								padding: 12px;
								margin: 0 -10px 10px;
								background: #171E0C;
								color: #fff;
								}
				#lesson #stage2 .scroll_wrap {
								/* top: 96px; */
								margin: 0 auto 0;
								padding-bottom: 40px;
								}
								#lesson #stage2 .scroll_wrap #scroll_box {
												padding: 48px 0 0;
												}
				#lesson #stage2 .flow_wrap {
								/*position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			height: 608px;
			margin: auto;*/ }
				#lesson #stage2 ul {
								/* display: flex; */
								margin: 0 auto 0px;
								}
								#lesson #stage2 ul li {
												position: relative;
												/* margin: 0 !important; */
												width: 43%;
												margin-right: 5% !important;
												display: inline-block;
												}
												#lesson #stage2 ul li .img_box {
																/* max-width: 220px; */
																margin: 0 auto;
																}
												#lesson #stage2 ul li .text_box {
																display: table;
																border: 1px solid #eee;
																background: #fff;
																/* height: 90px; */
																/* max-width: 220px; */
																width: 100%;
																padding: 0;
																margin: 0 auto 0px;
																}
																#lesson #stage2 ul li .text_box p {
																				display: table-cell;
																				font-size: 12px;
																				/* text-align: center; */
																				vertical-align: top;
																				line-height: 16px;
																				margin: 0;
																				}
								#lesson #stage2 ul.ul01 {
												/* flex-direction: row; */
												}
												#lesson #stage2 ul.ul01 li:nth-child(odd) {
																margin: 0px auto 0;
																}
												#lesson #stage2 ul.ul01 li:nth-child(even) {
																margin: 24px auto 0;
																}
												#lesson #stage2 ul.ul01 li:first-child .img_box {
																position: relative; }
																#lesson #stage2 ul.ul01 li:first-child .img_box:before {
																				content: "はじめ";
																				writing-mode: tb-rl;
																				-webkit-writing-mode: vertical-rl;
																				writing-mode: vertical-rl;
																				position: absolute;
																				top: -72px;
																				left: 2px;
																				background: #000;
																				color: #fff;
																				font-size: 20px;
																				padding: 20px 2px;
																				margin: 24px auto 0;
																				}
												#lesson #stage2 ul.ul01 li:after {
																content: url("img/lesson/arrow_right.png");
																position: absolute;
																top: 39%;
																right: -10%;
																}
												#lesson #stage2 ul.ul01 li:nth-child(4):after {
																content: url("img/lesson/arrow_down.png");
																position: absolute;
																top: auto;
																right: 0;
																/* bottom: -24px; */
																/* left: 0; */
																text-align: center;
																margin: 0;
																content: url("img/lesson/arrow_right.png");
																position: absolute;
																top: 39%;
																right: -10%;
																}
								#lesson #stage2 ul.ul02 {
												/* flex-direction: row-reverse; */
												}
												#lesson #stage2 ul.ul02 li:nth-child(odd) {
																margin: 24px auto 0; }
												#lesson #stage2 ul.ul02 li:nth-child(even) {
																margin: 0px auto 0px;
																}
												#lesson #stage2 ul.ul02 li:after {
																content: url("img/lesson/arrow_left.png");
																position: absolute;
																top: 50%;
																/* left: -5px; */
																/* margin: -13px 0 0; */
																content: url("img/lesson/arrow_right.png");
																position: absolute;
																top: 39%;
																right: -10%;
																}
												#lesson #stage2 ul.ul02 li:nth-child(4):after {
																content: ""; }

#lesson #stage3 {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/lesson/bg_learn_80.jpg") no-repeat center bottom;
				background-size: cover;
				padding: 30px 0 0;
				}
				#lesson #stage3 .box {
								writing-mode: tb-rl;
								-webkit-writing-mode: vertical-rl;
								writing-mode: vertical-rl;
								width: 100%; }
				#lesson #stage3 p {
								font-size: 13px;
								margin: 0 0 0 20px;
								}
				#lesson #stage3 dl {
								padding: 24px 0 24px;
								/* font-size: 13px; */
								}
				#lesson #stage3 dt {
								font-size: 14px;
								margin: 0 0 0 3px;
								}
				#lesson #stage3 dd {
								font-size: 13px;
								/* padding: 36px 0 0; */
								margin: 0;
								}

#lesson #stage4 h2 {
				text-align: center;
				padding: 12px 0;
				margin-bottom: 0;
				}

#lesson #stage4 .inner {
				position: relative;
				/*position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			height: 600px;
			margin: auto;*/ }

#lesson #stage4 .scroll_wrap {
				/* top: 86px; */
				/* max-width: 1000px; */
				/* height: 70%; */
				margin: 0 auto 46px;
				}
				#lesson #stage4 .scroll_wrap #scroll_box01 {
								/*height: 400px;*/
								height: 100%; }

#lesson #stage4 .btn_more {
				/*position: absolute;
			right: 20px;
			bottom: 36px;*/
				margin: 12px 20px 0 0;
				}
				#lesson #stage4 .btn_more a:link,
				#lesson #stage4 .btn_more a:visited {
								display: block;
								background: #000;
								color: #fff;
								text-align: center;
								text-decoration: none;
								line-height: 36px;
								padding: 0 1em;
								float: right; }

/* Voice
-------------------------------------------------------------- */
#voice #stage1 {
				background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/voice/voice01_80.jpg") no-repeat center center;
				background-size: cover; }
				#voice #stage1 h2 {
								/* position: absolute; */
								/* top: 10%; */
								/* right: 20%; */
								/* max-height: 500px; */
								margin: 0;
								}

#voice #stage2,
#voice #stage3 {
				background: #eaeaea;
				padding: 10px 0;
				}
				#voice #stage2 h2,
				#voice #stage3 h2 {
								text-align: center;
								padding: 0px 0;
								padding: 12px;
								margin: 0 -10px 10px;
								background: #DEFA7A;
								}
				#voice #stage2 .inner,
				#voice #stage3 .inner {
								/* position: absolute; */
								/* top: 0; */
								/* right: 0; */
								/* bottom: 0; */
								/* left: 0; */
								/* height: 600px; */
								/*position: relative;
			max-height: 100%;
			height: 100%;*/
								margin: 0 auto 48px;
								margin: auto;
								}
				#voice #stage2 .scroll_wrap,
				#voice #stage3 .scroll_wrap {
								height: 100%;
								margin: 0 auto 48px; }
				#voice #stage2 .voice_wrap,
				#voice #stage3 .voice_wrap {
								/* display: flex; */
								/* flex-direction: row-reverse; */
								/* justify-content: space-between; */
								/*align-items: flex-end;*/
								/*position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;*/
								/* height: 540px; */
								/* max-height: 80%; */
								/* height: 100%; */
								/* width: 1000px; */
								/* margin: auto; */
								/* padding: 0px; */
								}
								#voice #stage2 .voice_wrap .voice_box,
								#voice #stage3 .voice_wrap .voice_box {
												/* writing-mode: tb-rl; */
												/* -webkit-writing-mode: vertical-rl; */
												/* writing-mode: vertical-rl; */
												background: #fff;
												/* max-height: 100%; */
												/* height: 100%; */
												/* width: 100%; */
												padding: 12px 12px;
												margin: 0 0 10px;
												/*float: right;*/
												display: block;
												}
												#voice #stage2 .voice_wrap .voice_box h3,
												#voice #stage3 .voice_wrap .voice_box h3 {
																/* border-left: 1px solid #000; */
																/*height: 100%;*/
																line-height: 24px;
																margin: 0px 0;
																border-bottom: 1px solid #ccc;
																padding: 5px 0;
																}
												#voice #stage2 .voice_wrap .voice_box p,
												#voice #stage3 .voice_wrap .voice_box p {
																font-size: 13px;
																white-space: normal;
																line-height: 24px;
																margin: 0;
																}
								#voice #stage2 .voice_wrap .bg_box,
								#voice #stage3 .voice_wrap .bg_box {
												background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/voice/bg_voice01_80.jpg") no-repeat center center;
												background-size: cover;
												min-height: 600px;
												/* margin: 0; */
												display: none;
												}

#voice #stage3 {
				background: #f8f7f5; }
				#voice #stage3 .voice_wrap {
								padding: 12px 0 0;
								}
								#voice #stage3 .voice_wrap .bg_box {
												background: url("http://miura-cha.jp/wp/wp-content/themes/miura_sadou/img/voice/bg_voice02_80.jpg") no-repeat center center;
												background-size: cover;
												/* min-width: 30%; */
												/* margin: 0 0 0 24px; */
												/* float: right; */
												}
								#voice #stage3 .voice_wrap .half_box {
												/*position: absolute;
				bottom: 0;
				left: 0;*/
												writing-mode: lr-tb;
												-webkit-writing-mode: horizontal-tb;
												writing-mode: horizontal-tb;
												text-align: center;
												/* height: 300px; */
												/* width: 20%; */
												padding: 12px 24px;
												margin: 0;
												}
												#voice #stage3 .voice_wrap .half_box h3 {
																border: none;
																height: auto;
																margin: 12px 0; }
												#voice #stage3 .voice_wrap .half_box p {
																line-height: 24px;
																margin: 0 0 12px;
																}
												#voice #stage3 .voice_wrap .half_box .icon_play {
																margin: 0;
																font-size: 20px;
																display: block;
																text-align: center;
																border: 1px solid #ccc;
																/* padding: 10px; */
																}

/* Tablet
-------------------------------------------------------------- */
@media screen and (min-width: 1000px) {
				/* Masonry
	-------------------------------------------------------------- */
				.grid-sizer {
								width: 18%; }
				.grid-item {
								width: 18%;
								margin: 0 0 20px; }
				.grid-item--width2 {
								width: 38%; }
				.gutter-sizer {
								width: 2%; } }