@charset "utf-8";

body {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
img {
	  -webkit-touch-callout:none;
	  -moz-touch-callout:none;
	  touch-callout:none;
	  
	  -webkit-user-select:none;
	  -moz-user-select:none;
	  user-select:none;
}
@media screen and (min-width:1025px){
.drawer-hamburger,
.closeMenu {
	display:none !important;
}
/* :::::::::: フォント :::::::::: */
p,li,dt,dd,input,textarea,select {
 	-webkit-text-size-adjust: none;
	font-size:0.8rem;
	line-height: 1.8em;
}
/* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
html {
	height:100%;
}
body{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック','Hiragino Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
	font-size:62.5%
}
nav {
}
main {
}
/* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
h1 {
	color:#fff;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:right;
	position:absolute;
	top:25px;
	right:0;
}
h2 {
	color:#fff;
	font-size:1.3em;
}
h3 {
	font-size:1.6em;
	font-weight:bold;
}
h4 {
}
h5 {
}
h6{}
/* =======================================================================

   全体
   
======================================================================= */
/* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
header {
	width:90%;
	max-width:1200px;
	margin:0 auto;
	height:100px;
	position:relative;
	padding:25px 0 0;
	overflow:hidden;
}
.headerLogo a{
	display:block;
	width:300px;
	height:57px;
	background:url(../images/logo.png) no-repeat;
	background-size:100% auto;
	float:left;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.headerPhone {
	width:286px;
	height:21px;
	background:url(../images/h_phone.png) no-repeat;
	background-size:100% auto;
	float:right;
	margin:30px 0 0;

	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.headerHours {
	color:#fff;
	position:absolute;
	top:80px;
	right:0;
}
/* :::::::::: nav :::::::::: */
nav {
	background:#3e2000;
}
nav ul {
	overflow:hidden;
	text-align:center;
}
nav li {
	display:inline-block;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin: 0 20px 0 0;
}
nav li:nth-child(7) {
	margin:0;
}
nav > ul > li > a {
	display:block;
	color:#fff;
	font-size:1.25em;
	padding:20px 10px 40px;
}
.nav01 a {
	background:url(../images/nav01.png) no-repeat;
	background-size:25px auto;
	background-position:center 50px;
}
.nav02 a {
	background:url(../images/nav02.png) no-repeat;
	background-size:45px auto;
	background-position:center 50px;
}
.nav03 span {
	display:block;
	color:#fff;
	font-size:1.25em;
	padding:20px 10px 40px;
	background:url(../images/nav03.png) no-repeat;
	background-size:51px auto;
	background-position:center 50px;
}
.nav04 a {
	background:url(../images/nav04.png) no-repeat;
	background-size:60px auto;
	background-position:center 50px;
}
.nav05 a {
	background:url(../images/nav05.png) no-repeat;
	background-size:75px auto;
	background-position:center 50px;
}
.nav06 a {
	background:url(../images/nav06.png) no-repeat;
	background-size:60px auto;
	background-position:center 50px;
}
.nav07 a {
	background:url(../images/nav07.png) no-repeat;
	background-size:60px auto;
	background-position:center 50px;
}
.nav03 .dropdownmenu {
	width: 100%;
	box-sizing:border-box;
	background:#fff;

	visibility:hidden;
	opacity:0;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	z-index:1;
	transition-duration:0.3s;
}
.nav03:hover .dropdownmenu {
	visibility:visible;
	opacity:1;
}
nav .dropdownmenu li {
	color:#000;
	width:auto;
	padding:0;
	margin: 0 30px 0 0;
}
.dropdownmenu li:last-child {
	margin:0;
}
.dropdownmenu li a {
	display:block;
	padding:20px 0;
	color:#3e2000;
}
.dropdownmenu li a:hover:before {
	border-color: transparent transparent transparent #9d2017;
}
nav input {
	display:none;
}

/* :::::::::: key visual :::::::::: */
.mainVisual {
	height:320px;
	background:url(../images/keyv.jpg) no-repeat;
	background-size:cover;
	background-position:center;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	position:relative;
}
.mainVisual section {
	width:300px;
	color:#fff;
	position:absolute;
	left:65%;
	top:40%;
}
.mainVisual span {
	display:block;
	font-size:2em;
}
/* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
footer {
	background-color:#825a40;
	color:#fff;
	padding:10px 0;
}
footer p {
	text-align:center;
}

/* =======================================================================

   個別
   
======================================================================= */
/* -----------------------------------------------------------------------
  index.html
----------------------------------------------------------------------- */
/* :::::::::: お知らせ :::::::::: */
.news {
	background-color:#faf8f2;
	padding:60px 0;
	overflow:hidden;
}
.news h3 {
	width:122px;
	height:128px;
	text-align:center;
	margin:0 auto 60px;
	background:url(../images/news_title.png) no-repeat;
	background-size:122px 128px;
	background-position:center;

	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.news_inner {
	border:1px solid #825a40;
	width:80%;
	max-width:1200px;
	margin:0 auto;
	padding:70px 0 100px;
	background:url(../images/news_bg.png) no-repeat;
	background-size:651px 331px;
	background-position:center 230px;
	position:relative;
}
.news_inner:before {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:55px;
	height:55px;
	position:absolute;
	top:30px;
	left:30px;
}
.news_inner:after {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:55px;
	height:55px;
	position:absolute;
	top:30px;
	right:30px;
	transform:rotate(90deg);
}
.news_inner2:before {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:55px;
	height:55px;
	position:absolute;
	bottom:30px;
	left:30px;
	transform:rotate(-90deg);
}
.news_inner2:after {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:55px;
	height:55px;
	position:absolute;
	bottom:30px;
	right:30px;
	transform:rotate(180deg);
}
.news dl {
	width:500px;
	height:280px;
	overflow:auto;
	margin:0 auto;
}
.news .date {
	display:none;
}
.news dt {
	color:#825a40;
	margin: 0 0 10px;
	font-size:0.9rem;
	font-weight:bold;
}
.news dd {
	margin:0 0 30px;
}
/* :::::::::: オルフェ音楽院について :::::::::: */
.about {
	background:url(../images/bg_01.jpg) no-repeat;
	background-size:cover;
	height:800px;
	padding:80px 0 0;
	overflow:hidden;
}
.about h3 {
	width:178px;
	height:150px;
	margin:0 auto;
	text-align:center;
	background:url(../images/about_title.png) no-repeat;
	background-size:100% auto;
	padding:165px 0 0;
	color:#fff;
}
.about section {
	width:1000px;
	margin:0 auto;
	position:relative;
}
.about li {
	width:310px;
	height:310px;
	border-radius:50%;
	background:rgba(255,255,255,0.75) ;
	position:absolute;
	box-sizing:border-box;
	padding:80px 50px 0;
}
.about li:nth-child(1) {
	left:0;
	top:200px;
}
.about li:nth-child(2) {
	left:0;
	right:0;
	margin:auto;
	top:400px;
}
.about li:nth-child(3) {
	right:0;
	top:160px;
}
.about li h4 {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:92px;
	height:54px;
	margin:0 0 10px;
}
.about li:nth-child(1) h4 {
	background:url(../images/feature01_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:nth-child(2) h4 {
	background:url(../images/feature02_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:nth-child(3) h4 {
	background:url(../images/feature03_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:before {
	content:"";
	display:block;
	position:absolute;
}
.about li:nth-child(1):before {
	background:url(../images/feature01_image03.png) no-repeat;
	background-size:100% auto;
	width:150px;
	height:150px;
	top:-30px;
	right:-20px;
}
.about li:nth-child(2):before {
	background:url(../images/feature02_image03.png) no-repeat;
	background-size:100% auto;
	width:150px;
	height:150px;
	top:-30px;
	right:-20px;
}
.about li:nth-child(3):before {
	background:url(../images/feature03_image03.png) no-repeat;
	background-size:100% auto;
	width:150px;
	height:150px;
	top:-30px;
	right:-20px;
}
.about li:after {
	content:"";
	display:block;
	position:absolute;
}
.about li:nth-child(1):after {
	background:url(../images/feature01_image02.png) no-repeat;
	background-size:100% auto;
	width:146px;
	height:223px;
	top:-180px;
	right:-30px;
}
.about li:nth-child(2):after {
	background:url(../images/feature02_image02.png) no-repeat;
	background-size:100% auto;
	width:187px;
	height:112px;
	top:-70px;
	right:0;
}
.about li:nth-child(3):after {
	background:url(../images/feature03_image02.png) no-repeat;
	background-size:100% auto;
	width:348px;
	height:214px;
	bottom:-140px;
	right:-90px;
}
/* :::::::::: レッスン紹介 :::::::::: */
.lessons {
	background:url(../images/ornament_border.png) repeat-x;
	background-size:24px auto;
	background-position:top;
	background-color:#faf8f2;
	overflow:hidden;
	padding:70px 0 0;
}
.lessons h3 {
	box-sizing:border-box;
	text-align:center;
	background:url(../images/lessons_title.png) no-repeat;
	background-size:100% auto;
	width:471px;
	height:141px;
	margin:0 auto 20px;
	padding:100px 0 0;
}
.lessons .bx-wrapper {
	width:1000px;
	margin:0 auto;
    position: relative;
    *zoom: 1;
	padding: 160px 50px 0;
    box-sizing: border-box;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.lessons .bx-wrapper li {
    box-sizing: border-box;
	padding:120px 50px 40px;
	position:relative;
}
.lesson01 {
	background:url(../images/lesson01_bg.png) no-repeat;
	background-size:270px auto;
	background-position:100% 120%;
}
.lesson02 {
	background:url(../images/lesson02_bg.png) no-repeat;
	background-size:270px auto;
	background-position:100% 120%;
}
.lesson03 {
	background:url(../images/lesson03_bg.png) no-repeat;
	background-size:270px auto;
	background-position:100% 120%;
}
.lesson04 {
	background:url(../images/lesson04_bg.png) no-repeat;
	background-size:270px auto;
	background-position:100% 120%;
}
.lesson05 {
	background:url(../images/lesson05_bg.png) no-repeat;
	background-size:270px auto;
	background-position:100% 120%;
}
.lessons h4 {
	font-weight:bold;
	box-sizing:border-box;
	text-align:right;
	font-size:1.5em;
	position:relative;
	z-index:2;
	margin: 0 0 50px;
}
.lesson01 h4 {
	background:url(../images/lesson_title01.png) no-repeat;
	background-size:100% auto;
	width:435px;
	height:83px;
	padding:90px 0 0 ;
}
.lesson02 h4 {
	background:url(../images/lesson_title02.png) no-repeat;
	background-size:100% auto;
	width:215px;
	height:89px;
	padding:90px 0 0;
}
.lesson03 h4 {
	background:url(../images/lesson_title03.png) no-repeat;
	background-size:100% auto;
	width:224px;
	height:78px;
	padding:90px 0 0;
}
.lesson04 h4 {
	background:url(../images/lesson_title04.png) no-repeat;
	background-size:100% auto;
	width:240px;
	height:114px;
	padding:120px 0 0;
}
.lesson05 h4 {
	background:url(../images/lesson_title05.png) no-repeat;
	background-size:100% auto;
	width:182px;
	height:79px;
	padding:90px 0 0;
}
.lessons h5 {
	color: #825a40;
	font-weight:bold;
	border-bottom:1px dashed #825a40;
	margin: 0 0 10px;
	padding: 0 0 5px;
	font-size:1.5em;
}
.lessons p {
	margin: 0 0 10px
}
.lessons table {
	width:100%;
	margin: 0 0 20px
}
.lessons table th {
	background:#825a40;
	border:1px solid #825a40;
	color:#fff;
	padding:5px 10px;
	width:30%;
}
.lessons table td {
	background:#fff;
	border:1px solid #825a40;
	color: #825a40;
	padding:5px 10px;
}
.lessons table td:nth-child(2) {
	width:15%;
}
.lessons table td:nth-child(3) {
	width:15%;
}
.day {
	width:90px;
	height:90px;
	position:absolute;
	right:150px;
	top:60px;
}
.day2 {
	width:90px;
	height:90px;
	position:absolute;
	right:50px;
	top:60px;
}
.link_btn a {
	display:block;
	background:#825a40;
	border:1px solid #825a40;
	color:#fff;
	padding:15px;
	width:280px;
	position:relative;
}
.link_btn a:after {
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	right:25px;
	top:0;
	bottom:0;
	margin:auto;
}
.link_btn a:hover {
	background:#faf8f2;
	color:#825a40;
}
.link_btn a:hover:after {
	border-top:1px solid #825a40;
	border-right:1px solid #825a40;
}
/* slider */
.lessons .bx-wrapper li .lesson_image {
	float:right;
	margin: 0 0 0 50px;
	box-shadow:0 0 2px 0 #d5d5d5;
}
.lessons .bx-wrapper .bx-pager-item,
.lessons .bx-pager-item　{
	width:160px;
	height:160px;
}
.bx-pager-item a {
	width:100%;
	height:100%;
	display:block;
}
.bx-pager-link {
	opacity:0.2;
}
.bx-pager .active{
	opacity:1;
}
.lessons .bx-pager div:first-child a{
	background:url(../images/pager01.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(2) a{
	background:url(../images/pager02.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(3) a{
	background:url(../images/pager03.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(4) a{
	background:url(../images/pager04.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(5) a{
	background:url(../images/pager05.png) no-repeat;
	background-size:100% auto;
}
.bxslider_ticker li  {
	width:auto !important;
}
/* :::::::::: 講師紹介 :::::::::: */
.teachers {
	overflow:hidden;
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #f9f7f4), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
}
.teachers section {
	padding:70px 0 0;
	background:url(../images/ornament_border.png) repeat-x;
	background-size:24px auto;
	background-position:top;
}
.teachers .bx-wrapper {
	width:1000px;
	margin:0 auto;
    position: relative;
    *zoom: 1;
	padding: 50px 50px 0;
    box-sizing: border-box;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.teachers .bx-wrapper li {
	height: 500px !important;
    box-sizing: border-box;
	padding:40px 50px 140px;
	position:relative;
}
.teachers .bx-pager {
	display:none;
}
.teachers .bx-wrapper li img {
	width:281px;
	float:left;
	margin: 0 50px 0 0;
}
.teachers h3 {
	box-sizing:border-box;
	text-align:center;
	background:url(../images/teachers_title.png) no-repeat;
	background-size:100% auto;
	width:471px;
	height:141px;
	margin:0 auto;
	padding:100px 0 0;
}
.teachers h4 {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.name01 {
	background:url(../images/name01.png) no-repeat;
	background-size:100% auto;
	width:123px;
	height: 22px;
	margin: 0 0 10px;
}
.name02 {
	background:url(../images/name02.png) no-repeat;
	background-size:100% auto;
	width:101px;
	height: 22px;
	margin: 0 0 10px;
}
.name03 {
	background:url(../images/name03.png) no-repeat;
	background-size:100% auto;
	width:101px;
	height: 22px;
	margin: 0 0 10px;
}
/* 名前（アルファベット） */
.teachers .name_eng {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin: 0 0 20px;
}
.teacher01 .name_eng {
	background:url(../images/teacher01_image02.png) no-repeat;
	background-size:100% auto;
	width:138px;
	height:8px;
}
.teacher02 .name_eng {
	background:url(../images/teacher02_image02.png) no-repeat;
	background-size:100% auto;
	width:141px;
	height:8px;
}
.teacher03 .name_eng {
	background:url(../images/teacher03_image02.png) no-repeat;
	background-size:100% auto;
	width:131px;
	height:8px;
}
/* 担当 */
.expert {
	margin: 0 0 25px;
}
.teachers dt {
	font-weight:bold;
	color:#825a40;
}
.teachers p {
	margin: 0 0 10px
}
/* :::::::::: 音楽院概要 :::::::::: */
.summary {
	height:530px;
	background:url(../images/summary_bg.png) no-repeat, url(../images/bg_01.jpg) no-repeat;
	background-size:425px 425px, cover;
	background-position:center, center;
	padding:280px 0 0;
	box-sizing:border-box;
}
.summary h3 {
	text-align:center;
	color:#825a40;
	margin: 0 0 10px;
}
.summary ul {
	text-align:center;
}
/* :::::::::: アクセスマップ :::::::::: */
.access h3{
	width:100%;
	padding:20px 0;
	background:url(../images/access_title.png) no-repeat;
	background-size:305px auto;
	background-position:center;
	background-color:#825a40;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin: 0 0 100px;
}
.access {
	width:100%;
	padding:0 0 100px;
	overflow:hidden;
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #f9f7f4), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
}
.accessmap {
	background:url(../images/accessmap.png) no-repeat;
	background-size:100% auto;
	width:882px;
	height:466px;
	margin:0 auto;
}
.access p {
	text-align:center;
	padding:480px 0 0;
}

/* =======================================================================

   下層
   
======================================================================= */
/* -----------------------------------------------------------------------
  共通
----------------------------------------------------------------------- */
.subpage .mainVisual {
	height:200px;
}
.subpage .mainVisual section {
	width:100%;
	color:#fff;
	position:static;
	left:inherit;
	top:inherit;
	font-size:2em;
}
.subpage .mainVisual h2 {
	text-align:center;
	padding:25px 0 0;
}
.subpage h2 {
	color:#825a40;
	text-align:center;
	font-size:3.5em;
	margin:0 0 50px;
}
.subpage h3 {
	font-size:2.5em;
	font-weight:normal;
	margin: 0 0 10px;
	color:#825a40;
}
.subpage h4 {
	font-size:2em;
	margin: 0 0 10px;
}
.subpage h5 {
	font-size:1.7em;
}
.subpage main p,
.subpage main dt,
.subpage main dd,
.subpage main li,
.subpage main th,
.subpage main td,
.subpage main caption {
	font-size:1.5em;
}
.subpage main {
	display:block;
	padding: 100px 0 10px;
	background-color: #faf8f2;
}
.subpage main article > section {
	width: 80%;
    max-width: 1200px;
	margin:0 auto 120px;
	background:#fff;
	box-sizing:border-box;
	padding:100px;
}
.subpage main article > section > section {
	margin: 0 0 25px;
}
.subpage main article > section p {
	margin: 0 0 25px;
}
.subpage main p {
}
.subpage main li {
	margin: 0 0 10px;
}
.features h3 {
	font-size:1.6em;
	text-align:center;
	padding:65px 0 0;
}
.subpage main article > .features > section:not(:last-child) {
	margin: 0 0 50px;
}
.features section:nth-child(2) h3 {
	background:url(../images/feature01_image01.png) no-repeat;
	background-size:91px auto;
	background-position: center top;
} 
.features section:nth-child(3) h3 {
	background:url(../images/feature02_image01.png) no-repeat;
	background-size:91px auto;
	background-position: center top;
} 
.features section:nth-child(4) h3 {
	background:url(../images/feature03_image01.png) no-repeat;
	background-size:91px auto;
	background-position: center top;
} 
.features section:nth-child(5) h3 {
	background:url(../images/feature04_image01.png) no-repeat;
	background-size:91px auto;
	background-position: center top;
} 
.features section:nth-child(6) h3 {
	background:url(../images/feature05_image01.png) no-repeat;
	background-size:91px auto;
	background-position: center top;
} 
/* -----------------------------------------------------------------------
  レッスン共通
----------------------------------------------------------------------- */
.overview {
		background:url(../images/news_bg.png) no-repeat;
		background-size:100% auto;
		padding:25px 50px;
}
.list li {
	display:inline-block;
	border-bottom:1px solid #825a40;
	color:#825a40;
}
.list li:before {
	content:"\00266a ";
	display:inline-block;
	margin: 0 2px 0 0;
}
.lesson_price {
	width:100%;
	margin: 0 0 25px;
}
.lesson_price th {
	background: #825a40;
	border: 1px solid #825a40;
	color:#fff;
	text-align:left;
	padding:15px 20px;
	width:50%;
}
.lesson_price td {
	background: #fff;
	border: 1px solid #825a40;
	padding:15px 20px;
	width:50%;
	color:#825a40;
	text-align:right;
}
.adult_lesson {
	padding: 75px 75px 50px;
	background-color: #faf8f2;
	position:relative;
}
.adult_lesson:before {
    content: "";
    display: block;
    background: url(../images/ornament_corner.png) no-repeat;
    background-size: 100% auto;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 30px;
    left: 30px;
}
.adult_lesson:after {
    content: "";
    display: block;
    background: url(../images/ornament_corner.png) no-repeat;
    background-size: 100% auto;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 30px;
    right: 30px;
    transform: rotate(90deg);
}
.adult_lesson h3 {
	text-align:center;
	margin: 0 0 25px;
}
.subpage main article > section .lesson_day {
	text-align:center;
	display:block;
	width:300px;
	background:#faf8f2;
	color:#825a40;
	font-weight:bold;
	margin:0 auto 50px;
	padding:7px 0;
}
.pre_lesson h2 {
	font-size:1.7em;
	background:url(../images/lesson_title01.png) no-repeat;
	background-size:435px auto;
	background-position: center top;
	padding:100px 0 0;
}
.flute h2 {
	font-size:1.7em;
	background:url(../images/lesson_title05.png) no-repeat;
	background-size:182px auto;
	background-position: center top;
	padding:100px 0 0;
}
.solfege h2 {
	font-size:1.7em;
	background:url(../images/lesson_title04.png) no-repeat;
	background-size:240px auto;
	background-position: center top;
	padding:120px 0 0;
}
.violin h2 {
	font-size:1.7em;
	background:url(../images/lesson_title02.png) no-repeat;
	background-size:215px auto;
	background-position: center top;
	padding:100px 0 0;
}
.piano h2 {
	font-size:1.7em;
	background:url(../images/lesson_title03.png) no-repeat;
	background-size:224px auto;
	background-position: center top;
	padding:100px 0 0;
}
.imageright {
	display:block;
	width:360px;
	float:right;
	margin: 0 0 0 30px
}
/* -----------------------------------------------------------------------
  講師紹介 lecturer.html
----------------------------------------------------------------------- */
.subpage main article > .teacher > section:not(:last-child) {
	margin: 0 0 100px;
}
.teacher h3 {
	text-align:center;
}
.teacher h4 {
	margin:0 auto 20px;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.teacher img {
	display:block;
	margin:0 auto 20px;
}
/* -----------------------------------------------------------------------
  アクセス access.html
----------------------------------------------------------------------- */
.location h3 {
	text-align:center;
	margin: 0 0 20px;
}
.location .accessmap {
	width:100%;
	height:auto;
	padding:54% 0 0;
	box-sizing:border-box;
	text-align:center;
}
/* -----------------------------------------------------------------------
  お問い合わせ contact.html
----------------------------------------------------------------------- */
.subpage main article > .contact {
	background:#825a40;
	padding:100px 0;
}
.subpage .contact h2 {
	color:#fff;
}
.contact h3 {
	color:#fff;
	text-align:center;
	margin: 0 0 25px;
}
.contact p {
	color:#fff;
	text-align:center;
	margin: 0 0 25px;
	padding: 0 20%;
}
.contact dl {
	width:90%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
	box-sizing:border-box;
	padding:5%;
}
.form#mailformpro dl dt {
	border-top: solid 1px #825a40 !important;
	width:25% !important;
	padding:32px 25px 32px 0;
	float:left;
	clear:both;
	box-sizing:border-box;
	text-align:left;
	color:#825a40;
	font-weight:bold;
}
.form#mailformpro dl dd {
	border-top: solid 1px #825a40 !important;
	width:75% !important;
	padding:20px 0;
	float:left;
	color:#825a40;
	font-weight:bold;
	position:relative;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date {
	box-shadow:none !important;
	border:0 !important;
	padding:10px !important;
}
input,
textarea,
select {
	background:#f9f7f4;
	color:#825a40;
	font-weight:bold;
}
.mfp_element_select-one {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
}
.form_name input,
.form_kana input{
	width:40%;
}
.form_mail input,
.form_tel input {
	width:83%;
}
.form_address select {
	width:50%;
	background:url(../images/arrow.png) no-repeat;
	background-size:15px auto;
	background-position:96% center;
	background-color:#f9f7f4;
}
.form_address input {
	width:47.5%;
}
.form_lessons select {
	width:83%;
	background:url(../images/arrow.png) no-repeat;
	background-size:15px auto;
	background-position:96% center;
	background-color:#f9f7f4;
}
.form_ask textarea {
	width:80% !important;
	height:15em !important;
}
.form_confirm label {
	width:81% !important;
	padding:20px 0 20px 10px !important;
}
form#mailformpro label.mfp_checked {
	box-shadow:none !important;
	background:#f9f7f4 !important;
	border:1px solid  #dab982 !important;
}
div.mfp_ok {
	position:absolute;
	top:0;
}
.submit {
	width:500px;
	margin:0 auto;
	padding:5% 0 0;
}
.submit button {
	display:block;
	width:47.5%;
	padding:15px;
	background:#fff;
	border:1px solid #fff;
	float:left;
	margin: 0 5% 0 0;
	color:#825a40;
	font-weight:bold;
	transition-duration:0.3s;
}
.submit button:hover {
	background:#825a40;
	color:#fff;
}
.submit button:last-child {
	margin:0;
}
.problem {
    background-color: #dab982 !important;
}
div.mfp_err {
	clear: both;
	display: none;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #dab982;
	font-size: 12px;
	line-height: normal;
}
.postal_annotation {
	display:block;
}
.confirm_annotation br {
	display:none;
}
/* -----------------------------------------------------------------------
  サンクスページ  thanks.html
----------------------------------------------------------------------- */
.thanks p {
	text-align:center;
}
.thanks {
	height:100%;
	position:relative;
}
.thanks h2 {
	padding:100px 0 0;
	margin: 0 0 15px;
}
.thanks footer {
	width:100%;
	position:absolute;
	bottom:0;
	
}
}

















@media screen and (min-width:641px) and (max-width:1024px){
.drawer-hamburger,
.closeMenu {
	display:none !important;
}
.drawer-hamburger,
.closeMenu {
	display:none !important;
}
/* :::::::::: フォント :::::::::: */
p,li,dt,dd,input,textarea,select {
 	-webkit-text-size-adjust: none;
	font-size:1.7vw;
	line-height: 1.8em;
}
/* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
html {
	height:100%;
}
body{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック','Hiragino Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
	font-size:62.5%
}
nav {
}
main {
}
/* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
h1 {
	color:#fff;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:right;
	position:absolute;
	top:3vw;
	right:0;
}
h2 {
	color:#fff;
	font-size:1.3vw;
}
h3 {
	font-size:2vw;
	font-weight:bold;
}
h4 {
}
h5 {
}
h6{}
/* =======================================================================

   全体
   
======================================================================= */
/* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
header {
	width:90%;
	margin:0 auto;
	position:relative;
	padding:3vw 0;
	overflow:hidden;
}
.headerLogo a{
	display:block;
	width:30%;
	height:5.7vw;
	background:url(../images/logo.png) no-repeat;
	background-size:100% auto;
	float:left;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.headerPhone {
	width:28.6%;
	height:2.1vw;
	background:url(../images/h_phone.png) no-repeat;
	background-size:100% auto;
	float:right;
	margin:4% 0 0;

	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.headerHours {
	color:#fff;
	position:absolute;
	top:9vw;
	right:0;
}
/* :::::::::: nav :::::::::: */
nav {
	background:#3e2000;
	position:relative;
}
nav ul {
	overflow:hidden;
	text-align:center;
}
nav li {
	display:inline-block;
	margin: 0 2% 0 0;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
nav li:nth-child(7) {
	margin:0;
}
nav >ul > li > a {
	display:block;
	color:#fff;
	font-size:1.8vw;
	padding:10% 0 20%;
}
.nav01 a {
	background:url(../images/nav01.png) no-repeat;
	background-size:2.5vw auto;
	background-position:center 95%;
}
.nav02 a {
	background:url(../images/nav02.png) no-repeat;
	background-size:4.5vw auto;
	background-position:center  67%;
}
.nav03 span {
	display:block;
	color:#fff;
	font-size:1.8vw;
	padding:10% 0 20%;
	background:url(../images/nav03.png) no-repeat;
	background-size:5.1vw auto;
	background-position:center  82%;
}
.nav04 a {
	background:url(../images/nav04.png) no-repeat;
	background-size:6vw auto;
	background-position:center  95%;
}
.nav05 a {
	background:url(../images/nav05.png) no-repeat;
	background-size:7.5vw auto;
	background-position:center  96%;
}
.nav06 a {
	background:url(../images/nav06.png) no-repeat;
	background-size:6.5vw auto;
	background-position:center bottom;
	background-position:center  95%;
}
.nav07 a {
	background:url(../images/nav06.png) no-repeat;
	background-size:6.5vw auto;
	background-position:center bottom;
	background-position:center  84%;
}
/* :::::::::: アコーディオン :::::::::: */
.accordion ul {
	width:100%;
	height:0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.accordion_content {
	width:100%;
	margin:0 auto;
}
input[type="checkbox"].on-off1{
    display: none;
}
input[type="checkbox"].on-off1 + ul{
    height: 0;
    overflow: hidden;
}
input[type="checkbox"].on-off1:checked + ul{
	height:6vw;
}
nav .dropdownmenu {
	width:100%;
	box-sizing:border-box;
	height:0;
	background:#fff;

	opacity:1;
	position:absolute;
	left:0;
	top:9vw;
	z-index:1;
}
nav .dropdownmenu li {
	display:inline-block;
	width:auto;
	margin: 0 4% 0 0;
}
nav .dropdownmenu li a {
	display:block;
	padding:11% 0;
	color:#3e2000;
}
/* :::::::::: key visual :::::::::: */
.mainVisual {
	height:40vw;
	background:url(../images/keyv.jpg) no-repeat;
	background-size:cover;
	background-position:center;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	position:relative;
}
.mainVisual section {
	width:32%;
	color:#fff;
	position:absolute;
	left:63%;
	top:30%;
}
.mainVisual span {
	display:block;
	font-size:2.5vw;
}
/* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
footer {
	background-color:#825a40;
	color:#fff;
	padding:10px 0;
}
footer p {
	text-align:center;
}

/* =======================================================================

   個別
   
======================================================================= */
/* -----------------------------------------------------------------------
  index.html
----------------------------------------------------------------------- */
/* :::::::::: お知らせ :::::::::: */
.news {
	background-color:#faf8f2;
	padding:4% 0;
	overflow:hidden;
}
.news h3 {
	width:12.2%;
	height:12.8vw;
	text-align:center;
	margin:0 auto 7%;
	background:url(../images/news_title.png) no-repeat;
	background-size:100% auto;
	background-position:center;

	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.news_inner {
	border:1px solid #825a40;
	width:90%;
	margin:0 auto;
	padding:7% 0 10%;
	background:url(../images/news_bg.png) no-repeat;
	background-size:85% auto;
	background-position:center 70%;
	position:relative;
}
.news_inner:before {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:5.5%;
	height:5.5vw;
	position:absolute;
	top:3%;
	left:3%;
}
.news_inner:after {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:5.5%;
	height:5.5vw;
	position:absolute;
	top:3%;
	right:3%;
	transform:rotate(90deg);
}
.news_inner2:before {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:5.5%;
	height:5.5vw;
	position:absolute;
	bottom:3%;
	left:3%;
	transform:rotate(-90deg);
}
.news_inner2:after {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:5.5%;
	height:5.5vw;
	position:absolute;
	bottom:3%;
	right:3%;
	transform:rotate(180deg);
}
.news dl {
	width:70%;
	height:36vw;
	overflow:auto;
	margin:0 auto;
}
.news .date {
	display:none;
}
.news dt {
	color:#825a40;
	margin: 0 0 1%;
	font-weight:bold;
	font-size:1.8vw;
}
.news dd {
	margin:0 0 10%;
}
/* :::::::::: オルフェ音楽院について :::::::::: */
.about {
	background:url(../images/bg_01.jpg) no-repeat;
	background-size:cover;
	height:90vw;
	padding:80px 0 0;
	overflow:hidden;
}
.about h3 {
	width:17.8%;
	height:15vw;
	margin:0 auto;
	text-align:center;
	background:url(../images/about_title.png) no-repeat;
	background-size:100% auto;
	padding:16.5% 0 0;
	color:#fff;
}
.about section {
	width:100%;
	margin:0 auto;
	position:relative;
}
.about li {
	width:36%;
	height:36vw;
	border-radius:50%;
	background:rgba(255,255,255,0.75) ;
	position:absolute;
	box-sizing:border-box;
	padding:10% 5% 0;
}
.about li:nth-child(1) {
	left:3%;
	top:80%;
}
.about li:nth-child(2) {
	left:30%;
	margin:auto;
	top:160%;
}
.about li:nth-child(3) {
	right:5%;
	top:57%;
}
.about li h4 {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:40%;
	height:6.5vw;
	margin:0 0 2.5%;
}
.about li:nth-child(1) h4 {
	background:url(../images/feature01_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:nth-child(2) h4 {
	background:url(../images/feature02_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:nth-child(3) h4 {
	background:url(../images/feature03_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:before {
	content:"";
	display:block;
	position:absolute;
}
.about li:nth-child(1):before {
	background:url(../images/feature01_image03.png) no-repeat;
	background-size:100% auto;
	width:50%;
	height:50vw;
	top:-6%;
	right:-4%;
}
.about li:nth-child(2):before {
	background:url(../images/feature02_image03.png) no-repeat;
	background-size:100% auto;
	width:50%;
	height:50vw;
	top:-6%;
	right:-4%;
}
.about li:nth-child(3):before {
	background:url(../images/feature03_image03.png) no-repeat;
	background-size:100% auto;
	width:50%;
	height:50vw;
	top:-6%;
	right:-4%;
}
.about li:after {
	content:"";
	display:block;
	position:absolute;
}
.about li:nth-child(1):after {
	background:url(../images/feature01_image02.png) no-repeat;
	background-size:100% auto;
	width:39.2%;
	height:32.3vw;
	top:-42%;
	right:-8%;
}
.about li:nth-child(2):after {
	background:url(../images/feature02_image02.png) no-repeat;
	background-size:100% auto;
	width:47.4%;
	height:21.2vw;
	top:-14%;
	right:0;
}
.about li:nth-child(3):after {
	background:url(../images/feature03_image02.png) no-repeat;
	background-size:100% auto;
	width:79.6%;
	height:31.4vw;
	bottom:-68%;
	right:-18%;
}

/* :::::::::: レッスン紹介 :::::::::: */
.lessons {
	background:url(../images/ornament_border.png) repeat-x;
	background-size:16px auto;
	background-position:top;
	background-color:#faf8f2;
	overflow:hidden;
	padding:7% 0 0;
}
.lessons h3 {
	box-sizing:border-box;
	text-align:center;
	background:url(../images/lessons_title.png) no-repeat;
	background-size:100% auto;
	width:47.1%;
	height:14.1vw;
	margin:0 auto 2%;
	padding:10% 0 0;
}
.lessons .bx-wrapper {
	width:95%;
	margin:0 auto;
    position: relative;
    *zoom: 1;
	padding: 20% 5% 0;
    box-sizing: border-box;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.lessons .bx-wrapper li {
	padding: 0.1% 0.1% 0.05%;
	position:relative;
}
.lesson01 {
	background:url(../images/lesson01_bg.png) no-repeat;
	background-size:35% auto;
	background-position:60% 120%;
}
.lesson02 {
	background:url(../images/lesson02_bg.png) no-repeat;
	background-size:35% auto;
	background-position:60% 120%;
}
.lesson03 {
	background:url(../images/lesson03_bg.png) no-repeat;
	background-size:35% auto;
	background-position:60% 120%;
}
.lesson04 {
	background:url(../images/lesson04_bg.png) no-repeat;
	background-size:35% auto;
	background-position:60% 120%;
}
.lesson05 {
	background:url(../images/lesson05_bg.png) no-repeat;
	background-size:35% auto;
	background-position:60% 120%;
}
.lessons h4 {
	font-weight:bold;
	box-sizing:border-box;
	text-align:right;
	font-size:2vw;
	position:relative;
	z-index:2;
	margin: 0 0 5%;
}
.lesson01 h4 {
	background:url(../images/lesson_title01.png) no-repeat;
	background-size:100% auto;
	width:43.5%;
	height:8.3vw;
	padding:9% 0 0 ;
}
.lesson02 h4 {
	background:url(../images/lesson_title02.png) no-repeat;
	background-size:100% auto;
	width:21.5%;
	height:8.9vw;
	padding:9% 0 0 ;
}
.lesson03 h4 {
	background:url(../images/lesson_title03.png) no-repeat;
	background-size:100% auto;
	width:22.4%;
	height:7.8vw;
	padding:9% 0 0 ;
}
.lesson04 h4 {
	background:url(../images/lesson_title04.png) no-repeat;
	background-size:100% auto;
	width:24%;
	height:11.4vw;
	padding:12% 0 0 ;
}
.lesson05 h4 {
	background:url(../images/lesson_title05.png) no-repeat;
	background-size:100% auto;
	width:18.2%;
	height:7.9vw;
	padding:9% 0 0 ;
}
.lessons h5 {
	font-size:2vw;
	font-weight:bold;
	color: #825a40;
	border-bottom:1px dashed #825a40;
	margin: 0 0 2%;
	padding: 0 0 2%;
}
.lessons p {
	margin: 0 0 2%;
}
.lessons table {
	width:100%;
	margin: 0 0 2%;
}
.lessons table th {
	background:#825a40;
	border:1px solid #825a40;
	color:#fff;
	padding:0.5% 1%;
	width:30%;
}
.lessons table td {
	background:#fff;
	border:1px solid #825a40;
	color: #825a40;
	padding:0.5% 1%;
}
.lessons table td:nth-child(2) {
	width:18%;
}
.lessons table td:nth-child(3) {
	width:14%;
}
.day {
	width:10%;
	height:8.5vw;
	position:absolute;
	right:11%;
	top:0;
}
.day2 {
	width:10%;
	height:8.5vw;
	position:absolute;
	right:7%;
	top:0;
}
.link_btn a {
	display:block;
	background:#825a40;
	border:1px solid #825a40;
	color:#fff;
	padding:1.5%;
	width:40%;
	position:relative;
}
.link_btn a:after {
	content:"";
	display:block;
	width:1vw;
	height:1vw;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	right:5%;
	top:0;
	bottom:0;
	margin:auto;
}
/* slider */
.lessons .bx-wrapper li .lesson_image {
	width:35%;
	float:right;
	margin: 0 0 0 5%;
	box-shadow:0 0 2px 0 #d5d5d5;
}
.lessons .bx-wrapper .bx-pager-item,
.lessons .bx-pager-item　{
	width:16%;
	height:16vw;
}
.bx-pager-item a {
	width:100%;
	height:100%;
	display:block;
}
.bx-pager-link {
	opacity:0.2;
}
.bx-pager .active{
	opacity:1;
}
.lessons .bx-pager div:first-child a{
	background:url(../images/pager01.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(2) a{
	background:url(../images/pager02.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(3) a{
	background:url(../images/pager03.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(4) a{
	background:url(../images/pager04.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(5) a{
	background:url(../images/pager05.png) no-repeat;
	background-size:100% auto;
}
.bxslider_ticker li  {
	width:auto !important;
}
/* :::::::::: 講師紹介 :::::::::: */
.teachers {
	overflow:hidden;
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #f9f7f4), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
}
.teachers section {
	padding:7% 0 0;
	background:url(../images/ornament_border.png) repeat-x;
	background-size:16px auto;
	background-position:top;
}
.teachers .bx-wrapper {
	width:95%;
	margin:0 auto;
    position: relative;
    *zoom: 1;
	padding: 5% 5% 0;
    box-sizing: border-box;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.teachers .bx-wrapper li {
	height:  52vw !important;
    box-sizing: border-box;
	padding:4% 5% 14%;
	position:relative;
}
.teachers .bx-pager {
	display:none;
}
.teachers .bx-wrapper li img {
	width:30%;
	float:left;
	margin: 0 5% 0 0;
}
.teachers h3 {
	box-sizing:border-box;
	text-align:center;
	background:url(../images/teachers_title.png) no-repeat;
	background-size:100% auto;
	width:47.1%;
	height:14.1vw;
	margin:0 auto 2%;
	padding:10% 0 0;
}
.teachers h4 {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.name01 {
	background:url(../images/name01.png) no-repeat;
	background-size:100% auto;
	width:12.3%;
	height: 2.2vw;
	margin: 0 0 1%;
}
.name02 {
	background:url(../images/name02.png) no-repeat;
	background-size:100% auto;
	width:10.1%;
	height: 2.2vw;
	margin: 0 0 1%;
}
.name03 {
	background:url(../images/name03.png) no-repeat;
	background-size:100% auto;
	width:10.1%;
	height: 2.2vw;
	margin: 0 0 1%;
}
/* 名前（アルファベット） */
.teachers .name_eng {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin: 0 0 2%;
}
.teacher01 .name_eng {
	background:url(../images/teacher01_image02.png) no-repeat;
	background-size:100% auto;
	width:13.8%;
	height:1vw;
}
.teacher02 .name_eng {
	background:url(../images/teacher02_image02.png) no-repeat;
	background-size:100% auto;
	width:14.1%;
	height:1vw;
}
.teacher03 .name_eng {
	background:url(../images/teacher03_image02.png) no-repeat;
	background-size:100% auto;
	width:13.1%;
	height:1vw;
}
/* 担当 */
.expert {
	margin: 0 auto 2.5%;
}
.teachers dt {
	font-weight:bold;
	color:#825a40;
}
.teachers p {
	margin: 0 auto 1%;
}
/* :::::::::: 音楽院概要 :::::::::: */
.summary {
	height:53vw;
	background:url(../images/summary_bg.png) no-repeat, url(../images/bg_01.jpg) no-repeat;
	background-size:42.5% auto, cover;
	background-position:center, center;
	padding:26% 0 0;
	box-sizing:border-box;
}
.summary h3 {
	text-align:center;
	color:#825a40;
	margin: 0 0 10px;
}
.summary ul {
	text-align:center;
}
/* :::::::::: アクセスマップ :::::::::: */
.access h3{
	width:100%;
	padding:2% 0;
	background:url(../images/access_title.png) no-repeat;
	background-size:30.5% auto;
	background-position:center;
	background-color:#825a40;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin: 0 0 5%;
}
.access {
	width:100%;
	padding:0 0 5%;
	overflow:hidden;
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #f9f7f4), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
}
.accessmap {
	background:url(../images/accessmap.png) no-repeat;
	background-size:100% auto;
	width:88.2%;
	height:46.6vw;
	margin:0 auto;
}
.access p {
	text-align:center;
	padding:54% 0 0;
}








/* =======================================================================

   下層
   
======================================================================= */
/* -----------------------------------------------------------------------
  共通
----------------------------------------------------------------------- */
.subpage header {
	padding:2.5% 0;
}
.subpage .mainVisual {
	height:200px;
}
.subpage .mainVisual section {
	width:100%;
	color:#fff;
	position:static;
	left:inherit;
	top:inherit;
	font-size:2em;
}
.subpage .mainVisual h2 {
	text-align:center;
	padding:2.5% 0 0;
}
.subpage h2 {
	color:#825a40;
	text-align:center;
	font-size:3.5vw;
	margin:0 0 50px;
}
.subpage h3 {
	font-size:2.5vw;
	font-weight:normal;
	margin: 0 0 10px;
	color:#825a40;
}
.subpage h4 {
	font-size:2vw;
	margin: 0 0 1%;
}
.subpage h5 {
	font-size:1.7vw;
}
.subpage main p,
.subpage main dt,
.subpage main dd,
.subpage main li,
.subpage main th,
.subpage main td,
.subpage main caption {
	font-size:1.5vw;
}
.subpage main {
	display:block;
	padding: 5% 0 1%;
	background-color: #faf8f2;
}
.subpage main article > section {
	width: 90%;
	margin:0 auto 5%;
	background:#fff;
	box-sizing:border-box;
	padding:10%;
}
.subpage main article > section > section {
	margin: 0 0 2.5%;
}
.subpage main article > section p {
	margin: 0 0 2.5%;
}
.subpage main p {
}
.subpage main li {
	margin: 0 0 1%;
}
.features h3 {
	font-size:1.6em;
	text-align:center;
	padding:11% 0 0;
}
.subpage main article > .features > section:not(:last-child) {
	margin: 0 0 5%;
}
.features section:nth-child(2) h3 {
	background:url(../images/feature01_image01.png) no-repeat;
	background-size:15.2% auto;
	background-position: center top;
} 
.features section:nth-child(3) h3 {
	background:url(../images/feature02_image01.png) no-repeat;
	background-size:15.2% auto;
	background-position: center top;
} 
.features section:nth-child(4) h3 {
	background:url(../images/feature03_image01.png) no-repeat;
	background-size:15.2% auto;
	background-position: center top;
} 
.features section:nth-child(5) h3 {
	background:url(../images/feature04_image01.png) no-repeat;
	background-size:15.2% auto;
	background-position: center top;
} 
.features section:nth-child(6) h3 {
	background:url(../images/feature05_image01.png) no-repeat;
	background-size:15.2% auto;
	background-position: center top;
} 
/* -----------------------------------------------------------------------
  レッスン共通
----------------------------------------------------------------------- */
.overview {
		background:url(../images/news_bg.png) no-repeat;
		background-size:100% auto;
		padding:2.5% 5%;
}
.list li {
	display:inline-block;
	border-bottom:1px solid #825a40;
	color:#825a40;
}
.list li:before {
	content:"\00266a ";
	display:inline-block;
	margin: 0 0.2vw 0 0;
}
.lesson_price {
	width:100%;
	margin: 0 0 2.5%;
}
.lesson_price th {
	background: #825a40;
	border: 1px solid #825a40;
	color:#fff;
	text-align:left;
	padding:1.5% 2%;
	width:50%;
}
.lesson_price td {
	background: #fff;
	border: 1px solid #825a40;
	padding:1.5% 2%;
	width:50%;
	color:#825a40;
	text-align:right;
}
.adult_lesson {
	padding: 7.5% 7.5% 5%;
	background-color: #faf8f2;
	position:relative;
}
.adult_lesson:before {
    content: "";
    display: block;
    background: url(../images/ornament_corner.png) no-repeat;
    background-size: 100% auto;
    width: 5.5%;
    height: 5.5vw;
    position: absolute;
    top:3.5%;
    left:3%;
}
.adult_lesson:after {
    content: "";
    display: block;
    background: url(../images/ornament_corner.png) no-repeat;
    background-size: 100% auto;
    width: 5.5%;
    height: 5.5vw;
    position: absolute;
    top: 1.5%;
    right:4%;
    transform: rotate(90deg);
}
.adult_lesson h3 {
	text-align:center;
	margin: 0 0 2.5%;
}
.subpage main article > section .lesson_day {
	text-align:center;
	display:block;
	width:35%;
	background:#faf8f2;
	color:#825a40;
	font-weight:bold;
	margin:0 auto 5%;
	padding:1% 0;
}
.pre_lesson h2 {
	font-size:1.7vw;
	background:url(../images/lesson_title01.png) no-repeat;
	background-size:43.5% auto;
	background-position: center top;
	padding:10% 0 0;
}
.flute h2 {
	font-size:1.7vw;
	background:url(../images/lesson_title05.png) no-repeat;
	background-size:18.2% auto;
	background-position: center top;
	padding:10% 0 0;
}
.solfege h2 {
	font-size:1.7vw;
	background:url(../images/lesson_title04.png) no-repeat;
	background-size:24% auto;
	background-position: center top;
	padding:12% 0 0;
}
.violin h2 {
	font-size:1.7vw;
	background:url(../images/lesson_title02.png) no-repeat;
	background-size:21.5% auto;
	background-position: center top;
	padding:10% 0 0;
}
.piano h2 {
	font-size:1.7vw;
	background:url(../images/lesson_title03.png) no-repeat;
	background-size:22.4% auto;
	background-position: center top;
	padding:10% 0 0;
}
.imageright {
	display:block;
	width:40%;
	float:right;
	margin: 0 0 0 3%;
}
/* -----------------------------------------------------------------------
  講師紹介 lecturer.html
----------------------------------------------------------------------- */
.subpage main article > .teacher > section:not(:last-child) {
	margin: 0 0 10%;
}
.teacher h3 {
	text-align:center;
}
.teacher h4 {
	margin:0 auto 2%;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.teacher img {
	width:40%;
	display:block;
	margin:0 auto 2%;
}
/* -----------------------------------------------------------------------
  アクセス access.html
----------------------------------------------------------------------- */
.location h3 {
	text-align:center;
	margin: 0 0 2%;
}
.location .accessmap {
	width:100%;
	height:41vw;
	padding:54% 0 0;
	box-sizing:border-box;
	text-align:center;
}
/* -----------------------------------------------------------------------
  お問い合わせ contact.html
----------------------------------------------------------------------- */
.subpage main article > .contact {
	background:#825a40;
	padding:10% 0;
}
.subpage .contact h2 {
	color:#fff;
}
.contact h3 {
	color:#fff;
	text-align:center;
	margin: 0 0 2.5%;
}
.contact p {
	color:#fff;
	text-align:center;
	margin: 0 0 2.5%;
	padding: 0 10%;
}
.contact dl {
	width:90%;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
	box-sizing:border-box;
	padding:5%;
}
.form#mailformpro dl dt {
	border-top: solid 1px #825a40 !important;
	width:25% !important;
	float:left;
	clear:both;
	box-sizing:border-box;
	text-align:left;
	color:#825a40;
	font-weight:bold;
}
.form#mailformpro dl dd {
	border-top: solid 1px #825a40 !important;
	width:75% !important;
	padding:2% 0;
	float:left;
	color:#825a40;
	font-weight:bold;
	position:relative;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date {
	box-shadow:none !important;
	border:0 !important;
	padding:10px !important;
}
input,
textarea,
select {
	background:#f9f7f4;
	color:#825a40;
	font-weight:bold;
}
.mfp_element_select-one {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
}
.form_name input,
.form_kana input{
	width:40%;
}
.form_mail input,
.form_tel input {
	width:83%;
}
.form_address select {
	width:50%;
	background:url(../images/arrow.png) no-repeat;
	background-size:5% auto;
	background-position:96% center;
	background-color:#f9f7f4;
}
.form_address input {
	width:47.5%;
}
.form_lessons select {
	width:83%;
	background:url(../images/arrow.png) no-repeat;
	background-size:3% auto;
	background-position:96% center;
	background-color:#f9f7f4;
}
.form_ask textarea {
	width:80% !important;
	height:15em !important;
}
.form_confirm label {
	width:81% !important;
	padding:20px 0 20px 10px !important;
}
form#mailformpro label.mfp_checked {
	box-shadow:none !important;
	background:#f9f7f4 !important;
	border:1px solid  #dab982 !important;
}
div.mfp_ok {
	position:absolute;
	top:0;
}
.submit {
	width:50%;
	margin:0 auto;
	padding:5% 0 0;
}
.submit button {
	display:block;
	width:47.5%;
	padding:15px;
	background:#fff;
	border:1px solid #fff;
	float:left;
	margin: 0 5% 0 0;
	color:#825a40;
	font-weight:bold;
	transition-duration:0.3s;
}
.submit button:last-child {
	margin:0;
}
.problem {
    background-color: #dab982 !important;
}
div.mfp_err {
	clear: both;
	display: none;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #dab982;
	font-size: 12px;
	line-height: normal;
}
.postal_annotation {
	display:block;
}
.confirm_annotation br {
	display:none;
}
/* -----------------------------------------------------------------------
  サンクスページ  thanks.html
----------------------------------------------------------------------- */
.thanks p {
	text-align:center;
}
.thanks {
	height:100%;
	position:relative;
}
.thanks h2 {
	padding:100px 0 0;
	margin: 0 0 15px;
}
.thanks footer {
	width:100%;
	position:absolute;
	bottom:0;
	
}
}






















@media screen and (max-width:640px){
/* :::::::::: フォント :::::::::: */
p,li,dt,dd,input,textarea,select {
 	-webkit-text-size-adjust: none;
	font-size:3.5vw;
	line-height: 1.8em;
}
/* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
html {
	height:100%;
}
body{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック','Hiragino Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
}
nav {
}
main {
}
/* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
h1 {
	color:#fff;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:3vw;
	margin: 0 0 2.5%;
	padding:0 5%;
}
h2 {
	color:#fff;
	font-size:1.3em;
}
h3 {
	font-size:4vw;
	font-weight:bold;
}
h4 {
}
h5 {
}
h6{}
/* =======================================================================

   全体
   
======================================================================= */
/* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
header {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:2.5% 0 0;
}
.headerLogo a {
	display:block;
	width:50%;
	height:0;
	padding:9% 0 0;
	background:url(../images/logo.png) no-repeat;
	background-size:100% auto;
	float:left;
	margin: 0 0 0 5%;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.headerPhone {
	position: absolute;
    top: 136vw;
    width: 100%;
}

.headerPhone span{
	display:block;
	width:100%;
	height:21px;
	background:url(../images/s/h_phone.png) no-repeat;
	background-size:65% auto;
	background-position:center;
	background-color:#3e2000;
	padding:5% 0;

	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.headerHours {
	display:none;
}
  
/* :::::::::: nav :::::::::: */
.drawer-hamburger {
	width:8%;
	height:5.5vw;
	position:absolute;
	top:15vw;
	right:5% !important;
	left:inherit !important;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	background-color:#fff !important;
	height:3px !important;
}
.drawer-hamburger-icon:before {
	top:-3vw !important;
}
.drawer-hamburger-icon:after {
	top:3vw !important;
}
nav {
	background:#3e2000 !important;
	height:100% !important;
	padding:5% 0 0;
	box-sizing:border-box;
	overflow:scroll !important;
}
nav > ul {
	text-align:center;
	overflow:scroll;
	height:100%;
}
nav >  ul > li {
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:4vw;
	color:#fff;
}
nav li:nth-child(7) {
	margin:0;
}
nav >  ul > li > a {
	width:80%;
	display:block;
	color:#fff;
	padding:4.5% 0 6.5%;
	margin:0 auto;
	border-bottom:1px solid #fff;
}
.nav01 a {
	background:url(../images/nav01.png) no-repeat;
	background-size:5.1% auto;
	background-position:center 12vw;
}
.nav02 a {
	background:url(../images/nav02.png) no-repeat;
	background-size:9% auto;
	background-position:center 12vw;
}
.nav03 span {
	width:80%;
	display:block;
	color:#fff;
	padding:4.5% 0 6.5%;
	margin:0 auto;
	border-bottom:1px solid #fff;
	background:url(../images/nav03.png) no-repeat;
	background-size:10.2% auto;
	background-position:center 12vw;
}
.nav04 a {
	background:url(../images/nav04.png) no-repeat;
	background-size:12.1% auto;
	background-position:center 12vw;
}
.nav05 a {
	background:url(../images/nav05.png) no-repeat;
	background-size:15% auto;
	background-position:center 12vw;
}
.nav06 a {
	background:url(../images/nav06.png) no-repeat;
	background-size:12.9% auto;
	background-position:center 12vw;
}
.nav07 a {
	background:url(../images/nav06.png) no-repeat;
	background-size:13% auto;
	background-position:center 12vw;
}
.closeMenu {
	cursor:pointer;
	color:#fff;
	padding:5% 0;
}
nav .dropdownmenu li a {
	background:#fff;
	color:#380303;
	text-shadow: none;
}
/* :::::::::: アコーディオン :::::::::: */
.accordion {
	width:100%;
	margin:0 auto;
}
.close {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
    display: block;
	cursor:pointer;
	position:relative;
}
.accordion ul {
	width:80%;
	margin:0 auto;
	height:0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.accordion a {
	display:block;
	padding:4% 0;
}
.accordion_content {
	width:100%;
	margin:0 auto;
}
input[type="checkbox"].on-off1{
    display: none;
}
input[type="checkbox"].on-off1 + ul{
    height: 0;
    overflow: hidden;
}
input[type="checkbox"].on-off1:checked + ul{
	height:63vw;
}
/* :::::::::: key visual :::::::::: */
.mainVisual {
	height:150vw;
	background:url(../images/keyv.jpg) no-repeat;
	background-size:cover;
	background-position:center -13vw;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	position:relative;
}
.mainVisual section {
	color:#fff;
	width:83%;
	margin: 0 auto;
	box-sizing:border-box;
	padding:73% 0 0;
}
.mainVisual span {
	display:block;
	font-size: 5vw;
}
/* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
footer {
	background-color:#825a40;
	color:#fff;
	padding:10px 0;
}
footer p {
	text-align:center;
}

/* =======================================================================

   個別
   
======================================================================= */
/* -----------------------------------------------------------------------
  index.html
----------------------------------------------------------------------- */
/* :::::::::: お知らせ :::::::::: */
.news {
	background-color:#faf8f2;
	overflow:hidden;
	padding:0 0 3.5%;
}
.news h3 {
	width:34%;
	height:27vw;
	text-align:center;
	margin:0 auto 20%;
	background:url(../images/news_title.png) no-repeat;
	background-size:100% auto;
	background-position:center;

	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.news_inner {
	border:1px solid #825a40;
	width:94%;
	margin:0 auto;
	box-sizing:border-box;
	padding:10% 10% 25%;
	background:url(../images/s/news_bg.png) no-repeat;
	background-size: 87% auto;
	background-position:center 70%;
	position:relative;
}
.news_inner:before {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:11%;
	height:11vw;
	position:absolute;
	top: 4%;
	left: 5%;
}
.news_inner:after {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:11%;
	height:11vw;
	position:absolute;
	top:4%;
	right:5%;
	transform:rotate(90deg);
}
.news_inner2:before {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:11%;
	height:11vw;
	position:absolute;
	bottom:4%;
	left:5%;
	transform:rotate(-90deg);
}
.news_inner2:after {
	content:"";
	display:block;
	background:url(../images/ornament_corner.png) no-repeat;
	background-size:100% auto;
	width:11%;
	height:11vw;
	position:absolute;
	bottom:4%;
	right:5%;
	transform:rotate(180deg);
}
.news dl {
	width:95%;
	height:95vw;
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
	margin:0 auto;
}
.news .date {
	display:none;
}
.news dt {
	color:#825a40;
	margin: 0 0 1.5%;
	font-weight:bold;
	font-size:3.8vw;
}
.news dd {
	margin:0 0 10%;
}
.news dd:last-child {
	margin:0;
}
/* :::::::::: オルフェ音楽院について :::::::::: */
.about {
	background:url(../images/bg_01.jpg) no-repeat;
	background-size:cover;
	background-position:45% center;
	height:310vw;
	padding:12% 0 0;
	overflow:hidden;
}
.about h3 {
	width:50%;
	height:12vw;
	margin:0 auto;
	text-align:center;
	background:url(../images/about_title.png) no-repeat;
	background-size:56% auto;
	background-position:center top;
	padding:26% 0 0;
	color:#fff;
}
.about section {
	width:100%;
	margin:0 auto;
	position:relative;
}
.about li {
	width:80%;
	height:80vw;
	border-radius:50%;
	background:rgba(255,255,255,0.75) ;
	position:absolute;
	box-sizing:border-box;
	padding:22% 12% 0;
}
.about li:nth-child(1) {
	left:-5%;
	top:45vw;
}
.about li:nth-child(2) {
	right:-5%;
	top:128vw;
}
.about li:nth-child(3) {
	left:-5%;
	top:215vw;
}
.about li h4 {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width: 43%;
	height:15.5vw;
	margin:0 0 2%;
}
.about li:nth-child(1) h4 {
	background:url(../images/feature01_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:nth-child(2) h4 {
	background:url(../images/feature02_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:nth-child(3) h4 {
	background:url(../images/feature03_image01.png) no-repeat;
	background-size:100% auto;
}
.about li:before {
	content:"";
	display:block;
	position:absolute;
}
.about li:nth-child(1):before {
	background:url(../images/feature01_image03.png) no-repeat;
	background-size:100% auto;
	width: 45%;
	height:45vw;
	top:0%;
	right:-5%;
}
.about li:nth-child(2):before {
	background:url(../images/feature02_image03.png) no-repeat;
	background-size:100% auto;
	width: 45%;
	height:45vw;
	top:-2%;
	left:-30%;
}
.about li:nth-child(3):before {
	background:url(../images/feature03_image03.png) no-repeat;
	background-size:100% auto;
	width: 45%;
	height:45vw;
	top:-3%;
	right:-10%;
}
.about li:after {
	content:"";
	display:block;
	position:absolute;
}
.about li:nth-child(1):after {
	background:url(../images/feature01_image02.png) no-repeat;
	background-size:100% auto;
	width:32%;
	height:40vw;
	top:-17%;
	right:-20%;
}
.about li:nth-child(2):after {
	background:url(../images/feature02_image02.png) no-repeat;
	background-size:100% auto;
	width:60%;
	height:50vw;
	top:-13%;
	left:20%;
}
.about li:nth-child(3):after {
	background:url(../images/feature03_image02.png) no-repeat;
	background-size:100% auto;
	width:70%;
	height:33vw;
	bottom:-14%;
	right:-34%;
}

/* :::::::::: レッスン紹介 :::::::::: */
.lessons {
	background:url(../images/ornament_border.png) repeat-x;
	background-size:16px auto;
	background-position:top;
	background-color:#faf8f2;
	overflow:hidden;
	padding:10% 0 0;
}
.lessons h3 {
	box-sizing:border-box;
	text-align:center;
	background:url(../images/lessons_title.png) no-repeat;
	background-size:100% auto;
	width:72%;
	height:22.5vw;
	margin:0 auto 2.5%;
	padding:16% 0 0;
}
.lessons .bx-wrapper {
	width:100%;
	margin:0 auto;
    position: relative;
    *zoom: 1;
	padding:  27% 0 10%;
    box-sizing: border-box;
	overflow:hidden;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.lessons .bx-wrapper li,
.teachers .bx-wrapper li {
	position:relative;
	padding: 0.3% 0 0;
}
.lesson01 {
	background:url(../images/lesson01_bg.png) no-repeat;
	background-size:60% auto;
	background-position:150% 40%;
}
.lesson02 {
	background:url(../images/lesson02_bg.png) no-repeat;
	background-size:60% auto;
	background-position:150% 40%;
}
.lesson03 {
	background:url(../images/lesson03_bg.png) no-repeat;
	background-size:60% auto;
	background-position:150% 40%;
}
.lesson04 {
	background:url(../images/lesson04_bg.png) no-repeat;
	background-size:60% auto;
	background-position:150% 40%;
}
.lesson05 {
	background:url(../images/lesson05_bg.png) no-repeat;
	background-size:60% auto;
	background-position:150% 40%;
}
.lessons h4 {
	font-weight:bold;
	padding:16% 0 0 ;
	box-sizing:border-box;
	text-align:right;
	font-size:4.2vw;
	z-index:2;
	margin: 0 0 5% 10%;
}
.lesson01 h4 {
	background:url(../images/lesson_title01.png) no-repeat;
	background-size:100% auto;
	width:80%;
	height:20vw;
}
.lesson02 h4 {
	background:url(../images/lesson_title02.png) no-repeat;
	background-size:100% auto;
	width:40%;
	height:20vw;
}
.lesson03 h4 {
	background:url(../images/lesson_title03.png) no-repeat;
	background-size:100% auto;
	width:40%;
	height:20vw;
}
.lesson04 h4 {
	background:url(../images/lesson_title04.png) no-repeat;
	background-size:100% auto;
	width:40%;
	height:20vw;
}
.lesson05 h4 {
	background:url(../images/lesson_title05.png) no-repeat;
	background-size:100% auto;
	width:35%;
	height:20vw;
}
.lessons h5 {
	width:80%;
	margin: 0 auto 2%;
	border-bottom:1px dashed #825a40;
	color:#825a40;
	font-weight:bold;
}
.lessons p {
	padding: 0 10%;
	margin: 0 0 2%;
	clear:both;
}
.lessons table {
	width:80%;
	margin: 0 auto 5%;
}
.lessons table th {
	background:#825a40;
	border:1px solid #825a40;
	color:#fff;
	padding:0.5% 1%;
	width:35%;
}
.lessons table td {
	background:#fff;
	border:1px solid #825a40;
	color: #825a40;
	padding:0.5% 1%;
}
.lessons table td:nth-child(2) {
	width:18%;
}
.lessons table td:nth-child(3) {
	width:14%;
}
.day {
	width:20%;
	height:20vw;
	position:absolute;
	left:10%;
	top:0;
}
.day2 {
	width:20%;
	height:20vw;
	position:absolute;
	right:10%;
	top:0;
}
.link_btn a {
	display:block;
	background:#825a40;
	border:1px solid #825a40;
	color:#fff;
	padding:5%;
	width:90%;
	position:relative;
	font-weight:bold;
}
.link_btn a:after {
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	right:25px;
	top:0;
	bottom:0;
	margin:auto;
}
/* slider */
.lessons .bx-wrapper li .lesson_image {
	float:right;
	width:47%;
	margin:  8% 10% 20% 0;
	box-shadow:0 0 2px 0 #d5d5d5;
}
.bx-wrapper .bx-pager {
	width:90%;
	margin:0 auto;
}
.lessons .bx-wrapper .bx-pager-item,
.lessons .bx-pager-item　{
	width:20%;
	height:20vw;
}
.lessons .bx-viewport {
}
.bx-pager-item a {
	width:100%;
	height:100%;
	display:block;
}
.bx-pager-link {
	opacity:0.2;
}
.bx-pager .active{
	opacity:1;
}
.lessons .bx-pager div:first-child a{
	background:url(../images/pager01.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(2) a{
	background:url(../images/pager02.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(3) a{
	background:url(../images/pager03.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(4) a{
	background:url(../images/pager04.png) no-repeat;
	background-size:100% auto;
}
.lessons .bx-pager div:nth-child(5) a{
	background:url(../images/pager05.png) no-repeat;
	background-size:100% auto;
}
.bxslider_ticker li  {
	width:auto !important;
}
/* :::::::::: 講師紹介 :::::::::: */
.teachers {
	overflow:hidden;
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #f9f7f4), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
}
.teachers section {
	padding:10% 0 0;
	background:url(../images/ornament_border.png) repeat-x;
	background-size:16px auto;
	background-position:top;
}
.teachers .bx-wrapper {
	width:90%;
	margin:0 auto;
    position: relative;
    *zoom: 1;
	padding: 5% 10% 7%;
    box-sizing: border-box;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.teachers .bx-wrapper li {
    box-sizing: border-box;
	padding:4%x 5% 14%;
	position:relative;
}
.teachers .bx-pager {
	display:none;
}
.teachers .bx-wrapper li img {
	width:65%;
	margin: 0 auto 5%;
}
.teachers h3 {
	box-sizing:border-box;
	text-align:center;
	background:url(../images/teachers_title.png) no-repeat;
	background-size:100% auto;
	width:72%;
	height:22.5vw;
	margin:0 auto 2.5%;
	padding:16% 0 0;
}
.teachers h4 {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.name01 {
	background:url(../images/name01.png) no-repeat;
	background-size:100% auto;
	width:36.9%;
	height: 5vw;
	margin: 0 auto 2.5%;
}
.name02 {
	background:url(../images/name02.png) no-repeat;
	background-size:100% auto;
	width:30.3%;
	height: 5vw;
	margin: 0 auto 2.5%;
}
.name03 {
	background:url(../images/name03.png) no-repeat;
	background-size:100% auto;
	width:30.3%;
	height: 5vw;
	margin: 0 auto 2.5%;
}
/* 名前（アルファベット） */
.teachers .name_eng {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin: 0 auto 10%;
}
.teacher01 .name_eng {
	background:url(../images/teacher01_image02.png) no-repeat;
	background-size:100% auto;
	width:138px;
	height:8px;
}
.teacher02 .name_eng {
	background:url(../images/teacher02_image02.png) no-repeat;
	background-size:100% auto;
	width:141px;
	height:8px;
}
.teacher03 .name_eng {
	background:url(../images/teacher03_image02.png) no-repeat;
	background-size:100% auto;
	width:131px;
	height:8px;
}
/* 担当 */
.expert {
}
.teachers dt {
	font-weight:bold;
	color:#825a40;
	text-align:center;
}
.teachers p {
	margin: 0 0 10%
}
/* :::::::::: 音楽院概要 :::::::::: */
.summary {
	height:150vw;
	background:url(../images/summary_bg.png) no-repeat, url(../images/bg_01.jpg) no-repeat;
	background-size:85% auto, 300% auto;
	background-position:center, center;
	padding:75% 0 0;
	box-sizing:border-box;
}
.summary h3 {
	text-align:center;
	color:#825a40;
	margin: 0 0 10px;
}
.summary ul {
	text-align:center;
}
/* :::::::::: アクセスマップ :::::::::: */
.access h3{
	width:100%;
	padding:3.5% 0;
	background:url(../images/access_title.png) no-repeat;
	background-size:50% auto;
	background-position:center;
	background-color:#825a40;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin: 0 0 10%
}
.access {
	width:100%;
	padding:0 0 6%;
	overflow:hidden;
	-webkit-background-size: 7px 7px;
	-moz-background-size: 7px 7px;
	background-size: 7px 7px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #f9f7f4), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #f9f7f4 50%, transparent 50%, transparent);
}
.access p {
	text-align:center;
	padding:54% 0 0;
}
.accessmap {
	background:url(../images/accessmap.png) no-repeat;
	background-size:100% auto;
	width:90%;
	height:50vw;
	margin:0 auto;
}
















.subpage .drawer-hamburger-icon,
.subpage .drawer-hamburger-icon:before,
.subpage .drawer-hamburger-icon:after {
	background-color:#fff !important;
}
/* =======================================================================

   下層
   
======================================================================= */
/* -----------------------------------------------------------------------
  共通
----------------------------------------------------------------------- */
.subpage header {
    height: 68.6vw;
}
.subpage .mainVisual {
    height: 71vw;
    background: url(../images/keyv.jpg) no-repeat;
    background-size: 330%;
    background-position: center 0%;
	position:relative;
}
.subpage .headerPhone {
    position: absolute;
    bottom:0;
	top:inherit;
    width: 100%;
}
.subpage .mainVisual section {
	width:100%;
	color:#fff;
	position:static;
	left:inherit;
	top:inherit;
	font-size:2em;
}
.subpage .mainVisual h2 {
	text-align:center;
	padding:2.5% 0 0;
}
.subpage h2 {
	color:#825a40;
	text-align:center;
	font-size:6vw;
	margin:0 0 10%;
}
.subpage h3 {
	font-size:5vw;
	font-weight:normal;
	margin: 0 0 4%;
	color:#825a40;
}
.subpage h4 {
	font-size:4vw;
	margin: 0 0 4%;
}
.subpage h5 {
	font-size:3.4vw;
}
.subpage main p,
.subpage main dt,
.subpage main dd,
.subpage main li,
.subpage main th,
.subpage main td,
.subpage main caption {
	font-size:3.4vw;
}
.subpage main {
	display:block;
	padding: 5% 0 1%;
	background-color: #faf8f2;
}
.subpage main article > section {
	width: 90%;
	margin:0 auto 5%;
	background:#fff;
	box-sizing:border-box;
	padding:10%;
}
.subpage main article > section > section {
	margin: 0 0 5%;
}
.subpage main article > section p {
	margin: 0 0 5%;
}
.subpage main p {
	margin: 0 0 5%;
}
.subpage main li {
	margin: 0 0 1%;
}
.features h3 {
	font-size:3.4vw;
	text-align:center;
	padding:20% 0 0;
}
.subpage main article > .features > section:not(:last-child) {
	margin: 0 0 10%;
}
.features section:nth-child(2) h3 {
	background:url(../images/feature01_image01.png) no-repeat;
	background-size:30% auto;
	background-position: center top;
} 
.features section:nth-child(3) h3 {
	background:url(../images/feature02_image01.png) no-repeat;
	background-size:30% auto;
	background-position: center top;
} 
.features section:nth-child(4) h3 {
	background:url(../images/feature03_image01.png) no-repeat;
	background-size:30% auto;
	background-position: center top;
} 
.features section:nth-child(5) h3 {
	background:url(../images/feature04_image01.png) no-repeat;
	background-size:30% auto;
	background-position: center top;
} 
.features section:nth-child(6) h3 {
	background:url(../images/feature05_image01.png) no-repeat;
	background-size:30% auto;
	background-position: center top;
} 
/* -----------------------------------------------------------------------
  レッスン共通
----------------------------------------------------------------------- */
.overview {
		background:url(../images/news_bg.png) no-repeat;
		background-size:250% auto;
		padding:5% 10%;
}
.list li {
	display:inline-block;
	border-bottom:1px solid #825a40;
	color:#825a40;
}
.list li:before {
	content:"\00266a ";
	display:inline-block;
	margin: 0 0.2vw 0 0;
}
.lesson_price {
	width:100%;
	margin: 0 0 2.5%;
}
.lesson_price th {
	background: #825a40;
	border: 1px solid #825a40;
	color:#fff;
	text-align:left;
	padding:3% 4%;
	width:50%;
}
.lesson_price td {
	background: #fff;
	border: 1px solid #825a40;
	padding:3% 4%;
	width:50%;
	color:#825a40;
	text-align:left;
}
.adult_lesson {
	padding: 20% 10% 10%;
	background-color: #faf8f2;
	position:relative;
}
.adult_lesson:before {
    content: "";
    display: block;
    background: url(../images/ornament_corner.png) no-repeat;
    background-size: 100% auto;
    width: 11%;
    height: 8vw;
    position: absolute;
    top:5%;
    left:5%;
}
.adult_lesson:after {
    content: "";
    display: block;
    background: url(../images/ornament_corner.png) no-repeat;
    background-size: 100% auto;
    width: 11%;
    height: 8vw;
    position: absolute;
    top: 5%;
    right:5%;
    transform: rotate(90deg);
}
.adult_lesson h3 {
	text-align:center;
	margin: 0 0 2.5%;
}
.subpage main article > section .lesson_day {
	text-align:center;
	display:block;
	width:70%;
	background:#faf8f2;
	color:#825a40;
	font-weight:bold;
	margin:0 auto 5%;
	padding:2% 0;
}
.pre_lesson h2 {
	font-size:3.4vw;
	background:url(../images/lesson_title01.png) no-repeat;
	background-size:87% auto;
	background-position: center top;
	padding:20% 0 0;
}
.flute h2 {
	font-size:3.4vw;
	background:url(../images/lesson_title05.png) no-repeat;
	background-size:36.4% auto;
	background-position: center top;
	padding:20% 0 0;
}
.solfege h2 {
	font-size:3.4vw;
	background:url(../images/lesson_title04.png) no-repeat;
	background-size:48% auto;
	background-position: center top;
	padding:24% 0 0;
}
.violin h2 {
	font-size:3.4vw;
	background:url(../images/lesson_title02.png) no-repeat;
	background-size:43% auto;
	background-position: center top;
	padding:20% 0 0;
}
.piano h2 {
	font-size:3.4vw;
	background:url(../images/lesson_title03.png) no-repeat;
	background-size:44.8% auto;
	background-position: center top;
	padding:20% 0 0;
}
.imageright {
	display:block;
	width:100%;
	margin: 0 0 5%;
}
/* -----------------------------------------------------------------------
  講師紹介 lecturer.html
----------------------------------------------------------------------- */
.subpage main article > .teacher > section:not(:last-child) {
	margin: 0 0 15%;
}
.teacher h3 {
	text-align:center;
}
.teacher h4 {
	margin:0 auto 5%;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
.teacher img {
	width:60%;
	display:block;
	margin:0 auto 5%;
}
/* -----------------------------------------------------------------------
  アクセス access.html
----------------------------------------------------------------------- */
.location h3 {
	text-align:center;
	margin: 0 0 5%;
}
.location .accessmap {
	width:100%;
	height:44vw;
	padding:54% 0 0;
	margin:0 0 5%;
	box-sizing:border-box;
	text-align:center;
}
/* -----------------------------------------------------------------------
  お問い合わせ contact.html
----------------------------------------------------------------------- */
.subpage main article > .contact {
	background:#825a40;
	padding:10% 0;
}
.subpage .contact h2 {
	color:#fff;
}
.contact h3 {
	color:#fff;
	text-align:center;
	margin: 0 0 2.5%;
}
.contact p {
	color:#fff;
	text-align:left;
	margin: 0 0 2.5%;
	padding: 0 5%;
}
.contact dl {
	width:90%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
	box-sizing:border-box;
	padding:5%;
}
.form#mailformpro dl dt {
	border-top: solid 1px #825a40 !important;
	width:100% !important;
	padding:5% 0 0;
	box-sizing:border-box;
	text-align:left;
	color:#825a40;
	font-weight:bold;
}
.form#mailformpro dl dd {
	width:100% !important;
	padding:2.5% 0 5%;
	color:#825a40;
	font-weight:bold;
	position:relative;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date {
	box-shadow:none !important;
	border:0 !important;
	padding:10px !important;
}
input,
textarea,
select {
	background:#f9f7f4;
	color:#825a40;
	font-weight:bold;
}
.mfp_element_select-one {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
}
.form_name input,
.form_kana input{
	width:40%;
}
.form_mail input,
.form_tel input {
	width:88%;
}
.form_address select {
	width:75%;
	background:url(../images/arrow.png) no-repeat;
	background-size:5% auto;
	background-position:96% center;
	background-color:#f9f7f4;
}
.form_address input {
	width:69.2%;
}
.form_lessons select {
	width:100%;
	background:url(../images/arrow.png) no-repeat;
	background-size:5% auto;
	background-position:96% center;
	background-color:#f9f7f4;
}
.form_ask textarea {
	width:88% !important;
	height:15em !important;
}
.form_confirm label {
	width:95% !important;
	padding:20px 0 20px 10px !important;
}
form#mailformpro label.mfp_checked {
	box-shadow:none !important;
	background:#f9f7f4 !important;
	border:1px solid  #dab982 !important;
}
div.mfp_ok {
	position:absolute;
	top:0;
}
.submit {
	width:80%;
	margin:0 auto;
	padding:5% 0 0;
}
.submit button {
	display:block;
	width:100%;
	padding:5%;
	background:#fff;
	border:1px solid #fff;
	margin: 0 auto 5%;
	color:#825a40;
	font-weight:bold;
	transition-duration:0.3s;
}
.submit button:last-child {
	margin:0 auto;
}
.problem {
    background-color: #dab982 !important;
}
div.mfp_err {
	clear: both;
	display: none;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #dab982;
	font-size: 12px;
	line-height: normal;
}
.postal_annotation {
	display:block;
}
/* -----------------------------------------------------------------------
  サンクスページ  thanks.html
----------------------------------------------------------------------- */
.thanks main p {
	text-align:center;
	padding: 0 5%;
}
.thanks {
	height:100%;
	position:relative;
}
.thanks h2 {
	padding:30% 0 0;
	margin: 0 0 15px;
}
.thanks footer {
	width:100%;
	position:absolute;
	bottom:0;
	
}
}