/*
Theme Name: シェリバレエスクール（コーポレートサイト） テーマver1.0
Theme URI: https://cheriegroup.com/
Author: OKN-NET、JET BEANS Inc.
Author URI: https://www.okn.jp、http://wwwjetbeans.com/
Description: Wordpressオリジナルテーマファイルセット。
Version: 3.0
License: 
License URI: 
Tags: 
Text Domain: 株式会社CHERIE（シェリバレエスクール）
*/

@charset "UTF-8";

/*Googleフォント*/
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&Noto+Sans+JP:wght@400;500;700&Noto+Serif+JP&display=swap);
/*font-family: 'Noto Sans JP', sans-serif; 基本の日本語「Noto Sans JP」*/
/*font-family: 'Noto Serif JP', serif;　明朝*/
/*font-family: 'Barlow', sans-serif; 基本のゴシック「Barlow」*/

/*サイズやバランスを欧文フォントにあわせた日本語フォント*/
/*https://github.com/ookamiinc/kinto*/
/*「font」ディレクトリに設置して参照*/

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(font/kinto-master/KintoSans/KintoSans-Light.woff2) format("woff2"), url(font/kinto-master/KintoSans/KintoSans-Light.woff) format("woff"), url(font/kinto-master/KintoSans/KintoSans-Light.ttf) format("truetype")
}

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(font/kinto-master/KintoSans/KintoSans-Regular.woff2) format("woff2"), url(font/kinto-master/KintoSans/KintoSans-Regular.woff) format("woff"), url(font/kinto-master/KintoSans/KintoSans-Regular.ttf) format("truetype")
}

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(font/kinto-master/KintoSans/KintoSans-Medium.woff2) format("woff2"), url(font/kinto-master/KintoSans/KintoSans-Medium.woff) format("woff"), url(font/kinto-master/KintoSans/KintoSans-Medium.ttf) format("truetype")
}

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(font/kinto-master/KintoSans/KintoSans-Bold.woff2) format("woff2"), url(font/kinto-master/KintoSans/KintoSans-Bold.woff) format("woff"), url(font/kinto-master/KintoSans/KintoSans-Bold.ttf) format("truetype")
}


/*日本語に含まれる約物を半角にする「Yaku Han JP」*/
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css);



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	
	box-sizing: border-box;/*width:100%で､padding分をハミ出させないためのスタイル*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section { display: block; }

audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}

html {
	font-family: sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:	 100%;
	font-size: 62.5%;
	
	
}


body {
	position:relative;
	margin:0;
	padding:0;
	font-size: 1.6rem;
	line-height: 1.8;
	font-family: 'Noto Sans JP','Barlow',YakuHanJP,"Kinto Sans","Helvetica Neue","Segoe UI",Helvetica,"游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium","メイリオ",Meiryo,sans-serif;
	color : #333333; /*色指定*/
	margin-top: 0px;
	
}

.clearfix:after,
.pc_only_clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* ----------Hides from IE-mac \*/
* html .clearfix,
* html .pc_only_clearfix {
	height: 1%;
}

.clearfix,
.pc_only_clearfix {
	display: block;
}

/* ----------for IE 5.5-7---------- */
.clearfix,
.pc_only_clearfix {
	zoom: 100%;
}

/*Chromeでbuttonなどをクリックした際の青枠線を表示しない*/
*:focus {
	outline: none;
}

a {
	color : #333333; /* 色指定 */
	text-decoration:none;
	outline : 0 ; /* text-indentを使用した際にFirefoxでリンク線が出ないようにする */
}
a:visited{ color:#555555;}
a:focus { outline: thin dotted; }
a:hover, a:active {
	text-decoration	: none; /*下線指定*/
	color: rgba(255,145,145,1.0);
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin:0;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] { cursor: help; }

b, strong { font-weight: 600; }

cite, dfn, em, i { font-style: italic; }

mark, ins { text-decoration: none; }

p { text-align:left;
	color:#333333; }

code, kbd, tt, var, samp, pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:	none;
	-ms-hyphens:	 none;
	hyphens:		 none;
	line-height: 1.6;
}

pre {
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:	border-box;
	box-sizing:		 border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:	none;
	-ms-hyphens:	 none;
	hyphens:		 none;
	quotes: none;
}

blockquote:before, blockquote:after, q:before,q:after {
	content: "";
	content: none;
}

blockquote {
	font-size:100%;
	font-style: italic;
	font-weight: 300;
	line-height: 1.6;
}

blockquote cite, blockquote small {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

blockquote em, blockquote i, blockquote cite { font-style: normal; }

blockquote strong,
blockquote b { font-weight: 400; }

small { font-size: smaller; }

big { font-size: 125%; }

sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { bottom: 1ex; }

sub { top: .5ex; }

ul{ list-style-type:none; }
ol{
	list-style-type:none;
	margin-left:1.5em;
	text-indent:-1.5em;
	}

li > ul,
li > ol { margin: 0 0 0 0px; }

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;
}

a:hover img{
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	opacity:0.80;
}

figure { margin: 0; }

fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend { white-space: normal; }

button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:	border-box;
	box-sizing:		 border-box;
}

button, input { line-height: normal; }

 /* Removing the inner shadow, rounded corners on iOS inputs */
input, textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"],
input[type="radio"] { padding: 0; }

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table, th, td { border:none; }

table {
	font-size:100%;
	border-collapse:collapse;
	}

caption, th, td {
	font-size:100%;
	line-height:1.6;
	font-weight: normal;
}

.comment{
	display: none;
}

/* -------------------- 

ローディング

-------------------- */

/*ローディング　画面全体*/
.loading_box{
	display: none;
}


/*ローディング　画面全体*/
/*
.loading_box{
	position: fixed;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(img/logo_color.svg) no-repeat center 42%;
	background-size: 180px 55px;
	background-color: #ffffff;
	z-index: 20000 !important;
}


.sk-fading-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
			animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
			transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
			transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
		-ms-transform: rotate(120deg);
			transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
		-ms-transform: rotate(150deg);
			transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
		-ms-transform: rotate(210deg);
			transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
		-ms-transform: rotate(240deg);
			transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
			transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
		-ms-transform: rotate(300deg);
			transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
		-ms-transform: rotate(330deg);
			transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
			animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
			animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
			animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
			animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
			animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
			animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
			animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
			animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
			animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
			animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; } 
}
*/



/* -------------------------------- 

 レイアウト設定
 
-------------------------------- */

/*大枠の構成
	#top　ページトップアンカー
	.header　ヘッダー
	.drawermenu　グランドメニュー
	.contents_all　コンテンツ
	.topicpath_area　パンくず
	.footer　フッター
	.side　サイド
*/

/* --------------------

ページトップアンカー

-------------------- */

#top{
	
}


/* --------------------

ヘッダー

-------------------- */

/*div*/

.header{
	display: block;
	position: fixed;
	width: 100%;
	height: 80px;
	/*min-width: 1120px;*/
	margin: 0 auto;
	text-align: right;
	background-color: #ffffff;
	
	z-index: 9999;
}

/*トップページのみ*/
.frontpage .header {
	background-color: transparent;
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .header{
	background-color: transparent;
}
*/

.header_inner{
	display: block;
	position: relative;
	width: 100%;
	/*min-width: 1140px;*/
	height: 80px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: right;
}

/*ドロワーメニューが開いた時（bodyに「drawer-open」が付く）*/
.drawer-open .header_inner{

}

/*固定ヘッダーロゴ　div*/
.btn_logo{
	display: block;
	position: absolute;
	top:0px;
	left:60px;
	width: 180px;
	height: 80px;
	
	z-index: 10003;/*グランドメニューは10004; headerは10002*/
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn_logo a,
.frontpage .btn_logo p{
	display: block;
	position: relative;
	width: 180px;
	height: 80px;
	background: url(img/logo_color.svg) no-repeat center center;
	background-size: 180px 55px;
}

.frontpage .btn_logo p{
	background: url(img/logo_color.svg) no-repeat center center;
	background-size: 180px 55px;
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .btn_logo a{
	display: block;
	position: relative;
	width: 180px;
	height: 80px;
	background: url(img/logo_white.svg) no-repeat center center;
	background-size: 180px 55px;
}
*/



.frontpage .btn_logo p a{
	display: none;
}

.btn_logo p span{
	display: none;
}







/*ヘッダーメインメニュー　div（PCのみ表示）*/
.header_menu{
	display: inline-block;
	position: absolute;
	height: 80px;
	top: 0px;
	right: 90px;
	padding-top: 10px;
	
	text-align: center;
	white-space: nowrap;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header_menu > ul{
	display: flex;
	justify-content: end;
}

.header_menu > ul#submenu{
	margin-bottom: 4px;
	padding-right: 10px;
}



.header_menu > ul li{
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;	/* 子要素をflexboxにより中央に配置する */
	vertical-align: middle;
	height: 30px;
	margin-left: 0px;
	margin-right: 0px;
	white-space: nowrap;
	line-height: 100%;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header_menu > ul#submenu li{
	margin-left: 2px;
}

.header_menu > ul li a{
	padding: 14px 12px 14px 12px;
	color: #333333;
	font-size: 14px;/*font-size: 13px;*/
	font-weight: 600;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*画面幅1060px以上*/
@media (max-width: 1060px) {
	.header_menu > ul li a{
/*		padding: 11px 9px 11px 9px;*/
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
}

.header_menu > ul#submenu li a{
	font-weight: 500;
	border: solid 1px rgba(255,145,145,1.0);
	border: solid 1px #333;
	padding: 3px 3px 4px 3px;/*padding: 3px 5px 4px 5px;*/
	font-size: 72%;
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .header_menu > ul li a{
	color: #ffffff;
}
*/

.frontpage .header_menu > ul li a{
}

.header_menu > ul li a:hover{
	text-decoration: none;
	color: #F8A09D;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header_menu > ul#submenu li a:hover{
	background-color: #F8A09D;
	border: solid 1px #F8A09D;
	color: #ffffff;
}


.header_menu > ul li a.icon_blank:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_pink.svg) no-repeat center center !important;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}



/* メガメニューのスタイル */
.megamenu_contents {
	background: #ffffffee;
	display: none;
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	width: 100%;
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1);
}

.megamenu_contents_inner {
	letter-spacing: -.40em;
	margin: 0 auto;
	max-width: calc(1140px + 3vw + 3vw);
	width: auto !important;
	padding: 2vw 3vw 2vw 3vw;
	text-align: center;
}

.header_menu .megamenu_contents_inner a{
	padding: 0px;
}


.megamenu_contents_inner .menu_text {
	display: block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
	width: 100%;
	padding-left: 16px;
}

#megamenu li:first-Child .megamenu_contents_inner .menu_text{
	border-left: solid 2px #4CB597;
}

#megamenu li:nth-Child(2) .megamenu_contents_inner .menu_text{
	border-left: solid 2px #FF96A3;
}

.header_menu .megamenu_contents_inner .menu_text a{
	font-size: 16px;
}

.megamenu_contents_inner .menu_text .school_menu_e{
	display: inline-block;
	position: relative;
	font-size: 10px;
	margin-left: 5px;
	color: #666666;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



.megamenu_contents_inner_left{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
	margin-right: 3vw;
	width: 36%;
	max-width: 260px;
}

.megamenu_thumbnail{
	display: block;
	position: relative;
	vertical-align: top;
	width: 100%;
	margin-bottom: 7px;
}

.megamenu_thumbnail img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}



.megamenu_contents_inner_right{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
	/*padding-top: 17px;*/
}

.megamenu_contents_inner_right ul{
	display: table-cell;
	position: relative;
	letter-spacing: normal;
	margin-right: 1%;
	padding-bottom: 5px;
}


.megamenu_contents_inner_right > ul > li{
	display: block;
	vertical-align: top;
	height: auto;
	white-space: normal;
	margin-right: 4vw;
	margin-bottom: 5px;
	margin-bottom: 2px;
	vertical-align: top;

}

.megamenu_contents_inner_right > ul > li a{
	font-size: 15px;
}

/*
.megamenu_contents_inner_right > ul > li.indent{
	margin-top: -3px;
}

.megamenu_contents_inner_right > ul > li.indent:before{
	content:"└";
	padding-left: 0rem;
}
*/

.megamenu_contents_inner_right > ul > li a{
	font-weight: normal;
	text-align: left;

}

.megamenu_contents li {
}
.megamenu_contents li a {
}




/* --------------------

グランドメニュー（ドロワーメニュー）

-------------------- */

.drawermenu{
}

/*ドロワー全体　nav　※背景色以外のstyleは「drawer.css」に記載*/
.drawer-nav {
	
	background: url(img/drawermenu_bg.jpg) no-repeat left top;
	background-size: cover;
	background-color: #ffffff;
}

/*グランドメニュー全体　div*/
.drawermenu_box {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin: 0 auto;
	padding: 1% 0px 1% 0px;
	width: 98%;
	min-height: 100vh;
}

.drawermenu.scroll_change .drawermenu_box {
}

.drawermenu_outer{
	display: inline-block;
	position: relative;
	text-align: center;
	letter-spacing: -.40em;
	padding: 4%;
	margin: 0 auto;
	/*
	width: 86vw;
	max-width: 960px;
	*/
	background-color: #ffffff;
	
	-webkit-filter: drop-shadow(0px 3px 8px rgba(0,0,0,.05));
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,.05));	
}

.drawermenu_inner{
	display: block;
	position: relative;
	text-align: center;
}


/*画面幅1200px以上*/
@media (min-width: 1200px) {
	.drawermenu_outer{
	}
	.drawermenu_inner{
	}
}





/*div*/
.drawermenu1{
	display: table-cell;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 73%;
	padding-right: 2%;
	text-align: left;
}

.drawermenu_bigcategory{
	display: inline-block;
	position: relative;
	width: 45%;
	margin-right: 4%;
	margin-bottom: 3%;
	vertical-align: top;
}

.menu_text{
	display: block;
	position: relative;
	padding: 5px 10px 3px 20px;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
}

.drawermenu_bigcategory.category_adult .menu_text{
	border-left: solid 2px #4CB597;
}

.drawermenu_bigcategory.category_children .menu_text{
	border-left: solid 2px #FF96A3;
}

.drawermenu_bigcategory.category_pb .menu_text{
	border-left: solid 2px #DCA1D7;
}

.drawermenu_bigcategory.category_ginza .menu_text{
	border-left: solid 2px #80161c;
}

.drawermenu_bigcategory.category_nara .menu_text{
	border-left: solid 2px #ff6c96;
}


.menu_text a{
	font-size: 2.2rem;
	line-height: 120%;
}

.menu_text a:hover{
	color: #777777;
	text-decoration: underline;
}

.menu_text a.icon_blank:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_black.svg) no-repeat center center !important;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}

.school_menu_e{
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 100%;
	color: #666666;
	margin-bottom: 5px;
}

.img_link_box{
	display: block;
	position: relative;
	margin-bottom: 15px;
}

.drawermenu1_img_link{
	display: block;
	position: relative;
	width: 100%;
/*	max-width: 328px;*/
	
}

.drawermenu1 img{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

/*本町と銀座スタジオのリンク欄*/
.drawer_studio_link_box{
	display: block;
	position: relative;
	letter-spacing: normal;
	margin-bottom: 5px;
	font-size: 0px;
}

.drawer_studio_link_box p{
	display: inline-block;
	margin-right: 4px;
	margin-bottom:2px;
}

.category_adult .drawer_studio_link_box p a{
	display: inline-block;
	margin-bottom: 2px;
	padding: 5px 10px 5px 10px;
	padding: 3px 7px 4px 7px;
	color: #333333;
	font-size: 13px;
	font-weight: 500;
	border: solid 1px #4CB597;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_adult .drawer_studio_link_box p a:hover{
	background-color: #4CB597;
	color: #ffffff;
}

.category_children .drawer_studio_link_box p a{
	display: inline-block;
	margin-bottom: 2px;
	padding: 5px 10px 5px 10px;
	padding: 3px 7px 4px 7px;
	color: #333333;
	font-size: 13px;
	font-weight: 500;
	border: solid 1px #FF96A3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_children .drawer_studio_link_box p a:hover{
	background-color: #FF96A3;
	color: #ffffff;
}


.link_list_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.link_list_box ul{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: 48%;
	margin-right: 2%;
}

@media screen and ( max-width: 1200px ) {
	.link_list_box ul{
		width: 100%;
		margin-right: 0%;
	}
	.menu_text a{
		font-size: 1.8rem;
	}
}

.link_list_box ul li{
	padding: 4px 0rem 4px 2rem;
	font-size: 1.45rem;
	line-height: 140%;
	margin-bottom: 4px;
}

.link_list_box ul li a{
	color: #555555;
}

.link_list_box ul li a:hover{
	color: #777777;
	text-decoration: underline;
}

.link_list_box ul li a:before{
	content:"●";
	display: inline-block;
	position: absolute;
	vertical-align: text-top;
	font-size: 5px;
	margin-left: -1rem;
	width: 1rem;
}

.category_adult .link_list_box ul li a:before{
	color: #4CB597;
}

.category_children .link_list_box ul li a:before{
	color: #FF96A3;
}

.category_pb .link_list_box ul li a:before{
	color: #DCA1D7;
}

.link_list_box ul li a.no_disc:before{
	content:none;
}



/*div*/
.drawermenu2{
	display: table-cell;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 25%;
	/*white-space: nowrap;*/
	text-align: left;
}

.drawermenu2 ul.drawermenu_list{
	margin-bottom: 40px;
}

.drawermenu.drawermenu2 ul.drawermenu_list li{
	margin-bottom: 6px;
}

.drawermenu.drawermenu2 ul.drawermenu_list li a{
	display:block;
	position:relative;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	line-height: 140%;
	
	z-index:1;
}

.drawermenu.drawermenu2 ul.drawermenu_list li a:hover{
	color: #777777;
	text-decoration: underline;
}

.drawermenu li a.icon_blank:after,
.drawermenu li a.icon_blank:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -4px;
	margin-left: 8px;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_black.svg) no-repeat center center !important;
	background-size: contain;
}


/*ul*/
.drawermenu_sns_box_list{
	display: inline-block;
	position: relative;
	text-align: left;
	
}

.drawermenu_sns_box_list:last-of-type{
	margin-bottom: 40px;
}

.drawermenu_sns_box_list li{
	display: inline-block;
	position: relative;
	width: auto;
	height: 36px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 5px;
}

.drawermenu_sns_box_list li:last-of-type{
	margin-right: 0px;
}

.drawermenu_sns_box_list li .drawermenu_sns_ig_adult{
	
}

.drawermenu_sns_box_list li .drawermenu_sns_ig_children{
	
}


.drawermenu_sns_box_list li .drawermenu_sns_ln,
.drawermenu_sns_box_list li .drawermenu_sns_ig,
.drawermenu_sns_box_list li .drawermenu_sns_bl,
.drawermenu_sns_box_list li .drawermenu_sns_yt{
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	vertical-align: top;
}

.drawermenu_sns_box_list li .drawermenu_sns_ig_adult{
	display: block;
	position: relative;
	width: 84px;
	height: 36px;
	background: url(img/footer_sns_link_ig_adult.png) no-repeat center center;
	background-size: cover;
}
.drawermenu_sns_box_list li .drawermenu_sns_ig_children{
	display: block;
	position: relative;
	width: 102px;
	width: 91px;
	height: 36px;
	background: url(img/footer_sns_link_ig_children.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_ig{
	background: url(img/footer_sns_link_instagram.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_bl{
	background: url(img/footer_sns_link_blog.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_yt{
	background: url(img/footer_sns_link_youtube.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_ln{
	background: url(img/footer_sns_link_line.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_ln span,
.drawermenu_sns_box_list li .drawermenu_sns_ig_children span,
.drawermenu_sns_box_list li .drawermenu_sns_ig_adult span,
.drawermenu_sns_box_list li .drawermenu_sns_ig span,
.drawermenu_sns_box_list li .drawermenu_sns_bl span,
.drawermenu_sns_box_list li .drawermenu_sns_yt span{
	display: none;
}

.drawermenu_sns_box_list li .drawermenu_sns_ln:hover,
.drawermenu_sns_box_list li .drawermenu_sns_ig_children:hover,
.drawermenu_sns_box_list li .drawermenu_sns_ig_adult:hover,
.drawermenu_sns_box_list li .drawermenu_sns_ig:hover,
.drawermenu_sns_box_list li .drawermenu_sns_bl:hover,
.drawermenu_sns_box_list li .drawermenu_sns_yt:hover{
	opacity: 0.8;
}


.drawermenu_logo{
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 60%;
	padding-right: 3%;
}


.drawermenu_logo a{
	display: block;
	position: relative;
	height: auto;
	background: url(img/logo_color.svg) no-repeat left top;
	background-size: contain;
	padding-bottom: 28%;
}

.drawermenu_logo a span{
	display: none;
}



/* ---------- PCメインメニュー第2階層 ---------- */


/* ---------- PCメインメニュー第3階層 ---------- */



/* ハンバーガーメニュー */

/*中身のハンバーガーメニュー部分のstyleは「drawer.css」に記載*/
.btn_drawermenu{
	display: block;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	width: 100%;
	/*min-width: 1100px;*/
	height: 80px;
	pointer-events: none;
	
	z-index: 10002;/*.drawer-nav（開いたドロワーメニュー）は10001*/
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*メガメニュー及び、ドロワーメニュー内の予約サイトリンク欄*/

.reserve_link_box{
	display: inline-block;
	padding: 3px 8px 3px 8px;
	/*! border-top: 1px solid #67caac; */
	border-radius: 5px;
	letter-spacing: normal;
	vertical-align: middle;
}

.reserve_link_box.adult{
	background-color: #67caac66;
}

.reserve_link_box.children{
	background-color: rgba(255,188,196,0.2);
}



.reserve_link_box_inner{
	display: inline-block;
}
.drawermenu .reserve_link_box_inner {
	display: block;
}

.reserve_link_box a,
.reserve_link_box a:hover,
.reserve_link_box a:visited{
	font-size: 94% !important;
	color: #555555;
	margin-right: 3px;
	line-height: 100%;
}

.reserve_link_box a.icon_blank:after {
	background: url(img/icon_svg_blank_black.svg) no-repeat center center !important;
	background-size: contain;
}


/*メガメニューのみ*/
.megamenu_contents .reserve_link_box{
	
}


/*ドロワーメニューのみ*/
.drawermenu_bigcategory .reserve_link_box.adult,
.drawermenu_bigcategory .reserve_link_box.children{
	padding: 0px;
	padding-left: 1.0rem;
	background-color: transparent;
}

@media screen and ( max-width: 1200px ) {
	.drawermenu_bigcategory .reserve_link_box .reserve_link_box_inner{
		display: block;
	}
}



/* -------------------------------- 

 コンテンツ欄
 
-------------------------------- */

#contents_all{
	overflow: hidden;
	padding-left: 100px;
	padding-right: 100px;
	/*min-width: 1260px;*/
	background-color: #ffffff;
}

.frontpage #contents_all{
	padding-left: 0px;
	padding-right: 0px;
	min-width: auto;
}

/*東京銀座スタジオページのみ*/
.entry_ginza #contents_all,
.entry_ginza_test #contents_all{
	background-color: transparent;
}

/*奈良学園前スタジオスタジオページのみ*/
.entry_nara #contents_all,
.entry_nara_test #contents_all{
	background-color: transparent;
}

#contents_main{
	display: block;
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding-bottom: 120px;
	background-color: #ffffff;
}

.frontpage #contents_main{
	max-width: 100%;
}

/*東京銀座スタジオページのみ*/
.entry_ginza #contents_main,
.entry_ginza_test #contents_main{
	background-color: transparent;
}

/*奈良学園前スタジオスタジオページのみ*/
.entry_nara #contents_main,
.entry_nara_test #contents_main{
	background-color: transparent;
}


/* -------------------------------- 

 パララックス設定

-------------------------------- */

/*フェードイン及びちょっと上に移動*/
.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
 opacity: 0;
}

@keyframes fadeInUp {
	0% { opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		}
	100% { opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		}
}

/*--------------------*/

/*ディレイ（待機時間）※他のアニメーションとの併用*/
.delay_05 {animation-delay: 0.5s;}
.delay_1 {animation-delay: 1.0s;}
.delay_15 {animation-delay: 1.5s;}
.delay_2 {animation-delay: 2.0s;}
.delay_25 {animation-delay: 2.5s;}
.delay_3 {animation-delay: 3.0s;}
.delay_35 {animation-delay: 3.5s;}
.delay_4 {animation-delay: 4.0s;}
.delay_45 {animation-delay: 4.5s;}
.delay_5 {animation-delay: 5.0s;}

.delay_10 {animation-delay: 10.0s;}




/*フェードイン（ぼかし無し）*/
.fadeIn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
 visibility: visible !important;
 opacity: 0;
}

@keyframes fadeIn {
	0% { opacity: 0;

		}
	100% { opacity: 1;

		}
}


/*--------------------*/

/*フェードイン（ぼかしあり）*/
.fadeInBlur {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInBlur;
 animation-name: fadeInBlur;
 visibility: visible !important;
 opacity: 0;
}


@keyframes fadeInBlur {
	0% { opacity: 0;
		filter: blur(30px);
		-webkit-filter: blur(30px);
		}
	100% { opacity: 1;
		filter: blur(0px);
		-webkit-filter: blur(0px);
		}
}

/*フェードイン（ぼかしあり）3秒かけて遷移*/
.fadeInBlur_For3sec {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3s;
 -ms-animation-duration:3s;
 animation-duration:3s;
 -webkit-animation-name: fadeInBlur_For3sec;
 animation-name: fadeInBlur_For3sec;
 visibility: visible !important;
 opacity: 0;
}


@keyframes fadeInBlur_For3sec {
	0% { opacity: 0;
		filter: blur(30px);
		-webkit-filter: blur(30px);
		}
	100% { opacity: 1;
		filter: blur(0px);
		-webkit-filter: blur(0px);
		}
}

/*--------------------*/


/*スライドシャッター（半透明の白で隠しておいてシャーッと開く）*/
.slideShutter {
	overflow: hidden;
	
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: slideShutter_base;
	animation-name: slideShutter_base;
	visibility: visible !important;
	opacity: 1;
	z-index: 1;
}

@keyframes slideShutter_base {
	0% {
		opacity: 0;
		}
	100% {
		opacity: 1;	
		}
}

.slideShutter:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
		
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: slideShutter_coverbg;
	animation-name: slideShutter_coverbg;
	visibility: visible !important;
	opacity: 1;
	z-index: 1;
}


@keyframes slideShutter_coverbg {
	0% {
		right: 0;
		}
	20% {
		right: 0;
		}
	90% {
		right: 100%;
		}
	100% {
		right: 100%;	
		}
}

/*--------------------*/


/* --------------------

パンくず

-------------------- */

.topicpath_area {
	display: block;
	clear: both;
	width: 100%;
	
	margin-top: 10px;
	margin-bottom: 50px;
	background-color: #ffffff;
}


/*パンくずをくくったdiv*/
.topicpath_outer{
	display: block;
	position: relative;
	margin: 0 auto;
	/*max-width: 960px;*/
	padding: 0px 0px 0px 0px;
}


/* ----------パンくずリスト全体の設定---------- */

div.topicpath {
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;

	text-align: left;
	clear: both;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* ----------パンくずリストそのものの設定---------- */

div.topicpath ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 1.2rem;
	text-align: left;
	overflow: hidden;
}

/* ----------リンクのないリスト（＝閲覧しているページ）---------- */
div.topicpath li {
	color: #A5A5A5;
	list-style-type: none;
	padding:0px 4px 0px 4px;
	float: left;
	line-height: none;
	
	background: none;
}



/* ----------リンクのあるリスト（＝上位のページ）---------- */
div.topicpath li a {
	margin-right: 1px;
	color: #A5A5A5;
	line-height: none;
	padding-top: 0px;
	text-decoration: underline;
	font-weight: normal;
}

div.topicpath li a:hover {
	color: #00C3F0;
}

div.topicpath li a:after {
	content:">";
	display: inline-block;
	margin-left: 1rem;
	margin-right: 0rem;
}




/*------------------------------

フッター

------------------------------*/

#footer{
	display: block;
	background-color: #ffffff;
	/*min-width: 1260px;*/
}

/*東京銀座スタジオページのみ*/
.entry_ginza #footer,
.entry_ginza_test #footer{
	background-color: transparent;
}

/*奈良学園前スタジオページのみ*/
.entry_nara #footer,
.entry_nara_test #footer{
	background-color: transparent;
}

.footer_copyright{
	display: block;
	position: relative;
	padding: 40px 60px 40px 60px;
	
	background: -moz-linear-gradient(right, #80CCD9, #F4F4FA, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #F4F4FA, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #F4F4FA, #F4B2BC);
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .footer_copyright{
	background:rgba(255,255,255,0.2);
}
*/

.footer_copyright p{
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

.footer_inner{
	display: block;
	position: relative;
	margin: 0 auto;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 56px;
	padding-bottom: 80px;
	text-align: center;
	
	background: url(img/footer_bg.jpg) no-repeat left top;
	background-size: auto 100%;
	background-color: #ffffff;
}

.footer_inner p,
.footer_inner li,
.footer_inner a{
	color: #403D3C;
}

.footer_logo{
	display: inline-block;
	position: relative;
	width: 200px;
	height: 60px;
	background: url(img/logo_color.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 20px;
}

.footer_logo span{
	display: none;
}

.footer_company{
	display: block;
	position: relative;
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
	margin-bottom: 5px;
	line-height: 120%;
}

.footer_address{
	display: block;
	position: relative;
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 15px;
	margin-bottom: 20px;
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .footer_inner{
	background:none;
	background-color: transparent;
}
*/

/*
.entry_ginza .footer_inner p,
.entry_ginza .footer_inner li,
.entry_ginza .footer_inner a{
	color: #ffffff;
}

.entry_ginza .footer_logo{
	display: inline-block;
	position: relative;
	width: 200px;
	height: 60px;
	background: url(img/logo_white.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 20px;
}

.entry_ginza .footer_company{
	color: #ffffff;
}

.entry_ginza .footer_address{
	color: #ffffff;
}
*/


/*新フッターのスタイルここから*/

.footer_company_box{
	margin-bottom: 40px;
}

.footer_sitemap_box_a{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 920px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;
}

.footer_sitemap_box_a_inner{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	letter-spacing: -.40em;
}
					
.footer_sitemap_box_1{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: calc((((100% - 30px - 30px) / 5) * 2) - 30px);
	width: calc((((100% - 30px - 30px) / 5) * 2) + 20px);
	vertical-align: top;
	margin-right: 30px;
	margin-right: 10px;
	text-align: left;
}

.footer_sitemap_box_2{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: calc((((100% - 30px - 30px) / 5) * 2) + 30px);
	width: calc((((100% - 30px - 30px) / 5) * 2) + 20px);
	vertical-align: top;
	margin-right: 30px;
	margin-right: 10px;
	text-align: left;
}

.footer_sitemap_box_3{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: calc(((100% - 30px - 30px) / 5) * 1);
	vertical-align: top;
	margin-right: 0px;
	text-align: left;
}


.footer_sitemap_box_b{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 920px;
	padding-left: 20px;
	padding-right: 20px;
}

.footer_sitemap_box_b_inner{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	justify-content: space-between;
	letter-spacing: -.40em;
}

.footer_sitemap_link{
	font-size: 1.5rem;
	line-height: 130%;
	font-weight: 500;
	margin-bottom: 1rem;
}

.footer_sitemap_box_1 ul,
.footer_sitemap_box_2 ul{
	display: inline-block;
	width: 49%;
	padding-right: 2%;
	vertical-align: top;
}

.footer_sitemap_box_1 ul:nth-of-type(1),
.footer_sitemap_box_2 ul:nth-of-type(1){
	width: 54%;
}

.footer_sitemap_box_1 ul:nth-of-type(2),
.footer_sitemap_box_2 ul:nth-of-type(2){
	width: 43%;
}

.footer_sitemap_box_1 li,
.footer_sitemap_box_2 li{
	font-size: 1.30rem;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
	padding-right: 1rem;
}

.footer_sitemap_box_1 li a,
.footer_sitemap_box_2 li a{
	color: #555555;
}

.footer_sitemap_box_3 li{
	font-size: 1.3rem;/*font-size: 1.4rem;*/
	line-height: 130%;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
	margin-bottom: 5px;
}



@media screen and ( max-width: 870px ) {
	
	.footer_sitemap_box_a{
		margin-bottom: 10px;
	}
	
	.footer_sitemap_box_1{
		width: calc(50%);
		margin-bottom: 3rem;
	}

	.footer_sitemap_box_2{
		width: calc(50% - 30px);
		margin-right: 0px;
		margin-bottom: 3rem;
	}

	.footer_sitemap_box_3{
		display: block;
		width: 100%;
	}
	.footer_sitemap_box_3 li{
		display: inline-block;
		margin-right: 2.5rem;
	}
	
}


.footer_sitemap_box_b_inner_left{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	text-align: left;
}

.footer_sitemap_box_b_inner_right{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	text-align: left;
}

.footer_sitemap_box_b_inner_left ul,
.footer_sitemap_box_b_inner_right ul{
	letter-spacing: normal;
}

.footer_sitemap_box_b_inner_left ul li,
.footer_sitemap_box_b_inner_right ul li{
	display: inline-block;
	font-size: 1.30rem;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
}

.footer_sitemap_box_b_inner_left ul li{
	vertical-align: middle;
	margin-right: 1.2rem;
}


/*「お問い合わせ」ボタン　a*/
.footer_sitemap_box_b_inner_left ul li a.button.icon_mail {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.24rem;
	font-weight: normal;
	color: #555555 !important;
	background-color: transparent !important;
	vertical-align: middle;
	border: solid 1px #555555 !important;
	padding: 5px 15px 5px 15px;

	text-decoration: none;

	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;

	min-width: auto;

	transition: unset;
}

.footer_sitemap_box_b_inner_left ul li a.button.icon_mail:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	top:2px;
	margin-top: 0px;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	background: url(img/icon_svg_mail_black.svg) no-repeat center center;
	background-size: contain;
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .footer_sitemap_box_b_inner_left ul li a.button.icon_mail {
	color: #ffffff !important;
	border: solid 1px #ffffff !important;
}

.entry_ginza .footer_sitemap_box_b_inner_left ul li a.button.icon_mail:after {
	background: url(img/icon_svg_mail_white.svg) no-repeat center center;
	background-size: contain;
}
*/

.footer_sitemap_box_b_inner_left ul li a.button.icon_mail:hover {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.24rem;
	color: #ffffff !important;
	vertical-align: middle;
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);

	border: solid 1px transparent !important;
	padding: 5px 15px 5px 15px;

	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;

	transition: unset;
}

.footer_sitemap_box_b_inner_left ul li a.button.icon_mail:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	top:2px;
	margin-top: 0px;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	background: url(img/icon_svg_mail_white.svg) no-repeat center center;
	background-size: contain;
}


.footer_sitemap_link a:hover,
.footer_sitemap_box_1 li a:hover,
.footer_sitemap_box_2 li a:hover,
.footer_sitemap_box_3 li a:hover{
	color: #777777;
	text-decoration: underline;
}

.footer_sitemap_link a:hover,
.footer_sitemap_box_1 li a:hover,
.footer_sitemap_box_2 li a:hover,
.footer_sitemap_box_3 li a:hover,
.footer_sitemap_box_b_inner_left ul li a:hover{
	color: #777777;
	text-decoration: underline;
}

.footer_sitemap_link a.icon_blank:hover:after,
.footer_sitemap_box_1 li a.icon_blank:hover:after,
.footer_sitemap_box_2 li a.icon_blank:hover:after,
.footer_sitemap_box_3 li a.icon_blank:hover:after,
.footer_sitemap_box_b_inner_left ul li a.icon_blank:hover:after{
	background: url(img/icon_svg_blank_black.svg) !important;
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .footer_sitemap_link a:hover,
.entry_ginza .footer_sitemap_box_1 li a:hover,
.entry_ginza .footer_sitemap_box_2 li a:hover,
.entry_ginza .footer_sitemap_box_3 li a:hover,
.entry_ginza .footer_sitemap_box_b_inner_left ul li a:hover{
		color: #ffffff;
}

.entry_ginza .footer_sitemap_link a.icon_blank:hover:after,
.entry_ginza .footer_sitemap_box_1 li a.icon_blank:hover:after,
.entry_ginza .footer_sitemap_box_2 li a.icon_blank:hover:after,
.entry_ginza .footer_sitemap_box_3 li a.icon_blank:hover:after,
.entry_ginza .footer_sitemap_box_b_inner_left ul li a.icon_blank:hover:after{
	background: url(img/icon_svg_blank_white.svg) !important;
}

.entry_ginza .footer_sitemap_box_a .fc_darkgray,
.entry_ginza .footer_sitemap_box_b .fc_darkgray{
	color: #cfcfcf !important;
}
*/


/*ul*/
.footer_sitemap_box_b_inner_right .footer_sns_box_list{
	display: inline-block;
	position: relative;
	text-align: center;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li{
	display: inline-block;
	position: relative;
	width: auto;
	height: 36px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 5px;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li:last-of-type{
	margin-right: 0px;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_adult{
	width: 84px;
	height: 36px;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_children{
	width: 102px;
	width: 91px;
	height: 36px;
}


.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ln,
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig,
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_bl,
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_yt{
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	vertical-align: top;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig{
	/*
	background: url(img/icon_72_sns_ig.png) no-repeat center center;
	background-size: cover;
	*/
	background: url(img/footer_sns_link_ig.png) no-repeat center center;
	background-size: cover;
}
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_adult{
	background: url(img/footer_sns_link_ig_adult.png) no-repeat center center;
	background-size: cover;
}
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_children{
	background: url(img/footer_sns_link_ig_children.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_bl{
	background: url(img/footer_sns_link_blog.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_yt{
	background: url(img/footer_sns_link_youtube.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ln{
	background: url(img/footer_sns_link_line.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_ln span,
.footer_sitemap_box_b_inner_right .footer_sns_ig_children span,
.footer_sitemap_box_b_inner_right .footer_sns_ig_adult span,
.footer_sitemap_box_b_inner_right .footer_sns_ig span,
.footer_sitemap_box_b_inner_right .footer_sns_bl span,
.footer_sitemap_box_b_inner_right .footer_sns_yt span{
	display: none;
}

.footer_sitemap_box_b_inner_right .footer_sns_ln:hover,
.footer_sitemap_box_b_inner_right .footer_sns_ig_children:hover,
.footer_sitemap_box_b_inner_right .footer_sns_ig_adult:hover,
.footer_sitemap_box_b_inner_right .footer_sns_ig:hover,
.footer_sitemap_box_b_inner_right .footer_sns_bl:hover,
.footer_sitemap_box_b_inner_right .footer_sns_yt:hover{
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0.8;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*本町と銀座スタジオのリンク欄*/
.footer_studio_link_box{
	display: block;
	position: relative;
	letter-spacing: normal;
	margin-bottom: 6px;
	font-size: 0px;
}

.footer_studio_link_box p{
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.footer_studio_link_box p a{
	padding: 5px 10px 5px 10px;
	padding: 3px 6px 4px 6px;
	color: #333333;
	font-size: 13px;
	font-size: 12px;
	font-weight: 500;
	border: solid 1px #555555;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.footer_studio_link_box p a:hover{
	background-color: #777777;
	color: #ffffff;
}

.footer_mail_box p{
	text-align: center;
}

.footer_link_box{
	display: block;
	position: relative;
	text-align: center;
	padding: 30px 0 0;
}
.footer_link_box p{
	text-align: center;
}
.footer_link_box p img{
	width: 200px;
}








/* ----------ページTOPへボタン---------- */
#pagetop_wrapper {

	position: fixed;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	right: 10px;
	bottom: 10px;
	width: 60px;
	height: 60px;
	padding: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	z-index: 100;
}

.pagetop{
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
}

/*a*/
.pagetop a {
	display: inline-block;
	position: relative;
	
	width: 50px;
	height: 50px;
	
	background-color: #ffffff;

	border: solid 1px #F8A09D !important;
	padding: 1px 16px 1px 16px;
	
	background-image: url(img/icon_svg_left_pink.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 16px;
	transform:rotateZ(90deg);
		
	text-decoration: none;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.pagetop a:hover {
	opacity: 0.9;
	width: 54px;
	height: 54px;
	margin-top: -2px;
	margin-left: -2px;
}

.pagetop a span {
	display:none;
}





/* --------------------

サイド

-------------------- */

.side_link_box1{
	display: flex;
	
	opacity: 1;
	
	/*縦に積む*/
	flex-direction: column;
	flex-wrap: wrap;
	
	/*中央寄せ*/
	justify-content: center;
	align-items: center;
	
	position: fixed;
	top:0;
	left: 0;
	bottom: 0;
	width: 80px;
	padding-top: 80px;
	padding-bottom: 40px;
	
	pointer-events: none;
	
	z-index: 101;
}

.side_sns_copy{
	display: inline-block;
	position: relative;
	text-align: left;
	font-size: 12px;
	color: #403D3C !important;
	width: 120px;
	line-height: 100%;
	white-space: nowrap;
	
	transform: rotateZ(90deg);
}

/*ul*/
.side_sns_box_list{
	display: inline-block;
	position: relative;
	text-align: center;
	width: 60px;
}

.side_sns_box_list li{
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 10px;
}

.side_sns_ln,
.side_sns_ig_children,
.side_sns_ig_adult,
.side_sns_ig,
.side_sns_bl,
.side_sns_yt{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	vertical-align: top;
	
	pointer-events: visible;
	
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.side_sns_ig{
	background: url(img/icon_72_sns_ig.png) no-repeat center center;
	background-size: cover;
}
.side_sns_ig_adult{
	background: url(img/icon_72_sns_ig_adult.png) no-repeat center center;
	background-size: cover;
}
.side_sns_ig_children{
	background: url(img/icon_72_sns_ig_children.png) no-repeat center center;
	background-size: cover;
}

.side_sns_bl{
	background: url(img/icon_72_sns_bl.png) no-repeat center center;
	background-size: cover;
}

.side_sns_yt{
	background: url(img/icon_72_sns_yt.png) no-repeat center center;
	background-size: cover;
}

.side_sns_ln{
	background: url(img/icon_72_sns_line.png) no-repeat center center;
	background-size: cover;
}

.side_sns_ln span,
.side_sns_ig_children span,
.side_sns_ig_adult span,
.side_sns_ig span,
.side_sns_bl span,
.side_sns_yt span{
	display: none;
}

.side_sns_ln:hover,
.side_sns_ig_children:hover,
.side_sns_ig_adult:hover,
.side_sns_ig:hover,
.side_sns_bl:hover,
.side_sns_yt:hover{
	width: 32px;
	height: 32px;
	margin-top: -1px;
	margin-left: -1px;
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.side_link_box2{
	display: flex;
	
	/*縦に積む*/
	flex-direction: column;
	flex-wrap: wrap;
	
	/*中央寄せ*/
	justify-content: center;
	align-items: center;
	
	position: fixed;
	top:0;
	right: 0;
	bottom: 0;
	width: 80px;
	min-height: 640px;
	padding-top: 80px;
	padding-bottom: 40px;
	
	pointer-events: none;
	
	opacity: 0.9;
	
	z-index: 101;
}

.side_link_box_list {
	display: flex;
	
	/*縦に積む*/
	flex-direction: column;
	flex-wrap: wrap;
	
	letter-spacing: -.40em;
}

.side_link_box_list li{
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin-bottom: 14px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: normal;
}


.side_link_news,
.side_link_contact,
.side_link_company{
	display: block;
	position: relative;
	width: 70px;
	height: 70px;
	
	pointer-events: visible;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.side_link_news{
	background-image: url('img/side_tab_news.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70px 70px;
	background-color: rgba(255,145,145,1.0);
}

.side_link_contact{
	background: url(img/side_tab_mail.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70px 70px;
	background-color: rgba(255,145,145,1.0);
}

.side_link_company{
	background: url(img/side_tab_company.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70px 70px;
	background-color: rgba(255,145,145,1.0);
}

.side_link_news span,
.side_link_contact span,
.side_link_company span{
	display: none;
}

.side_link_news:hover,
.side_link_contact:hover,
.side_link_company:hover{
	width: 74px;
	height: 74px;
	
	margin-top: -2px;
	margin-left: -2px;
	
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.tooltip{
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.tooltip p{
	margin:0;
	padding:0;
}

.tooltip_text {
	display: none;
	position: absolute;
	padding: 5px 5px 7px 5px;
	font-size: 12px;
	line-height: 140%;
	color: #fff;
	border-radius: 4px;
	background: #000;
	width: 70px;
	width: 90px;
}

.tooltip_text:before {
	content: "";
	position: absolute;
	top: 20%;
	right: 95%;
	border: 7px solid transparent;
	border-top: 7px solid #000;
	margin-left: -7px;
	transform: rotateZ(90deg);
}

.tooltip:hover .tooltip_text{
	display: inline-block;
	top: 5px;
	left: 40px;
}










/*------------------------------

各パーツ設定

------------------------------*/



/*文字を一文字ずつディレイで表示*/
.delay_text{
	
}

.text_delay_animation:nth-Child(1){
	-webkit-animation: text_SlideFadeDelay 0.4s ease-in-out;
			animation: text_SlideFadeDelay 0.4s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(2){
	-webkit-animation: text_SlideFadeDelay 0.6s ease-in-out;
			animation: text_SlideFadeDelay 0.6s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(3){
	-webkit-animation: text_SlideFadeDelay 0.8s ease-in-out;
			animation: text_SlideFadeDelay 0.8s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(4){
	-webkit-animation: text_SlideFadeDelay 1.0s ease-in-out;
			animation: text_SlideFadeDelay 1.0s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(5){
	-webkit-animation: text_SlideFadeDelay 1.2s ease-in-out;
			animation: text_SlideFadeDelay 1.2s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(6){
	-webkit-animation: text_SlideFadeDelay 1.4s ease-in-out;
			animation: text_SlideFadeDelay 1.4s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(7){
	-webkit-animation: text_SlideFadeDelay 1.6s ease-in-out;
			animation: text_SlideFadeDelay 1.6s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(8){
	-webkit-animation: text_SlideFadeDelay 1.8s ease-in-out;
			animation: text_SlideFadeDelay 1.8s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(9){
	-webkit-animation: text_SlideFadeDelay 2.0s ease-in-out;
			animation: text_SlideFadeDelay 2.0s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}

.text_delay_animation:nth-Child(10){
	-webkit-animation: text_SlideFadeDelay 2.2s ease-in-out;
			animation: text_SlideFadeDelay 2.2s ease-in-out;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
}




@-webkit-keyframes text_SlideFadeDelay {
	0% { opacity: 0; margin-left:-1rem; }
	100% { opacity: 1; margin-left:0rem; }
}

@keyframes stext_SlideFadeDelay {
	0% { opacity: 0; margin-left:-1rem; }
	100% { opacity: 1; margin-left:0rem; } 
}






.section_content_box{
	display: block;
	position: relative;
	padding-left: 3rem;
	padding-right: 3rem;
	padding-bottom: 3rem;
}



/* -------------------- H1 -------------------- */

h1{
	font-size: 4.6rem;
	line-height: 130%;
}



/* -------------------- H2 -------------------- */

h2{
	font-size: 3.2rem;
	line-height: 130%;
}


/* -------------------- H3 -------------------- */

h3{
	font-size: 2.8rem;
	line-height: 130%;
}


/* -------------------- H4/H5/H6 見出し設定 -------------------- */

h4{
	font-weight:bold;
}

h5{
	font-weight:bold;
}

h6{
	font-weight:bold;
}

/* ---------- 記事のpノーマル ---------- */

/*コメントタグをpダグで入れる場合に使用（<p class="comment">コメント</p>）*/
p.comment {
	display: none;
}

/*右にfloatさせる　主にpタグに指定*/
.float_left{
	float: left;
	padding-right: 10px;
}

.float_none{
	float:none;
	margin-right: 0px;
}

/* ---------- 文字装飾いろいろ ---------- */

/*サイズアップ*/
.fs_100{font-size:100% !important;}
.fs_105{font-size:105% !important;}
.fs_110{font-size:110% !important;}
.fs_120{font-size:120% !important;}
.fs_130{font-size:130% !important;}
.fs_140{font-size:140% !important;}
.fs_150{font-size:150% !important;}
.fs_160{font-size:160% !important;}
.fs_170{font-size:170% !important;}
.fs_180{font-size:180% !important;}
.fs_190{font-size:190% !important;}
.fs_200{font-size:200% !important;}
.fs_210{font-size:210% !important;}
.fs_220{font-size:220% !important;}
.fs_230{font-size:230% !important;}
.fs_240{font-size:240% !important;}
.fs_250{font-size:250% !important;}
.fs_260{font-size:260% !important;}
.fs_270{font-size:270% !important;}
.fs_280{font-size:280% !important;}
.fs_290{font-size:290% !important;}
.fs_300{font-size:300% !important;}

/*サイズダウン*/
.fs_95{font-size:95%;}
.fs_90{font-size:90%;}
.fs_85{font-size:85%;}
.fs_80{font-size:80%;}
.fs_75{font-size:75%;}
.fs_70{font-size:70%;}
.fs_60{font-size:60%;}
.fs_50{font-size:50%;}
.fs_40{font-size:40%;}
.fs_30{font-size:30%;}
.fs_20{font-size:20%;}
.fs_10{font-size:10%;}

/*色*/
.fc_red{color:#de0000 !important}
.fc_winered{color:#80161c !important}
.fc_blue{color:#018BCE !important}
.fc_blue2{color:#46aee4 !important}
.fc_emerald{color:#54CAC5 !important}
.fc_skyblue{color:#6699cc !important}
.fc_green{color:#17cd6b !important}
.fc_green2{color:#26A28E !important}
.fc_lightgreen,
.fc_litegreen{color:#99cc66 !important}
.fc_orange{color:#ffcc33 !important}
.fc_orange2{color:#E66000 !important}
.fc_purple{color:#663399 !important}
.fc_lightpurple,
.fc_litepurple{color:#cc99cc !important}
.fc_brown{color:#996633 !important}
.fc_pink{color:#ff6c96 !important}
.fc_pink2{color:#eb4a78 !important}
.fc_gray{color:#999999 !important}
.fc_darkgray{color:#666666 !important}
.fc_white{color:#ffffff !important}

/*指定色*/
/*大人バレエ　ミディアムアクアマリン*/
.fc_aquamarine,
.fc_adult{color:#4CB597 !important}

/*キッズ・ジュニア　ライトピンク*/
.fc_litepink,
.fc_children{color:#FF96A3 !important}

/*pb　ライトパープル*/
.fc_pb{color:#DCA1D7 !important}




.marker_orange{
	background: linear-gradient(transparent 60%, rgba(218,127,103,0.3) 0%);
}

.marker_green{
	background: linear-gradient(transparent 60%, rgba(76,181,151,0.3) 0%);
}

.marker_pink{
	background: linear-gradient(transparent 60%, rgba(255,188,196,0.3) 0%);
}

.marker_purple{
	background: linear-gradient(transparent 60%, rgba(220,161,215,0.3) 0%);
}

.marker_beige{
	background: linear-gradient(transparent 60%, rgba(216, 195, 159, 0.3) 0%);
}

.marker_red{
	background: linear-gradient(transparent 60%, rgba(128, 22, 28, 0.3) 0%);
}

.marker{
	background: linear-gradient(transparent 60%, rgba(218,127,103,0.3) 0%);
}

.category_adult .marker,
.category_adult_test .marker{
	background: linear-gradient(transparent 60%, rgba(76,181,151,0.3) 0%);
}

.category_children .marker,
.category_children_test .marker{
	background: linear-gradient(transparent 60%, rgba(255,188,196,0.3) 0%);
}

.category_pb .marker,
.category_pb_test .marker{
	background: linear-gradient(transparent 60%, rgba(220,161,215,0.3) 0%);
}





/*書体*/
/*明朝*/
.ff_sans-serif{
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*ゴシック*/
.ff_serif{
	font-family: 'Noto Sans JP','Barlow',YakuHanJP,"Kinto Sans","Helvetica Neue","Segoe UI",Helvetica,"游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium","メイリオ",Meiryo,sans-serif;
}

/*左右中央揃え　text-alignの略*/
.ta_center{text-align: center !important;}
.ta_left{text-align: left !important;}
.ta_right{text-align: right !important;}


/*フォントウェイト*/
.fw_100{font-weight: 100;}
.fw_200{font-weight: 200;}
.fw_300{font-weight: 300;}
.fw_400{font-weight: 400;}
.fw_500{font-weight: 500;}
.fw_600{font-weight: 600;}
.fw_700{font-weight: 700;}
.fw_800{font-weight: 800;}
.fw_900{font-weight: 900;}

.bold,
.strong{
	font-weight: bold;
}


/*縦書きのキャッチコピー*/
.tategaki{
	display: inline-block;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	text-align: left;
	
	line-height: 1.6;
	margin-top: 0rem;
	margin-bottom: 1.6rem;
	padding-left: 0px;
	background: none;
	
	-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
}



/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption {
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	
	max-width: 100%;
	height: auto;
}




/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

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


/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone{
	display: block;
	width: 100%!important;
	margin-bottom: 10px;
	clear: left;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
.aligncenter {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	clear: left;
	float: none;
}

img.aligncenter {
	display: block;
	width:auto;
	text-align: center;
	margin:0 auto;
	margin-bottom: 10px;
	clear: left;
}

/* ----------写真を中央に配置---------- */
.aligncenter img {
	display: block;
	margin: 0 auto 0px auto!important;
	height: auto;
}


/*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
.alignright {
	text-align: right;
	float: right;
	padding-left: 40px;
	margin-bottom: 10px;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
.alignleft {
	text-align: left;
	float: left;
	padding-right: 40px;
	margin-bottom: 10px;
}

/* ----------写真を左に配置---------- */
.alignleft img {
	height: auto;
	margin-bottom: 10px;
	float: none;
}

/* ----------写真を右側に配置---------- */
.alignright img {
	margin-bottom: 10px;
	float: none;
}

/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
.wp-caption-text,
.alignleft .wp-caption-text {
	display: block;
	text-align: left;
	font-size: 90%;
	line-height: 140%;
	color: #797979;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.alignright .wp-caption-text {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 90%;
	line-height: 140%;
	color: #797979;
	clear: both;
	
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*キャプションのスタイル（aligncenterの場合）*/
.aligncenter .wp-caption-text{
	text-align: center;
	font-size: 90%;
	line-height: 140%;
	color: #797979;
	clear: both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*imgにグレーの枠線*/
img.border_gray{
	border: #e7e7e7 solid 1px;
}


/*写真をトリミングして配置*/
/*JS「ofi.min.js」と併用*/
.fit {
	object-fit: cover;
	object-position: bottom;
	font-family: 'object-fit: cover; object-position: bottom;'
}


.trim {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-bottom: 75%;/*4:3*/
	margin-bottom: 10px;
}


.trim.w10per{
	width: 10%;
	padding-bottom: 7.5%;
}

.trim.w20per{
	width: 20%;
	padding-bottom: 15%;
}

.trim.w30per{
	width: 30%;
	padding-bottom: 22.5%;
}

.trim.w40per{
	width: 40%;
	padding-bottom: 30%;
}

.trim.w50per{
	width: 50%;
	padding-bottom: 37.5%;
}

.trim.w60per{
	width: 60%;
	padding-bottom: 45%;
}

.trim.w70per{
	width: 70%;
	padding-bottom: 52.5%;
}

.trim.w80per{
	width: 80%;
	padding-bottom: 60%;
}

.trim.w90per{
	width: 90%;
	padding-bottom: 67.5%;
}

.trim.w100per{
	width: 100%;
	padding-bottom: 75%;
}



.trim_wide {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-bottom: 56.625%;/*16:9*/
	margin-bottom: 10px;
}

.trim_wide.w10per{
	width: 10%;
	padding-bottom: 5.6625%;
}

.trim_wide.w20per{
	width: 20%;
	padding-bottom: 11.325%;
}

.trim_wide.w30per{
	width: 30%;
	padding-bottom: 17%;
}

.trim_wide.w40per{
	width: 40%;
	padding-bottom: 22.65%;
}

.trim_wide.w50per{
	width: 50%;
	padding-bottom: 28.3125%;
}

.trim_wide.w60per{
	width: 60%;
	padding-bottom: 33.975%;
}

.trim_wide.w70per{
	width: 70%;
	padding-bottom: 39.6375%;
}

.trim_wide.w80per{
	width: 80%;
	padding-bottom: 45.3%;
}

.trim_wide.w90per{
	width: 90%;
	padding-bottom: 50.9625%;
}

.trim_wide.w100per{
	width: 100%;
	padding-bottom: 56.625%;
}

/* 中央に合わせて、リサイズせずに、はみ出た分をトリミング(画像に対するCSS) */
.trim img,
.trim_wide img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.alignleft.trim img,
.alignleft.trim_wide img {
	width: 98%;
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	left: 49%;
	left : -webkit-calc(50% - 10px) ;
	left : calc(50% - 10px) ;
}

.alignright.trim img,
.alignright.trim_wide img {
	width: 98%;
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	left: 49%;
	left : -webkit-calc(50% + 10px) ;
	left : calc(50% + 10px) ;
}

.alignleft.trim.w100 img,
.alignleft.trim_wide.w100 img,
.alignright.trim.w100 img,
.alignright.trim_wide.w100 img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 右寄せで写真を縦に並べるカラム状のボックス */

.photo_column_right{
	float:right;
	margin-left:30px;
}


/*画像のフチをぼかす　画像を囲んだタグに使う*/
.blur, .blur > img {
	margin: 0; padding: 0;
	border: 0;
}

.blur {
	position: relative;
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.blur:after {
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	-moz-box-shadow: inset 0px 0px 15px 15px #fff;
	-webkit-box-shadow: inset 0px 0px 15px 15px #fff;
	box-shadow: inset 0px 0px 15px 15px #fff;
	content: " ";
}


/*alignleft、alignright等と併記して、横幅を%可変にする*/
.w10per{width: 10% !important;}
.w15per{width: 15% !important;}
.w20per{width: 20% !important;}
.w25per{width: 25% !important;}
.w30per{width: 30% !important;}
.w35per{width: 35% !important;}
.w40per{width: 40% !important;}
.w45per{width: 45% !important;}
.w50per{width: 50% !important;}
.w55per{width: 55% !important;}
.w60per{width: 60% !important;}
.w65per{width: 65% !important;}
.w70per{width: 70% !important;}
.w75per{width: 75% !important;}
.w80per{width: 80% !important;}
.w85per{width: 85% !important;}
.w90per{width: 90% !important;}
.w95per{width: 95% !important;}
.w100per{width: 100% !important;}
.w110per{width: 110% !important;}
.w120per{width: 120% !important;}

.w10per img,
.w20per img,
.w30per img,
.w40per img,
.w50per img,
.w60per img,
.w70per img,
.w80per img,
.w90per img,
.w100per img,
.w110per img,
.w120per img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

/*横幅ピクセル指定*/
.w10px{width: 10px !important;}
.w20px{width: 20px !important;}
.w30px{width: 30px !important;}
.w40px{width: 40px !important;}
.w50px{width: 50px !important;}
.w60px{width: 60px !important;}
.w70px{width: 70px !important;}
.w80px{width: 80px !important;}
.w90px{width: 90px !important;}
.w100px{width: 100px !important;}
.w110px{width: 110px !important;}
.w120px{width: 120px !important;}
.w130px{width: 130px !important;}
.w140px{width: 140px !important;}
.w150px{width: 150px !important;}
.w160px{width: 160px !important;}
.w170px{width: 170px !important;}
.w180px{width: 180px !important;}
.w190px{width: 190px !important;}
.w200px{width: 200px !important;}

/*スマホ用横幅ピクセル指定*/
.sp_w10px{width: 10px !important;}
.sp_w20px{width: 20px !important;}
.sp_w30px{width: 30px !important;}
.sp_w40px{width: 40px !important;}
.sp_w50px{width: 50px !important;}
.sp_w60px{width: 60px !important;}
.sp_w70px{width: 70px !important;}
.sp_w80px{width: 80px !important;}
.sp_w90px{width: 90px !important;}
.sp_w100px{width: 100px !important;}
.sp_w110px{width: 110px !important;}
.sp_w120px{width: 120px !important;}
.sp_w130px{width: 130px !important;}
.sp_w140px{width: 140px !important;}
.sp_w150px{width: 150px !important;}
.sp_w160px{width: 160px !important;}
.sp_w170px{width: 170px !important;}
.sp_w180px{width: 180px !important;}
.sp_w190px{width: 190px !important;}
.sp_w200px{width: 200px !important;}

.w10px img,
.w20px img,
.w30px img,
.w40px img,
.w50px img,
.w60px img,
.w70px img,
.w80px img,
.w90px img,
.w100px img,
.w110px img,
.w120px img,
.w130px img,
.w140px img,
.w150px img,
.w160px img,
.w170px img,
.w180px img,
.w190px img,
.w200px img,
.sp_w10px img,
.sp_w20px img,
.sp_w30px img,
.sp_w40px img,
.sp_w50px img,
.sp_w60px img,
.sp_w70px img,
.sp_w80px img,
.sp_w90px img,
.sp_w100px img,
.sp_w110px img,
.sp_w120px img,
.sp_w130px img,
.sp_w140px img,
.sp_w150px img,
.sp_w160px img,
.sp_w170px img,
.sp_w180px img,
.sp_w190px img,
.sp_w200px img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

/*↓本当はリンク付きの全画像にhoverで拡大を追加したいが、角丸の問題があるので保留
a img{
	transform:scale(1.00,1.00);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover img{
	transform:scale(1.03,1.03);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
*/

a.zoom img{
	transform:scale(1.00,1.00);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.zoom:hover img{
	transform:scale(1.03,1.03);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*角丸指定*/
.r1{border-radius: 1px;}
.r2{border-radius: 2px;}
.r3{border-radius: 3px;}
.r4{border-radius: 4px;}
.r5{border-radius: 5px;}
.r6{border-radius: 6px;}
.r7{border-radius: 7px;}
.r8{border-radius: 8px;}
.r9{border-radius: 9px;}
.r10{border-radius: 10px;}



/* ---------- 記事内のテーブル設定 ---------- */

table {
	margin-bottom: 0.5rem;
	border-top: #e7e7e7 solid 1px;
	border-left: #e7e7e7 solid 0px;
}

table.table_90per {
	width: 90% !important;
}

table.table_80per {
	width: 80% !important;
}

table.table_70per {
	width: 70% !important;
}

table.table_60per {
	width: 60% !important;
}

table.table_50per {
	width: 50% !important;
}

table.table_40per {
	width: 40% !important;
}

table.table_30per {
	width: 30% !important;
}

table.table_20per {
	width: 20% !important;
}

table.table_10per {
	width: 10% !important;
}

tr {
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 0px;
}

th {
	padding: 6px 10px 6px 10px;

	/*background-color: #f9f9f9;*/
	/*white-space: nowrap;*/
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 0px;
	font-weight: normal !important;
	font-size: 94%;
}

table.noline,
table.noline tr,
table.noline td,
table.noline th{
	border: 0px !important;
}



.sub_td_bg {
}

.sub_td_bg_gray {
	background-color: #EDEDE9;
}

.sub_td_bg_white {
	background-color: #ffffff;
}


td {
	padding: 6px 10px 6px 10px;
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 0px;
}

table.border-print td {
}

table.table_2column {
	margin-bottom: 0.5rem;
	border-top: #e7e7e7 solid 1px;
	border-left: #e7e7e7 solid 0px;
	width: 49%;
	float: left;
	margin-right: 1%;
}

table.table_4column {
	margin-bottom: 0.5rem;
	border-top: #e7e7e7 solid 1px;
	border-left: #e7e7e7 solid 0px;
	width: 24%;
	float: left;
	margin-right: 1%;
}


/*スマホレスポンシブ対応のテーブル*/
table.sp_responsive_table {
}

table.sp_responsive_table .sp_only {
	display: none;
}

/*改行させない*/
.nowrap,
table tr.nowrap,
table tr th.nowrap,
table tr td.nowrap,
p.nowrap,
span.nowrap{
	white-space: nowrap !important;
}

/*横並びの画像をスマホでも横並びのまま表示するtable　のstyle*/
table.table_img_2column,
table.table_img_2column tr {
	max-width: 1140px !important;
}

table.table_img_2column,
table.table_img_2column tr,
table.table_img_2column th,
table.table_img_2column td {
	border: 0px;
	border: none;
	padding: 0px 0px 0px 0px;
}

table.table_img_2column td:first-child {
	padding: 0px 10px 0px 0px;
}

table.table_img_2column td:last-child {
	padding: 0px 0px 0px 10px;
}

table.table_img_2column img{
	width: 100% !important;
	height: auto;
}


/*tableタグにこのclassが指定されているtableの中に入れ子になっているtableから罫線を取る*/
/*学科の教育科目のtableなど*/
.td_in_table td table,
.td_in_table td table th,
.td_in_table td table tr,
.td_in_table td table td{
	border: none !important;
	padding: 0px;
}

.td_in_table td table{
	margin-bottom: 0rem;
	width: auto !important;
}

.td_in_table td table td{
	margin-bottom: 0rem;
	width: 230px !important;
}

.td_in_table td table .td_bg_color_blue{
	background-color: #d8e1f1;
}


/*tdの上だけ、borderを太くする*/
table .border_top_3px{
	border-top: #e7e7e7 solid 3px !important;
}



/*一番上の項目行を左の列に可変テーブル（「no_responsive_table」と併記）*/
.td_change_table{
	width: 100%;
	border-top: #DBD8CC solid 1px;
	border-left: #DBD8CC solid 1px;
	margin-bottom: 10px !important;
}

table.td_change_table.w_auto{
	width: auto;
}

table.td_change_table tr {
	font-size:96% !important;
	line-height:150% !important;
	background-color: #ffffff;
}

table.td_change_table th {
	padding:4px 10px 4px 10px !important;
	font-size:96% !important;
	line-height:150% !important;
	white-space:nowrap !important;
	
	border-bottom: #DBD8CC solid 1px;
	border-right: #DBD8CC solid 1px;
	background-color: #C5C2B1;
	
	color: #ffffff;
	font-weight: 600;
}

table.td_change_table td {
	padding:10px 10px 10px 10px !important;
	font-size:96% !important;
	line-height:130% !important;
	
	border-bottom: #DBD8CC solid 1px;
	border-right: #DBD8CC solid 1px;

}

table.td_change_table td p {
	line-height:130% !important;
}




/* -------------------- 水平線画像 -------------------- */

hr{
	display:block;
	width:100%;
	height:1px;
	margin-top: 3rem;
	margin-bottom: 3rem;
	border:none;
	border:0;
	background:#e7e7e7;
	clear:both;
	float:none;
}

hr.hr_white{
	display:block;
	width:100%;
	height:1px;
	margin-top: 3rem;
	margin-bottom: 3rem;
	border:none;
	border:0;
	background:#ffffff;
	clear:both;
	float:none;
}

hr.hr_dot{
	display:block;
	width:100%;
	height:1px;
	margin-top: 3rem;
	margin-bottom: 3rem;
	border:none;
	border-top:dotted 1px #e7e7e7;
	color:#ffffff;
	background:#ffffff;
	clear:both;
	float:none;
}



/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

.box_gray{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
}

.box_blue{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #018BCE;
}

.box_emerald{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #00BDC2;
}

.box_white{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 0px #d2d2d2;
	background-color: #ffffff;
}

.box_white_ib{
	display: inline-block;
	border-radius: 5px;
	padding: 5px 15px;
	background: #fff;
	margin: 5px;
}

.box_gray_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
	line-height: 150%;
}

.box_blue_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 1px #018BCE;
	line-height: 150%;
}

.box_white_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 0px #d2d2d2;
	line-height: 150%;
}

.box_gray5 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #d2d2d2;
}

.box_blue5 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #018BCE;
}

.box_blue3 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 3px #018BCE;
}

.box_gray10 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 10px #d2d2d2;
}

.box_blue10 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 10px #018BCE;
}


.box_gray_beige5 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #F3EFE9;
}

/*お問い合わせ先フォーマット（「box_gray_beige5」と同じ）*/
.contact_info_box {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #F3EFE9;
}



/* 背景が薄いグレーのボックス */
.box_bg_gray{
	background-color:#f6f6f6;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/* 背景が薄いベージュのボックス */
.box_bg_beige{
	background-color:#F3EFE9;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/* 背景が白のボックス */
.box_bg_white{
	background-color:#ffffff;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*大人バレエ用 背景がグレーに近い、かなり薄い色のボックス */
.box_bg_green{
	background-color: #f2f5f5;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*大人バレエ用 背景が薄い色のボックス */
.box_bg_green2{
	background-color: rgba(76,181,151,0.2);
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*大人バレエ用 背景が白で緑の枠線のボックス */
.box_green_bg_white{
	background-color: #ffffff;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #4CB597;
}

/*キッズ・ジュニア用 背景がグレーに近い、かなり薄い色のボックス */
.box_bg_pink{
	background-color: #f5f2f2;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*キッズ・ジュニア用 背景が薄い色のボックス */
.box_bg_pink2{
	background-color: rgba(255,188,196,0.2);
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*キッズ・ジュニア用 背景が白でピンクの枠線のボックス */
.box_pink_bg_white{
	background-color: #ffffff;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #FF96A3;
}

/*PB用 背景がグレーに近い、かなり薄い色のボックス */
.box_bg_purple{
	background-color: #f4f2f5;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*PB用 背景が薄い色のボックス */
.box_bg_purple2{
	background-color: rgba(220,161,215,0.2);
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*PB用 背景が白でパープルの枠線のボックス */
.box_pink_bg_white{
	background-color: #ffffff;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px ##DCA1D7;
}

.padding_1vw{
	padding: 1vw;
}

.padding_1_5vw{
	padding: 1.5vw;
}

.padding_2vw{
	padding: 2vw;
}

.padding_2_5vw{
	padding: 2.5vw;
}

.padding_3vw{
	padding: 3vw;
}

.padding_3_5vw{
	padding: 3.5vw;
}

.padding_4vw{
	padding: 4vw;
}

.padding_4_5vw{
	padding: 4.5vw;
}

.padding_5vw{
	padding: 5vw;
}




/*「box_XX」と併記して利用　角丸*/
.r2{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.r3{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.r4{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.r5{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/*「box_gray_XX」と併記して利用*/

/*inline-blockを追加する*/
.display_ib{
	overflow: hidden;
	display: inline-block;
}

.display_ib_va{
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}

/*スマホではblock*/
.sp_display_b{
	/*display: block;*/
}

/*テキストインデントを0にする*/
.no_indent{
	text-indent: 0px;
}

/*「box_gray_XX」と併記して利用*/

.border_green{border-color: #4CB597}
.border_pink{border-color: #FF96A3}
.border_purple{border-color: #DCA1D7}



/* ---------- 記事内のol ---------- */

ol {
	margin-left: 0rem !important;
	padding-left: 2.6rem;
	padding-bottom: 8px;
	list-style-type: decimal;
}

ol > li {
	padding: 2px 0px 6px 0rem;
	text-indent: 0rem;
}

ol > li > ul {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 2.3rem;
	margin-left: -2.3rem;
}

ol > li > ul li {
/*
	text-indent: 0rem;
	padding: 2px 0px 4px 2px;
	padding-left:22px;
	background-image:url(img/icon_32_disc_black.png) ;
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:0 5px;
*/
}


/* ---------- 記事内のul ---------- */


ul {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 0px;
	letter-spacing: -.40em;
}

ul li{
	padding: 2px 0px 4px 2px;
	padding-left:0px;
	/*
	background-image:url(img/icon_32_disc_black.png) ;
	background-size: 16px 16px;
	*/
	background-repeat:no-repeat;
	background-position:0 6px;
	letter-spacing: normal;
}



ul.disc {
	padding-left:4rem;
	list-style-type:disc;
}
ol > li > ul.disc li {
	padding-left:5px;
}

/*「◆」が付くリスト*/
ul.disc_diamond {
	position: relative;
	list-style:none;
	background: none;
	padding: 0px 0px 0px 0px;
	letter-spacing: -.40em;
}

ul.disc_diamond li{
	position: relative;
	padding-left:2.5rem;
	letter-spacing: normal;
}

ul.disc_diamond li:before{
	content:"◆";
	display: inline-block;
	position: absolute;
	top:2px;
	left: 0;
}

.category_adult ul.disc_diamond li:before,
.category_adult_test ul.disc_diamond li:before{
	color: #4CB597;
}

.category_children ul.disc_diamond li:before,
.category_children_test ul.disc_diamond li:before{
	color: #FF96A3;
}

.category_pb ul.disc_diamond li:before,
.category_pb_test ul.disc_diamond li:before{
	color: #DCA1D7;
}




ul.disc_color_pink{
	text-indent: -2.5rem;
	padding-left: 2.5rem;
}

ul.disc_color_pink li:before{
	content:"\025cf";/*●*/
	text-align: center;
	font-size: 0.7rem;
	color:rgba(255,145,145,1.0);
	margin-right: 6px;
	margin-left: 6px;
	vertical-align: middle;
}

ul.disc_color_red{
	text-indent: -2.5rem;
	padding-left: 2.5rem;
}

ul.disc_color_red li:before{
	content: "\025cf";
	text-align: center;
	font-size: 0.7rem;
	color: #ff3333;
	margin-right: 6px;
	margin-left: 6px;
	vertical-align: middle;
}





ul.list_inline5 li {
	display: inline-block;
	width: 20%;
}

/*画面幅940px未満*/
@media (max-width: 940px) {
	ul.list_inline5 li {
		width: 25%;
	}
}

/*画面幅414px未満*/
@media (max-width: 414px) {
	ul.list_inline5 li {
		width: 100%;
	}
}


ul li:before{	
}

 ul.float{
	float: none;
	clear: both;
}

 ul.float li {
	display: inline-block;
	padding: 2px 10px 4px 0px;
	float: left;
	background:none;
}


/*先頭のディスクを付けない場合、ulにこのclassを指定「no_disc」*/
ul.no_disc {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

ul.no_disc li {
	padding: 2px 0px 4px 2px;
	padding-left:2rem;
	background:none !important;
	background-repeat:no-repeat;
	background-position:0 5px;
	font-size: 96%;
}

ul.no_disc li ul li {
	padding: 2px 0px 4px 2px;
	padding-left:2rem;
}

/* ---------- 記事内のア、イ、ウ…のliのul ---------- */

.list_50on,
ul li .list_50on {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

.list_50on li,
 ul li .list_50on li {
	padding-left: 1rem !important;
	text-indent: -1rem !important;
	list-style:none !important;
	background: none !important;
}


/* ---------- ulを○文字分で揃えるのliのul ---------- */

.list_1em,
ul li .list_1em,
.list_1rem,
ul li .list_1rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_1em,
.list_1em li,
 ul li .list_1em li,
 span.list_1rem,
.list_1rem li,
 ul li .list_1rem li {
	padding-left: 1.0rem !important;
	text-indent: -1.0rem !important;
	list-style:none !important;
	background: none !important;
}

.list_1_5em,
ul li .list_1_5em,
.list_1_5rem,
ul li .list_1_5rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_1_5em,
.list_1_5em li,
 ul li .list_1_5em li,
 span.list_1_5rem,
.list_1_5rem li,
 ul li .list_1_5rem li {
	padding-left: 1.5rem !important;
	text-indent: -1.5rem !important;
	list-style:none !important;
	background: none !important;
}

.list_2em,
ul li .list_2em,
.list_2rem,
ul li .list_2rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_2em,
.list_2em li,
 ul li .list_2em li,
 span.list_2rem,
.list_2rem li,
 ul li .list_2rem li {
	padding-left: 2.0rem !important;
	text-indent: -2.0rem !important;
	list-style:none !important;
	background: none !important;
}


.list_2_5em,
ul li .list_2_5em,
.list_2_5rem,
ul li .list_2_5rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_2_5em,
.list_2_5em li,
 ul li .list_2_5em li,
 span.list_2_5rem,
.list_2_5rem li,
 ul li .list_2_5rem li {
	padding-left: 2.5rem !important;
	text-indent: -2.5rem !important;
	list-style:none !important;
	background: none !important;
}

.list_3em,
ul li .list_3em,
.list_3rem,
ul li .list_3rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_3em,
.list_3em li,
 ul li .list_3em li,
 span.list_3rem,
.list_3rem li,
 ul li .list_3rem li {
	padding-left: 3.0rem !important;
	text-indent: -3.0rem !important;
	list-style:none !important;
	background: none !important;
}

.list_4em,
ul li .list_4em,
.list_4rem,
ul li .list_4rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_4em,
.list_4em li,
 ul li .list_4em li,
 span.list_4rem,
.list_4rem li,
 ul li .list_4rem li {
	padding-left: 4.0rem !important;
	text-indent: -4.0rem !important;
	list-style:none !important;
	background: none !important;
}


/* ---------- 記事内の注釈 ---------- */

.annotate {
	/*padding: 6px 0px 6px 0px;*/
	font-size: 90%;
	color: #666;
	white-space: normal;
}

.indent_1em,
.indent_1rem{
	padding-left: 1.0rem !important;
	text-indent: -1.0rem !important;
}

.indent_1_5em,
.indent_1_5rem{
	padding-left: 1.5rem !important;
	text-indent: -1.5rem !important;
}

.indent_2em,
.indent_2rem{
	padding-left: 2rem !important;
	text-indent: -2rem !important;
}

.indent_2_5em,
.indent_2_5rem{
	padding-left: 2.5rem !important;
	text-indent: -2.5rem !important;
}

.indent_3em,
.indent_3rem{
	padding-left: 3rem !important;
	text-indent: -3rem !important;
}

.indent_3_5em,
.indent_3_5rem{
	padding-left: 3.5rem !important;
	text-indent: -3.5rem !important;
}

.indent_4em,
.indent_4rem{
	padding-left: 4rem !important;
	text-indent: -4rem !important;
}

.indent_4_5em,
.indent_4_5rem{
	padding-left: 4.5rem !important;
	text-indent: -4.5rem !important;
}

.indent_8em,
.indent_8rem{
	padding-left: 8rem !important;
	text-indent: -8rem !important;
}

.indent_8_5em,
.indent_8_5rem{
	padding-left: 8.5rem !important;
	text-indent: -8.5rem !important;
}

.indent_9em,
.indent_9rem{
	padding-left: 9rem !important;
	text-indent: -9rem !important;
}





/*背景色付の項目見出し　span*/
.item,
.item_red,
.item_blue,
.item_skyblue,
.item_emerald,
.item_green,
.item_lightgreen,
.item_litegreen,
.item_orange,
.item_orange2,
.item_purple,
.item_lightpurple,
.item_litepurple,
.item_pink,
.item_pink2,
.item_brown,
.item_gray,
.item_darkgray,
.item_white,
.item_subject1,
.item_subject2,
.item_subject3,
.item_subject4,
.item_adult,
.item_children,
.item_pb{
	display: inline-block;
	text-align: center;
	/*vertical-align: text-top ;*/
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	line-height: 100% !important;
	background-color: #b7c833;
	letter-spacing: 0.05rem;
	letter-spacing: 0.05rem;
	text-indent: 0.05rem;
	min-width: 8rem;
	margin-right: 10px;
	font-size: 1.1rem;
	color: #FFFFFF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/*上記と併用して利用。Sサイズ*/
.item_s{
	padding: 4px 4px 4px 4px;
	min-width: 70px;
	margin-right: 10px;
	font-size: 1.1rem;
	color: #FFFFFF;
}

/*上記と併用して利用。Mサイズ*/
.item_m{
	padding: 4px 4px 4px 4px;
	min-width: 95px;
	margin-top: -1px;
	margin-right: 10px;
	font-size: 1.3rem;
	color: #FFFFFF;
}

/*上記と併用して利用。Lサイズ*/
.item_l{
	padding: 6px 10px 6px 10px;
	min-width: 120px;
	margin-top: -4px;
	margin-right: 10px;
	font-size: 1.5rem;
	color: #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.item{
	background-color: #da7f67;
}

/*大人バレエ*/
.category_adult .item,
.category_adult_test .item,
.item_adult{
	background-color: #4CB597;
}

/*キッズ・ジュニア*/
.category_children .item,
.category_children_test .item,
.item_children{
	background-color: #FF96A3;
}

.category_adult .schedule_1box .item,
.category_children .schedule_1box .item,
.category_adult_test .schedule_1box .item,
.category_children_test .schedule_1box .item
{
	background-color: #da7f67;
	background-color: #777;
	padding-bottom: 5px;
}

/*PB*/
.category_pb .item,
.category_pb_test .item,
.item_pb{
	background-color: #DCA1D7;
}


.item_red{
	background-color: #ff3333;
}

.item_blue{
	background-color: #018BCE;
}

.item_skyblue{
	background-color: #6699cc;
}

.item_emerald{
	background-color: #54CAC5;
}

.item_green{
	background-color: #00A077;
}

.item_lightgreen,
.item_litegreen{
	background-color: #99cc66;
}

.item_orange{
	background-color: #ff9900;
}

.item_orange2{
	background-color: #ffcc33;
}

.item_purple{
	background-color: #663399;
}

.item_lightpurple,
.item_litepurple{
	background-color: #cc99cc;
}

.item_pink{
	background-color: #ff6c96;
}

.item_pink2{
	background-color: #eb4a78;
}

.item_brown{
	background-color: #996633;
}

.item_gray{
	background-color: #999999;
}

.item_darkgray{
	background-color: #666666;
}

.item_white{
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
}




/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	overflow: hidden;
	position: relative;
}

.text_box_2column_left,/*左*/
.text_box_2column_right,/*右*/
.text_box_2column .column_inner{
	display: inline-block;
	position: relative;
	overflow: hidden;
	position: relative;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 2%;
}

.text_box_2column_right,
.text_box_2column .column_inner:nth-child(2n){
	margin-right: 0%;
}

/* ---------- div内で3列にならべるdiv ---------- */

/*3列全体　div*/
.text_box_3column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	overflow: hidden;
	position: relative;
}

.text_box_3column_left,/*左*/
.text_box_3column_center,/*中央*/
.text_box_3column_right,/*右*/
.text_box_3column .column_inner{
	display: inline-block;
	position: relative;
	overflow: hidden;
	position: relative;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 2%;
}

.text_box_3column_right,
.text_box_3column .column_inner:nth-child(3n){
	margin-right: 0%;
}

.text_box_3column_left img,
.text_box_3column_center img,
.text_box_3column_right img,
.text_box_3column .column_inner img{
	width: 100%;
	height: auto;
}



/* ---------- div内で4列にならべるdiv ---------- */

/*4列全体　div*/
.text_box_4column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	overflow: hidden;
	position: relative;
}

.text_box_4column_1,/*左*/
.text_box_4column_2,/*中央*/
.text_box_4column_3,/*中央*/
.text_box_4column_4,/*右*/
.text_box_4column .column_inner{
	display: inline-block;
	position: relative;
	overflow: hidden;
	position: relative;
	width: 21.25%;
	margin-right: 5%;
	margin-bottom: 2%;
}

.text_box_4column_4,
.text_box_4column .column_inner:nth-child(4n){
	margin-right: 0%;
}

.text_box_4column_1 img,
.text_box_4column_2 img,
.text_box_4column_3 img,
.text_box_4column_4 img,
.text_box_4column .column_inner img{
	width: 100%;
	height: auto;
}


/*box_grayを併用した場合の調整*/
.column_inner.box_gray,
.box_gray.column_inner{
	margin-top: 0px;
}

.column_inner .button{
	min-width: 80%;
}




/*---------- 固定ページで使用する汎用タブ切り替え ----------*/

.general_tab{
	display: flex;
	position:relative;
	width:100%;
	margin-bottom: 30px;
	justify-content: left;/* 2022年12月 */
	flex-wrap: wrap;/* 2022年12月 */
}

/*タブ1つ分 div*/
.general_tab_menu{
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;	/* 子要素をflexboxにより中央に配置する */
	padding: 2rem 1rem 2rem 1rem;
	width: 24%;
	background-color: rgba(218,127,103,0.2);
	color: #333333;
	cursor: pointer;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-left: 1.2%;/* 2022年12月 */
}
.general_tab_menu:first-of-type {
	margin-left: 0;/* 2022年12月 */
}

.general_tab.tab2only___:after {/*未使用*/ /* 2022年12月 */
	content: "";
	display: block;
	width: 48%;  /* .boxに指定したwidthと同じ幅を指定する */
	height: 0;
}

.category_adult .general_tab_menu{background-color: rgba(76,181,151,0.2);}
.category_children .general_tab_menu{background-color: rgba(255,150,163,0.2);}
.category_pb .general_tab_menu{background-color: rgba(220,161,215,0.2);}

.category_adult_test .general_tab_menu{background-color: rgba(76,181,151,0.2);}
.category_children_test .general_tab_menu{background-color: rgba(255,150,163,0.2);}
.category_pb_test .general_tab_menu{background-color: rgba(220,161,215,0.2);}


.general_tab_menu:hover{
	background-color: rgba(218,127,103,0.5);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_adult .general_tab_menu:hover{background-color: rgba(76,181,151,0.5);}
.category_children .general_tab_menu:hover{background-color: rgba(255,150,163,0.5);}
.category_pb .general_tab_menu:hover{background-color: rgba(220,161,215,0.5);}

.category_adult_test .general_tab_menu:hover{background-color: rgba(76,181,151,0.5);}
.category_children_test .general_tab_menu:hover{background-color: rgba(255,150,163,0.5);}
.category_pb_test .general_tab_menu:hover{background-color: rgba(220,161,215,0.5);}


/*アクティブなタブ div*/
.general_tab_nowselect,
.general_tab_nowselect:hover{
	background-color: rgba(218,127,103,1.0);
	color: #ffffff;
}

.category_adult .general_tab_nowselect{background-color: rgba(76,181,151,1.0); position: relative; }
.category_children .general_tab_nowselect{background-color: rgba(255,150,163,1.0); position: relative; }
.category_pb .general_tab_nowselect{background-color: rgba(220,161,215,1.0); position: relative; }

.category_adult_test .general_tab_nowselect{background-color: rgba(76,181,151,1.0); position: relative; }
.category_children_test .general_tab_nowselect{background-color: rgba(255,150,163,1.0); position: relative; }
.category_pb_test .general_tab_nowselect{background-color: rgba(220,161,215,1.0); position: relative; }

.category_adult .general_tab_nowselect:hover{background-color: rgba(76,181,151,1.0); position: relative; }
.category_children .general_tab_nowselect:hover{background-color: rgba(255,150,163,1.0); position: relative; }
.category_pb .general_tab_nowselect:hover{background-color: rgba(220,161,215,1.0); position: relative; }

.category_adult_test .general_tab_nowselect:hover{background-color: rgba(76,181,151,1.0); position: relative; }
.category_children_test .general_tab_nowselect:hover{background-color: rgba(255,150,163,1.0); position: relative; }
.category_pb_test .general_tab_nowselect:hover{background-color: rgba(220,161,215,1.0); position: relative; }

.category_adult .general_tab_menu.general_tab_nowselect::after ,
.category_adult_test .general_tab_menu.general_tab_nowselect::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #4cb597 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}

.category_children .general_tab_menu.general_tab_nowselect::after ,
.category_children_test .general_tab_menu.general_tab_nowselect::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ff96a3 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}

/*タブで切り替えるコンテンツの中身*/
.general_tab_contents div{
	overflow:hidden;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
	display:none;
}




/* ----------リンクとダウンロードファイルのアイコン---------- */
/*aタグ用*/

/*基本リンク*/
.icon_link:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_link_black.svg) no-repeat center center;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}

.icon_link:hover {
	text-decoration: underline
}

/*基本リンク（矢印を左側に追加）*/
.icon_link_left:before{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_link_black.svg) no-repeat center center;
	background-size: contain;
	margin-right: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
	transform:scale(-1, 1);
}

.icon_link:hover {
	text-decoration: underline
}

/*blank*/
.icon_blank:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_black.svg) no-repeat center center;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}

.category_adult .drawer_studio_link_box p a.icon_blank:hover:after,
.category_children .drawer_studio_link_box p a.icon_blank:hover:after,
.footer_studio_link_box p a.icon_blank:hover:after{
	background: url(img/icon_svg_blank_white.svg) !important;
}

/*東京銀座スタジオページのみ*/
/*
.entry_ginza .header_menu > ul li a.icon_blank:hover:after,
.entry_ginza .icon_blank:after{
	background: url(img/icon_svg_blank_white.svg) no-repeat center center !important;
}

.entry_ginza .header_menu > ul li a.icon_blank:hover:after {
	background: url(img/icon_svg_blank_pink.svg) no-repeat center center !important;
}
*/



.icon_blank:hover {
	text-decoration: underline
}



/*トップページ用「詳しく見る」を囲んだdiv*/
.frontpage_link_box{
	display: block;
	position: relative;
	margin-top: 40px;
	margin-bottom: 50px;
	text-align: center;
}


/*基本ボタン（詳しく見る）*/
.button{
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	line-height: 130%;
	font-weight: 600;
	color: #333333 !important;
	background-color: transparent !important;

	border: solid 1px #F8A09D !important;
	padding: 8px 2rem 8px 2rem;
		
	text-decoration: none;
	margin-top: 6px;	
	margin-bottom: 6px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	min-width: 230px;
	
	transition: unset;
}

.button.min0{
	min-width: 0px;
}

.button.min60{
	min-width: 60px;
}

.button.min80{
	min-width: 80px;
}

.button.min100{
	min-width: 100px;
}

.button.min120{
	min-width: 120px;
}

.button.orange {
	background-color: #fa8563 !important;
	color: #ffffff !important;
	border: solid 1px transparent !important;
}

.button.green {
	background-color: #4CB597 !important;
	color: #ffffff !important;
	border: solid 1px transparent !important;
}

.button.pink{
	background-color: #FF96A3 !important;
	color: #ffffff !important;
	border: solid 1px transparent !important;
}

.button.purple{
	background-color: #DCA1D7 !important;
	color: #ffffff !important;
	border: solid 1px transparent !important;
}

.button.red{
	background-color: #950d15 !important;
	color: #ffffff !important;
	border: solid 1px transparent !important;
}

.button.pink{
	background-color: #ff6c96 !important;
	color: #ffffff !important;
	border: solid 1px transparent !important;
}

.button.pink2{
	background-color: #eb4a78 !important;
	color: #ffffff !important;
	border: solid 1px transparent !important;
}

/*link*/
.button.orange.icon_link:after,
.button.green.icon_link:after,
.button.pink.icon_link:after,
.button.purple.icon_link:after,
.button.red.icon_link:after,
.button.pink.icon_link:after,
.button.pink2.icon_link:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}

/*link（矢印を左側に配置）*/
.button.orange.icon_link_left:before,
.button.green.icon_link_left:before,
.button.pink.icon_link_left:before,
.button.purple.icon_link_left:before,
.button.red.icon_link_left:before,
.button.pink.icon_link_left:before,
.button.pink2.icon_link_left:before{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
	margin-right: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
	transform:scale(-1, 1);
}

/*blank*/
.button.orange.icon_blank:after,
.button.green.icon_blank:after,
.button.pink.icon_blank:after,
.button.purple.icon_blank:after,
.button.red.icon_blank:after,
.button.pink.icon_blank:after,
.button.pink2.icon_blank:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_white.svg) no-repeat center center;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}


.hakomono_link_button .button,
.link_button_big .button{
	min-width: auto;
}
.hakomono_link_button .button.orange ,
.hakomono_link_button .button.purple ,
.hakomono_link_button .button.pink,
.hakomono_link_button .button.pink2,
.hakomono_link_button .button.green,
.hakomono_link_button .button.red,
.link_button_big .button.purple ,
.link_button_big .button.pink ,
.link_button_big .button.pink2 ,
.link_button_big .button.green,
.link_button_big .button.red {
/*	padding: 18px 6rem 18px 6rem;*/
	padding: 17px 7rem 17px 7rem;
	font-size:120% !important;
}
@media screen and (max-width:767px) {/*スマホ用*/
	.hakomono_link_button .button.orange ,
	.hakomono_link_button .button.purple ,
	.hakomono_link_button .button.pink ,
	.hakomono_link_button .button.pink2 ,
	.hakomono_link_button .button.green,
	.hakomono_link_button .button.red,
	.link_button_big .button.purple ,
	.link_button_big .button.pink ,
	.link_button_big .button.pink2 ,
	.link_button_big .button.green,
	.link_button_big .button.red {
		padding: 10px 3rem 10px 3rem;
		min-width: 280px;
		font-size:100% !important;
	}
}


/*枠線、背景色無し　グリーン*/
.button.green_line,
.category_adult .back_link_box .button,
.category_adult_test .back_link_box .button {
	background-color: transparent;
	border:solid 1px #4CB597 !important;
	color: #4CB597 !important;
}

.button.green_line.icon_link:after{
	background: url(img/icon_svg_link_green.svg) no-repeat center center;
}

.category_adult .back_link_box .button.icon_link:after,
.category_adult_test .back_link_box .button.icon_link:after{
	background: url(img/icon_svg_link_green.svg) no-repeat center center !important;
}

.button.green_line.icon_link_left:before{
	background: url(img/icon_svg_link_green.svg) no-repeat center center;
	transform:scale(-1, 1);
}

.category_adult .back_link_box .button.icon_link_left:before,
.category_adult_test .back_link_box .button.icon_link_left:before{
	background: url(img/icon_svg_link_green.svg) no-repeat center center !important;
	transform:scale(-1, 1);
}

.button.green_line.icon_blank:after{
	background: url(img/icon_svg_blank_green.svg) no-repeat center center;
}

.category_adult .back_link_box .button.icon_blank:after,
.category_adult_test .back_link_box .button.icon_blank:after{
	background: url(img/icon_svg_blank_green.svg) no-repeat center center !important;
}

/*枠線、背景色無し　ピンク*/
.button.pink_line,
.category_children .back_link_box .button,
.category_children_test .back_link_box .button {
	background-color: transparent;
	border:solid 1px #FF96A3 !important;
	color: #FF96A3 !important;
}

.button.pink_line.icon_link:after,
.category_children .back_link_box .button.icon_link:after,
.category_test .back_link_box .button.icon_link:after{
	background: url(img/icon_svg_link_pink.svg) no-repeat center center;
}

.button.pink_line.icon_link_left:before,
.category_children .back_link_box .button.icon_link_left:before,
.category_children_test .back_link_box .button.icon_link_left:before{
	background: url(img/icon_svg_link_pink.svg) no-repeat center center;
	transform:scale(-1, 1);
}

.button.pink_line.icon_blank:after,
.category_children .back_link_box .button.icon_blank:after,
.category_children_test .back_link_box .button.icon_blank:after{
	background: url(img/icon_svg_blank_pink.svg) no-repeat center center;
}

/*枠線、背景色無し　パープル*/
.button.purple_line,
.category_pb .back_link_box .button,
.category_pb_test .back_link_box .button{
	background-color: transparent;
	border:solid 1px #DCA1D7 !important;
	color: #DCA1D7 !important;
}

.button.purple_line.icon_link:after,
.category_pb .back_link_box .button.icon_link:after,
.category_pb_test .back_link_box .button.icon_link:after{
	background: url(img/icon_svg_link_purple.svg) no-repeat center center;
}

.button.purple_line.icon_link_left:before,
.category_pb .back_link_box .button.icon_link_left:before,
.category_pb_test .back_link_box .button.icon_link_left:before{
	background: url(img/icon_svg_link_purple.svg) no-repeat center center;
	transform:scale(-1, 1);
}


.button.purple_line.icon_blank:after,
.category_pb .back_link_box .button.icon_blank:after,
.category_pb_test .back_link_box .button.icon_blank:after{
	background: url(img/icon_svg_blank_purple.svg) no-repeat center center;
}



.button:hover,
.category_adult .back_link_box .button:hover,
.category_children .back_link_box .button:hover,
.category_pb .back_link_box .button:hover,
.category_adult_test .back_link_box .button:hover,
.category_children_test .back_link_box .button:hover,
.category_pb_test .back_link_box .button:hover{
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	color: #ffffff !important;
		
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	
	border: solid 1px transparent !important;
	padding: 8px 2rem 8px 2rem;
	
	text-decoration: none;	
	margin-top: 6px;	
	margin-bottom: 6px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.button.icon_link:hover:after,
.category_adult .back_link_box .button.icon_link:hover:after,
.category_children .back_link_box .button.icon_link:hover:after,
.category_pb .back_link_box .button.icon_link:hover:after,
.category_adult_test .back_link_box .button.icon_link:hover:after,
.category_children_test .back_link_box .button.icon_link:hover:after,
.category_pb_test .back_link_box .button.icon_link:hover:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center !important;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}


.button.icon_link_left:hover:before,
.category_adult .back_link_box .button.icon_link_left:hover:before,
.category_children .back_link_box .button.icon_link_left:hover:before,
.category_pb .back_link_box .button.icon_link_left:hover:before,
.category_adult_test .back_link_box .button.icon_link_left:hover:before,
.category_children_test .back_link_box .button.icon_link_left:hover:before,
.category_pb_test .back_link_box .button.icon_link_left:hover:before{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center !important;
	background-size: contain;
	margin-right: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
	transform:scale(-1, 1);
}




/*blank*/
.button.icon_blank:hover:after,
.category_adult .back_link_box .button.icon_blank:hover:after,
.category_children .back_link_box .button.icon_blank:hover:after,
.category_pb .back_link_box .button.icon_blank:hover:after,
.category_adult_test .back_link_box .button.icon_blank:hover:after,
.category_children_test .back_link_box .button.icon_blank:hover:after,
.category_pb_test .back_link_box .button.icon_blank:hover:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_white.svg) no-repeat center center !important;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}


.sp_only,
.sp_only {
	display:none;
}

.pc_only,
.pc_only {
}

.print_only,
.print_only {
	display:none;
}

/*PCの「p」だけマージンボトム20、スマホは0*/
.pc_only_mb20,
.pc_only_mb20 {
	margin-bottom:20px;
}









/* ---------- 要素の上下マージン ---------- */

/*p {
	margin-bottom:20px;
}*/

.mb200,
table.mb200 {
	margin-bottom:120px !important;
}

.mb180,
table.mb180 {
	margin-bottom:180px !important;
}

.mb150,
table.mb150 {
	margin-bottom:150px !important;
}

.mb120,
table.mb120 {
	margin-bottom:120px !important;
}

.mb100,
table.mb100 {
	margin-bottom:100px !important;
}

.mb90,
table.mb90 {
	margin-bottom:90px !important;
}

.mb80,
table.mb80 {
	margin-bottom:80px !important;
}

.mb70,
table.mb70 {
	margin-bottom:70px !important;
}

.mb60,
table.mb60 {
	margin-bottom:60px !important;
}

.mb50,
table.mb50 {
	margin-bottom:50px !important;
}

.mb40,
table.mb40 {
	margin-bottom:40px !important;
}

.mb30,
table.mb30 {
	margin-bottom:30px !important;
}

.mb20,
table.mb20 {
	margin-bottom:20px !important;
}

.mb15,
table.mb15	{
	margin-bottom:15px !important;
}

.mb10,
table.mb10 {
	margin-bottom:10px !important;
}

.mb5,
table.mb5 {
	margin-bottom:5px !important;
}

.mb0,
table.mb0 {
	margin-bottom:0px !important;
}

.mt0 {
	margin-top:0px !important;
}

.mt5 {
	margin-top:5px !important;
}

.mt10 {
	margin-top:10px !important;
}

.mt20 {
	margin-top:20px !important;
}

.mt30 {
	margin-top:30px !important;
}

.mt40 {
	margin-top:40px !important;
}

.mt50 {
	margin-top:50px !important;
}

.mt60 {
	margin-top:60px !important;
}

.mt70 {
	margin-top:70px !important;
}

.mt80 {
	margin-top:80px !important;
}

.mt90 {
	margin-top:90px !important;
}

.mt100 {
	margin-top:100px !important;
}

.mt-10 {
	margin-top:-10px !important;
}

.mt-20 {
	margin-top:-20px !important;
}

.mt-30 {
	margin-top:-30px !important;
}

.mt-40 {
	margin-top:-40px !important;
}

.mt-50 {
	margin-top:-50px !important;
}

.mt-60 {
	margin-top:-60px !important;
}

.mt-70 {
	margin-top:-70px !important;
}

.mt-80 {
	margin-top:-80px !important;
}

.mt-90 {
	margin-top:-90px !important;
}

.mt-100 {
	margin-top:-100px !important;
}




/* --------------------
	
ページ内アンカーの飛び先

-------------------- */

.anchor{
	margin-top: -80px;
	padding-top: 80px;
}


/* --------------------
	
googleマップ、youtube動画等のiframe埋め込み

-------------------- */

/*youtube配置欄　div*/
/*※横幅を調整したい場合はこのdivに指定する*/
.youtube_box,
.movie_box{
	display: block;
	position: relative;
	max-width: 720px;
	margin: 0 auto;
}

.youtube_box_inner,
.movie_box_inner{
	display: block;
	position: relative;
	width: 100%;
	height: auto !important;
	padding-bottom: 56.25%;
	margin: 0 auto;
}

.youtube_box iframe,
.movie_box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media screen and ( max-width: 767px ) {/*スマホ用*/
	iframe[loading="lazy"]{
		width: 100% !important;
	}
}



/*googleマップ配置欄　div*/
.map_box{
	display: block;
	position: relative;
	width: 100%;
	height: auto !important;
	padding-bottom: 45vh;
	margin: 0 auto;
}


.map_box iframe,
.map_box object,
.map_box embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*--------------------------------

トップページ専用スタイル

--------------------------------*/


/*--------------- トップページのみのスタイル（メインビジュアル） ---------------*/

.mainvisual_area{
	display: block;
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	background-color: #efefef;
		
	z-index: 0;
}
			
/*背景動画配置欄*/
#frontpage_movie_box{
	display: block;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background: url('https://cheriegroup.com/wpc/wp-content/themes/basic/img/mainvisual_img.png') center / cover;
}

.frontpage_movie{
	min-width: 100%;
	min-height: 100vh;
	z-index: 1;
	
	object-fit: cover;
}

.frontpage_movie_catchcopy_box{
	display: block;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	
	z-index: 2;
	
	background: url(img/main_catchcopy.svg) no-repeat center 40%;
	background-size: 503px 217px;
	background-color: rgba(0,0,0,0.09);
	
	-webkit-filter: drop-shadow(0px 3px 8px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
}

.frontpage_movie_catchcopy_box h1{
	display: none;
}


.news_box{
	display: flex;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	right: 0;
	width: 680px;
	height: 53px;
	
	justify-content: space-between;/*左右両端に均等配置*/
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center;
	white-space: nowrap;
	
	z-index: 2;
	
	background-color: #ffffff;
	
	border-bottom: solid 1px #ededed;
}

.news_box_list{
	display: block;
	position: relative;
	overflow: hidden;
	padding-right: 10px;
	width: 480px;
}

.news_box_list li{
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}

.news_box_list li span.date{
	font-size: 13px;
	color: #666666;
	margin-right: 10px;
	vertical-align: middle;
}

.genre_11,
.genre_12,
.genre_13,
.genre_14,
.genre_15,
.genre_01,
.genre_02,
.genre_03,
.genre_04,
.genre_05,
.genre_06,
.genre_07,
.genre_08,
.genre_09,
.genre_10{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
	margin-top: 1px;
	line-height: 100% !important;
	background-color: #F8A09D;
	letter-spacing: 0.05rem;
	min-width: 60px;
	min-width: 80px;
	margin-right: 10px;
	font-size: 1.0rem;
	color: #FFFFFF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/*
初期ジャンル
・お知らせ　　　　　
・イベント　　　　　
・プレスリリース　　
・その他　
*/

/*濃いめのピンク　お知らせ　*/
.genre_01{background-color: #F8A09D;}

/*濃いめの赤紫　イベント*/
.genre_02{background-color: #d22d7f;}

/*薄い紫　プレスリリース*/
.genre_03{background-color: #D1A4D4;}

/*グレー　その他*/
.genre_04{background-color: #a7a7a7;}

/*オレンジ*/
.genre_05{background-color: #ffa200;}

/*ブルー*/
.genre_06{background-color: #2d9cd5;}

/*彩度高めの赤*/
.genre_07{background-color: #ff3636;}

/*予備*/
.genre_08{background-color: #F8A09D;}

/*予備*/
.genre_09{background-color: #F8A09D;}

/*予備*/
.genre_10{background-color: #F8A09D;}

/*予備 大人*/
.genre_11{background-color: #4CB597;}

/*予備 子ども*/
.genre_12{background-color: #FF96A3;}

/*予備*/
.genre_13{background-color: #F8A09D;}

/*予備*/
.genre_14{background-color: #F8A09D;}

/*予備*/
.genre_15{background-color: #F8A09D;}


/*大人バレエ　トップでの色替え*/

/*緑　お知らせ　*/
.category_adult .genre_01{background-color: #67caac;}
.category_adult_test .genre_01{background-color: #67caac;}

/*薄い黄緑　イベント*/
.category_adult .genre_02{background-color: #afc48e;}
.category_adult_test .genre_02{background-color: #afc48e;}

/*濃いめ緑　プレスリリース*/
.category_adult .genre_03{background-color: #27a776;}
.category_adult_test .genre_03{background-color: #27a776;}

/*緑　その他*/
.category_adult .genre_04{background-color: #a7a7a7;}
.category_adult_test .genre_04{background-color: #a7a7a7;}


/*キッズ・ジュニア　トップでの色替え　※一応記載するが、総合トップと同じ*/

/*濃いめのピンク　お知らせ　*/
.category_children .genre_01{background-color: #F8A09D;}
.category_children_test .genre_01{background-color: #F8A09D;}

/*濃いめの赤紫　イベント*/
.category_children .genre_02{background-color: #d22d7f;}
.category_children_test .genre_02{background-color: #d22d7f;}

/*薄い紫　プレスリリース*/
.category_children .genre_03{background-color: #D1A4D4;}
.category_children_test .genre_03{background-color: #D1A4D4;}

/*グレー　その他*/
.category_children .genre_04{background-color: #a7a7a7;}
.category_children_test .genre_04{background-color: #a7a7a7;}


.z-index1{
	z-index: 1;
}

.z-index2{
	z-index: 2;
}

.z-index3{
	z-index: 3;
}


.news_box_list li a{
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 280px;
	font-size: 1.3rem;
	vertical-align: middle;
}



.news_box_list li a:hover{
	color: #F8A09D;
	text-decoration: underline;
}



.news_navi_box{
	display: inline-block;
	position: relative;
	padding-left: 0px;
	padding-right: 10px;
}

.news_navi_change_link{
	display: inline-block;
	position: relative;
	width: 65px;
}


.news_navi_change_link button {
	display: inline-block;
	pointer-events: visible;
	vertical-align: middle;
	fill: #fff;
	width: 30px;
	height: 30px;
	margin-left: 0px;
	margin-right: 0px;
	background: transparent;
	
	border: 0px;
	
	font-size: 0px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.news_navi_change_link button.slick-prev{
	background-image: url(img/icon_svg_left_pink.svg);
	background-position: 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	margin-right: 3px;
}

.news_navi_change_link button.slick-next{
	background-image: url(img/icon_svg_right_pink.svg);
	background-position: right 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.news_navi_change_link button.slick-prev:hover{
	background-image: url(img/icon_svg_left_white.svg);
	background-position: 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	background-color: #F8A09D;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.news_navi_change_link button.slick-next:hover{
	background: url(img/icon_svg_right_white.svg);
	background-position: right 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	background-color: #F8A09D;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




/*「View more」リンクボタン　div*/
.news_navi_more{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 130px;
	text-align: center;
}

/*a*/
.news_navi_more a {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	width: 126px;
	height: 30px;
	
	text-align: center;
	font-size: 1.4rem;
	font-weight: 600;
	color: #F8A09D !important;
	background-color: transparent !important;

	border: solid 1px #F8A09D !important;
	padding: 1px 16px 1px 16px;
		
	text-decoration: none;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.news_navi_more a:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_pink.svg) no-repeat center center;
	background-size: contain;
}

.news_navi_more a:hover {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	color: #ffffff !important;
		
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	
	border: solid 1px transparent !important;
	padding: 1px 16px 1px 16px;
	
	text-decoration: none;	
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.news_navi_more a:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
}



/*--------------- トップページ導入部分 ---------------*/

.frontpage_introduction{
	display: block;
	position: relative;
	padding-top: 60px;
	
	background-color: #f9edef;
}

.frontpage_introduction .frontpage_content_box{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 1020px;
	
	padding-top: 60px;
	padding-bottom: 120px;
}

.frontpage_introduction .frontpage_content_box h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.9rem;
	color: #403D3C;
	text-align: center;
	margin-bottom: 40px;
	
}

.frontpage_introduction .frontpage_content_box p{
	color: #696969;
	text-align: center;
	font-size: 1.7rem;
}


/*--------------- トップページ構成要素の共通パーツ ---------------*/

/*セクションタイトル基本形*/
.frontpage_section_title_box{
	display: block;
	position: relative;
	max-width: 1020px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}

.frontpage_section_title_box .section_title_e{
	display: block;
	position: relative;
	width: 360px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 14px;
}

.frontpage_contents_news .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_newslist.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_school .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_school.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_related .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_related.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_youtube .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_youtube.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_section_title_box .section_title_e span{
	display: none;
}

.section_title_j{
	display: inline-block;
	position: relative;
	color: #FF96A3;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
}


/*「詳しくはこちら」ボタン*/
.frontpage_link_box{
}

.button{
}


/*--------------- トップページの「NewsList」 ---------------*/


.frontpage_contents_news{
	display: block;
	position: relative;
	/*min-width: 1140px;*/
	padding-top: 80px;
	margin: 0 auto;
	margin-bottom: 60px;
	padding-left: 15px;
	padding-right: 15px;
}

.frontpage_contents_news .contents_box_inner{
	max-width: 100%;
}

.frontpage_contents_news .news_list_box,
.frontpage_contents_news .news_list_box .news_list,
.frontpage_contents_news .news_list_li_inner{
	max-width: 1100px;
}

.frontpage_contents_news .school_link_button_box{
	text-align:center;
}

.frontpage_contents_news .school_link_button{
	display:inline-block;
}

.frontpage_contents_news .school_link_button a.button{
	background-color: #3EA5E3 !important;
}

/*--------------- トップページの銀座、本町スタジオバナー ※「大人バレエ」ページでも流用 ---------------*/

.banner_box{
	text-align: center;
}

.frontpage_contents_news .banner_box{
	text-align: center;
	max-width: 1340px;
	margin: 0 auto;
}

.banner_box p{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.frontpage_contents_news .banner_box p{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
}

.banner_box p img{
	max-width: 420px;
	height: auto;
}

@media screen and ( max-width: 767px ) {/*スマホ用*/
	.banner_box p{
		display: inline-block;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.frontpage_contents_news .banner_box p img{
		max-width: 100%;
		height: auto;
	}
}


/*--------------- トップページの「School バレエ教室」 ---------------*/


.frontpage_school{
	display: block;
	position: relative;
	/*min-width: 1140px;*/
	padding-top: 60px;
	margin: 0 auto;
	margin-bottom: 140px;
}



/*「バレエスクール」「Recommend」h3タイトル*/
/*2025.5.22にソースから削除*/
/*
.frontpage_section_subtitle{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
}

.frontpage_contents_box h3{
	display: inline-block;
	
	color: #696969;
	font-size: 16px;
}

.frontpage_contents_box h3 span:before,
.frontpage_contents_box h3 span:after{
	content:"";
	display: inline-block;
	width: 30px;
	height: 1px;
	border-bottom: solid 1px #696969;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle;
	margin-top: -3px;
}
*/


/*3つのバレエスクールリンクバナー1つ分　div*/					
.frontpage_school_link{
	display: flex;
	position: relative;
	overflow: hidden;
	height: 420px;
	margin-bottom: 80px;
	
	/*max-width: calc(100vw - ((100vw - 1140px)/2));*/
	width: 100%;
	
	z-index: 1;
}

.frontpage_school_link.school_link1{
	margin-left: 0px;
}

.frontpage_school_link.school_link2{
	justify-content:flex-end;
	margin-right: 0px;
}

.frontpage_school_link.school_link3{
	margin-left: 0px;
}

.frontpage_school_link.school_link4{
	justify-content:flex-end;
	margin-right: 0px;
}


.school_link_img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 63%;
	height: 420px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	z-index: 0;
}

.frontpage_school_link.school_link1 .school_link_img {
	background: url(img/top_contents_img_adults.jpg) no-repeat center center;
	background-size: cover;
}

.frontpage_school_link.school_link2 .school_link_img {
	background: url(img/top_contents_img_kids.jpg) no-repeat center center;
	background-size: cover;
}

.frontpage_school_link.school_link3 .school_link_img {
	background: url(img/top_contents_img_pb.jpg) no-repeat center center;
	background-size: cover;
}

.frontpage_school_link.school_link4 .school_link_img {
	background: url(img/top_contents_img_ginza.jpg) no-repeat center center;
	background-size: cover;
}

.frontpage_school_link.school_link1 .school_link_img:hover,
.frontpage_school_link.school_link2 .school_link_img:hover,
.frontpage_school_link.school_link3 .school_link_img:hover,
.frontpage_school_link.school_link4 .school_link_img:hover {
	opacity: .8;
	-moz-transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.frontpage_school_link.school_link1 .school_link_img a,
.frontpage_school_link.school_link2 .school_link_img a,
.frontpage_school_link.school_link3 .school_link_img a,
.frontpage_school_link.school_link4 .school_link_img a{
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

.frontpage_school_link.school_link1 .school_link_img a span,
.frontpage_school_link.school_link2 .school_link_img a span,
.frontpage_school_link.school_link3 .school_link_img a span,
.frontpage_school_link.school_link4 .school_link_img a span{
	display: none;
}

.frontpage_school_link.school_link2 .school_link_img,
.frontpage_school_link.school_link4 .school_link_img{
	order: 2;
}

.frontpage_school_link.school_link2 .school_link_text_box,
.frontpage_school_link.school_link4 .school_link_text_box{
	order: 1;
}


.school_link_text_box {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

	justify-content: center;
	align-items: center;
	
	width: 430px;
	
	z-index: 2;
 }
 

.school_link_catchcopy{
	color: #696969;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 19px;
	line-height: 150%;
	text-align: center;
	margin-bottom: 20px;
}

.school_link_title{
	display: block;
	position: relative;
	width: 280px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.school_link1 .school_link_title{
	background: url(img/top_content_title_svg_adults.svg) no-repeat center center;
	background-size: 280px 200px;
}

.school_link2 .school_link_title{
/*
	background: url(img/top_content_title_svg_kids.svg) no-repeat center center;
*/
	background: url(img/top_content_title_svg_children.svg) no-repeat center center;
	background-size: 280px 200px;
}

.school_link3 .school_link_title{
	background: url(img/top_content_title_svg_pb_202306.svg) no-repeat center center;
	background-size: 280px 200px;
}

.school_link4 .school_link_title{
	background: url(img/top_content_title_svg_ginza.svg) no-repeat center center;
	background-size: 280px 200px;
}


.school_link_title span{
	display: none;
}


/*「View more」リンクボタン　div*/
.school_link_button{
	display: block;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

/*a*/
.school_link_button a.button {
	display: inline-block;
	position: relative;
	
	width: 180px;
	
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	color: #ffffff !important;
	background-color: rgba(255,145,145,1.0);

	border: 0px !important;
	padding: 7px 20px 7px 20px;
		
	text-decoration: none;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.school_link1 .school_link_button a.button {background-color: #4CB597 !important;}
.school_link2 .school_link_button a.button {background-color: #FF96A3 !important;}
.school_link3 .school_link_button a.button {background-color: #DCA1D7 !important;}
.school_link4 .school_link_button a.button {background-color: #950d15 !important;}

.school_link_button a.button:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
}

.school_link_button a.button:hover {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.6rem;
	color: #ffffff !important;
		
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	
	border: 0px !important;
	padding: 7px 20px 7px 20px;
	
	text-decoration: none;	
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.school_link_button a.button:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
}





/*--------------- トップページの「Related contents 関連コンテンツ」 ---------------*/


.frontpage_related{
	display: block;
	position: relative;
	/*min-width: 1140px;*/
	padding-top: 0px;
	margin: 0 auto;
	margin-bottom: 140px;
}


/*Recommend　3つの正方形のリンク　div*/

.frontpage_recommend_link_box{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 1580px;
	margin: 0 auto;
}

.frontpage_recommend_link_1box{
	display: block;
	position: relative;
	overflow: hidden;
	width:33.3333%;
	padding-bottom: 27%;
	/*background-color: #ededed;*/
}

.frontpage_recommend_link_1box img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	image-rendering: unset;
}

.frontpage_recommend_link_1box a:hover img{
	width: 101%;
	height: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*Youtube動画リンク欄*/
.frontpage_youtube{
	display: block;
	position: relative;
	/*min-width: 1140px;*/
	margin: 0 auto;
}

.frontpage_youtube_box{
	display: block;
	position: relative;
	width: calc(100% - 20px);
	max-width: 1600px;
	margin: 0 auto;
}

.youtube_box_list{

}

.youtube_box_list .slick-slide {
	margin: 10px;
}

.youtube_box_list{
	
}

.youtube_box_list li{
	position: relative;
	overflow: hidden;
	/*padding-bottom: 55.5%;*/

	z-index: 0;
}

.youtube_box_list li:after{
	content:"";
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	background: url(img/icon_svg_play.svg) no-repeat center center;
	background-size: 54px 54px;
	pointer-events: none;
	
	z-index: 2;
}

.youtube_box_list img{
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	*/
	width: 100%;
	height: auto;
	
	z-index: 1;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.youtube_box_list a:hover img{
	width: 101%;
	height: auto;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.youtube_navi_box{
	pointer-events: none;
}

.youtube_navi_change_link{
	display: flex;
	position: absolute;

	align-items: center;
	justify-content: space-between;/*左右両端に均等配置*/
	
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin-left: -10px;
	margin-right: -10px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	z-index: 3;
}

/*画面幅1600px以上*/
@media (min-width: 1720px) {
	.youtube_navi_change_link{
		margin-left: -60px;
		margin-right: -60px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
}


.youtube_navi_change_link button {
	display: inline-block;
	pointer-events: visible;
	vertical-align: middle;
	fill: #fff;
	width: 42px;
	height: 42px;
	margin-left: 10px;
	margin-right: 10px;
	background: transparent;
	
	border: 0px;
	
	font-size: 0px;
	
	border-radius: 42px;
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.youtube_navi_change_link button.slick-prev{
	background: url(img/icon_svg_left_white.svg) no-repeat 42% center;
	background-size: 16px 16px;
	background-color: rgba(186,181,184,0.9);
}

.youtube_navi_change_link button.slick-next{
	background: url(img/icon_svg_right_white.svg) no-repeat right 42% center;
	background-size: 16px 16px;
	background-color: rgba(186,181,184,0.9);
}

.youtube_navi_change_link button.slick-prev:hover,
.youtube_navi_change_link button.slick-next:hover{
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



/*--------------------------------

iOSでの「100vh」が正確じゃない問題の解決

--------------------------------*/

/* Safari用のハックは、Chromeに適用されないようにする */
@supports (-webkit-touch-callout: none) {
	.drawermenu_box,
	.mainvisual_area,
	#frontpage_movie_box,
	.frontpage_movie,
	.frontpage_movie_catchcopy_box{
	/* Safari用のハック */
	height: -webkit-fill-available;
	}
}





/*--------------------------------

下層ページ共通部分

--------------------------------*/

/*--------------- トップページ構成要素の共通パーツ ---------------*/

/*ページタイトル基本形*/
.page_title_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 460px;
	height: 55vh;
	margin-left: calc(-1 * ((100vw - 1000px) / 2));
	margin-right: calc(-1 * ((100vw - 1000px) / 2));
	margin-bottom: 80px;
}

/*その他/汎用ページのイメージ画像*/
.page_title_box{
	background: url(img/category_title_bg_etc.jpg) no-repeat center center;
	background-size: cover;
}

/*大人バレエ*/
.category_adult .page_title_box,
.category_adult_test .page_title_box{
	background: url(img/category_title_bg_adult.jpg) no-repeat center center;
	background-size: cover;
}

/*キッズ・ジュニア*/
.category_children .page_title_box,
.category_children_test .page_title_box{
	background: url(img/category_title_bg_children.jpg) no-repeat center center;
	background-size: cover;
}

/*パーソナルバレエ*/
/*外部サイトリンクのため、スタイル無し*/

/*バレエ団*/
.category_ballet_group .page_title_box{
	background: url(img/category_title_bg_ballet_group.jpg) no-repeat center center;
	background-size: cover;
}

/*ショップ*/
/*外部サイトリンクのため、スタイル無し*/

/*春田琴栄Official*/
.category_kotoe_haruta .page_title_box{
	background: url(img/category_title_bg_kotoe_haruta.jpg) no-repeat center center;
	background-size: cover;
}

/*新着情報*/
.category_news .page_title_box{
	background: url(img/category_title_bg_news.jpg) no-repeat center center;
	background-size: cover;
}

/*お問い合わせ*/
.category_inquire .page_title_box,
.category_inquiry .page_title_box,
.category_contact .page_title_box{
	background: url(img/category_title_bg_inquiry.jpg) no-repeat center center;
	background-size: cover;
}

/*会社概要*/
.category_company_test .page_title_box,
.category_company .page_title_box{
	background: url(img/category_title_bg_company.jpg) no-repeat center center;
	background-size: cover;
}

/*採用情報*/
.category_recruit .page_title_box{
	background: url(img/category_title_bg_recruit.jpg) no-repeat center center;
	background-size: cover;
}

/*プライバシーポリシー*/
.category_privacy .page_title_box{
	background: url(img/category_title_bg_privacy.jpg) no-repeat center center;
	background-size: cover;
}

/*東京銀座スタジオページ*/
.entry_ginza .page_title_box,
.entry_ginza_test .page_title_box{
	background: none;
	background-size: cover;
}

/*奈良学園前スタジオページ*/
.entry_nara .page_title_box,
.entry_nara_test .page_title_box{
	background: none;
	background-size: cover;
}


/*子ページ以下用ページタイトル基本形（親カテゴリを個別にnot指定）*/
/*
.page_title_box:not(.category_adult.entry_adult .page_title_box),
.page_title_box:not(.category_children.entry_children .page_title_box),
.page_title_box:not(.category_pb.entry_pb .page_title_box),
.page_title_box:not(.category_shop.entry_shop .page_title_box),
.page_title_box:not(.category_ballet_group.entry_ballet_group .page_title_box),
.page_title_box:not(.category_kotoe_haruta.entry_kotoe_haruta .page_title_box),
.page_title_box:not(.category_news.entry_news .page_title_box),
.page_title_box:not(.category_company.entry_company .page_title_box),
.page_title_box:not(.category_recruit.entry_recruit .page_title_box),
.page_title_box:not(.category_privacy.entry_privacy .page_title_box){*/

/*子ページ以下用ページタイトル基本形（「page_title_box」に「no_parent」がついている場合）*/
.page_title_box.no_parent{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 280px;
	height: 30vh;
	margin-left: calc(-1 * ((100vw - 1000px) / 2));
	margin-right: calc(-1 * ((100vw - 1000px) / 2));
	margin-bottom: 15px;
	background: url(img/page_title_bg.svg) no-repeat;
	background-size: cover;
	background-position: right center;
	background-color: #da7f67;
	background-color: #feb09a;
}

/*大人バレエの子ページ以下のタイトルの背景*/
.category_adult .page_title_box.no_parent,
.category_adult_test .page_title_box.no_parent{
	background-color: #7cd5bc;
}

/*キッズ・ジュニアの子ページ以下のタイトルの背景*/
.category_children .page_title_box.no_parent,
.category_children_test .page_title_box.no_parent{
	background-color: #FFBCC4;/*ここはあえて薄いピンク*/
}

/*PBの子ページ以下のタイトルの背景*/
.category_pb .page_title_box.no_parent,
.category_pb_test .page_title_box.no_parent{
	background-color: #DCA1D7;
}


/*画面幅12600px未満*/
@media (max-width: 1260px) {
	.page_title_box{
		margin-left: -140px !important;
		margin-right: -140px !important;
	}
}

.page_title_box_inner {/*見出しの位置調整*/
	padding-top:5%;
	padding-top:60px;
}
@media screen and ( max-width: 767px ) {/*スマホ用*/
	.page_title_box_inner {/*見出しの位置調整*/
	padding-top:0;
	}
}

.page_title_box_inner {/*見出しの位置調整*/
	text-align:center;
}



/*カテゴリ内のお知らせ、カテゴリ内の会員ページ*/

/*上部のカテゴリリンク欄*/
.category_link_box{
	display: block;
	position: relative;
	margin-bottom: 3vw;
	text-align: center;
}

.category_link_list_box{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

/*ul*/
.category_link_list{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	letter-spacing: -.40em;
}

.category_link_list li{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
}

.category_link_list li a{
	display: block;
	float: left;
	cursor: pointer;
	width: auto;
	min-width: 60px;
	margin: 0;
	margin-right: 0px;
	padding: 12px 12px 12px 12px;
	border: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;

	background-color: #efefef;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	/*box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);*/
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_link_list li a:hover{
	background-color: rgba(218,127,103,0.2);
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_adult .category_link_list li a:hover,
.category_adult_test .category_link_list li a:hover{
	background-color: rgba(76,181,151,0.2);
}

.category_children .category_link_list li a:hover,
.category_children_test .category_link_list li a:hover{
	background-color: rgba(255,188,196,0.2);
}

.category_pb .category_link_list li a:hover,
.category_pb_test .category_link_list li a:hover{
	background-color: rgba(220,161,215,0.2);
}



/*左端のラジオボタンのみ左上と左下を角丸に*/
.category_link_list li:first-of-type a{
	border-radius: 8px 0 0 8px;
}

/*右端のラジオボタンのみ右上と右下を角丸に*/
.category_link_list li:last-of-type a{
	border-right: #d8d8d8 solid 1px;
	border-radius: 0 8px 8px 0;
}

/*「first」「last」が両方指定されている場合は、四隅を角丸に*/
/*
.category_link_list li:last- a{
	border-right: #d8d8d8 solid 1px;
	border-radius: 8px 8px 8px 8px;
}
*/

/*アクティブのスタイル*/
.category_link_list li a.active{
	background-color: #da7f67;
	background-color: #feb09a;
	color: #fff;
	/*box-shadow: inset 1px 1px 0 rgba(255,255,255,0.0);*/
}

.category_adult .category_link_list li a.active,
.category_adult_test .category_link_list li a.active{
	background-color: #4CB597;
}

.category_children .category_link_list li a.active,
.category_children_test .category_link_list li a.active{
	background-color: #FF96A3;
}

.category_pb .category_link_list li a.active,
.category_pb_test .category_link_list li a.active{
	background-color: #DCA1D7;
}

/*記事一覧の記事1つ分*/
.news_page_entry_box_outer{
	display: block;
	position: relative;
	padding: 2vw 3vw 2vw 3vw;
	border: solid 1px #d8d8d8;
	border-left: solid 10px #da7f67;
	border-left: solid 10px #feb09a;
	margin-bottom:3vw;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.category_adult .news_page_entry_box_outer,
.category_adult_test .news_page_entry_box_outer{
	border-left: solid 6px #4CB597;
}

.category_children .news_page_entry_box_outer,
.category_children_test .news_page_entry_box_outer{
	border-left: solid 10px #FF96A3;
}

.category_pb .news_page_entry_box_outer,
.category_pb_test .news_page_entry_box_outer{
	border-left: solid 10px #DCA1D7;
}

.news_page_entry_title_box{
	/*border-top: solid 1px #D8D8D8;*/
}

/*
.news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #da7f67, #da7f67 50%, #fff 50%, #fff); 
	background-size: 5px 5px;
	
	margin-bottom: 50px;
}

.category_adult .news_page_entry_title_box:before,
.category_adult_test .news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #4CB597, #4CB597 50%, #fff 50%, #fff); 
	background-size: 5px 5px;
}

.category_children .news_page_entry_title_box:before,
.category_children_test .news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #FF96A3, #FF96A3 50%, #fff 50%, #fff);
	background-size: 5px 5px; 
}

.category_pb .news_page_entry_title_box:before,
.category_pb_test .news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #DCA1D7, #DCA1D7 50%, #fff 50%, #fff);
	background-size: 5px 5px;
}

.news_page_entry_title_box:first-of-type {
	border-top: solid 0px #D8D8D8;
	padding-top: 0px;
}

.news_page_entry_title_box:first-of-type:before {
	content:none;
}

.news_page_contents_box{
	padding-bottom: 60px;
}

@media screen and ( max-width: 767px ) {
	
	.news_page_entry_title_box:before {
		margin-bottom: 20px;
	}
	
	.news_page_contents_box{
		padding-bottom: 30px;
	}
}
*/

.news_page_contents_box p {/*最新情報のpタグの隙間調整*/
	padding: 0 0 20px 0;
}
.news_page_contents_box p:last-of-type {/*最新情報のpタグの隙間調整*/
	padding: 0;
}
.news_page_contents_box p::after{
  content: "";
  clear: both;
  display: block;
}



.page_title_box h1{
	display: block;
	position: relative;
	font-size: 51px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

.page_title_j_school{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

.page_title_e{
	display: inline-block;
	position: relative;
	color: #ffffff;
	font-size: 21px;
	margin-bottom: 16px;
	
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

.page_title_e:before{
	content:"";
	display: inline-block;
	width: 68px;
	height: 16px;
	background: url(img/pege_title_kei.svg) no-repeat center center;
	background-size: contain;
	margin-right: 12px;
}

.page_title_e:after{
	content:"";
	display: inline-block;
	width: 68px;
	height: 16px;
	background: url(img/pege_title_kei.svg) no-repeat center center;
	background-size: contain;
	margin-left: 12px;
	
	transform: scale(1, -1);
}

/*東京銀座スタジオページのみ*/
.entry_ginza .page_title_box,
.entry_ginza_test .page_title_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	height: auto;
	margin-left: calc(-1 * ((100vw - 1000px) / 2));
	margin-right: calc(-1 * ((100vw - 1000px) / 2));
	margin-top: 40px;
	margin-bottom: 40px;
}

.entry_ginza .page_title_box h1,
.entry_ginza_test .page_title_box h1{
	font-size: 42px;
	color: #9e793f;
}

.entry_ginza .page_title_e,
.entry_ginza_test .page_title_e{
	font-size: 17px;
	color: #9e793f;
}

.entry_ginza .page_title_e:before,
.entry_ginza .page_title_e:after,
.entry_ginza_test .page_title_e:before,
.entry_ginza_test .page_title_e:after{
	background: url(img/pege_title_kei_gold.svg) no-repeat center center;
	background-size: contain;
	width: 44px;
	height: 14px;
}

/*奈良学園前スタジオページのみ*/
.entry_nara .page_title_box,
.entry_nara_test .page_title_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	height: auto;
	margin-left: calc(-1 * ((100vw - 1000px) / 2));
	margin-right: calc(-1 * ((100vw - 1000px) / 2));
	margin-top: 40px;
	margin-bottom: 40px;
}

.entry_nara .page_title_box h1,
.entry_nara_test .page_title_box h1{
	font-size: 42px;
	color: #ff6c96;
}

.entry_nara .page_title_e,
.entry_nara_test .page_title_e{
	font-size: 17px;
	color: #ff6c96;
}

.entry_nara .page_title_e:before,
.entry_nara .page_title_e:after,
.entry_nara_test .page_title_e:before,
.entry_nara_test .page_title_e:after{
	background: url(img/pege_title_kei_pink2.svg) no-repeat center center;
	background-size: contain;
	width: 44px;
	height: 14px;
}


/*子ページ以下用のページタイトル*/
.page_title_box.no_parent h1{
	display: block;
	position: relative;
	font-size: 46px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

.category_title_box{
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding-top: 15px;
}

.category_title_box .page_title_e{
	display: inline-block;
	position: relative;
	color: #ffffff;
	font-size: 10px;
	margin-bottom: 2px;
	
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

.category_title_box .page_title_e:before{
	content:"";
	display: inline-block;
	width: 42px;
	height: 10px;
	background: url(img/pege_title_kei.svg) no-repeat center center;
	background-size: contain;
	margin-right: 6px;
}

.category_title_box .page_title_e:after{
	content:"";
	display: inline-block;
	width: 42px;
	height: 10px;
	background: url(img/pege_title_kei.svg) no-repeat center center;
	background-size: contain;
	margin-left: 6px;
	
	transform: scale(1, -1);
}

.category_title_box .page_title_j{
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}


/*下層ページコンテンツ欄（ページタイトルから下）　section*/
.contents_box{
	display: block;
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	
	z-index: 0;
}

/*カスタム投稿タイプのみ利用（新着情報）*/
.contents_box_inner{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 860px;
}

/*手動で調整したい場合*/
.mw_960{
	max-width: 960px;
}

.mw_840{
	max-width: 840px;
}

.mw_720{
	max-width: 720px;
}

.mw_680{
	max-width: 680px;
}

.mw_540{
	max-width: 540px;
}

.margin_0auto{
	margin: 0 auto;
}

/*段落タイトル基本形*/
.section_title_box{
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}

.section_title_box h2{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 3.1rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
}

.section_title_box h2:before{
	content:"";
	display: block;
	position: relative;
	height: 24px;
	background: url(img/subtitle_kei.svg) no-repeat center center;
	background-size: 260px 24px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.section_title_e{
	display: inline-block;
	display: block;
	position: relative;
	color: #A28B44;
	font-size: 1.4rem;
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}



/*下層ページ等で使う、アイコン付きの段落タイトル基本形*/
.content_section_title_box{
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}

.content_section_title_box h2{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 0px;
}

.content_section_title_box h2 span:before,
.content_section_title_box h2 span:after{
	content:"";
	display: inline-block;
	width: 28px;
	height: 1px;
	border-bottom: solid 1px #696969;
	margin-left: 12px;
	margin-right: 12px;
	vertical-align: middle;
	margin-top: -5px;
}

.content_section_title_e{
	display: inline-block;
	display: block;
	position: relative;
	color: #696969;
	font-size: 1.6rem;
	text-align: center;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

/*下層ページ等で使う、アイコン付きの段落タイトルの、カテゴリ別の色指定*/

/*大人バレエ*/
/*カテゴリ全体に適用する場合*/
/*
.category_adult .content_section_title_box h2{
	color:#4CB597;
}

.category_adult .content_section_title_box h2 span:before,
.category_adult .content_section_title_box h2 span:after{
	border-color: #4CB597;
}
*/


/*手動でclassを追加して適用する場合*/
.content_section_title_box.orange h2{
	color:#FB653D;
	color:#fa8563;
}

.content_section_title_box.orange h2 span:before,
.content_section_title_box.orange h2 span:after{
	border-color: #FB653D;
	border-color: #fa8563;
}


/*手動でclassを追加して適用する場合*/
.content_section_title_box.green h2{
	color:#4CB597;
}

.content_section_title_box.green h2 span:before,
.content_section_title_box.green h2 span:after{
	border-color: #4CB597;
}



/*キッズ・ジュニア*/
/*カテゴリ全体に適用する場合*/
/*
.category_children .content_section_title_box h2{
	color:#FF96A3;
}

.category_children .content_section_title_box h2 span:before,
.category_children .content_section_title_box h2 span:after{
	border-color: #FF96A3;
}
*/

/*手動でclassを追加して適用する場合*/
.content_section_title_box.pink h2{
	color:#FF96A3;
}

.content_section_title_box.pink h2 span:before,
.content_section_title_box.pink h2 span:after{
	border-color: #FF96A3;
}



/*PB*/
/*カテゴリ全体に適用する場合*/
/*
.category_pb .content_section_title_box h2{
	color:#DCA1D7;
}

.category_pb .content_section_title_box h2 span:before,
.category_pb .content_section_title_box h2 span:after{
	border-color: #DCA1D7;
}
*/

/*手動でclassを追加して適用する場合*/
.content_section_title_box.purple h2{
	color:#DCA1D7;
}

.content_section_title_box.purple h2 span:before,
.content_section_title_box.purple h2 span:after{
	border-color: #DCA1D7;
}




/*「content_section_title_box」のタイトルにアイコンを追加*/

/*汎用版の罫装飾*/
.content_section_title_box.icon_nomal:before,
.content_section_title_box.icon_normal:before
{
	content:"";
	display: block;
	position: relative;
	width: 70px;
	height: 30px;
	background: url("img/menu_icon_normal.svg") no-repeat center center;
	background-size: contain;
	margin: 0 auto;
	margin-bottom: 5px;
}

.content_section_title_box.icon_shoes:before,/*バレエシューズ*/
.content_section_title_box.icon_stage:before,/*ステージ*/
.content_section_title_box.icon_album:before,/*アルバム*/
.content_section_title_box.icon_key:before,/*鍵*/
.content_section_title_box.icon_voice:before/*Voice（生徒さんの声）*/
{
	content:"";
	display: block;
	position: relative;
	width: 86px;
	height: 86px;
	margin: 0 auto;
	margin-bottom: 5px;
}






/*バレエシューズ*/
.content_section_title_box.icon_shoes:before{
	background: url("img/menu_icon_shoes.svg") no-repeat center center;
	background-size: contain;
}

/*ステージ*/
.content_section_title_box.icon_stage:before{
	background: url("img/menu_icon_stage.svg") no-repeat center center;
	background-size: contain;
}

/*アルバム*/
.content_section_title_box.icon_album:before{
	background: url("img/menu_icon_album.svg") no-repeat center center;
	background-size: contain;
}

/*鍵*/
.content_section_title_box.icon_key:before{
	background: url("img/menu_icon_key.svg") no-repeat center center;
	background-size: contain;
}

/*Voice（生徒さんの声）*/
.content_section_title_box.icon_voice:before{
	background: url("img/menu_icon_voice.svg") no-repeat center center;
	background-size: contain;
}



/*黒の一番シンプルなタイプの左右に棒がつくタイトル「─ XXXX ─」 span*/
.menu_title{
	
}

.menu_title:before{
	content:"─";
	display: inline-block;
	margin-right: 10px;
}

.menu_title:after{
	content:"─";
	display: inline-block;
	margin-left: 10px;
}



/* ---------- 大人バレエトップ他、リンクバナー2列配置　div ---------- */

/*3列全体　div*/
.box_2column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.box_2column .column_inner{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	overflow: hidden;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 2%;
	vertical-align: top;
}

.box_2column .column_inner:nth-child(2n){
	margin-right: 0%;
}

.box_2column .column_inner img{
	width: 100%;
	height: auto;
}


/* ---------- 大人バレエトップ他、リンクバナー3列配置　div ---------- */

/*3列全体　div*/
.box_3column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.box_3column.center{
	justify-content: center;
}

.box_3column .column_inner{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	overflow: hidden;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	vertical-align: top;
}




.box_3column .column_inner:nth-child(3n){
	margin-right: 0%;
}

.box_3column .column_inner img{
	width: 100%;
	height: auto;
}


/* ---------- 左右をウィンドウいっぱいに広げる　div ---------- */
.width_100per{
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: -200%;
	margin-right: -200%;
	margin-bottom: 60px;
	background-color: #ffffff;
	padding: 60px 200% 60px 200%;
	max-width: none !important;
}

/*かなりグレーに近い、薄めの背景色*/
/*大人バレエの背景色*/
.bg_color_adult{background-color: #f2f5f5;}

/*キッズ・ジュニアの背景色*/
.bg_color_children{background-color: #f5f2f2;}

/*PBの背景色*/
.bg_color_children{background-color: #f4f2f5;}

/*それなりに彩度がある背景色*/
/*大人バレエの背景色*/
.bg_color2_adult{background-color: rgba(76,181,151,0.2);}

/*キッズ・ジュニアの背景色*/
.bg_color2_children{background-color: rgba(255,188,196,0.2);}

/*PBの背景色*/
.bg_color2_children{background-color: rgba(220,161,215,0.2);}



/* ---------- 大人バレエ、キッズ・ジュニアのサブトップ　メニューのアイコンとテキストのリンク欄（画像リンクの下） ---------- */

.subtop_menu_link_box{
	
}

/*3列全体　div*/
.subtop_menu_link_box .box_3column{
	display: flex;
	flex-wrap: wrap; /* 折返し可 */ 
	justify-content: center;/*左右のセンター揃え*/
	/*align-items: center;*//*上下のセンター揃え*/
}

.subtop_menu_link_box .box_3column .column_inner{
	width: 29% ;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 40px;
}





/* ---------- 大人バレエトップ、キッズ・ジュニアトップに配置する講師サムネスクロール欄 ---------- */

/*講師　div*/
.adult_instructor_box,
.children_instructor_box,
.instructor_box{
	
}

.adult_instructor_box_inner,
.children_instructor_box_inner,
.instructor_box_inner{
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: -50%;
	margin-right: -50%;
	margin-bottom: 60px;
	
}

/*無限スクロール*/

/*ul ※JSのセッティングファイルでクラス名を指定：「infiniteslidev2_setting.js」に記載*/
.infiniteslide_instructor{
}

ul.infiniteslide_instructor,
ul.infiniteslide_instructor li{
}

ul.infiniteslide_instructor li{
	margin-left: 1.3vw;
	margin-right: 1.3vw;
	width: 10% !important;
	max-width: 190px;
	padding-bottom: 10px;
}

ul.infiniteslide_instructor li .rect {
	display: block;
	position: relative;
	overflow: hidden;
		width : 100% ;
		padding-top : 100% ;
		border-radius:50%;
		box-shadow: 0px 3px 10px rgba(0,0,0,.2)
	}

ul.infiniteslide_instructor li img{
	position: absolute;
	top: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	height: auto;
}




/* ---------- ページ上部に設置するアンカーリンク欄 ---------- */

/*div*/
.page_anker_link_box{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(218,127,103,0.1);
	padding: 2rem 2rem 2rem 2rem;
}

/*大人バレエカテゴリの背景色*/
.category_adult .page_anker_link_box{background-color: rgba(76,181,151,0.1);}
.category_adult_test .page_anker_link_box{background-color: rgba(76,181,151,0.1);}

/*キッズ・ジュニアカテゴリの背景色*/
.category_children .page_anker_link_box{background-color: rgba(255,188,196,0.2);}
.category_children_test .page_anker_link_box{background-color: rgba(255,188,196,0.2);}

/*PBカテゴリの背景色*/
.category_pb .page_anker_link_box{background-color: rgba(220,161,215,0.1);}
.category_pb_test .page_anker_link_box{background-color: rgba(220,161,215,0.1);}



/*ul*/
.page_anker_link_list{
	text-align: center;	
}

/*li*/
.page_anker_link_list li{
	display: inline-block;
	position: relative;
	padding: 0.6rem 0rem 0.6rem 0rem;
}

.page_anker_link_list li:after{
	content:"｜";
	margin-left: 2rem;
	margin-right: 2rem;
	color: #b8b8b8;
}

.page_anker_link_list li:last-of-type:after{
	content:none;
}

/*a*/
.page_anker_link_list li a{
	position: relative;
	color: #333333;
	z-index: 1;
}

.page_anker_link_list li a:hover{
	color: #da7f67;
}

.page_anker_link_list li a:hover:after{
	content:"";
	display: block;
	position: absolute;
	height: 2px;
	background-color: #da7f67;
	bottom: -8px;
	left: 0;
	right: 0;
}

/*大人バレエカテゴリのhover色*/
.category_adult .page_anker_link_list li a:hover{color: #4CB597;}
.category_adult .page_anker_link_list li a:hover:after{background-color: #4CB597;}

.category_adult_test .page_anker_link_list li a:hover{color: #4CB597;}
.category_adult_test .page_anker_link_list li a:hover:after{background-color: #4CB597;}

/*キッズ・ジュニアカテゴリのhover色*/
.category_children .page_anker_link_list li a:hover{color: #FF96A3;}
.category_children .page_anker_link_list li a:hover:after{background-color: #FF96A3;}

.category_children_test .page_anker_link_list li a:hover{color: #FF96A3;}
.category_children_test .page_anker_link_list li a:hover:after{background-color: #FF96A3;}

/*PBカテゴリのhover色*/
.category_pb .page_anker_link_list li a:hover{color: #DCA1D7;}
.category_pb .page_anker_link_list li a:hover:after{background-color: #DCA1D7;}

.category_pb_test .page_anker_link_list li a:hover{color: #DCA1D7;}
.category_pb_test .page_anker_link_list li a:hover:after{background-color: #DCA1D7;}

/*飛び先の位置調整（ヘッダーに重ならないように）*/
.anker_link{
	margin-top: -100px;
	padding-top: 100px;
}


/* ---------- 大人バレエトップ、キッズ・ジュニア等「講師」一覧 ---------- */

/*講師一覧　div*/
.instructor_list_box{
	
}

/*ul*/
.instructor_list{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

/*li*/
.instructor_list li{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	
	width: 28%;
	margin-right: 8%;
	margin-bottom: 8%;
	
}

.instructor_list li:nth-of-type(3n){
	margin-right: 0px;
}

.instructor_photo_box{
	display: block;
	position: relative;
}

.instructor_photo {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	padding-bottom: 102%;
	margin-bottom: 10px;
}

.instructor_photo img{
	display: block;
	position: absolute;
	transform:scale(1.05,1.05);
	top:0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.instructor_list li a:hover .instructor_photo img{
	transform:scale(1.01,1.01);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*「大人バレエ」「子どもバレエ」アイコンと設置枠：他のページでも流用*/
.instructor_genre_box{
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	padding:8px;
	flex-direction: row;
}

.instructor_genre_icon{
	display: flex;
	justify-content: center;
	align-items: center;
	
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 1.1rem;
	text-align: center;
	line-height: 110%;
	vertical-align: middle;
	color: #ffffff;
	margin: 2px;
}

/*「大人バレエ」*/
.genre1{background-color: #4CB597;}

/*「子どもバレエ」*/
.genre2{background-color: #FF96A3;}

.instructor_list .instructor_name{
	text-align: center;
	font-size: 2.0rem;
}

.instructor_list .instructor_name_e{
	text-align: center;
	font-size: 1.5rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #666666;
}


/* ---------- 大人バレエトップ、キッズ・ジュニア等「講師」ページ ---------- */

/*プロフィールデータ欄　div*/
.instructor_profile_data_box{
	display: block;
	position: relative;
	overflow: hidden;
	max-width: calc(860px - 4vw - 4vw);
	margin: 0 auto;
	margin-bottom: 40px;
}

/*p*/
.instructor_profile_photo{
	text-align: left;
	float: left;
	width: 56% !important;
	padding-right: 60px;
	margin-bottom: 20px;
}

@media screen and ( max-width: 767px ) {
	.instructor_profile_photo{
		width: 90% !important;
		display: block;
		padding-right: 0px;
		padding-left: 0px;
		margin: 0 auto !important;
		margin-bottom: 20px !important;
		height: auto;
		text-align: center !important;
		float: none;
	}
}

.instructor_profile_data_box .instructor_name{
	font-size: 3.9rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 100%;
	margin-bottom: 15px;
}

.instructor_profile_data_box .instructor_name_e{
	font-size: 1.8rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #666666;
	line-height: 100%;
	margin-bottom: 10px;
}

.instructor_profile_data_box .instructor_position{
	font-size: 1.7rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 30px;
}

.instructor_profile_data_box .instructor_instruction{
	font-size: 96%;
	color: #555555;
	margin-bottom: 30px;
}

.instructor_profile_data_box .instructor_genre_box{
	display: flex;
	position: relative;
	right: auto;
	bottom: auto;
	text-align: left;
	padding:0px;
	flex-direction: row;
}

/*プロフィールテキスト欄　div*/
.instructor_profile_text_box{
	display: block;
	position: relative;
	max-width: calc(860px - 4vw - 4vw);
	padding: 3vw 4vw 4vw 4vw;
	margin: 0 auto;
	margin-bottom: 40px;
	background-color: rgba(218, 127, 103, 0.2);
	clear: both;
}

/*大人バレエカテゴリの背景色*/
.category_adult .instructor_profile_text_box{background-color: rgba(76,181,151,0.1);}
.category_adult_test .instructor_profile_text_box{background-color: rgba(76,181,151,0.1);}

/*キッズ・ジュニアカテゴリの背景色*/
.category_children .instructor_profile_text_box{background-color: rgba(255,188,196,0.2);}
.category_children_test .instructor_profile_text_box{background-color: rgba(255,188,196,0.2);}

/*PBカテゴリの背景色*/
.category_pb .instructor_profile_text_box{background-color: rgba(220,161,215,0.1);}
.category_pb_test .instructor_profile_text_box{background-color: rgba(220,161,215,0.1);}

.instructor_profile_text_box .title_box{
	
}

.instructor_profile_text_box .title_box p{
	text-align: center;
	font-size: 3.2rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

.category_adult .instructor_profile_text_box .title_box p{color: #4CB597;}
.category_children .instructor_profile_text_box .title_box p{color: #FF96A3;}
.category_pb .instructor_profile_text_box .title_box p{color: #DCA1D7;}

.category_adult_test .instructor_profile_text_box .title_box p{color: #4CB597;}
.category_children_test .instructor_profile_text_box .title_box p{color: #FF96A3;}
.category_pb_test .instructor_profile_text_box .title_box p{color: #DCA1D7;}

.instructor_profile_text_box .text_box{
	font-size: 96%;
	color: #666666;
}

.instructor_profile_text_box .text_box p,
.instructor_profile_text_box .text_box li{
	color: #555555;
	margin-bottom: 5px;
}

.instructor_profile_text_box .text_box p:last-of-type,
.instructor_profile_text_box .text_box li:last-of-type{
	margin-bottom: 0px;
}

/*クエスチョン欄　div*/
.instructor_profile_question_box{
	display: block;
	position: relative;
	max-width: calc(860px - 4vw - 4vw);
	padding: 4vw 0vw 4vw 0vw;
	margin: 0 auto;
	margin-bottom: 40px;
	clear: both;
}

.instructor_profile_question_box .title_box{
	
}

.instructor_profile_question_box .title_box p{
	text-align: center;
	font-size: 3.2rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

.category_adult .instructor_profile_question_box .title_box p{color: #4CB597;}
.category_children .instructor_profile_question_box .title_box p{color: #FF96A3;}
.category_pb .instructor_profile_question_box .title_box p{color: #DCA1D7;}

.category_adult_test .instructor_profile_question_box .title_box p{color: #4CB597;}
.category_children_test .instructor_profile_question_box .title_box p{color: #FF96A3;}
.category_pb_test .instructor_profile_question_box .title_box p{color: #DCA1D7;}

.instructor_profile_question_box .text_box{
	
}

.instructor_profile_question_box .question_1box{
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 3vw 40px 3vw 40px;
	clear: both;
	border-bottom: solid 1px #c8c8c8;
}

.instructor_profile_question_box .question_1box:first-of-type{
	border-top: solid 1px #c8c8c8;
}

/*div*/
.instructor_profile_question_box .question_q{
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.instructor_profile_question_box .question_q p{
	font-size: 110%;
	color: #666666;
}

.instructor_profile_question_box .question_q:before{
	content:"";
	display: block;
	position: absolute;
	top:0px;
	left:-40px;
	width: 30px;
	height: 30px;
	background: url("img/icon_svg_fukidashi_green.svg");
}

.category_adult .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_children .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_pb .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}

.category_adult_test .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_children_test .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_pb_test .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}

/*div*/
.instructor_profile_question_box .question_a{
	display: block;
	position: relative;
}

.instructor_profile_question_box .question_a p{
	font-size: 96%;
}

/*---------- レッスン内容（大人バレエ、キッズ・ジュニア等）----------*/

.lesson_about_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
	margin-left: -1vw;
	margin-right: -1vw;
}

.lesson_about_box .content_1box{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	vertical-align: top;
	width: calc((100% - 4vw) / 2);
	margin-right: 1vw;
	margin-left: 1vw;
	margin-bottom: 30px;

	padding: 2.5vw 3.5vw 3.5vw 2.5vw;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	border: solid 2px rgba(218,127,103,0.5);
	background-size: 75px 50px;
	
	font-size: 94%;
}

.category_adult .lesson_about_box .content_1box,
.category_adult_test .lesson_about_box .content_1box{
	background: url("img/lesson_content_bg_green.png") no-repeat left top;
	background-size: 75px 50px;
	border: solid 2px rgba(76,181,151,0.6);
}

.category_children .lesson_about_box .content_1box,
.category_children_test .lesson_about_box .content_1box{
	background: url("img/lesson_content_bg_pink.png") no-repeat left top;
	background-size: 75px 50px;
	border: solid 2px rgba(255,188,196,0.7);
}

.category_pb .lesson_about_box .content_1box,
.category_pb_test .lesson_about_box .content_1box{
	background: url("img/lesson_content_bg_purple.png") no-repeat left top;
	background-size: 75px 50px;
	border: solid 2px rgba(220,161,215,0.7);
}


.lesson_about_box .content_1box.lesson_about_1column{
	width: 100%;
	margin-right: 1vw;
	margin-left: 1vw;
}

.lesson_about_box .content_1box .lesson_name{
	font-size: 2.2rem;
	color: #da7f67;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.category_adult .lesson_about_box .content_1box .lesson_name{color: #4CB597;}
.category_children .lesson_about_box .content_1box .lesson_name{color: #FF96A3;}
.category_pb .lesson_about_box .content_1box .lesson_name{color: #DCA1D7;}

.category_adult_test .lesson_about_box .content_1box .lesson_name{color: #4CB597;}
.category_children_test .lesson_about_box .content_1box .lesson_name{color: #FF96A3;}
.category_pb_test .lesson_about_box .content_1box .lesson_name{color: #DCA1D7;}

/* レッスン リンク色 */
.category_adult_test .lesson_about_box .content_1box p a ,
.category_adult .lesson_about_box .content_1box p a {
  color : #26A28E; /* 色指定 */
}
.category_children_test .lesson_about_box .content_1box p a ,
.category_children .lesson_about_box .content_1box p a {
  color : #E66000; /* 色指定 */
}
.category_children_test .lesson_about_box .content_1box p a:hover,
.category_children .lesson_about_box .content_1box p a:active ,
.category_adult_test .lesson_about_box .content_1box p a:hover,
.category_adult .lesson_about_box .content_1box p a:active {
  color: rgba(255,145,145,1.0);
}


/*---------- スケジュール（大人バレエ、キッズ・ジュニア等）----------*/

.lesson_schedule_box{
	
}

/*table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).lesson_schedule_table,*//*スマホ用*/
.lesson_schedule_table {
	border-top: #e7e7e7 solid 1px !important;
	border-left: #e7e7e7 solid 1px !important;
	margin-bottom: 20px;
	margin-bottom: 10px;
	/*
	border: none !important;
	border-top: #e7e7e7 solid 1px !important;
	*/
}

/*tr*/
/*table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) tr.area_name,*//*スマホ用*/
tr.area_name{
	border-bottom: 0px !important;
}

/*th*/
tr.area_name th{
	padding: 10px 5px 10px 5px !important;
	background-color: #da7f67;
	color: #ffffff;
	border: none !important;
	width: 100% !important;
	font-size: 110%;
	/*
	border-bottom: 0px !important;
	border-right: 0px !important;
	*/
	font-weight: normal !important;
}

.category_adult tr.area_name th{background-color: #4CB597 !important;}
.category_children tr.area_name th{background-color: #FF96A3 !important;}
.category_pb tr.area_name th{background-color: #DCA1D7 !important;}

.category_adult_test tr.area_name th{background-color: #4CB597 !important;}
.category_children_test tr.area_name th{background-color: #FF96A3 !important;}
.category_pb_test tr.area_name th{background-color: #DCA1D7 !important;}

.week td,
.schedule td{
	border-right: #e7e7e7 solid 1px;
}

.week td{
	font-size: 94%;
	color: #555555 !important;
	width: 14.2857%;
}

.schedule td{
	padding: 10px 7px 0px 7px;
}

/*汎用*/
.schedule td:nth-of-type(odd){
	background-color: rgba(218,127,103,0.1);
}

/*大人バレエ*/
.category_adult .schedule td:nth-of-type(odd){background-color: rgba(76,181,151,0.1);}

/*キッズ・ジュニア*/
.category_children .schedule td:nth-of-type(odd){background-color: rgba(255,188,196,0.1);}

/*PB*/
.category_pb .schedule td:nth-of-type(odd){background-color: rgba(220,161,215,0.2);}


/*大人バレエ*/
.category_adult_test .schedule td:nth-of-type(odd){background-color: rgba(76,181,151,0.1);}

/*キッズ・ジュニア*/
.category_children_test .schedule td:nth-of-type(odd){background-color: rgba(255,188,196,0.1);}

/*PB*/
.category_pb_test .schedule td:nth-of-type(odd){background-color: rgba(220,161,215,0.2);}


.schedule_1box{
	display: block;
	position: relative;
	background-color: #ffffff;
	padding: 7px 5px 7px 5px;
	margin-bottom: 10px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 2px #da7f67;
}

/*大人バレエ*/
.category_adult .schedule_1box {border-color: #4CB597;}

/*キッズ・ジュニア*/
.category_children .schedule_1box {border-color: #FF96A3;}

/*PB*/
.category_pb .schedule_1box {border-color: #DCA1D7;}

/*大人バレエ*/
.category_adult_test .schedule_1box {border-color: #4CB597;}

/*キッズ・ジュニア*/
.category_children_test .schedule_1box {border-color: #FF96A3;}

/*PB*/
.category_pb_test .schedule_1box {border-color: #DCA1D7;}

.schedule_time{
	color: #da7f67;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 2px;
	/*スマホ用
	display: inline-block;
	width: 120px;
	*/
}

/*大人バレエ*/
.category_adult .schedule_time {color: #4CB597;}

/*キッズ・ジュニア*/
.category_children .schedule_time {color: #FF96A3;}

/*PB*/
.category_pb .schedule_time {color: #DCA1D7;}

/*大人バレエ*/
.category_adult_test .schedule_time {color: #4CB597;}

/*キッズ・ジュニア*/
.category_children_test .schedule_time {color: #FF96A3;}

/*PB*/
.category_pb_test .schedule_time {color: #DCA1D7;}

.schedule_time:before{
	content:"";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("img/icon_svg_clock_orange.svg") no-repeat center center;
	margin-right: 2px;
	margin-top: 2px;
	vertical-align: top;
}

/*大人バレエ*/
.category_adult .schedule_time:before {background: url("img/icon_svg_clock_green.svg") no-repeat center center;}

/*キッズ・ジュニア*/
.category_children .schedule_time:before {background: url("img/icon_svg_clock_pink.svg") no-repeat center center;}

/*PB*/
.category_pb .schedule_time:before {background: url("img/icon_svg_clock_purple.svg") no-repeat center center;}

/*大人バレエ*/
.category_adult_test .schedule_time:before {background: url("img/icon_svg_clock_green.svg") no-repeat center center;}

/*キッズ・ジュニア*/
.category_children_test .schedule_time:before {background: url("img/icon_svg_clock_pink.svg") no-repeat center center;}

/*PB*/
.category_pb_test .schedule_time:before {background: url("img/icon_svg_clock_purple.svg") no-repeat center center;}

.schedule_name{
	line-height: 130%;
	font-size: 1.3rem !important;
	/*スマホ用
	display: inline-block;
	*/
}

/*hakomonoリンクボタン　a*/
.button_hakomono{
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 2rem 4rem 2rem 4rem;
	background-color: #000000;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button_hakomono:hover{
	background-color: #333333;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button_hakomono img{
	width: 165px;
	height: 35px;
	max-width: 165px;
}


/*---------- 料金表（大人バレエ、キッズ・ジュニア等）----------*/

table.fee_table {
	margin-bottom: 0.5rem;
	border-top: #e7e7e7 solid 1px;
	border-left: #e7e7e7 solid 1px;
}

table.fee_table tr {
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 0px;
}

table.fee_table th {
	padding: 6px 6px 6px 6px;
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 1px;
	font-weight: normal !important;
	font-size:80%;
}

table.fee_table td {
	padding: 6px 6px 6px 6px;
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 1px;
	font-weight: normal !important;
	font-size:80%;
}
.fee_table_color1{
	background-color: #f7f8f1;
}
table.fee_table tr td:first-child {
	width: 100px;
	width: 7%;
	max-width:7%;
}
table.fee_table td:nth-of-type(2) {
	width: 7%;
	max-width:7%;
}
table.fee_table td:nth-of-type(n+3) {
	max-width:20%;
}
@media screen and (max-width: 896px) {
	table.fee_table tr td:first-child {
		width: auto;
		max-width:auto;
	}
	table.fee_table td:nth-of-type(2) {
		width: auto;
		max-width:auto;
	}
	table.fee_table td:nth-of-type(n+3) {
		max-width:auto;
	}
	table.fee_table td.ta_right.sp_ta_left.nowrap {
		white-space: break-spaces !important;
	}
}

.min_w100px{
	min-width: 100px;
}

.min_w130px{
	min-width: 130px;
}

.max_w150px{
	max-width: 150px;
}

.max_w180px{
	max-width: 180px;
}

/*汎用*/
.fee_table_color2{
	background-color: rgba(218,127,103,0.1);
}

/*大人バレエ*/
.category_adult .fee_table_color2{
	background-color: rgba(76,181,151,0.2);
}

/*キッズ・ジュニア*/
.category_children .fee_table_color2{
	background-color: rgba(255,188,196,0.2);
}

/*PB*/
.category_pb .fee_table_color2{
	background-color: rgba(220,161,215,0.2);
}

/*大人バレエ*/
.category_adult_test .fee_table_color2{
	background-color: rgba(76,181,151,0.2);
}

/*キッズ・ジュニア*/
.category_children_test .fee_table_color2{
	background-color: rgba(255,188,196,0.2);
}

/*PB*/
.category_pb_test .fee_table_color2{
	background-color: rgba(220,161,215,0.2);
}

table.fee_table td.pc_only{
	height: 5.5rem;
}
/*
.pc_min_height{
	height:5.5rem
}
*/

/*tr*/
.lesson_name{
	
}

/*tr*/
.lesson_name th{
	font-size: 84%;
	width: 8.5%;
}

.category_children .lesson_name th,
.category_children_test .lesson_name th{
	width: 15%;
}


@media screen and ( max-width: 1040px ) {
	.lesson_name th br{
		display: none;
	}
}

.tooltip{

}

.tooltip img {
	width:12px !important;
	margin-left: 2px;
	margin-right: 2px;
}
.dark-tooltip.medium {
	max-width:500px !important;
}
.dark-tooltip.dark {
	background-color: rgba(0,0,0,0.7);
}







/*---------- スタジオ（大人バレエ、キッズ・ジュニア等）----------*/

.studio_section_title_box{
	display: block;
	position: relative;
	padding-bottom: 8px;
	border-bottom:solid 2px #da7f67;
	margin-bottom: 40px;
	vertical-align: text-bottom;
}

.category_adult .studio_section_title_box{border-bottom:solid 2px #4CB597;}
.category_children .studio_section_title_box{border-bottom:solid 2px #FF96A3;}
.category_pb .studio_section_title_box{border-bottom:solid 2px #DCA1D7;}

.category_adult_test .studio_section_title_box{border-bottom:solid 2px #4CB597;}
.category_children_test .studio_section_title_box{border-bottom:solid 2px #FF96A3;}
.category_pb_test .studio_section_title_box{border-bottom:solid 2px #DCA1D7;}

.studio_section_title_box h2{
	display: inline-block;
	font-size: 2.1rem;
}

.studio_section_title_e{
	display: inline-block;
	font-size: 3.4rem;
	color: #da7f67;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-right: 10px;
	line-height: 100%;
}

.category_adult .studio_section_title_e{color: #4CB597;}
.category_children .studio_section_title_e{color: #FF96A3;}
.category_pb .studio_section_title_e{color: #DCA1D7;}

.category_adult_test .studio_section_title_e{color: #4CB597;}
.category_children_test .studio_section_title_e{color: #FF96A3;}
.category_pb_test .studio_section_title_e{color: #DCA1D7;}

.studio_content_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	margin-left: -3%;
	margin-right: -3%;
	margin-bottom: 100px;
}

.studio_content_box .content_1box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	width: calc(50% - 3% - 3%);
	letter-spacing: -.40em;
	padding-bottom: 50px;
	margin-bottom: 50px;
	margin-left: 3%;
	margin-right: 3%;
	border-bottom: #cdcdcd solid 1px !important;
	vertical-align: top;
}

.studio_content_box .contents_inner{
	display: block;
	position: relative;
	width: 100%;
}

/*h3*/
.studio_name{
	display: block;
	position: relative;
	width: 100%;
	letter-spacing: normal;
	font-size: 2.5rem;
	margin-bottom: 20px;
	vertical-align: top;
}



/*div*/
.studio_data{
	display: block;
	position: relative;
	letter-spacing: normal;
	width: 100%;
	padding-right: 0%;
	vertical-align: top;
}

.studio_data table{
	width: 100%;
	border-top: #cecece dotted 1px !important;
	margin-bottom: 10px;
	vertical-align: top;
}

.studio_data table tr {
	border-bottom: #cecece dotted 1px !important;
}

.studio_data table th {
	width: 20%;
	padding: 15px 10px 15px 0px;
	text-align: left;
	border-bottom: #cecece dotted 0px !important;
	font-weight: 600 !important;
	font-size: 90%;
}

.studio_data table td {
	padding: 15px 0px 15px 0px;
	border-bottom: #cecece dotted 0px !important;
	border-right: #cecece dotted 0px;
}

/*「大人バレエ」「子どもバレエ」アイコンと設置枠：他のページでも流用*/
.studio_genre_box{
	display: flex;
	position: relative;
	text-align: left;
	flex-direction: row;
	margin-left: -2px;
}

.studio_genre_icon{
	display: flex;
	justify-content: center;
	align-items: center;
	
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 1.1rem;
	text-align: center;
	line-height: 110%;
	vertical-align: middle;
	color: #ffffff;
	margin: 2px;
}

/*SNSリンクアイコン枠*/
.studio_sns_link_box{
	position: absolute;
	display: inline-block;
	right: 0;
	bottom: 0;
}

.studio_sns_link_box p{
	display: inline-block;
	margin-left: 3px;
}



.studio_sns_link_ln,
.studio_sns_link_ig_children,
.studio_sns_link_ig_adult,
.studio_sns_link_ig,
.studio_sns_link_bl,
.studio_sns_link_yt{
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	vertical-align: top;
	
	pointer-events: visible;
	
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.studio_sns_link_ig{
	background: url(img/icon_72_sns_ig.png) no-repeat center center;
	background-size: cover;
}
.studio_sns_link_ig_adult{
	background: url(img/icon_72_sns_ig_adult.png) no-repeat center center;
	background-size: cover;
}
.studio_sns_link_ig_children{
	background: url(img/icon_72_sns_ig_children.png) no-repeat center center;
	background-size: cover;
}

.studio_sns_link_bl{
	background: url(img/icon_72_sns_bl.png) no-repeat center center;
	background-size: cover;
}

.studio_sns_link_yt{
	background: url(img/icon_72_sns_yt.png) no-repeat center center;
	background-size: cover;
}

.studio_sns_link_ln{
	background: url(img/icon_72_sns_line.png) no-repeat center center;
	background-size: cover;
}

.studio_sns_link_ln span,
.studio_sns_link_ig_children span,
.studio_sns_link_ig_adult span,
.studio_sns_link_ig span,
.studio_sns_link_bl span,
.studio_sns_link_yt span{
	display: none;
}

.studio_sns_link_ln:hover,
.studio_sns_link_ig_children:hover,
.studio_sns_link_ig_adult:hover,
.studio_sns_link_ig:hover,
.studio_sns_link_bl:hover,
.studio_sns_link_yt:hover{
	width: 32px;
	height: 32px;
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




.studio_content_box .content_1box.studio_1column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	width: 100%;
}

/*div*/
.studio_content_box .content_1box.studio_1column .studio_data{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: 50%;
	padding-right: 0%;
	vertical-align: top;
}

.studio_photo{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: 50%;
	padding-left: 5%;
	vertical-align: top;
}




/*---------- Q&A（大人バレエ、キッズ・ジュニア等）----------*/

/*クエスチョン欄　div*/
.faq_question_box{
	display: block;
	position: relative;
	max-width: calc(860px - 4vw - 4vw);
	padding: 0vw 0vw 4vw 0vw;
	margin: 0 auto;
	margin-bottom: 100px;
	clear: both;
}

.faq_question_box .title_box{
	
}

.faq_question_box .title_box p{
	text-align: center;
	font-size: 3.2rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

.category_adult .faq_question_box .title_box p{color: #4CB597;}
.category_children .faq_question_box .title_box p{color: #FF96A3;}
.category_pb .faq_question_box .title_box p{color: #DCA1D7;}

.category_adult_test .faq_question_box .title_box p{color: #4CB597;}
.category_children_test .faq_question_box .title_box p{color: #FF96A3;}
.category_pb_test .faq_question_box .title_box p{color: #DCA1D7;}

.faq_question_box .text_box{
	
}

.faq_question_box .question_1box{
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 3vw 40px 3vw 40px;
	clear: both;
	border-bottom: solid 1px #c8c8c8;
}

.faq_question_box .question_1box:first-of-type{
	border-top: solid 1px #c8c8c8;
}

/*div*/
.faq_question_box .question_q{
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.faq_question_box .question_q p{
	font-size: 110%;
	color: #666666;
	font-weight: 600;
}

.category_adult .faq_question_box .question_q p{color: #4CB597;}
.category_children .faq_question_box .question_q p{color: #FF96A3;}
.category_pb .faq_question_box .question_q p{color: #DCA1D7;}

.category_adult_test .faq_question_box .question_q p{color: #4CB597;}
.category_children_test .faq_question_box .question_q p{color: #FF96A3;}
.category_pb_test .faq_question_box .question_q p{color: #DCA1D7;}


.faq_question_box .question_q:before{
	content:"Q";
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;
	position: absolute;
	top:0px;
	left:-40px;
	width: 30px;
	height: 30px;
	font-size: 2.9rem;
	line-height: 100%;
	color: #ffffff;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.category_adult .faq_question_box .question_q:before{background-color: #4CB597;}
.category_children .faq_question_box .question_q:before{background-color: #FF96A3;}
.category_pb .faq_question_box .question_q:before{background-color: #DCA1D7;}

.category_adult_test .faq_question_box .question_q:before{background-color: #4CB597;}
.category_children_test .faq_question_box .question_q:before{background-color: #FF96A3;}
.category_pb_test .faq_question_box .question_q:before{background-color: #DCA1D7;}

/*div*/
.faq_question_box .question_a{
	display: block;
	position: relative;
}

.faq_question_box .question_a p{
	font-size: 96%;
}

.faq_question_box .question_a:before{
	content:"A";
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;
	position: absolute;
	top:0px;
	left:-40px;
	width: 30px;
	height: 30px;
	font-size: 2.4rem;
	line-height: 120%;
	color: #ffffff;
	background-color: #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


/*---------- アルバム（大人バレエ、キッズ・ジュニア等）----------*/

/*アルバム親ページ*/

/*アルバム一覧　div*/
.album_list_box{
	
}

/*ul*/
.album_list{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

/*li*/
.album_list li{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	
	width: 28%;
	margin-right: 8%;
	margin-bottom: 8%;
	
}

.album_list li:nth-of-type(3n){
	margin-right: 0px;
}

.album_photo_box{
	display: block;
	position: relative;
}

.album_photo {
	display: block;
	position: relative;
	overflow: hidden;
	/*border-radius: 10px;*/
	height: 200px;
	/*padding-bottom: 74%;*/
	margin-bottom: 10px;
}

/*
横向き「landscape」
縦向き「portrait」
*/

.album_photo.landscape,
.album_photo.portrait {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.album_photo.landscape img{
	object-fit: cover;
	height: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.album_photo.portrait img{
	object-fit: cover;
	width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.album_list .album_name{
	text-align: center;
	font-size: 1.8rem;
	line-height: 150%;
	margin-bottom: 10px;
}

.album_list .album_date{
	text-align: center;
	font-size: 1.5rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #666666;
}


@media screen and (max-width: 620px){

	/*li*/
	.album_list li{
		display: inline-block;
		position: relative;
		letter-spacing: normal;
		
		width: 48%;
		margin-right: 4%;
		margin-bottom: 8%;
		
	}
	
	.album_list li:nth-of-type(3n){
		margin-right: 4%;
	}
	
	.album_list li:nth-of-type(2n){
		margin-right: 0px;
	}
	
	.album_photo_box{
		display: block;
		position: relative;
	}
	
	.album_photo {
		display: block;
		position: relative;
		overflow: hidden;
		/*border-radius: 10px;*/
		height: 160px;
		/*padding-bottom: 74%;*/
		margin-bottom: 10px;
	}
	
	/*
	横向き「landscape」
	縦向き「portrait」
	*/
	
	.album_photo.landscape,
	.album_photo.portrait {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.album_photo.landscape img{
		object-fit: none;
		height: 100%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.album_photo.portrait img{
		object-fit: cover;
		width: 100%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.album_list .album_name{
		text-align: center;
		font-size: 1.6rem;
		line-height: 150%;
		margin-bottom: 10px;
	}
	
	.album_list .album_date{
		text-align: center;
		font-size: 1.5rem;
		font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		color: #666666;
	}

}




/*アルバム子ページ*/

/*タイトルを除く、概要文とスライド欄全体　div*/
.slider_box{
	display:block;
	position:relative;
	margin:0 auto;
	margin-bottom:100px;
	max-width:860px;
	padding-left:2vw;
	padding-right:2vw;
}

/*概要文欄　div*/
.slider_text{
	margin-bottom:40px;
}

/*アルバムカルーセル全体*/
/*サムネイルをタイル上に並べ、クリックしたらメイン画像が切り替わる*/

#wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}



#slider{
	height: 64vh;
	max-height: 64vh;
	width: 100%;
	margin:0 auto 30px;
	margin-bottom: 20px;
	background-color: #ededed;
}

/*画像読み込み中は非表示*/
#slider {
	opacity: 0;
	transition: opacity .3s linear;
}

#slider.slick-initialized{
	opacity: 1;
}

.slick-slide,
.slick-slide div{
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	height: 64vh;
	max-height: 64vh;
	text-align: center;
	z-index: 1;
}

.frontpage .slick-slide,
.frontpage .slick-slide div{
	align-items: first;
	text-align: left;
	height: auto;
}

/*li*/
.slide-item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	height: 64vh;
	max-height: 64vh;
	text-align: center;
	z-index: 1;
}

.frontpage .slide-item{
	text-align: left;
}

.slide-item img{
	margin: 0 auto;
	max-height: 64vh;
	width: auto;
}

/*
横向き「landscape」
縦向き「portrait」
*/

.slide-item.landscape{
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	max-height: 64vh;
	width: auto;
}

.slide-item.landscape img{
	max-height: auto;
	vertical-align: middle;
/*	image-rendering:unset;*/
}



.slide-item,
.slide-item .landscape{

}
	

#thumbnail-list{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	width: 100%;
	margin: 0 auto;
	background-color: #ededed;
	padding: 6px 6px 0px 6px;
}

/*li*/
.thumbnail-item{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	width: calc((100% - (6px * 4)) / 5);
	margin-right: 6px;
	margin-bottom: 6px;
	height: 100px;
	
	cursor: pointer;
}

.thumbnail-item:nth-of-type(5n){
	margin-right: 0%;
}

.thumbnail-current:after{
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: block;
	outline: 5px solid #da7f67;
	outline-offset: -5px;
	z-index: 2;
}

.category_adult .thumbnail-current:after,
.category_adult_test .thumbnail-current:after{
	outline: 5px solid #4CB597;
}

.category_children .thumbnail-current:after,
.category_children_test .thumbnail-current:after{
	outline: 5px solid #FF96A3;
}

.category_pb .thumbnail-current:after,
.category_pb_test .thumbnail-current:after{
	outline: 5px solid #DCA1D7;
}

.thumbnail-item img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	z-index: 1;
}

.thumbnail-item.landscape img{

}


/*---------- 体験レッスン（大人バレエ、キッズ・ジュニア等）----------*/

.trial_intro_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: -200%;
	margin-right: -200%;
	margin-bottom: 60px;
	margin-top: -35px;
	background-color: #ffffff;
	padding: 0px 0% 60px 0%;
	max-width: none !important;
}

.trial_intro_box_inner{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 100vw;
	padding-top: 80px;
	padding-left: 60px;
	padding-right: 60px;
	background: url("img/trial_title_bg_l.png"),url("img/trial_title_bg_r.png"),url("img/trial_bg_color_green.jpg");
	background-repeat: no-repeat,no-repeat,repeat-x;
	background-size: 52% auto,52% auto,auto;
	background-position: left top,right top,center top;
	
	text-align: center;
}

.category_adult .trial_intro_box_inner,
.category_adult_test .trial_intro_box_inner{
	background: url("img/trial_title_bg_l.png"),url("img/trial_title_bg_r.png"),url("img/trial_bg_color_green.jpg");
	background-repeat: no-repeat,no-repeat,repeat-x;
	background-size: 52% auto,52% auto,auto;
	background-position: left top,right top,center top;
}

.category_children .trial_intro_box_inner,
.category_children_test .trial_intro_box_inner{
	background: url("img/trial_title_bg_l.png"),url("img/trial_title_bg_r.png"),url("img/trial_bg_color_pink.jpg");
	background-repeat: no-repeat,no-repeat,repeat-x;
	background-size: 52% auto,52% auto,auto;
	background-position: left top,right top,center top;
}

.category_pb .trial_intro_box_inner,
.category_pb_test .trial_intro_box_inner{
	background: url("img/trial_title_bg_l.png"),url("img/trial_title_bg_r.png"),url("img/trial_bg_color_purple.jpg");
	background-repeat: no-repeat,no-repeat,repeat-x;
	background-size: 52% auto,52% auto,auto;
	background-position: left top,right top,center top;
}


.trial_white_box{
	display: inline-block;
	position: relative;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.7);
	padding: 3vw;
	min-width: 720px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.trial_welcome{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 10px;
	max-width: 380px;
	background: url("img/trial_welcome_green.png") no-repeat center center;
	background-size: contain;
	padding-bottom: 16%;
}

.category_adult .trial_welcome,
.category_adult_test .trial_welcome{
	background: url("img/trial_welcome_green.png") no-repeat center center;
	background-size: contain;
}

.category_children .trial_welcome,
.category_children_test .trial_welcome{
	background: url("img/trial_welcome_pink.png") no-repeat center center;
	background-size: contain;
}

.category_pb .trial_welcome,
.category_pb_test .trial_welcome{
	background: url("img/trial_welcome_purple.png") no-repeat center center;
	background-size: contain;
}

.trial_welcome span{
	display: none;
}

@media screen and ( min-width: 1200px ) {
	.trial_white_box{
		width: 70%;
	}
}

@media screen and ( max-width: 767px ) {
	.trial_intro_box_inner{
		margin-top: -30px;
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 40px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.trial_white_box{
		min-width: auto;
	}
	.trial_welcome{
	}
}

/*上下飾り罫付きタイトル　520*/
.subtitle_line520{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 50px;
	max-width: calc(520px + 2vw + 2vw);
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 3.0vw;
	font-size: 2.5rem;
	font-weight: 600;
}

@media screen and ( min-width: 1200px ) {
	.subtitle_line520{
		font-size: 3.5rem;
		font-size: 2.5rem;
	}
}

@media screen and ( max-width: 767px ) {
	.subtitle_line520{
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
}
	
.subtitle_line520:before{
	content:"";
	display: block;
	position: relative;
	padding-bottom: 3%;
	background: url("img/title_line_long520.svg") no-repeat center center;
	background-size: cover;
	margin-bottom: 20px;
}
	
.subtitle_line520:after{
	content:"";
	display: block;
	position: relative;
	padding-bottom: 3%;
	background: url("img/title_line_long520.svg") no-repeat center center;
	background-size: cover;
	margin-top: 20px;
	transform: scale(1, -1);
}
	
.category_adult .subtitle_line520,
.category_adult_test .subtitle_line520{
	color: #4CB597;
}
	
.category_children .subtitle_line520,
.category_children_test .subtitle_line520{
	color: #FF96A3;
}
	
.category_pb .subtitle_line520,
.category_pb_test .subtitle_line520{
	color: #DCA1D7;
}

/*上下飾り罫付きタイトル　660*/
.subtitle_line660{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 50px;
	max-width: calc(660px + 2vw + 2vw);
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.9rem;
}

.subtitle_line660:before{
	content:"";
	display: block;
	position: relative;
	padding-bottom: 3%;
	background: url("img/title_line_long660.svg") no-repeat center center;
	background-size: cover;
	margin-bottom: 20px;
}

.subtitle_line660:after{
	content:"";
	display: block;
	position: relative;
	padding-bottom: 3%;
	background: url("img/title_line_long660.svg") no-repeat center center;
	background-size: cover;
	margin-top: 20px;
	transform: scale(1, -1);
}

.category_adult .subtitle_line660,
.category_adult_test .subtitle_line660{
	color: #4CB597;
}

.category_children .subtitle_line660,
.category_children_test .subtitle_line660{
	color: #FF96A3;
}

.category_pb .subtitle_line660,
.category_pb_test .subtitle_line660{
	color: #DCA1D7;
}

/*ステップアップの説明2カラム*/
.trial_stepup_about_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
	margin-left: -1vw;
	margin-right: -1vw;
z-index: -2;
}

.trial_stepup_about_box .content_1box{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	vertical-align: top;
	width: calc((100% - 4vw) / 2);
	margin-right: 1vw;
	margin-left: 1vw;
	margin-bottom: 30px;

	padding: 2vw 3.5vw 2.0vw 3.5vw;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	border: solid 2px rgba(218,127,103,0.5);
	background-color: #ffffff;
	font-size: 94%;
	
	
}

.category_adult .trial_stepup_about_box .content_1box,
.category_adult_test .trial_stepup_about_box .content_1box{
	border: solid 2px rgba(76,181,151,0.6);
}

.category_children .trial_stepup_about_box .content_1box,
.category_children_test .trial_stepup_about_box .content_1box{
	border: solid 2px rgba(255,188,196,0.7);
}

.category_pb .trial_stepup_about_box .content_1box,
.category_pb_test .trial_stepup_about_box .content_1box{
	border: solid 2px rgba(220,161,215,0.7);
}

/*1個目、3個目の枠の右真ん中に水平線*/
.trial_stepup_about_box .content_1box:nth-of-type(1):after,
.trial_stepup_about_box .content_1box:nth-of-type(3):after{
	content:"";
	display: block;
	position: absolute;
	right:-50px;
	top: calc(50% - 10px);
	width: 100px;
	border: 0;
	border-top: 20px solid #4CB597;
	margin: 0;
	padding: 0;
	transform-origin: 0% 0%;
	
	z-index: -1;
}

/*大人、キッズ・ジュニア　2個目の枠の左下に斜め線*/
/*キッズ・ジュニアのみ　4個目の枠の左下に斜め線*/
.trial_stepup_about_box .content_1box:nth-of-type(2):after,
.category_children .trial_stepup_about_box .content_1box:nth-of-type(4):after,
.category_children_test .trial_stepup_about_box .content_1box:nth-of-type(4):after{
	content:"";
	display: block;
	position: absolute;
	left:-50px;
	bottom: -60px;
	transform: rotate(-45deg);
	width: 100px;
	border: 0;
	border-top: 20px solid #4CB597;
	margin: 0;
	padding: 0;
	transform-origin: 0% 0%;
	
	z-index: -1;
}

.category_adult .trial_stepup_about_box .content_1box,
.category_adult_test .trial_stepup_about_box .content_1box:after{
	border-color: rgba(76,181,151,0.6) !important;
}

.category_children .trial_stepup_about_box .content_1box:after,
.category_children_test .trial_stepup_about_box .content_1box:after{
	border-color: rgba(255,188,196,0.7) !important;
}

.category_pb .trial_stepup_about_box .content_1box:after,
.category_pb_test .trial_stepup_about_box .content_1box:after{
	border-color: rgba(220,161,215,0.7) !important;
}

.stepup_num{
	font-size: 130%;
	font-weight: 600;
	margin-bottom: 15px;
}

.category_adult .stepup_num,
.category_adult_test .stepup_num{
	color: #4CB597;
}

.category_children .stepup_num,
.category_children_test .stepup_num{
	color: #FF96A3;
}

.category_pb .stepup_num,
.category_pb_test .stepup_num{
	color: #DCA1D7;
}

.stepup_num span{
	display: none;
}


.stepup_num.num1:before,
.stepup_num.num2:before,
.stepup_num.num3:before,
.stepup_num.num4:before,
.stepup_num.num5:before{
	content:"";
	display: inline-block;
	position: relative;
	width: 3vw;
	padding-bottom: 13%;
	
	margin-bottom: -3px;
	margin-right: 5px;
}

.stepup_num.num1:before{
	background: url("img/trial_num_1.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num2:before{
	background: url("img/trial_num_2.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num3:before{
	background: url("img/trial_num_3.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num4:before{
	background: url("img/trial_num_4.svg") no-repeat center center;
	background-size: contain;
}

.category_adult .stepup_num.num4:before,
.category_adult_test .stepup_num.num4:before{
	background: url("img/trial_num_4_notext.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num5:before{
	background: url("img/trial_num_5_notext.svg") no-repeat center center;
	background-size: contain;
}


/*リボン*/
.ribbon14-wrapper {
	position: relative;
	margin: 15px auto;
	display: inline-block;
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
	max-width: 680px;
	width:100%;
}
.ribbon14-wrapper strong {
	display: block;
	text-align: center;
	padding: 2px 0 5px;
	color: #ff96a3;
}
.ribbon14 {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
	padding: 4px 0;
	z-index: 2;
	width: 40px;
	text-align: center;
	font-size: 17px;
	color: white;
	background: #ff9b9b;
}
.ribbon14:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 20px solid #ff9b9b;
	border-right: 20px solid #ff9b9b;
	border-bottom: 10px solid transparent;
}
@media screen and (max-width: 767px){
	.ribbon14-wrapper {
		text-align:left;
		width:100%;
	}
	.ribbon14-wrapper strong {
		text-align: left;
	}
}



/*会員ページ*/

/*input*/
.post_password{
	/*width: 100%;*/
	padding: 12px 12px 12px 12px !important;
	font-size: 18px;
	border: #c5bebe solid 1px;
	vertical-align: middle;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}



/*---------- 舞台について（大人バレエ、キッズ・ジュニア等）----------*/

.stage_about_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
	margin-left: -1vw;
	margin-right: -1vw;
}

.stage_about_box .content_1box{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	margin-bottom: 30px;

	padding: 2.0vw 3.5vw 2.5vw 3.5vw;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	border: solid 2px rgba(218,127,103,0.5);
	
	/*font-size: 94%;*/
}

.category_adult .stage_about_box .content_1box,
.category_adult_test .stage_about_box .content_1box{
	border: solid 2px rgba(76,181,151,0.6);
}

.category_children .stage_about_box .content_1box,
.category_children_test .stage_about_box .content_1box{
	border: solid 2px rgba(255,188,196,0.7);
}

.category_pb .stage_about_box .content_1box,
.category_pb_test .stage_about_box .content_1box{
	border: solid 2px rgba(220,161,215,0.7);
}

.stage_about_box .content_1box .stage_point{
	font-size: 2.2rem;
	color: #da7f67;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.category_adult .stage_about_box .content_1box .stage_point{color: #4CB597;}
.category_children .stage_about_box .content_1box .stage_point{color: #FF96A3;}
.category_pb .stage_about_box .content_1box .stage_point{color: #DCA1D7;}

.category_adult_test .stage_about_box .content_1box .stage_point{color: #4CB597;}
.category_children_test .stage_about_box .content_1box .stage_point{color: #FF96A3;}
.category_pb_test .stage_about_box .content_1box .stage_point{color: #DCA1D7;}


.stage_point span{
	display: none;
}


.stage_point.num1:before,
.stage_point.num2:before,
.stage_point.num3:before,
.stage_point.num4:before,
.stage_point.num5:before{
	content:"";
	display: inline-block;
	position: relative;
	width: 3vw;
	padding-bottom: 4%;
	
	margin-bottom: -4px;
	margin-right: 5px;
	margin-left: -3px;
}

.stage_point.num1:before{
	background: url("img/stage_point_num_1.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num2:before{
	background: url("img/stage_point_num_2.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num3:before{
	background: url("img/stage_point_num_3.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num4:before{
	background: url("img/stage_point_num_4.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num5:before{
	background: url("img/stage_point_num_5.svg") no-repeat center center;
	background-size: contain;
}





/*---------- 生徒さんの声（大人バレエ、キッズ・ジュニア等）----------*/

.voice_1box{
	padding: 5vw 5vw 4vw 5vw;
	margin-bottom: 40px;
}

/*質問文欄　div*/
.voice_question_box{
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 35px;
}

/*p*/
.voice_question_title{
	display: block;
	position: relative;
	text-align: center;
	margin-top: -2.5vw;
	margin-bottom: 15px;
}

.voice_question_title img{
	max-width: 140px;
	height: auto;
}

/*p*/
.voice_question_text{
	text-align: center;
	font-size: 2.7rem;
	font-weight: 500;
}

/*回答欄　div*/
.voice_anser_box{
	display: block;
	position: relative;
	padding: 2vw 3vw 2vw 3vw;
	background-color: #ffffff;
	border-radius: 10px;
}

.voice_anser_box:before{
	content:"";
	position: absolute;
	top:-22px;
	left: calc(50% - 13px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 13px 22px 13px;
	border-color: transparent transparent #ffffff transparent;
}


/*p*/
.voice_anser_title{
	display: block;
	position: relative;
	margin-bottom: 12px;
}

.voice_anser_title img{
	max-width: 110px;
	height: auto;
}

/*ul*/
.voice_anser_list{
	
}

.voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #da7f67, #da7f67 50%, #fff 50%, #fff); 
	background-size: 5px 5px;

	margin-bottom: 15px;
}

.category_adult .voice_anser_list:before,
.category_adult_test .voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #4CB597, #4CB597 50%, #fff 50%, #fff); 
	background-size: 5px 5px;
}

.category_children .voice_anser_list:before,
.category_children_test .voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #FF96A3, #FF96A3 50%, #fff 50%, #fff);
	background-size: 5px 5px; 
}

.category_pb .voice_anser_list:before,
.category_pb_test .voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #DCA1D7, #DCA1D7 50%, #fff 50%, #fff);
	background-size: 5px 5px;
}

.voice_anser_list li{
	text-indent: -1.3rem;
	padding-left: 1.3rem;
}

.voice_anser_list li:before{
	content:"・";
	font-weight: 600;
}



/*---------- キッズ・ジュニア　「発表会・行事について」　ディレクトリ:event----------*/

.event_about_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
	margin-left: -1vw;
	margin-right: -1vw;
}

.event_about_box .content_1box{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	margin-bottom: 30px;

	padding: 2.0vw 3.5vw 2.5vw 3.5vw;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	border: solid 2px rgba(218,127,103,0.5);
	
	/*font-size: 94%;*/
}

.category_adult .event_about_box .content_1box,
.category_adult_test .event_about_box .content_1box{
	border: solid 2px rgba(76,181,151,0.6);
}

.category_children .event_about_box .content_1box,
.category_children_test .event_about_box .content_1box{
	border: solid 2px rgba(255,188,196,0.7);
}

.category_pb .event_about_box .content_1box,
.category_pb_test .event_about_box .content_1box{
	border: solid 2px rgba(220,161,215,0.7);
}

.event_about_box .content_1box .point{
	font-size: 2.2rem;
	color: #da7f67;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.category_adult .event_about_box .content_1box .point{color: #4CB597;}
.category_children .event_about_box .content_1box .point{color: #FF96A3;}
.category_pb .event_about_box .content_1box .point{color: #DCA1D7;}

.category_adult_test .event_about_box .content_1box .point{color: #4CB597;}
.category_children_test .event_about_box .content_1box .point{color: #FF96A3;}
.category_pb_test .event_about_box .content_1box .point{color: #DCA1D7;}


/*汎用版　文頭に筆記体の数字*/

.point span{
	display: none;
}


.point.num1:before,
.point.num2:before,
.point.num3:before,
.point.num4:before,
.point.num5:before{
	content: "";
	display: inline-block;
	position: relative;
	width: 32px;
	padding-bottom: 4%;
	margin-bottom: -4px;
	margin-right: 5px;
	margin-left: -3px;
}

.point.num1:before{
	background: url("img/point_num_1.svg") no-repeat center center;
	background-size: contain;
}

.point.num2:before{
	background: url("img/point_num_2.svg") no-repeat center center;
	background-size: contain;
}

.point.num3:before{
	background: url("img/point_num_3.svg") no-repeat center center;
	background-size: contain;
}

.point.num4:before{
	background: url("img/point_num_4.svg") no-repeat center center;
	background-size: contain;
}

.point.num5:before{
	background: url("img/point_num_5.svg") no-repeat center center;
	background-size: contain;
}



/*---------- キッズ・ジュニア　「コンクールについて」　ディレクトリ:competition----------*/

.competition_record_box{
	margin:0 auto;
	max-width:840px;
}






/*--------------------------------

「新着情報」ページ　ディレクトリ：news

--------------------------------*/


/*記事一覧全体　div*/
.news_list_box,
.blog_list_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}



/*記事一覧　ul*/
.news_list_box .news_list,
.blog_list_box .blog_list{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 30px;
	max-width: 970px;
	border-top: solid 1px #D8D8D8;
}

.frontpage .news_list_box .news_list,
.frontpage .blog_list_box .news_list{
	/*
	margin-left: 80px;
	margin-right: 80px;
	*/
}


.news_list_box .news_list li,
.blog_list_box .blog_list li{
	position: relative;
	padding: 18px 0px 20px 0px;
	background:none;
	
	border-bottom: solid 1px #D8D8D8;
}


/*お知らせ、ブログの一覧のliの中のdiv*/
.news_list_li_inner,
.blog_list_li_inner{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 860px;
}

.news_list_box .news_list li p,
.blog_list_box .blog_list li p{
	line-height: 150%;
}

/*日付とカテゴリー　div*/
.date_category_box{
	display: table;
	position: relative;
	white-space: nowrap;
	width: 180px;
}

.news_list_box .news_list li .date,
.blog_list_box .blog_list li .date{
	display: table-cell;
	position: relative;
	font-size: 1.4rem;
	margin-bottom: 6px;
	padding-top: 2px;
	padding-right: 10px;
	width: 90px;
	vertical-align: middle;
}



/*位置微調整*/
.news_list_box .news_list li .genre{
	margin-top: -4px;
}


.news_list_box .news_list li p.list_title,
.blog_list_box .blog_list li p.list_title{
	position: relative;
	margin-top:-2.5rem;
	padding-left: 190px;
}

.news_list_box .news_list li p.list_title a,
.blog_list_box .blog_list li p.list_title a{
	display: block;
	font-size: 1.5rem;
	color: #333333;
	text-decoration: none;
	
	/*
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	*/
}

.news_list_box .news_list li p.list_title a:hover,
.blog_list_box .blog_list li p.list_title a:hover{
	text-decoration: underline;
}



/*記事ページのページタイトル欄　div*/
.news_page_entry_title_box,
.blog_page_entry_title_box{
	display: block;
	position: relative;
	margin-bottom: 50px;
}

/*記事のカテゴリp*/
.news_page_entry_title_box .genre,
.blog_page_entry_title_box .genre{
	/*基本設定は、共通スタイルを参照*/
	display: inline-block;
	margin-bottom: 10px;
}

/*お知らせ・ブログページの記事タイトル h2*/
.news_page_entry_title,
.blog_page_entry_title{
	margin-bottom: 10px !important;
	color: #333333 !important;
}


/*p*/
.news_page_entry_title_box .date,
.blog_page_entry_title_box .date{
	display: table-cell;
	position: relative;
	font-size: 1.4rem;
	margin-bottom: 6px;
	padding-top: 2px;
	padding-right: 10px;
	width: 90px;
	vertical-align: middle;
	color: #666666;
}



.news_page_contents_box a,
.blog_page_contents_box a{
	color: #4597a1;
}

.news_page_contents_box a:hover,
.blog_page_contents_box a:hover{
	text-decoration: underline;
}




/*ページネーション（ソースはネット共通のもの）*/
/*お知らせ、ブログ、検索結果共通*/

/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Quotes style*/
.wp-pagenavi,
.pagination {
	padding: 3px;
	margin: 20px 3px 50px 3px;
	text-align: center;
	letter-spacing: normal;
}

.wp-pagenavi a,
.wp-pagenavi span,
.pagination a {
	display: inline-block;
	padding: 1px 8px 1px 8px;
	min-width: 32px;
	margin-right: 1vw;
	border: solid 1px transparent;
	text-decoration: none;
	color: #333333 !important;
	font-weight: normal !important;
	letter-spacing: normal;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	border: 1px solid #333333;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.pagination a:hover,
.pagination a:active {
	display: inline-block;
	padding: 1px 8px 1px 8px;
	min-width: 32px;

	border: solid 1px transparent !important;
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	color: #FFF !important;
	
	text-decoration: none !important;
}

.wp-pagenavi a:hover.previouspostslink,
.wp-pagenavi a:hover.nextpostslink{
	padding-left: 2.5vw;
	padding-right: 2.5vw;
	border: solid 1px transparent !important;
}

.wp-pagenavi span.current,
.pagination span.current {
	display: inline-block;
	padding: 1px 8px 1px 8px;
	min-width: 32px;

	border: 1px solid #e2e2e2;
	font-weight: bold;
	background-color: #e2e2e2;
	color: #333333;
}

.wp-pagenavi span.disabled,
.pagination span.disabled {
	display: inline-block;
	padding: 1px 8px 1px 8px;
	min-width: 32px;

	border: 1px solid #f3f3f3;
	color: #ccc;
}


/*News、Blog記事単体ページ下部の記事間リンクナビゲーション*/

.news_footer_navi_box,
.blog_footer_navi_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 40px;
	max-width: 1140px;
	
	border-top: solid 1px #D8D8D8;
	float: none;
	clear: both;
	
}

.nav-single {
	display: block;
	position: relative;
	overflow: hidden;
	float: none;
	text-align: center;
	padding-top: 40px;
	line-height: 100% !important;
}

.nav-previous, .nav-next {
	display: block;
	position: relative;
	width: 40%;
	margin-bottom: 15px;
	vertical-align: top;
	text-align: right;
}

.nav-previous {
	display: block;
	position: relative;
	float: left;
	padding-left: 1.5rem;
}

.nav-next {
	display: block;
	position: relative;
	width: 40%;
	float: right;
	padding-right: 1.5rem;
	text-align: left;
}



/*span*/
.nav-previous,
.nav-next,
.button_to_list{
	font-size: 90%;
	line-height: 100% !important;
}

.button_to_list{
	display: inline-block;
	position: relative;
	text-align: center;
}


.nav-previous a,
.nav-next a,
.button_to_list a {
	display: inline-block;
	padding: 6px 8px 6px 8px;
	padding-left: 2.0rem;
	padding-right: 2.0rem;
	border: 1px solid #333333;
	min-width: 28px;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	text-decoration: none;
	color: #333333 !important;
	font-weight: normal !important;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

.nav-previous a:hover,
.nav-next a:hover,
.button_to_list a:hover{
	border: solid 1px transparent !important;
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	color: #FFF !important;
	
	text-decoration: none !important;
}

/*「前の記事」「次の記事」ボタンが非アクティブの場合のグレーアウト*/
.nav-previous a.grayout,
.nav-next a.grayout,
.nav-previous a.grayout:hover,
.nav-next a.grayout:hover,
.nav-previous span,
.nav-next span{
	display: inline-block;
	padding: 6px 8px 6px 8px;
	padding-left: 2.0rem;
	padding-right: 2.0rem;
	border: 1px solid #dcdcdc;
	min-width: 28px;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	text-decoration: none;
	color: #dcdcdc !important;
	font-weight: normal !important;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	pointer-events: none;
}




/*--------------------------------

「大人バレエ」ページ　ディレクトリ：adult

--------------------------------*/

/*--------------------------------

「東京銀座スタジオ」ページ　ディレクトリ：adult/ginza/

--------------------------------*/

.ginza_main_title{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	max-width: 960px;
}

.ginza_main_img_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
}

.ginza_main_img{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 860px;
	text-align: center;
}

.ginza_main_catch_box{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 860px;
}

.ginza_main_catch1{
	display: block;
	position: relative;
	background: url("img/ginza_main_catch1.svg") no-repeat left center;
	background-size: contain;
	max-width: 600px;
	padding-bottom: 10%;
	margin-bottom: 5%;
}

.ginza_main_catch2{
	display: block;
	position: relative;
	background: url("img/ginza_main_catch2.svg") no-repeat left center;
	background-size: contain;
	max-width: 860px;
	padding-bottom: 14%;
	margin-bottom: 5%;
}

.ginza_main_catch1 span,
.ginza_main_catch2 span{
	display: none;
}

.ginza_main_text_box{
	margin: 0 auto;
	max-width: 860px;
}


/*スケジュール表*/
.ginza_schedule_box{
	
}

/*table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).lesson_schedule_table,*//*スマホ用*/
.ginza_schedule_table {
	border-top: #d8c39f solid 1px !important;
	border-left: #d8c39f solid 1px !important;
	margin-bottom: 20px;
	margin-bottom: 10px;
	/*
	border: none !important;
	border-top: #e7e7e7 solid 1px !important;
	*/
}

.ginza_schedule_table tr{
	border-bottom: #d8c39f solid 1px !important;
	border-right: #d8c39f solid 1px !important;
}

.ginza_schedule_table .week td,
.ginza_schedule_table .schedule td{
	border-right: #f0e5c2 solid 1px;
}

.ginza_schedule_table .week td{
	font-size: 94%;
	color: #ffffff !important;
	width: 14.2857%;
	background-color: #b08740;
}

.ginza_schedule_table .schedule td{
	padding: 10px 7px 0px 7px;
	border-bottom: #d8c39f solid 1px !important;
	border-right: #d8c39f solid 1px !important;
	background-color: rgba(216, 195, 159, 0.1);
}

/*汎用*/
.ginza_schedule_table .schedule td:nth-of-type(odd){
	background-color: rgba(216, 195, 159, 0.1);
	/*background-color: rgba(240, 229, 194, 0.1);*/
}

.ginza_schedule_table .schedule_1box{
	display: block;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 7px 5px 7px 5px;
	margin-bottom: 10px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bb9d69;
}

.ginza_schedule_table .schedule_time{
	color: #bb9d69;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 2px;
	/*スマホ用
	display: inline-block;
	width: 120px;
	*/
}

.ginza_schedule_table .schedule_time:before{
	content:"";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("img/icon_svg_clock_beige.svg") no-repeat center center;
	margin-right: 2px;
	margin-top: 2px;
	vertical-align: top;
}

.ginza_schedule_table .schedule_name{
	line-height: 130%;
	font-size: 1.3rem !important;
	/*color: #ffffff;*/
	/*スマホ用
	display: inline-block;
	*/
}


/*料金表*/
.ginza_fee_box{
	
}

.ginza_fee_box table.fee_table {
	margin-bottom: 0.5rem;
	border-top: #d8c39f solid 1px;
	border-left: #d8c39f solid 1px;
}

.ginza_fee_box table.fee_table tr {
	border-bottom: #d8c39f solid 1px;
	border-right: #d8c39f solid 0px;
}

.ginza_fee_box table.fee_table th {
	padding: 6px 6px 6px 6px;
	border-bottom: #d8c39f solid 1px;
	border-right: #d8c39f solid 1px;
	font-weight: normal !important;
	font-size:80%;
}

.ginza_fee_box table.fee_table td {
	padding: 6px 6px 6px 6px;
	border-bottom: #d8c39f solid 1px;
	border-right: #d8c39f solid 1px;
	font-weight: normal !important;
	font-size:80%;
}
.ginza_fee_box .fee_table_color1{
	background-color: rgba(216, 195, 159, 0.1);
}
.ginza_fee_box table.fee_table tr td:first-child {
	width: 100px;
	width: 7%;
	max-width:7%;
}
.ginza_fee_box table.fee_table td:nth-of-type(2) {
	width: 7%;
	max-width:7%;
}
.ginza_fee_box table.fee_table td:nth-of-type(n+3) {
	max-width:20%;
}
@media screen and (max-width: 896px) {
	.ginza_fee_box table.fee_table tr td:first-child {
		width: auto;
		max-width:auto;
	}
	.ginza_fee_box table.fee_table td:nth-of-type(2) {
		width: auto;
		max-width:auto;
	}
	.ginza_fee_box table.fee_table td:nth-of-type(n+3) {
		max-width:auto;
	}
	.ginza_fee_box table.fee_table td.ta_right.sp_ta_left.nowrap {
		white-space: break-spaces !important;
	}
}

.min_w100px{
	min-width: 100px;
}

.min_w130px{
	min-width: 130px;
}

.max_w150px{
	max-width: 150px;
}

.max_w180px{
	max-width: 180px;
}

.ginza_fee_box .fee_table_color2{
	background-color: #b08740;
	color: #ffffff;
}

.ginza_fee_box table.fee_table td.pc_only{
	height: 5.5rem;
}
/*
.ginza_fee_box .pc_min_height{
	height:5.5rem
}
*/

/*tr*/
.ginza_fee_box .lesson_name{
	
}

/*tr*/
.ginza_fee_box .lesson_name th{
	font-size: 84%;
	width: 8.5%;
}


@media screen and ( max-width: 1040px ) {
	.ginza_fee_box .lesson_name th br{
		display: none;
	}
}

.ginza_fee_box .tooltip{

}

.ginza_fee_box .tooltip img {
	width:12px !important;
	margin-left: 2px;
	margin-right: 2px;
}
.ginza_fee_box .dark-tooltip.medium {
	max-width:500px !important;
}
.ginza_fee_box .dark-tooltip.dark {
	background-color: rgba(0,0,0,0.7);
}

/*生徒さんの声*/
.ginza_voice_box{
	display: block;
	position: relative;
	
}

.ginza_voice_1box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	padding: 30px;
	border: solid 1px #80161c;
	margin-bottom: 20px;
}

.voice_name{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 10%;
	margin-right: 2%;
	text-align: center;
	color: #80161c;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 120%;
}

.voice_name:before{
	content:"";
	display: block;
	position: relative;
	height: 66px;
	background: url("img/icon_silhouette_red.svg") no-repeat center center;
	background-size: contain;
	margin-bottom: 8px;
}

.voice_text_box{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 88%;
}

/*スタジオ情報*/
.ginza_studio_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.ginza_studio_box_inner{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}

.ginza_studio_box_inner:nth-of-type(1){
	width: 43%;
	margin-right: 4%;
}

.ginza_studio_box_inner:nth-of-type(2){
	width: 53%;
	margin-right: 0px;
}

.ginza_studio_name{
	display: block;
	position: relative;
	color: #A28B44;
	font-size: 2.2rem;
	font-weight: 600;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

/*ul*/
.ginza_studio_information_list{
	margin-bottom: 20px;
}

.ginza_studio_information_list li{
	margin-bottom: 15px;
}

.ginza_studio_subtitle{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	min-width: 110px;
	margin-right: 2%;
	text-align: center;
	color: #80161c;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 120%;
	padding: 2px 10px 2px 10px;
	border: solid 1px #80161c;
}

.ginza_studio_text{
	position: relative;
	padding-left: 130px;
	margin-top: -32px;
}


/*--------------------------------

「奈良学園前スタジオ」ページ　ディレクトリ：adult/nara/

--------------------------------*/

.nara_main_title{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	max-width: 960px;
}

.nara_main_img_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
}

.nara_main_img{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 860px;
	text-align: center;
}

.nara_main_catch_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 100px;
	max-width: 860px;
}

.nara_main_catch1{
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 3.6rem;
	line-height: 150%;
}

.nara_main_catch2{
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 700;
}


.nara_main_text_box{
	margin: 0 auto;
	margin-bottom: 100px;
}

.nara_class_1box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する */
	position: relative;
	margin-bottom: 160px;
}

.nara_class_1box .column_inner{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}

.nara_class_1box .column_inner:nth-of-type(1){
	width: 65%;
}

.nara_class_1box .column_inner:nth-of-type(2){
	width: 40%;
	margin-left: -5%;
}

.nara_class_subtitle{
	display: block;
	position: relative;
	width: 194px;
	height: 64px;
	margin-bottom: 30px;
}

.nara_class_subtitle span{
	display: none;
}

.nara_class_1box.class1 .nara_class_subtitle{
	background: url("img/nara_subtitle_e_class1.svg") no-repeat left center;
	background-size: contain;
}

.nara_class_1box.class2 .nara_class_subtitle{
	background: url("img/nara_subtitle_e_class2.svg") no-repeat left center;
	background-size: contain;
}

.nara_class_1box.lesson .nara_class_subtitle{
	background: url("img/nara_subtitle_e_lesson.svg") no-repeat left center;
	background-size: contain;
}

.nara_class_text_box{
	height: 90%;
	padding: 80px 15% 20px 10%;
}

.nara_class_1box.class1 .nara_class_text_box{
	background: url("img/nara_subtitle_genre_children.svg") no-repeat left top;
	background-size: 200px 60px;
	background-color: #fff1f4;
}

.nara_class_1box.class2 .nara_class_text_box{
	background: url("img/nara_subtitle_genre_adult.svg") no-repeat left top;
	background-size: 200px 60px;
	background-color: #faf4f7;
}

.nara_class_1box.lesson .nara_class_text_box{
	background: url("img/nara_subtitle_genre_lesson.svg") no-repeat left top;
	background-size: 200px 60px;
	background-color: #e9fafb;
}

.nara_class_name{
	display: block;
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 20px;
	color: #512d27;
	font-weight: 700;
	font-size: 3.2rem;
}

.nara_class_1box.class1 .nara_class_name{
	background: url("img/nara_line_pink2.png") repeat-x left bottom;
	background-size: 5px 10px;
}

.nara_class_1box.class2 .nara_class_name{
	background: url("img/nara_line_purple.png") repeat-x left bottom;
	background-size: 5px 10px;
}

.nara_class_1box.lesson .nara_class_name{
	background: url("img/nara_line_blue.png") repeat-x left bottom;
	background-size: 5px 10px;
}

.nara_class_img{
	
}


/*スケジュール表*/
.nara_schedule_box{
	
}

/*table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).lesson_schedule_table,*//*スマホ用*/
.nara_schedule_table {
	border-top: #ff6c96 solid 1px !important;
	border-left: #ff6c96 solid 1px !important;
	margin-bottom: 20px;
	margin-bottom: 10px;
	/*
	border: none !important;
	border-top: #e7e7e7 solid 1px !important;
	*/
}

.nara_schedule_table tr{
	border-bottom: #ff6c96 solid 1px !important;
	border-right: #ff6c96 solid 1px !important;
}

.nara_schedule_table .week td,
.nara_schedule_table .schedule td{
	border-right: #f0c2da solid 1px;
}

.nara_schedule_table .week td{
	font-size: 94%;
	color: #ffffff !important;
	width: 14.2857%;
	background-color: #ff6c96;
}

.nara_schedule_table .schedule td{
	padding: 10px 7px 0px 7px;
	border-bottom: #ff6c96 solid 1px !important;
	border-right: #ff6c96 solid 1px !important;
	background-color: rgba(216 159 159 / 10%);
}

/*汎用*/
.nara_schedule_table .schedule td:nth-of-type(odd){
	background-color: rgba(216 159 159 / 10%);
	/*background-color: rgba(240, 229, 194, 0.1);*/
}

.nara_schedule_table .schedule_1box{
	display: block;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 7px 5px 7px 5px;
	margin-bottom: 10px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #ff6c96;
}

.nara_schedule_table .schedule_time{
	color: #ff6c96;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 2px;
	/*スマホ用
	display: inline-block;
	width: 120px;
	*/
}

.nara_schedule_table .schedule_time:before{
	content:"";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("img/icon_svg_clock_beige.svg") no-repeat center center;
	margin-right: 2px;
	margin-top: 2px;
	vertical-align: top;
}

.nara_schedule_table .schedule_name{
	line-height: 130%;
	font-size: 1.3rem !important;
	/*color: #ffffff;*/
	/*スマホ用
	display: inline-block;
	*/
}


/*料金表*/
.nara_fee_box{
	
}

.nara_fee_box table.fee_table {
	margin-bottom: 0.5rem;
	border-top: #ff6c96 solid 1px;
	border-left: #ff6c96 solid 1px;
}

.nara_fee_box table.fee_table tr {
	border-bottom: #ff6c96 solid 1px;
	border-right: #ff6c96 solid 0px;
}

.nara_fee_box table.fee_table th {
	padding: 6px 6px 6px 6px;
	border-bottom: #ff6c96 solid 1px;
	border-right: #ff6c96 solid 1px;
	font-weight: normal !important;
	font-size:80%;
}

.nara_fee_box table.fee_table td {
	padding: 6px 6px 6px 6px;
	border-bottom: #ff6c96 solid 1px;
	border-right: #ff6c96 solid 1px;
	font-weight: normal !important;
	font-size:80%;
}
.nara_fee_box .fee_table_color1{
	background-color: rgba(216 159 159 / 10%);
}
.nara_fee_box table.fee_table tr td:first-child {
	width: 100px;
	width: 7%;
	max-width:7%;
}
.nara_fee_box table.fee_table td:nth-of-type(2) {
	width: 7%;
	max-width:7%;
}
.nara_fee_box table.fee_table td:nth-of-type(n+3) {
	max-width:20%;
}
@media screen and (max-width: 896px) {
	.nara_fee_box table.fee_table tr td:first-child {
		width: auto;
		max-width:auto;
	}
	.nara_fee_box table.fee_table td:nth-of-type(2) {
		width: auto;
		max-width:auto;
	}
	.nara_fee_box table.fee_table td:nth-of-type(n+3) {
		max-width:auto;
	}
	.nara_fee_box table.fee_table td.ta_right.sp_ta_left.nowrap {
		white-space: break-spaces !important;
	}
}

.nara_fee_box .fee_table_color2{
	background-color: #ff6c96;
	color: #ffffff;
}

.nara_fee_box table.fee_table td.pc_only{
	height: 5.5rem;
}
/*
.nara_fee_box .pc_min_height{
	height:5.5rem
}
*/

/*tr*/
.nara_fee_box .lesson_name{
	
}

/*tr*/
.nara_fee_box .lesson_name th{
	font-size: 84%;
	width: 8.5%;
}


@media screen and ( max-width: 1040px ) {
	.nara_fee_box .lesson_name th br{
		display: none;
	}
}

.nara_fee_box .tooltip{

}

.nara_fee_box .tooltip img {
	width:12px !important;
	margin-left: 2px;
	margin-right: 2px;
}
.nara_fee_box .dark-tooltip.medium {
	max-width:500px !important;
}
.nara_fee_box .dark-tooltip.dark {
	background-color: rgba(0,0,0,0.7);
}

/*生徒さんの声*/
.nara_voice_box{

}


/*スタジオ情報*/
.nara_studio_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.nara_studio_box_inner{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}

.nara_studio_box_inner:nth-of-type(1){
	width: 43%;
	margin-right: 4%;
}

.nara_studio_box_inner:nth-of-type(2){
	width: 53%;
	margin-right: 0px;
}

.nara_studio_name{
	display: block;
	position: relative;
	color: #ff6c96;
	font-size: 2.2rem;
	font-weight: 600;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

/*ul*/
.nara_studio_information_list{
	margin-bottom: 20px;
}

.nara_studio_information_list li{
	margin-bottom: 15px;
}

.nara_studio_subtitle{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	min-width: 110px;
	margin-right: 2%;
	text-align: center;
	color: #777777;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 120%;
	padding: 2px 10px 2px 10px;
	border: solid 1px #777777;
}

.nara_studio_text{
	position: relative;
	padding-left: 130px;
	margin-top: -32px;
}



/*--------------------------------

「キッズ・ジュニア」ページ　ディレクトリ：children

--------------------------------*/




/*--------------------------------

「パーソナルバレエ」ページ　※外部サイトへのリンクのため、スタイル無し

--------------------------------*/

/*--------------------------------

「バレエ団」ページ　ディレクトリ：ballet_group

--------------------------------*/

/*--------------------------------

「ショップ」ページ　※外部サイトへのリンクのため、スタイル無し

--------------------------------*/

/*--------------------------------

「春田琴栄Official」ページ　ディレクトリ：kotoe_harut

--------------------------------*/


/*--------------------------------

「お問い合わせ」ページ　ディレクトリ：inquire or inquiry
「採用情報」（recruit）
「体験レッスン申し込み」（form）※大人バレエ、キッズ・ジュニアそれぞれ
のフォーム部分

--------------------------------*/


.category_inquire .mw_wp_form,
.category_inquiry .mw_wp_form,
.category_recruit .mw_wp_form,
.entry_form .mw_wp_form{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 740px;
}

.category_inquire .mw_wp_form tr,
.category_inquiry .mw_wp_form tr,
.category_recruit .mw_wp_form tr,
.entry_form .mw_wp_form tr {
}

.category_inquire .mw_wp_form th,
.category_inquiry .mw_wp_form th,
.category_recruit .mw_wp_form th,
.entry_form .mw_wp_form th {
	padding: 2rem 5rem 2rem 5rem;
	font-size: 16px;
	font-weight: 600;
	/*font-size: 94%;*/
	white-space: nowrap;
}

.category_inquire .mw_wp_form td,
.category_inquiry .mw_wp_form td,
.category_recruit .mw_wp_form td,
.entry_form .mw_wp_form td {
	padding: 2rem 0rem 2rem 0rem;
	vertical-align: middle;
}

.category_inquire .mw_wp_form tr td:first-Child,
.category_inquiry .mw_wp_form tr td:first-Child,
.category_recruit .mw_wp_form tr td:first-Child,
.entry_form tr td:first-Child {
	padding: 2rem 2rem 2rem 2rem;
	vertical-align: text-top;
	/*font-size: 94%;*/
	white-space: nowrap;
	width: 36%;
}

.category_inquire .mw_wp_form tr td:first-Child p,
.category_inquiry .mw_wp_form tr td:first-Child p,
.category_recruit .mw_wp_form tr td:first-Child p,
.entry_form tr td:first-Child p {
	font-size: 16px;
	color: #6e6e6e;
}



.category_inquire .mw_wp_form td p,
.category_inquiry .mw_wp_form td p,
.category_recruit .mw_wp_form td p,
.entry_form .mw_wp_form td p {
	font-size: 16px;
}


/*フォームパーツ全体の基本設定*/
.form_style{
	width: 100%;
	margin: 2px 0px 4px 0px;
	padding: 8px 8px 8px 8px !important;
	font-size: 18px;
	border: #d8d8d8 solid 1px;
	
	border-radius: 3px 3px 3px 3px;
}

.form_style.inline{
	display: inline-block;
	width: auto !important;
}




/* テキストボックス本体 */
table td input[type="text"],
table td input[type="email"] {
	width: 100%;
	margin: 2px 0px 4px 0px;
	padding: 8px 8px 8px 8px !important;
	font-size: 18px;
	border: #d8d8d8 solid 1px;
	
	border-radius: 3px 3px 3px 3px;
}

/*年齢　span*/
span.age input[type="text"]{
	width: 4em;
}

span.zip-code input[type="text"]{
	width: 8em;
}




/*テキストエリア*/
textarea{
	width: 100%;
	padding: 8px 8px 8px 8px;
	font-size: 16px;
	border:solid 1px #D8D8D8;
}


/*ラジオボタン*/
span.contact input,
span.gender input,
span.job input{
	display: none;
}

span.contact label span,
span.gender label span,
span.job label span{
	display: block;
	float: left;
	cursor: pointer;
	width: auto;
	min-width: 70px;
	margin: 0;
	margin-right: 0px;
	padding: 12px 12px 12px 12px;
	border: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	background: #efefef;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}

span.contact .first label span,
span.gender .first label span,
span.job .first label span,

span.contact .mwform-radio-field:nth-of-type(1) label span,
span.gender .mwform-radio-field:nth-of-type(1) label span,
span.job .mwform-radio-field:nth-of-type(1) label span,

#contact-1+.mwform-radio-field-text,
#gender-1+.mwform-radio-field-text

{
	border-radius: 3px 0 0 3px;
}

span.contact .last label span,
span.gender .last label span,
span.job .last label span,

span.contact .mwform-radio-field:last-of-type label span,
span.gender .mwform-radio-field:last-of-type label span,
span.job .mwform-radio-field:last-of-type label span,

#contact-2+.mwform-radio-field-text,
#gender-2+.mwform-radio-field-text
{
	border-right: #d8d8d8 solid 1px;
	border-radius: 0 3px 3px 0;
}

span.contact input[type=radio]:checked ~ span,
span.gender input[type=radio]:checked ~ span,
span.job input[type=radio]:checked ~ span {
	padding: 12px 12px 12px 12px;
	/*background: url(img/takeout/icon_32_check_white3.png) no-repeat 10px center;
	background-size: 20px 20px;
	*/
	background-color: rgba(255,145,145,1.0);
	color: #fff;
}

.category_adult span.contact input[type=radio]:checked ~ span,
.category_adult span.gender input[type=radio]:checked ~ span,
.category_adult span.job input[type=radio]:checked ~ span,
.category_adult_test span.contact input[type=radio]:checked ~ span,
.category_adult_test span.gender input[type=radio]:checked ~ span,
.category_adult_test span.job input[type=radio]:checked ~ span {
	background-color: #4CB597;
}

.category_child span.contact input[type=radio]:checked ~ span,
.category_child span.gender input[type=radio]:checked ~ span,
.category_child span.job input[type=radio]:checked ~ span,
.category_child_test span.contact input[type=radio]:checked ~ span,
.category_child_test span.gender input[type=radio]:checked ~ span,
.category_child_test span.job input[type=radio]:checked ~ span {
	background-color: #FF96A3;
}



/*プルダウン欄　div*/

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
	cursor: pointer;
	width: auto;
	margin: 0;
	margin-top: -4px;
	padding: 10px 12px 10px 12px;
	background: #ffffff;
	line-height: 1;
	transition: .2s;
	border: #d8d8d8 solid 1px;
	border-radius: 3px 3px 3px 3px;
}


/*記入例　span*/
.ex_text{
	display: inline-block;
	margin-top: 4px;
	padding: 4px 4px 4px 4px;
	font-size: 90%;
	color: #666;
}

/*必須　span*/
.required{
	font-size: 86%;
	color:#ff3333;
}




/*チェックボックスにstyleをつけるために、チェックボックスと確認ボタンをくくったdivに付加*/
.chkbox_box_wrap,
.radio_box_wrap {
	margin:0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.mwform-radio-field{
	display: block;
	position: relative;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0px !important;
}

/* ラベルのスタイル　*/
.chkbox_box_wrap label,
.radio_box_wrap label {
	cursor: pointer;
}

/* inputのスタイル　*/
.chkbox_box_wrap input,
.radio_box_wrap input {
	padding-left:		34px;
	font-size:		18px;
	line-height:		18px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	margin-bottom: 1.4rem;
}

/* チェックボックスのスタイル */
.chkbox_box_wrap input:before {
	content:		'';
	width:			20px;			/* ボックスの横幅 */
	height:			20px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-4px;
	left:			0;
	background-color:	#fff;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 2px solid #dcdcdc;
	border-radius:		3px;
}

/* ラジオボタンのスタイル */
.radio_box_wrap input:before {
	content:		'';
	width:			20px;			/* ボックスの横幅 */
	height:			20px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-4px;
	left:			-3px;
	background-color:	#fff;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 2px solid #dcdcdc;
	border-radius:		24px;
}

/* 元のチェックボックスを表示しない */
.chkbox_box_wrap input[type=checkbox],
.radio_box_wrap input[type=radio] {

}

/* チェックした時のスタイル */
.chkbox_box_wrap input[type=checkbox]:checked:before{
	content:		'';		/* チェックの文字 */ 
	font-size:		16px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#ff0085;			/* チェックした時の色 */
	border: 2px solid #ff0085;
	-webkit-animation: form-bound .3s ease 0s 1;
	animation: form-bound .3s ease 0s 1;
	opacity: 1;
}

.category_adult .chkbox_box_wrap input[type=checkbox]:checked:before,
.category_adult_test .chkbox_box_wrap input[type=checkbox]:checked:before {
	background-color:	#4CB597;
	border: 2px solid #4CB597;
}

.category_children .chkbox_box_wrap input[type=checkbox]:checked:before,
.category_children_test .chkbox_box_wrap input[type=checkbox]:checked:before {
	background-color:	#FF96A3;
	border: 2px solid #FF96A3;
}

.chkbox_box_wrap input[type=checkbox]:checked:after{
	content:		'✓';
	color: #ffffff;
	position: absolute;
	top:-1px;
	left: 1px;
	font-size: 24px;
	transform: scale(1.0, 0.8);

	opacity: 1;
}


.radio_box_wrap input[type=radio]:checked:before {
	content:		'';		/* チェックの文字 */ 
	font-size:		16px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#ff0085;			/* チェックした時の色 */
	border: 2px solid #ff0085;
	
	-webkit-animation: form-bound .3s ease 0s 1;
	animation: form-bound .2s ease 0s 1;
	opacity: 1;
}

.category_adult .radio_box_wrap input[type=radio]:checked:before,
.category_adult_test .radio_box_wrap input[type=radio]:checked:before {
	background-color:	#4CB597;
	border: 2px solid #4CB597;
}

.category_children .radio_box_wrap input[type=radio]:checked:before,
.category_children_test .radio_box_wrap input[type=radio]:checked:before {
	background-color:	#FF96A3;
	border: 2px solid #FF96A3;
}

.radio_box_wrap input[type=radio]:checked:after {
	content:		'';
	width:			10px;			/* ボックスの横幅 */
	height:			10px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-1px;
	left:0px;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 4px solid #FFFFFF;
	border-radius:		24px;
	
	-webkit-animation: form-bound .3s ease 0s 1;
	animation: form-bound .2s ease 0s 1;
	opacity: 1;
}

@-webkit-keyframes form-bound {
	0% {
		-webkit-transform: scale(1);
		transform:scale(1)
	}

	25% {
		-webkit-transform: scale(1.15);
		transform:scale(1.15)
	}

	75% {
		-webkit-transform: scale(0.95);
		transform:scale(0.95)
	}

	100% {
		-webkit-transform: scale(1);
		transform:scale(1)
	}
}

@keyframes form-bound {
	0% {
		-webkit-transform: scale(1);
		transform:scale(1)
	}

	25% {
		-webkit-transform: scale(1.15);
		transform:scale(1.15)
	}

	75% {
		-webkit-transform: scale(0.95);
		transform:scale(0.95)
	}

	100% {
		-webkit-transform: scale(1);
		transform:scale(1)
	}
}



.form_button_box{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 300px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.form_button_box br{
	display: none;
}


/*確認ボタン*/
.button_to_check,
.button_send{
	display: block;
	width: 100%;
	min-height: 34px;
	padding: 14px 6px 14px 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	
	font-size: 18px;
	text-decoration: none;
	
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);

	-webkit-transition: all ease-in-out .15s;
	-o-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
}

.button_to_check:hover,
.button_send:hover{
	color: #ffffff;
	background-color: rgba(255,145,145,1.0);
		
	-webkit-transition: all ease-in-out .15s;
	-o-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
}


.category_adult .button_to_check:hover,
.category_adult_test .button_to_check:hover,
.category_adult .button_send:hover,
.category_adult_test .button_send:hover {
	background-color:	#4CB597;
}

.category_children .button_to_check:hover,
.category_children_test .button_to_check:hover,
.category_children .button_send:hover,
.category_children_test .button_send:hover {
	background-color:	#FF96A3;
}


/*「退会依頼」等のグレーのボタン*/
.button_to_back{
	display: block;
	width: 100%;
	min-height: 34px;
	padding: 10px 6px 10px 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #555;
	background-color: #eaeaea;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	
	font-size: 16px;
	text-decoration: none;
	
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);

	-webkit-transition: all ease-in-out .15s;
	-o-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
}

.button_to_back:hover{
	color: #ffffff;
	background-color: #978bdc;
	
	-webkit-transition: all ease-in-out .15s;
	-o-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
}


.error{
	
}

/*未記入の項目名 span*/
.error-required-text{
	color: #ff3333;
	font-weight: 600;
}

/*未記入の入力欄 span*/
.error{
	display: inline-block !important;
	width: auto !important;
	padding: 2px 6px 2px 6px;
	min-width: 80px;
	margin-top: 2px;
	margin-right: 5px;
	font-size: 1.2rem !important;
	color: #ffffff !important;
	background: #ff0085 !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


.contact_check_text{
	text-align: center;
}


/*--------------------------------

「会社概要」ページ　ディレクトリ：company

--------------------------------*/

.company_message{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 100px;
}

.company_message .alignleft{
	padding-right: 5%;
	margin-bottom: 20px;
}

.company_message_left img{
	max-width: 100%;
	height: auto;
}


h3.catchcopy_blue{
	display: block;
	/*color: #8FBCC1;*//*元　薄い*/
	font-size: 2.6rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 180%;
	clear: inherit;
	margin-bottom: 20px;
	color: #81B3B9; /*追記*/
	font-weight: 600; /*追記*/
}

.company_message_text{
	display: block;
	color: #757575;
	font-size: 16px;
	line-height: 180%;
	font-weight: 300;
	margin-bottom: 20px;
	letter-spacing: normal;
}

.signature{
	text-align: right;
	margin-top: -20px;
}

.signature img{
	max-width: 240px;
}


/*理念*/
.company_ideal{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 740px;
	margin-bottom: 100px;
}



/*会社概要*/
.company_data{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 740px;
}

.company_data table {
	width: 100%;
}

.company_data tr {
}

.company_data th {
	padding: 2rem 5rem 2rem 5rem;
	font-size: 16px;
	font-weight: 600;
	/*font-size: 94%;*/
	white-space: nowrap;
	vertical-align: top;
	width: 30%;
	text-align:left;
}

.company_data td {
	padding: 2rem 2rem 2rem 2rem;
	color: #757575;
	font-size: 16px;
	font-weight: 300;
	vertical-align: top;
	text-align:left;
}

.company_data td p {
	color: #757575;
	font-size: 16px;
	font-weight: 300;
}



/*--------------------------------

「採用情報」ページ　ディレクトリ：recruit

--------------------------------*/

/*募集要項*/
.recruit_data{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 100px;
	max-width: 740px;
}

.recruit_data table {
	width: 100%;
}

.recruit_data tr {
}

.recruit_data th {
	padding: 2rem 5rem 2rem 5rem;
	font-size: 16px;
	font-weight: 600;
	/*font-size: 94%;*/
	white-space: nowrap;
	vertical-align: top;
	width: 30%;
	text-align:left;
}

.recruit_data td {
	padding: 2rem 2rem 2rem 2rem;
	color: #757575;
	font-size: 16px;
	font-weight: 300;
	vertical-align: top;
	text-align:left;
}

.recruit_data td p {
	color: #757575;
	font-size: 16px;
	font-weight: 300;
}

/*
.indent_8em strong,
.indent_8rem strong{
	padding-left: 0rem !important;
	text-indent: 0rem !important;
}
*/






/*フォーム部分のスタイルは「お問い合わせ」に併記*/

/*採用情報のtable調整*/
table.form_table {
	width: 100%;
}
table.form_table th {
	vertical-align: top;
	text-align:left;
}
table.form_table td {
	vertical-align: top;
	text-align:left;
}


/*--------------------------------

「プライバシーポリシー」ページ　ディレクトリ：privacy

--------------------------------*/

.privacy_text_box{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 740px;
}






/*=========================iPad用スタイルここから=========================*/


@media screen and (min-width: 736px) and (max-width: 1024px) {/*元 min-width:768、max-width: 920px*/
/*iPhone Plusの横向きのwidthが736pxのため、Plusでは縦でスマホ版、横でiPad版を表示*/

body {
	min-width:initial;
}

/* -------------------------------- 

 レイアウト設定
 
-------------------------------- */

/*大枠の構成
	#top　ページトップアンカー
	.header　ヘッダー
	.drawermenu　グランドメニュー
	.contents_all　コンテンツ
	.topicpath_area　パンくず
	.footer　フッター
	.side　サイド
*/


/* --------------------

ヘッダー

-------------------- */

.header_inner{
	min-width: auto;
}

/*固定ヘッダーロゴ　div*/
.btn_logo{
	left:30px;
}

.header_menu{
	display: none;
}


/* -------------------------------- 

 コンテンツ欄
 
-------------------------------- */

#contents_all{
	min-width: auto;
	/*
	padding-left: 20px;
	padding-right: 20px;
	*/
	padding-left: 100px;
	padding-right: 100px;
}

.frontpage #contents_all{

}


/*下層ページコンテンツ欄（ページタイトルから下）　section*/
.contents_box{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}


/*------------------------------

フッター

------------------------------*/

#footer{

}

/* --------------------

サイド

-------------------- */

.side{
}


/*------------------------------

各パーツ設定

------------------------------*/



/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	overflow: hidden;
	position: relative;
}

.text_box_2column_left,/*左*/
.text_box_2column_right,/*右*/
.text_box_2column .column_inner{
	display: inline-block;
	position: relative;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-right: 0%;
}

.text_box_2column_right,
.text_box_2column .column_inner:nth-child(2n){
	margin-right: 0%;
}

/* ---------- div内で3列にならべるdiv ---------- */
/*iPadでは2列に可変*/

/*3列全体　div*/
.text_box_3column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	overflow: hidden;
	position: relative;
}

.text_box_3column_left,/*左*/
.text_box_3column_center,/*中央*/
.text_box_3column_right,/*右*/
.text_box_3column .column_inner{
	display: inline-block;
	position: relative;
	overflow: hidden;
	position: relative;
	width: 46%;
	margin-right: 8%;
}

.text_box_3column_right,
.text_box_3column .column_inner:nth-child(3n){
	margin-right: 8%;
}

.text_box_3column_right,
.text_box_3column .column_inner:nth-child(2n){
	margin-right: 0%;
}

.text_box_3column_left img,
.text_box_3column_center img,
.text_box_3column_right img,
.text_box_3column .column_inner img{
	width: 100%;
	height: auto;
}



/* ---------- div内で4列にならべるdiv ---------- */
/*iPadでは3列に可変*/

/*4列全体　div*/
.text_box_4column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	overflow: hidden;
	position: relative;
}

.text_box_4column_1,/*左*/
.text_box_4column_2,/*中央*/
.text_box_4column_3,/*中央*/
.text_box_4column_4,/*右*/
.text_box_4column .column_inner{
	display: inline-block;
	position: relative;
	overflow: hidden;
	position: relative;
	width: 30%;
	margin-right: 5%;
}

.text_box_4column_4,
.text_box_4column .column_inner:nth-child(4n){
	margin-right: 5%;
}

.text_box_4column_4,
.text_box_4column .column_inner:nth-child(3n){
	margin-right: 0%;
}

.text_box_4column_1 img,
.text_box_4column_2 img,
.text_box_4column_3 img,
.text_box_4column_4 img,
.text_box_4column .column_inner img{
	width: 100%;
	height: auto;
}



.column_inner .button{
	min-width: 80%;
}



/*--------------------------------

トップページ専用スタイル

--------------------------------*/

.frontpage_contents{
	min-width: auto;
}



.school_link_text_box {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

	justify-content: center;
	align-items: center;
	
	width: 280px;
	
	z-index: 2;
 }
 

.school_link_catchcopy{
	color: #696969;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	margin-bottom: 20px;
}

.school_link_title{
	display: block;
	position: relative;
	width: 220px;
	height: 157px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.school_link1 .school_link_title{
	background: url(img/top_content_title_svg_adults.svg) no-repeat center center;
	background-size: 220px 157px;
}

.school_link2 .school_link_title{
	background: url(img/top_content_title_svg_kids.svg) no-repeat center center;
	background-size: 220px 157px;
}

.school_link3 .school_link_title{
	background: url(img/top_content_title_svg_pb_202306.svg) no-repeat center center;
	background-size: 220px 157px;
}


.school_link_title span{
	display: none;
}





/*--------------------------------

下層ページ共通部分

--------------------------------*/


.page_title_box {
	height: 38vh;
	min-height: 420px;
	margin-bottom: 50px;
	/*
	margin-left: -20px;
	margin-right: -20px;
	*/
	/*#contents_allのmarginとあわせる*/
	margin-left: -100px;
	margin-right: -100px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* ---------- 大人バレエトップ、キッズ・ジュニアトップに配置する講師サムネスクロール欄 ---------- */

/*講師　div*/
.adult_instructor_box,
.children_instructor_box,
.instructor_box{
	
}

.adult_instructor_box_inner,
.children_instructor_box,
.instructor_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: -50%;
	margin-right: -50%;
	margin-bottom: 60px;
	
}

/*無限スクロール*/

/*ul ※JSのセッティングファイルでクラス名を指定：「infiniteslidev2_setting.js」に記載*/
.infiniteslide_instructor{
}

ul.infiniteslide_instructor,
ul.infiniteslide_instructor li{
}

ul.infiniteslide_instructor li{
	margin-left: 1.3vw;
	margin-right: 1.3vw;
	width: 14% !important;
	max-width: 190px;
	padding-bottom: 10px;
}

ul.infiniteslide_instructor li .rect {
	display: block;
	position: relative;
	overflow: hidden;
		width : 100% ;
		padding-top : 100% ;
		border-radius:50%;
		box-shadow: 0px 3px 10px rgba(0,0,0,.2)
	}

ul.infiniteslide_instructor li img{
	position: absolute;
	top: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	height: auto;
}








/*--------------------------------

「新着情報」ページ　ディレクトリ：news

--------------------------------*/

/*--------------------------------

「大人バレエ」ページ　ディレクトリ：adult

--------------------------------*/

/*--------------------------------

「キッズ・ジュニア」ページ　ディレクトリ：children

--------------------------------*/

/*--------------------------------

「パーソナルバレエ」ページ　※外部サイトへのリンクのため、スタイル無し

--------------------------------*/

/*--------------------------------

「バレエ団」ページ　ディレクトリ：ballet_group

--------------------------------*/

/*--------------------------------

「ショップ」ページ　※外部サイトへのリンクのため、スタイル無し

--------------------------------*/

/*--------------------------------

「春田琴栄Official」ページ　ディレクトリ：kotoe_harut

--------------------------------*/


/*--------------------------------

「お問い合わせ」ページ　ディレクトリ：inquire or inquiry

--------------------------------*/


/*--------------------------------

「会社概要」ページ　ディレクトリ：company

--------------------------------*/

h3.catchcopy_blue{
	font-size: 2.2rem;
}

.company_message .alignleft{
	width: 46%;
}


/*--------------------------------

「採用情報」ページ　ディレクトリ：recruit

--------------------------------*/

/*--------------------------------

「プライバシーポリシー」ページ　ディレクトリ：privacy

--------------------------------*/



}/*iPad用スタイルここまで*/




/*=========================スマホ用スタイルここから（横画面）=========================*/


@media screen and (max-width:896px) and (orientation:landscape) {/*スマホ用 横画面*/
	.side_sns_copy,
	.side_link_box1,
	.side_link_box2 {
		display:none;
	}
	.side_link_news, .side_link_contact, .side_link_company, 
  .side_sns_ig_children, .side_sns_ig_adult, .side_sns_ig, .side_sns_bl, .side_sns_yt, .side_sns_ln {
		opacity: 0 !important;
		pointer-events: none;
	}


/*---------- 料金表（大人バレエ、キッズ・ジュニア等）----------*/
	table.fee_table {
		margin-bottom: 0.5rem;
		border-top: #e7e7e7 solid 1px;
		border-left: #e7e7e7 solid 1px;
	}
	
	
	
	table.fee_table tr {
		border-bottom: #e7e7e7 solid 1px;
		border-right: #e7e7e7 solid 0px;
	}
	
	table.fee_table th {
		padding: 6px 6px 6px 6px;
		border-bottom: #e7e7e7 solid 1px;
		border-right: #e7e7e7 solid 1px;
		font-weight: normal !important;
		font-size:80%;
	}
	
	table.fee_table td {
		padding: 6px 6px 6px 6px;
		border-bottom: #e7e7e7 solid 1px;
		border-right: #e7e7e7 solid 1px;
		font-weight: normal !important;
		font-size:80%;
	}
	
	.fee_table_color1{
		background-color: #f7f8f1;
	}
	
	/*汎用*/
	.fee_table_color2{
		background-color: rgba(218,127,103,0.1);
	}
	
	
	/*大人バレエ*/
	.category_adult .fee_table_color2{
		background-color: rgba(76,181,151,0.2);
	}
	
	/*キッズ・ジュニア*/
	.category_children .fee_table_color2{
		background-color: rgba(255,188,196,0.2);
	}
	
	/*PB*/
	.category_pb .fee_table_color2{
		background-color: rgba(220,161,215,0.2);
	}
	
	table.fee_table td.pc_only{
		height: 5.5rem;
	}
	
	table.fee_table td div{
		display: block;
	}
	
	/*tr*/
	.lesson_name{
		
	}
	
	/*tr*/
	.lesson_name th{
		font-size: 84%;
		width: 8.5%;
	}
	
	.tooltip{
	
	}
	
	.tooltip img {
		width:12px !important;
		margin-left: 2px;
		margin-right: 2px;
	}
	.dark-tooltip.medium {
		max-width:500px !important;
	}
	.dark-tooltip.dark {
		background-color: rgba(0,0,0,0.7);
	}
	
	table.fee_table .sp_only {
		
	}
	
	table.fee_table .pc_only,
	table.fee_table .pc_only {
		display: none !important;
	}
	
	table.fee_table .sp_ta_left{
		text-align: left !important;
	}
	
	
	
	
}







/*=========================スマホ用スタイルここから（縦画面）=========================*/

@media screen and ( max-width: 896px ) {/*元767*/

body {
	background-color: #ffffff !important;
	min-width: 200px !important;
	width: 320px !important;
	width: 100% !important;
	margin-top: 0px !important;
	-webkit-text-size-adjust: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}


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


/* -------------------------------- 

 レイアウト設定
 
-------------------------------- */

/*大枠の構成
	#top　ページトップアンカー
	.header　ヘッダー
	.drawermenu　グランドメニュー
	.contents_all　コンテンツ
	.topicpath_area　パンくず
	.footer　フッター
	.side　サイド
*/



/* --------------------

ページトップアンカー

-------------------- */

#top{
	
}


/*-------------------------------- 

ヘッダー指定

--------------------------------*/


/* --------------------

ヘッダー

-------------------- */

/*div*/

.header{
	display: block;
	position: fixed;
	width: 100%;
	height: 46px;
	/*min-width: 1120px;*/
	margin: 0 auto;
	text-align: right;
	background-color: #ffffff;
	
	z-index: 9999;
}

/*トップページのみ背景を透明に*/
.frontpage .header {
	position: fixed;
	background-color: transparent;
}

.header_inner{
	display: block;
	position: relative;
	width: 100%;
	min-width: auto;
	height: 46px;
	padding-left: 0px;
	/*padding-left: calc(3vw + 240px;);*/
	padding-right: 0px;
	text-align: right;
}

/*ドロワーメニューが開いた時（bodyに「drawer-open」が付く）*/
.drawer-open .header_inner{
}





/*固定ヘッダーロゴ　div*/
.btn_logo{
	display: block;
	position: absolute;
	top: 0px;
	left: 10px;
	/*left: 3vw;*/
	margin: auto;
	width: 130px;
	height: 46px;
	
	
	z-index: 10003;/*グランドメニューは10004; headerは10002*/
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.btn_logo a,
.frontpage .btn_logo p{
	display: block;
	position: relative;
	width: 130px;
	height: 46px;
	background: url(img/logo_color.svg) no-repeat left center;
	background-size: auto 30px;
}

.frontpage .btn_logo p{
	background: url(img/logo_color.svg) no-repeat left center;
	background-size: auto 30px;
}

.frontpage .btn_logo p a{
	display: none;
}

.btn_logo p span{
	display: none;
}


/*ヘッダーメインメニュー　div（PCのみ表示）*/
.header_menu{
	display: none;
}



/* --------------------

グランドメニュー（ドロワーメニュー）

-------------------- */

.drawermenu{
}

/*ドロワー全体　nav　※背景色以外のstyleは「drawer.css」に記載*/
.drawer-nav {
	
	background: url(img/footer_bg.jpg) no-repeat left top;
	background-size: cover;
	background-color: #ffffff;
}

/*グランドメニュー全体　div*/
.drawermenu_box {
	display:block;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	width: 100%;
	min-height: 100vh;
	height: 100%;
}

.drawermenu.scroll_change .drawermenu_box {
}

.drawermenu_outer{
	display:block;
	position: relative;
	letter-spacing: -.40em;
	padding: 4%;
	margin: 0 auto;
	width: calc(100%);
	
	background-color: #ffffff;
	
	-webkit-filter: drop-shadow(0px 3px 8px rgba(0,0,0,.05));
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,.05));	
}


.drawermenu_outer{
	display: inline-block;
	position: relative;
	text-align: center;
	letter-spacing: -.40em;
	padding: 4%;
	margin: 0 auto;
	/*
	width: 86vw;
	max-width: 960px;
	*/
	background-color: #ffffff;
	
	-webkit-filter: drop-shadow(0px 3px 8px rgba(0,0,0,.05));
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,.05));	
}

.drawermenu_inner{
	display: block;
	position: relative;
	text-align: center;
}



/*div*/
.drawermenu1{
	display: block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 100%;
	padding-right: 0%;
	text-align: left;
}

.drawermenu_bigcategory{
	display: inline-block;
	position: relative;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 40px;
}

.menu_text{
	display: block;
	position: relative;
	padding: 5px 10px 3px 20px;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
}

.drawermenu_bigcategory.category_adult .menu_text{
	border-left: solid 2px #4CB597;
}

.drawermenu_bigcategory.category_children .menu_text{
	border-left: solid 2px #FF96A3;
}

.drawermenu_bigcategory.category_pb .menu_text{
	border-left: solid 2px #DCA1D7;
}

.menu_text a{
	font-size: 1.8rem;
	line-height: 120%;
}

.menu_text a:hover{
	color: #777777;
	text-decoration: underline;
}

.menu_text a.icon_blank:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_black.svg) no-repeat center center !important;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
	}

.school_menu_e{
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 100%;
	color: #666666;
	margin-bottom: 5px;
}

.img_link_box{
	display: block;
	position: relative;
	margin-bottom: 15px;
}

.drawermenu1_img_link{
	display: block;
	position: relative;
	width: 100%;
/*	max-width: 328px;*/
	
}

.drawermenu1 img{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.link_list_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.link_list_box ul{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: 100%;
	margin-right: 0%;
}


.link_list_box ul li{
	padding: 2px 0rem 4px 2rem;
	font-size: 1.4rem;
	line-height: 140%;
	margin-bottom: 3px;
}

.link_list_box ul li a{
	color: #555555;
}

.link_list_box ul li a:hover{
	color: #777777;
	text-decoration: underline;
}

.link_list_box ul li a:before{
	content:"●";
	display: inline-block;
	position: absolute;
	vertical-align: text-top;
	font-size: 5px;
	margin-left: -1rem;
	width: 1rem;
}

.category_adult .link_list_box ul li a:before{
	color: #4CB597;
}

.category_children .link_list_box ul li a:before{
	color: #FF96A3;
}

.category_pb .link_list_box ul li a:before{
	color: #DCA1D7;
}



/*div*/
.drawermenu2{
	display: table-cell;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 25%;
	/*white-space: nowrap;*/
	text-align: left;
}

.drawermenu2 ul.drawermenu_list{
	margin-bottom: 40px;
}

.drawermenu.drawermenu2 ul.drawermenu_list li{
	margin-bottom: 6px;
}

.drawermenu.drawermenu2 ul.drawermenu_list li a{
	display:block;
	position:relative;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	line-height: 140%;
	
	z-index:1;
}

.drawermenu.drawermenu2 ul.drawermenu_list li a:hover{
	color: #777777;
	text-decoration: underline;
}

.drawermenu li a.icon_blank:after,
.drawermenu li a.icon_blank:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -4px;
	margin-left: 8px;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_black.svg) no-repeat center center !important;
	background-size: contain;
}


/*ul*/
.drawermenu_sns_box_list{
	display: inline-block;
	position: relative;
	text-align: left;
	
}

.drawermenu_sns_box_list:last-of-type{
	margin-bottom: 40px;
}

.drawermenu_sns_box_list li{
	display: inline-block;
	position: relative;
	width: auto;
	height: 36px;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 5px;
}

.drawermenu_sns_box_list li:last-of-type{
	margin-right: 0px;
}

.drawermenu_sns_box_list li .drawermenu_sns_ig_adult{
	
}

.drawermenu_sns_box_list li .drawermenu_sns_ig_children{
	
}


.drawermenu_sns_box_list li .drawermenu_sns_ln,
.drawermenu_sns_box_list li .drawermenu_sns_ig,
.drawermenu_sns_box_list li .drawermenu_sns_bl,
.drawermenu_sns_box_list li .drawermenu_sns_yt{
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	vertical-align: top;
}

.drawermenu_sns_box_list li .drawermenu_sns_ig_adult{
	display: block;
	position: relative;
	width: 84px;
	height: 36px;
	background: url(img/footer_sns_link_ig_adult.png) no-repeat center center;
	background-size: cover;
}
.drawermenu_sns_box_list li .drawermenu_sns_ig_children{
	display: block;
	position: relative;
	width: 102px;
	width: 91px;
	height: 36px;
	background: url(img/footer_sns_link_ig_children.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_ig{
	background: url(img/footer_sns_link_instagram.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_bl{
	background: url(img/footer_sns_link_blog.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_yt{
	background: url(img/footer_sns_link_youtube.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_ln{
	background: url(img/footer_sns_link_line.png) no-repeat center center;
	background-size: cover;
}

.drawermenu_sns_box_list li .drawermenu_sns_ln span,
.drawermenu_sns_box_list li .drawermenu_sns_ig_children span,
.drawermenu_sns_box_list li .drawermenu_sns_ig_adult span,
.drawermenu_sns_box_list li .drawermenu_sns_ig span,
.drawermenu_sns_box_list li .drawermenu_sns_bl span,
.drawermenu_sns_box_list li .drawermenu_sns_yt span{
	display: none;
}

.drawermenu_sns_box_list li .drawermenu_sns_ln:hover,
.drawermenu_sns_box_list li .drawermenu_sns_ig_children:hover,
.drawermenu_sns_box_list li .drawermenu_sns_ig_adult:hover,
.drawermenu_sns_box_list li .drawermenu_sns_ig:hover,
.drawermenu_sns_box_list li .drawermenu_sns_bl:hover,
.drawermenu_sns_box_list li .drawermenu_sns_yt:hover{
	opacity: 0.8;
}


.drawermenu_logo{
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 50%;
	padding-right: 3%;
	margin-bottom: 40px;
}


.drawermenu_logo a{
	display: block;
	position: relative;
	height: auto;
	background: url(img/logo_color.svg) no-repeat left top;
	background-size: contain;
	padding-bottom: 28%;
}

.drawermenu_logo a span{
	display: none;
}



/* ---------- PCメインメニュー第2階層 ---------- */


/* ---------- PCメインメニュー第3階層 ---------- */



/* ハンバーガーメニュー */

/*中身のハンバーガーメニュー部分のstyleは「drawer.css」に記載*/
.btn_drawermenu{
	display: block;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	width: 100%;
	/*min-width: 1100px;*/
	height: 46px;
	pointer-events: none;
	
	z-index: 10002;/*.drawer-nav（開いたドロワーメニュー）は10001*/
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




/* -------------------------------- 

 コンテンツ欄
 
-------------------------------- */

#contents_all{
	overflow: hidden;
	padding-top: 46px;
	padding-bottom: 0px;
	padding-left: 15px;/*（左の「.side」分100px）*/
	padding-right: 15px;
	min-width: auto;
	background-color: #ffffff;
}

.frontpage #contents_all{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}



#contents_main{
	display: block;
	position: relative;
	margin: 0 auto;
	padding-bottom: 80px;
}

.frontpage #contents_main{
	max-width: 100vw !important;
}


/* --------------------

パンくず

-------------------- */

.topicpath_area {
}

div.topicpath {
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/*------------------------------

フッター

------------------------------*/

#footer{
	display: block;
	min-width: auto;
	background-color: #ffffff;
}


.footer_copyright{
	display: block;
	position: relative;
	padding: 20px 10px 20px 10px;
	
	background: -moz-linear-gradient(right, #80CCD9, #F4F4FA, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #F4F4FA, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #F4F4FA, #F4B2BC);
}

.footer_copyright p{
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

.footer_inner{
	display: block;
	position: relative;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 80px;
	text-align: center;
	
	background: url(img/footer_bg.jpg) no-repeat left -2px;
	background-size: auto 100%;
	background-color: #ffffff;
}

.footer_inner p,
.footer_inner li,
.footer_inner a{
	color: #403D3C;
}


.footer_logo{
	display: inline-block;
	position: relative;
	width: 160px;
	height: 40px;
	background: url(img/logo_color.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 14px;
}

.footer_logo span{
	display: none;
}

.footer_company{
	display: block;
	position: relative;
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 17px;
	margin-bottom: 5px;
}

.footer_address{
	display: block;
	position: relative;
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	margin-bottom: 16px;
}
				
.footer_sns_box{
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 16px;
}

.footer_sns_copy{
	display: block;
	position: relative;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #FFB6C1 !important;
	margin-bottom: 6px;
}

/*ul*/
.footer_sns_box_list{
	display: inline-block;
	position: relative;
	text-align: center;
}

.footer_sns_box_list li{
	display: inline-block;
	position: relative;
	width: 36px;
	height: 36px;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 5px;
}

.footer_sns_ln,
.footer_sns_ig_children,
.footer_sns_ig_adult,
.footer_sns_ig,
.footer_sns_bl,
.footer_sns_yt{
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	vertical-align: top;
	
	border-radius: 36px;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.footer_sns_ig{
	background: url(img/icon_72_sns_ig.png) no-repeat center center;
	background-size: cover;
}
.footer_sns_ig_adult{
	background: url(img/icon_72_sns_ig_adult.png) no-repeat center center;
	background-size: cover;
}
.footer_sns_ig_children{
	background: url(img/icon_72_sns_ig_children.png) no-repeat center center;
	background-size: cover;
}

.footer_sns_bl{
	background: url(img/icon_72_sns_bl.png) no-repeat center center;
	background-size: cover;
}

.footer_sns_yt{
	background: url(img/icon_72_sns_yt.png) no-repeat center center;
	background-size: cover;
}

.footer_sns_ln{
	background: url(img/icon_72_sns_line.png) no-repeat center center;
	background-size: cover;
}

.footer_sns_ln span,
.footer_sns_ig_children span,
.footer_sns_ig_adult span,
.footer_sns_ig span,
.footer_sns_bl span,
.footer_sns_yt span{
	display: none;
}

.footer_sns_ln:hover,
.footer_sns_ig_children:hover,
.footer_sns_ig_adult:hover,
.footer_sns_ig:hover,
.footer_sns_bl:hover,
.footer_sns_yt:hover{
	width: 38px;
	height: 38px;
	margin-top: -1px;
	margin-left: -1px;
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
	
				
.footer_submenu_box{
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

.footer_submenu_box ul{
	display: inline-block;
	position: relative;
}

.footer_submenu_box ul li{
	display: block;
	position: relative;
	padding: 0px;
	text-align: left;
}



.footer_submenu_box ul li a{
	padding: 2px 0px 2px 0px;
	font-size: 13px;
	line-height: 100%;
	white-space: nowrap;
	border-right: solid 0px #403D3C;
}

.footer_submenu_box ul li:last-Child a{
	border-right: solid 0px #403D3C;
}

.footer_submenu_box ul li a:before{
	content:"";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(img/icon_svg_link_black.svg) no-repeat center center;
	background-size: contain;
	margin-right: 3px;
}

.footer_submenu_box ul li a:hover{
	/*color: #F8A09D;*/
	text-decoration: underline;
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.footer_mail_box{
	display: block;
	position: relative;
	text-align: center;
	max-width: 260px;
	margin: 0 auto;
}

.footer_mail_box p{
	text-align: center;
}


/*「お問い合わせ」ボタン　a*/
.footer_mail_box a.button.icon_mail {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 600;
	color: #F8A09D !important;
	background-color: transparent !important;

	border: solid 1px #F8A09D !important;
	padding: 8px 50px 8px 50px;
		
	text-decoration: none;
	margin-top: 6px;	
	margin-bottom: 6px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.footer_mail_box a.button.icon_mail:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -3px;
	margin-left: 8px;
	width: 14px;
	height: 14px;
	background: url(img/icon_svg_mail_pink.svg) no-repeat center center;
	background-size: contain;
}

.footer_mail_box a.button.icon_mail:hover {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	color: #ffffff !important;
		
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	
	border: solid 1px transparent !important;
	padding: 8px 50px 8px 50px;
	
	text-decoration: none;	
	margin-top: 6px;	
	margin-bottom: 6px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.footer_mail_box a.button.icon_mail:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -3px;
	margin-left: 8px;
	width: 14px;
	height: 14px;
	background: url(img/icon_svg_mail_white.svg) no-repeat center center;
	background-size: contain;
}

/*↑旧フッターのスタイルここまで*/

/*新フッターのスタイルここから*/

.footer_company_box{
	margin-bottom: 40px;
}

/*お知らせ PB from CHERIE ショップ バレエ団 春田琴栄Official*/
.footer_sitemap_box_a{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}

.footer_sitemap_box_a_inner{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	letter-spacing: -.40em;
}
					
.footer_sitemap_box_1{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: calc(50% - 15px);
	vertical-align: top;
	margin-right: 30px;
	margin-bottom: 10px;
	text-align: left;
}

.footer_sitemap_box_2{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: calc(50% - 15px);
	vertical-align: top;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align: left;
}

.footer_sitemap_box_3{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: 100%;
	vertical-align: top;
	margin-right: 0px;
	text-align: left;
}

/*会社概要 採用情報 プライバシーポリシー 利用規約 お問い合わせ*/
.footer_sitemap_box_b{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.footer_sitemap_box_b_inner{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	justify-content: space-between;
	letter-spacing: -.40em;
}

.footer_sitemap_link{
	font-size: 1.3rem;
	line-height: 130%;
	font-weight: 500;
	margin-bottom: 1rem;
}

.footer_sitemap_box_1 ul,
.footer_sitemap_box_2 ul{
	display: inline-block;
	width: 100%;
	padding-right: 0%;
	vertical-align: top;
}

.footer_sitemap_box_1 ul:nth-of-type(1),
.footer_sitemap_box_2 ul:nth-of-type(1){
	width: 100%;
}

.footer_sitemap_box_1 ul:nth-of-type(2),
.footer_sitemap_box_2 ul:nth-of-type(2){
	width: 100%;
}

.footer_sitemap_box_1 li,
.footer_sitemap_box_2 li{
	font-size: 1.30rem;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
	padding-right: 1rem;
}

.footer_sitemap_box_1 li a,
.footer_sitemap_box_2 li a{
	color: #555555;
}

.footer_sitemap_box_3 li{
	display: inline-block;
	width: calc(50% - 15px);
	vertical-align: top;
	margin-right: 30px;
	font-size: 1.3rem;
	line-height: 130%;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
	margin-bottom: 5px;
}

.footer_sitemap_box_3 li:nth-child(2n){
	margin-right: 0px;
}



.footer_sitemap_box_b_inner_left{
	display: block;
	position: relative;
	letter-spacing: normal;
	text-align: left;
}

.footer_sitemap_box_b_inner_right{
	display: block;
	position: relative;
	letter-spacing: normal;
	text-align: left;
}

.footer_sitemap_box_b_inner_left ul,
.footer_sitemap_box_b_inner_right ul{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
}

.footer_sitemap_box_b_inner_left ul li,
.footer_sitemap_box_b_inner_right ul li{
	display: inline-block;
	letter-spacing: normal;
	width: calc(50% - 15px);
	line-height: 130%;
	text-align: left;
	margin-right: 30px;
	font-size: 1.3rem;
	line-height: 130%;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
	margin-bottom: 5px;
}

.footer_sitemap_box_b_inner_left ul li:nth-child(2n),
.footer_sitemap_box_b_inner_right ul li:nth-child(2n){
	margin-right: 0px;
}

.footer_sitemap_box_b_inner_left ul li.inquire_link{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.footer_sitemap_box_b_inner_left ul li{
	vertical-align: middle;
}


/*「お問い合わせ」ボタン　a*/
.footer_sitemap_box_b_inner_left ul li a.button.icon_mail {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.24rem;
	font-weight: normal;
	color: #555555 !important;
	background-color: transparent !important;
	vertical-align: middle;
	border: solid 1px #555555 !important;
	padding: 5px 15px 5px 15px;

	text-decoration: none;

	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;

	min-width: auto;

	transition: unset;
}

.footer_sitemap_box_b_inner_left ul li a.button.icon_mail:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	top:2px;
	margin-top: 0px;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	background: url(img/icon_svg_mail_black.svg) no-repeat center center;
	background-size: contain;
}

.footer_sitemap_box_b_inner_left ul li a.button.icon_mail:hover {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.24rem;
	color: #ffffff !important;
	vertical-align: middle;
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);

	border: solid 1px transparent !important;
	padding: 5px 15px 5px 15px;

	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;

	transition: unset;
}

.footer_sitemap_box_b_inner_left ul li a.button.icon_mail:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	top:2px;
	margin-top: 0px;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	background: url(img/icon_svg_mail_white.svg) no-repeat center center;
	background-size: contain;
}


.footer_sitemap_link a:hover,
.footer_sitemap_box_1 li a:hover,
.footer_sitemap_box_2 li a:hover,
.footer_sitemap_box_3 li a:hover{
	color: #777777;
	text-decoration: underline;
}

.footer_sitemap_link a:hover,
.footer_sitemap_box_1 li a:hover,
.footer_sitemap_box_2 li a:hover,
.footer_sitemap_box_3 li a:hover,
.footer_sitemap_box_b_inner_left ul li a:hover{
	color: #777777;
	text-decoration: underline;
}

.footer_sitemap_link a.icon_blank:hover:after,
.footer_sitemap_box_1 li a.icon_blank:hover:after,
.footer_sitemap_box_2 li a.icon_blank:hover:after,
.footer_sitemap_box_3 li a.icon_blank:hover:after,
.footer_sitemap_box_b_inner_left ul li a.icon_blank:hover:after{
	background: url(img/icon_svg_blank_black.svg) !important;
}


.footer_sitemap_box_b_inner_right{
	display: block;
	position: relative;
	margin: 0 auto;
}

/*ul*/
.footer_sitemap_box_b_inner_right .footer_sns_box_list{
	display: inline-block;
	position: relative;
	text-align: center;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li{
	display: inline-block;
	position: relative;
	width: auto;
	height: 36px;
	margin-left: 0px;
	margin-right: 12px;
	margin-bottom: 5px;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li:nth-of-type(2){
	margin-right: 16px;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li:last-of-type{
	margin-right: 0px;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_adult{
	width: 84px;
	height: 36px;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_children{
	width: 102px;
	width: 91px;
	height: 36px;
}


.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ln,
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig,
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_bl,
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_yt{
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	vertical-align: top;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig{
	/*
	background: url(img/icon_72_sns_ig.png) no-repeat center center;
	background-size: cover;
	*/
	background: url(img/footer_sns_link_ig.png) no-repeat center center;
	background-size: cover;
}
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_adult{
	background: url(img/footer_sns_link_ig_adult.png) no-repeat center center;
	background-size: cover;
}
.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ig_children{
	background: url(img/footer_sns_link_ig_children.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_bl{
	background: url(img/footer_sns_link_blog.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_yt{
	background: url(img/footer_sns_link_youtube.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_box_list li .footer_sns_ln{
	background: url(img/footer_sns_link_line.png) no-repeat center center;
	background-size: cover;
}

.footer_sitemap_box_b_inner_right .footer_sns_ln span,
.footer_sitemap_box_b_inner_right .footer_sns_ig_children span,
.footer_sitemap_box_b_inner_right .footer_sns_ig_adult span,
.footer_sitemap_box_b_inner_right .footer_sns_ig span,
.footer_sitemap_box_b_inner_right .footer_sns_bl span,
.footer_sitemap_box_b_inner_right .footer_sns_yt span{
	display: none;
}

.footer_sitemap_box_b_inner_right .footer_sns_ln:hover,
.footer_sitemap_box_b_inner_right .footer_sns_ig_children:hover,
.footer_sitemap_box_b_inner_right .footer_sns_ig_adult:hover,
.footer_sitemap_box_b_inner_right .footer_sns_ig:hover,
.footer_sitemap_box_b_inner_right .footer_sns_bl:hover,
.footer_sitemap_box_b_inner_right .footer_sns_yt:hover{
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	opacity: 0.8;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}






/* ----------ページTOPへボタン---------- */
#pagetop_wrapper {

	position: fixed;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	right: 10px;
	bottom: 10px;
	width: 36px;
	height: 36px;
	padding: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	z-index: 100;
}

.pagetop{
	display: inline-block;
	position: relative;
	width: 46px;
	height: 46px;
}

/*a*/
.pagetop a {
	display: inline-block;
	position: relative;
	
	width: 36px;
	height: 36px;
	
	background-color: #ffffff;

	border: solid 1px #F8A09D !important;
	padding: 1px 16px 1px 16px;
	
	background-image: url(img/icon_svg_left_pink.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 16px;
	transform:rotateZ(90deg);
		
	text-decoration: none;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.pagetop a:hover {
	opacity: 0.9;
	width: 38px;
	height: 38px;
	margin-top: -1px;
	margin-left: -1px;
}

.pagetop a span {
	display:none;
}





/* --------------------

サイド

-------------------- */

.side_link_box1{
	opacity: 0 !important;
	pointer-events: none;
}

.side_sns_ln,
.side_sns_ig_children,
.side_sns_ig_adult,
.side_sns_ig,
.side_sns_bl,
.side_sns_yt{
	opacity: 0 !important;
	pointer-events: none;
}


.side_link_box2{
	/*
	display: block;
	position: fixed;
	top:auto;
	right: auto;
	left: 10px;
	bottom: 10px;
	width: 100%;
	min-height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	*/
	
	z-index: 101;

	display: none;
	opacity: 0 !important;
	pointer-events: none;
	
}

.side_link_box_list {
	display: block;
	letter-spacing: -.40em;
}

.side_link_box_list li{
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	margin-bottom: 0px;
	margin-right: 5px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: normal;
}


.side_link_news,
.side_link_contact,
.side_link_company{
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	
	pointer-events: visible;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.side_link_news{
	background: url(img/side_tab_news.png) no-repeat center center;
	background-size: 48px 48px;
	background-color: rgba(255,145,145,1.0);
}

.side_link_contact{
	background: url(img/side_tab_mail.png) no-repeat center center;
	background-size: 48px 48px;
	background-color: rgba(255,145,145,1.0);
}

.side_link_company{
	background: url(img/side_tab_company.png) no-repeat center center;
	background-size: 48px 48px;
	background-color: rgba(255,145,145,1.0);
}

.side_link_news span,
.side_link_contact span,
.side_link_company span{
	display: none;
}

.side_link_news:hover,
.side_link_contact:hover,
.side_link_company:hover{
	width: 50px;
	height: 50px;
	
	margin-top: -1px;
	margin-left: -1px;
	
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.tooltip{
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.tooltip p{
	margin:0;
	padding:0;
}

.tooltip_text {
	display: none;
	position: absolute;
	padding: 5px 5px 7px 5px;
	font-size: 12px;
	line-height: 140%;
	color: #fff;
	border-radius: 4px;
	background: #000;
	width: 70px;
}

.tooltip_text:before {
	content: "";
	position: absolute;
	top: 20%;
	right: 95%;
	border: 7px solid transparent;
	border-top: 7px solid #000;
	margin-left: -7px;
	transform: rotateZ(90deg);
}

.tooltip:hover .tooltip_text{
	display: inline-block;
	top: 5px;
	left: 40px;
}

.side_link_news, .side_link_contact, .side_link_company, 
.side_sns_ig_children, .side_sns_ig_adult, .side_sns_ig, .side_sns_bl, .side_sns_yt, .side_sns_ln {
opacity: 0 !important;
pointer-events: none;
}







/*------------------------------

各パーツ設定

------------------------------*/

.section_content_box{
	display: block;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}



/* -------------------- H1 -------------------- */

h1{
	font-size: 3.6rem;
	line-height: 130%;
}



/* -------------------- H2 -------------------- */

h2{
	font-size: 2.4rem;
	line-height: 130%;
}


/* -------------------- H3 -------------------- */

h3{
	font-size: 2.2rem;
	line-height: 130%;
}


/* -------------------- H4/H5/H6 見出し設定 -------------------- */

h4{
	font-weight:bold;
}

h5{
	font-weight:bold;
}

h6{
	font-weight:bold;
}

/* ---------- 記事のpノーマル ---------- */

/*コメントタグをpダグで入れる場合に使用（<p class="comment">コメント</p>）*/
p.comment {
	display: none;
}

/*右にfloatさせる　主にpタグに指定*/
.float_left{
	float: left;
	padding-right: 10px;
}

.float_none{
	float:none;
	margin-right: 0px;
}




/* -----------------------

各パーツ設定

----------------------- */


/* ---------- 記事のpノーマル ---------- */
/*PCのスタイルをそのまま利用*/

/*サイズアップ*/
/*基本はPCのスタイルをそのまま利用*/
/*SPのみフォントサイズを変更する場合*/
.sp_fs_100{font-size:100% !important;}
.sp_fs_110{font-size:110% !important;}
.sp_fs_120{font-size:120% !important;}
.sp_fs_130{font-size:130% !important;}
.sp_fs_140{font-size:140% !important;}
.sp_fs_150{font-size:150% !important;}
.sp_fs_160{font-size:160% !important;}
.sp_fs_170{font-size:170% !important;}
.sp_fs_180{font-size:180% !important;}
.sp_fs_190{font-size:190% !important;}
.sp_fs_200{font-size:200% !important;}
.sp_fs_210{font-size:210% !important;}
.sp_fs_220{font-size:220% !important;}
.sp_fs_230{font-size:230% !important;}
.sp_fs_240{font-size:240% !important;}
.sp_fs_250{font-size:250% !important;}
.sp_fs_260{font-size:260% !important;}
.sp_fs_270{font-size:270% !important;}
.sp_fs_280{font-size:280% !important;}
.sp_fs_290{font-size:290% !important;}
.sp_fs_300{font-size:300% !important;}

/*サイズダウン*/
/*基本はPCのスタイルをそのまま利用*/
/*SPのみフォントサイズを変更する場合*/
.sp_fs_95{font-size:95% !important;}
.sp_fs_90{font-size:90% !important;}
.sp_fs_85{font-size:85% !important;}
.sp_fs_80{font-size:80% !important;}
.sp_fs_75{font-size:75% !important;}
.sp_fs_70{font-size:70% !important;}
.sp_fs_60{font-size:60% !important;}
.sp_fs_50{font-size:50% !important;}
.sp_fs_40{font-size:40% !important;}
.sp_fs_30{font-size:30% !important;}
.sp_fs_20{font-size:20% !important;}
.sp_fs_10{font-size:10% !important;}



/* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
.sp_none{
	display: none !important;
}

/* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
.sp_none{
	display: none !important;
}

.sp_mb0{
	margin-bottom: 0px !important;
}

.sp_mb1{
	margin-bottom: 1px !important;
}

.sp_mb2{
	margin-bottom: 2px !important;
}

.sp_mb3{
	margin-bottom: 3px !important;
}

.sp_mb4{
	margin-bottom: 4px !important;
}

.sp_mb5{
	margin-bottom: 5px !important;
}

.sp_mb6{
	margin-bottom: 6px !important;
}

.sp_mb7{
	margin-bottom: 7px !important;
}

.sp_mb8{
	margin-bottom: 8px !important;
}

.sp_mb9{
	margin-bottom: 9px !important;
}

.sp_mb10{
	margin-bottom: 10px !important;
}

.sp_mb15{
	margin-bottom: 15px !important;
}

.sp_mb20{
	margin-bottom: 20px !important;
}

.sp_mb25{
	margin-bottom: 25px !important;
}

.sp_mb30{
	margin-bottom: 30px !important;
}

.sp_mb40{
	margin-bottom: 40px !important;
}

.sp_mb50{
	margin-bottom: 50px !important;
}

.sp_mb60{
	margin-bottom: 60px !important;
}

.sp_mb70{
	margin-bottom: 70px !important;
}

.sp_mb80{
	margin-bottom: 80px !important;
}

.sp_mb90{
	margin-bottom: 90px !important;
}

.sp_mb100{
	margin-bottom: 100px !important;
}



.sp_mt0{
	margin-top: 0px !important;
}

.sp_mt10{
	margin-top: 10px !important;
}

.sp_mt20{
	margin-top: 20px !important;
}

.sp_mt30{
	margin-top: 30px !important;
}

.sp_mt40{
	margin-top: 40px !important;
}

.sp_mt50{
	margin-top: 50px !important;
}

.sp_mt60{
	margin-top: 60px !important;
}

.sp_mt70{
	margin-top: 70px !important;
}

.sp_mt80{
	margin-top: 80px !important;
}

.sp_mt90{
	margin-top: 90px !important;
}

.sp_mt100{
	margin-top: 100px !important;
}


.sp_mt-10{
	margin-top: -10px !important;
}

.sp_mt-20{
	margin-top: -20px !important;
}

.sp_mt-30{
	margin-top: -30px !important;
}

.sp_mt-40{
	margin-top: -40px !important;
}

.sp_mt-50{
	margin-top: -50px !important;
}

.sp_mt-60{
	margin-top: -60px !important;
}

.sp_mt-70{
	margin-top: -70px !important;
}

.sp_mt-80{
	margin-top: -80px !important;
}

.sp_mt-90{
	margin-top: -90px !important;
}

.sp_mt-100{
	margin-top: -100px !important;
}



.sp_pb0{
	padding-bottom: 0px !important;
}

.sp_pb1{
	padding-bottom: 1px !important;
}

.sp_pb2{
	padding-bottom: 2px !important;
}

.sp_pb3{
	padding-bottom: 3px !important;
}

.sp_pb4{
	padding-bottom: 4px !important;
}

.sp_pb5{
	padding-bottom: 5px !important;
}

.sp_pb6{
	padding-bottom: 6px !important;
}

.sp_pb7{
	padding-bottom: 7px !important;
}

.sp_pb8{
	padding-bottom: 8px !important;
}

.sp_pb9{
	padding-bottom: 9px !important;
}

.sp_pb10{
	padding-bottom: 10px !important;
}

.sp_pb15{
	padding-bottom: 15px !important;
}

.sp_pb20{
	padding-bottom: 20px !important;
}

.sp_pb25{
	padding-bottom: 25px !important;
}

.sp_pb30{
	padding-bottom: 30px !important;
}

.sp_pb40{
	padding-bottom: 40px !important;
}

.sp_pb50{
	padding-bottom: 50px !important;
}

.sp_pb60{
	padding-bottom: 60px !important;
}

.sp_pb70{
	padding-bottom: 70px !important;
}

.sp_pb80{
	padding-bottom: 80px !important;
}

.sp_pb90{
	padding-bottom: 90px !important;
}

.sp_pb100{
	padding-bottom: 100px !important;
}



.sp_pt0{
	padding-top: 0px !important;
}

.sp_pt10{
	padding-top: 10px !important;
}

.sp_pt20{
	padding-top: 20px !important;
}

.sp_pt30{
	padding-top: 30px !important;
}

.sp_pt40{
	padding-top: 40px !important;
}

.sp_pt50{
	padding-top: 50px !important;
}

.sp_pt60{
	padding-top: 60px !important;
}

.sp_pt70{
	padding-top: 70px !important;
}

.sp_pt80{
	padding-top: 80px !important;
}

.sp_pt90{
	padding-top: 90px !important;
}

.sp_pt100{
	padding-top: 100px !important;
}


/*スマホのみ左右中央揃えの指定　text-alignの略*/
.sp_ta_center{text-align: center !important;}
.sp_ta_left{text-align: left !important;}
.sp_ta_right{text-align: right !important;}



/* ---------- 記事のpノーマル ---------- */

/* ---------- 白ベタエリア　div ---------- */

/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption {
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	
	height: auto;
}

/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

img{

}

/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone{
	display: block;
	width: 100%!important;
	margin-bottom: 10px;
	clear: left;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
/* ----------写真を中央に配置---------- */

/* ----------画像まわしこみを解除----------*/
.aligncenter {
	float: none;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/

/*メディアライブラリから挿入した時の、imgのclass*/
.aligncenter {
	padding-right: 0px;
	padding-left: 0px;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	text-align: center;
	
	float: none;
}

.alignright {
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	text-align: center;
	
	float: none;
}

.alignleft {
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	text-align: center;
	
	float: none;
}

/*PCではalignleft、alignrightを指定しつつ、スマホではセンターにしたい場合。　※例）alignleft sp_aligncenter 併記*/
.sp_aligncenter {
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	height: auto;
	text-align: center !important;
	
	float: none;
}

.alignnone {
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	text-align: center;
	
	float: none;
}

/*PCではalignleft、alignrightを指定しつつ、スマホではセンターにしたい場合。　※例）alignleft sp_alignnone 併記*/
.sp_alignnone {
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	height: auto;
	text-align: center !important;
	
	float: none;
}


img.aligncenter,
img.alignright,
img.alignleft,
img.alignnone{
	text-align: center;
	margin: 0 auto;
	max-width: 100% !important;
}



/* ----------写真を左に配置---------- */
.alignleft img {
	display: block;
	float: none;
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}

/* ----------写真を右側に配置---------- */
.alignright img {
	display: block;
	float: none;
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}

/* ----------スマホだけ写真を中央に配置---------- */
.aligncenter img,
.sp_aligncenter img {
	display: block;
	float: none;
	padding-right: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin: 0 auto !important;
	margin-bottom: 10px !important;
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}


/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
p.wp-caption-text,
.wp-caption-text {
	display: block;
	text-align: left;
	font-size: 90%;
	line-height: 140%;
	color: #797979;
	clear: both;
}

/*キャプションのスタイル（aligncenterの場合）*/
.aligncenter .wp-caption-text{
	display: block;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	color: #797979;
	clear: both;
}



/* 右寄せで写真を縦に並べるカラム状のボックス */

.photo_column_right{
	float:none;
	 margin-left:0px;
}

/*alignleft、alignright等と併記して、横幅を%可変にする スマホのみ*/
.sp_w10per{width: 10% !important;}
.sp_w20per{width: 20% !important;}
.sp_w30per{width: 30% !important;}
.sp_w40per{width: 40% !important;}
.sp_w50per{width: 50% !important;}
.sp_w60per{width: 60% !important;}
.sp_w70per{width: 70% !important;}
.sp_w80per{width: 80% !important;}
.sp_w90per{width: 90% !important;}
.sp_w100per{width: 100% !important;}

.sp_w10per img,
.sp_w20per img,
.sp_w30per img,
.sp_w40per img,
.sp_w50per img,
.sp_w60per img,
.sp_w70per img,
.sp_w80per img,
.sp_w90per img,
.sp_w100per img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.trim.sp_w100per {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-bottom: 75%;/*4:3*/
	margin-bottom: 10px;
}

.trim.sp_w10per{
	width: 10%;
	padding-bottom: 7.5%;
}

.trim.sp_w20per{
	width: 20%;
	padding-bottom: 15%;
}

.trim.sp_w30per{
	width: 30%;
	padding-bottom: 22.5%;
}

.trim.sp_w40per{
	width: 40%;
	padding-bottom: 30%;
}

.trim.sp_w50per{
	width: 50%;
	padding-bottom: 37.5%;
}

.trim.sp_w60per{
	width: 60%;
	padding-bottom: 45%;
}

.trim.sp_w70per{
	width: 70%;
	padding-bottom: 52.5%;
}

.trim.sp_w80per{
	width: 80%;
	padding-bottom: 60%;
}

.trim.sp_w90{
	width: 90%;
	padding-bottom: 67.5%;
}

.trim.sp_w100perper{
	width: 100%;
	padding-bottom: 75%;
}


.trim_wide.sp_w100per {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-bottom: 56.625%;/*16:9*/
	margin-bottom: 10px;
}

.trim_wide.sp_w10per{
	width: 10%;
	padding-bottom: 5.6625%;
}

.trim_wide.sp_w20per{
	width: 20%;
	padding-bottom: 11.325%;
}

.trim_wide.sp_w30per{
	width: 30%;
	padding-bottom: 17%;
}

.trim_wide.sp_w40per{
	width: 40%;
	padding-bottom: 22.65%;
}

.trim_wide.sp_w50per{
	width: 50%;
	padding-bottom: 28.3125%;
}

.trim_wide.sp_w60per{
	width: 60%;
	padding-bottom: 33.975%;
}

.trim_wide.sp_w70per{
	width: 70%;
	padding-bottom: 39.6375%;
}

.trim_wide.sp_w80per{
	width: 80%;
	padding-bottom: 45.3%;
}

.trim_wide.sp_w90per{
	width: 90%;
	padding-bottom: 50.9625%;
}

.trim_wide.sp_w100per{
	width: 100%;
	padding-bottom: 56.625%;
}

.trim.sp_w100per img,
.trim_wide.sp_w100per img {
	width: 100%;
	left: 50%;
	left: -webkit-calc(50%) ;
	left: calc(50%) ;
}


.sp_aligncenter.sp_w10per img,
.sp_alignnone.sp_w10per img,
.sp_aligncenter.sp_w20per img,
.sp_alignnone.sp_w20per img,
.sp_aligncenter.sp_w30per img,
.sp_alignnone.sp_w30per img,
.sp_aligncenter.sp_w40per img,
.sp_alignnone.sp_w40per img,
.sp_aligncenter.sp_w50per img,
.sp_alignnone.sp_w50per img,
.sp_aligncenter.sp_w60per img,
.sp_alignnone.sp_w60per img,
.sp_aligncenter.sp_w70per img,
.sp_alignnone.sp_w70per img,
.sp_aligncenter.sp_w80per img,
.sp_alignnone.sp_w80per img,
.sp_aligncenter.sp_w90per img,
.sp_alignnone.sp_w90per img,
.sp_aligncenter.sp_w100per img,
.sp_alignnone.sp_w100per img{
	width: 100%;
	width: -webkit-calc(100%) ;
	width: calc(100%) ;
	left: 0% !important;
	left: -webkit-calc(0px) !important;
	left: calc(0px) !important;
}

.trim.sp_aligncenter.trim.sp_w10per img,
.trim.sp_alignnone.trim.sp_w10per img,
.trim.sp_aligncenter.trim.sp_w20per img,
.trim.sp_alignnone.trim.sp_w20per img,
.trim.sp_aligncenter.trim.sp_w30per img,
.trim.sp_alignnone.trim.sp_w30per img,
.trim.sp_aligncenter.trim.sp_w40per img,
.trim.sp_alignnone.trim.sp_w40per img,
.trim.sp_aligncenter.trim.sp_w50per img,
.trim.sp_alignnone.trim.sp_w50per img,
.trim.sp_aligncenter.trim.sp_w60per img,
.trim.sp_alignnone.trim.sp_w60per img,
.trim.sp_aligncenter.trim.sp_w70per img,
.trim.sp_alignnone.trim.sp_w70per img,
.trim.sp_aligncenter.trim.sp_w80per img,
.trim.sp_alignnone.trim.sp_w80per img,
.trim.sp_aligncenter.trim.sp_w90per img,
.trim.sp_alignnone.trim.sp_w90per img,
.trim.sp_aligncenter.trim.sp_w100per img,
.trim.sp_alignnone.trim.sp_w100per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w10per img,
.trim_wide.sp_alignnone.trim_wide.sp_w10per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w20per img,
.trim_wide.sp_alignnone.trim_wide.sp_w20per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w30per img,
.trim_wide.sp_alignnone.trim_wide.sp_w30per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w40per img,
.trim_wide.sp_alignnone.trim_wide.sp_w40per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w50per img,
.trim_wide.sp_alignnone.trim_wide.sp_w50per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w60per img,
.trim_wide.sp_alignnone.trim_wide.sp_w60per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w70per img,
.trim_wide.sp_alignnone.trim_wide.sp_w70per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w80per img,
.trim_wide.sp_alignnone.trim_wide.sp_w80per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w90per img,
.trim_wide.sp_alignnone.trim_wide.sp_w90per img,
.trim_wide.sp_aligncenter.trim_wide.sp_w100per img,
.trim_wide.sp_alignnone.trim_wide.sp_w100per{
	width: 100%;
	width: -webkit-calc(100%) ;
	width: calc(100%) ;
	left: 50% !important;
	left: -webkit-calc(50% - 0px) !important;
	left: calc(50% - 0px) !important;
}



/*スマホで、画像が大きすぎる場合、max-widthを指定して中央に配置　p このclassが指定されたpタグでくくったimgに適用される*/

/*width:150px*/
.img_width_150,
.img_width_150{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

.img_width_150 img,
.img_width_150 img{
	max-width: 150px !important;
}

.img_width_150 img.alignright,
.img_width_150 img.alignright,
.img_width_150 img.alignleft,
.img_width_150 img.alignleft{
	float: none !important;
}

/*width:180px*/
.img_width_180,
.img_width_180{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

.img_width_180 img,
.img_width_180 img{
	max-width: 180px !important;
}

.img_width_180 img.alignright,
.img_width_180 img.alignright,
.img_width_180 img.alignleft,
.img_width_180 img.alignleft{
	float: none !important;
}

/*width:200px*/
.img_width_200,
.img_width_200{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

.img_width_200 img,
.img_width_200 img{
	max-width: 200px !important;
}

.img_width_200 img.alignright,
.img_width_200 img.alignright,
.img_width_200 img.alignleft,
.img_width_200 img.alignleft{
	float: none !important;
}

/*width:250px*/
.img_width_250,
.img_width_250{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

.img_width_250 img,
.img_width_250 img{
	max-width: 250px !important;
}

.img_width_250 img.alignright,
.img_width_250 img.alignright,
.img_width_250 img.alignleft,
.img_width_250 img.alignleft{
	float: none !important;
}

/*width:300px*/
.img_width_300,
.img_width_300{
	display: block !important;
	float: none !important;
	min-width: 300px;
	width: 100% !important;
	text-align: center !important;
}

.img_width_300 img,
.img_width_300 img{
	max-width: 300px !important;
}

.img_width_300 img.alignright,
.img_width_300 img.alignright,
.img_width_300 img.alignleft,
.img_width_300 img.alignleft{
	float: none !important;
}

/*スマホで画像の最大の横幅を規制して、center揃え　imgを囲んでいるdivやpタグにつけるclass*/
.sp_width_10,
.sp_width_16,
.sp_width_20,
.sp_width_24,
.sp_width_30,
.sp_width_36,
.sp_width_40,
.sp_width_48,
.sp_width_50,
.sp_width_60,
.sp_width_70,
.sp_width_80,
.sp_width_90,
.sp_width_100,
.sp_width_120,
.sp_width_160,
.sp_width_180,
.sp_width_210,
.sp_width_220,
.sp_width_240,
.sp_width_270,
.sp_width_300,
.sp_width_320,
.sp_width_340,
.sp_width_420{
	width: 100% !important;
	float: none !important;
	text-align: center;
}

.sp_width_10 img{
	max-width: 10px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_16 img{
	max-width: 16px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_20 img{
	max-width: 20px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_24 img{
	max-width: 24px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_30 img{
	max-width: 30px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_36 img{
	max-width: 36px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_40 img{
	max-width: 40px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_48 img{
	max-width: 48px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_50 img{
	max-width: 50px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_60 img{
	max-width: 60px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_70 img{
	max-width: 70px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_80 img{
	max-width: 80px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_90 img{
	max-width: 90px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_100 img{
	max-width: 100px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_120 img{
	max-width: 120px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_160 img{
	max-width: 160px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_180 img{
	max-width: 180px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_210 img{
	max-width: 210px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_220 img{
	max-width: 220px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_240 img{
	max-width: 240px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_270 img{
	max-width: 270px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}
.sp_width_300 img{
	max-width: 300px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_320 img{
	max-width: 320px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_340 img{
	max-width: 340px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

.sp_width_420 img{
	max-width: 420px !important;
	height: auto !important;
	text-align: center !important;
	float: none;
}

/*囲んでいるdivやpではなく、imgに直接classを追加した場合*/
img.sp_width_10,
img.sp_width_16,
img.sp_width_20,
img.sp_width_24,
img.sp_width_30,
img.sp_width_36,
img.sp_width_40,
img.sp_width_48,
img.sp_width_50,
img.sp_width_60,
img.sp_width_70,
img.sp_width_80,
img.sp_width_90,
img.sp_width_100,
img.sp_width_120,
img.sp_width_160,
img.sp_width_180,
img.sp_width_210,
img.sp_width_220,
img.sp_width_240,
img.sp_width_270,
img.sp_width_300,
img.sp_width_320,
img.sp_width_340,
img.sp_width_420{
	height: auto !important;
}

img.sp_width_10{max-width: 10px;}
img.sp_width_16{max-width: 16px;}
img.sp_width_20{max-width: 20px;}
img.sp_width_24{max-width: 24px;}
img.sp_width_30{max-width: 30px;}
img.sp_width_36{max-width: 36px;}
img.sp_width_40{max-width: 40px;}
img.sp_width_48{max-width: 48px;}
img.sp_width_50{max-width: 50px;}
img.sp_width_60{max-width: 60px;}
img.sp_width_70{max-width: 70px;}
img.sp_width_80{max-width: 80px;}
img.sp_width_90{max-width: 90px;}
img.sp_width_100{max-width: 100px;}
img.sp_width_120{max-width: 120px;}
img.sp_width_160{max-width: 160px;}
img.sp_width_180{max-width: 180px;}
img.sp_width_210{max-width: 210px;}
img.sp_width_220{max-width: 220px;}
img.sp_width_240{max-width: 240px;}
img.sp_width_270{max-width: 270px;}
img.sp_width_300{max-width: 300px;}
img.sp_width_320{max-width: 320px;}
img.sp_width_340{max-width: 340px;}
img.sp_width_420{max-width: 420px;}



/* ---------- 記事内のテーブル設定 ---------- */

/*レスポンシブさせたくないtableには「no_responsive_table」というclassを記述する*/
/*.gsc-table-result　は、Googleの検索結果のテーブル*/
/*.gcsc-branding　は、Googleの検索結果の下のpowered byのテーブル*/
/*.table_img_2column は、横並びの画像をスマホでも横並びのまま表示するtableのclass*/
/*.ui-datepicker-calendarは、MW WP Formの日付選択の時に表示されるカレンダーdatepickerのtableのclass*/


table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) {
	border: none !important;
	border-top: #e7e7e7 solid 1px !important;
}

/*あえて幅をせまく調整したテーブルでも、スマホでは横幅100%にする*/
table.table_90per,
table.table_80per,
table.table_70per,
table.table_60per,
table.table_50per,
table.table_40per,
table.table_30per,
table.table_20per,
table.table_10per {
	width: 100% !important;
}




table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) tr {
	display: block;
	border: none !important;
	border-bottom: #e7e7e7 solid 1px !important;
	padding:4px 0px 4px 0px;
	margin-bottom: 4px;
	width:100% !important;
}
/*スケジュールの下線削除*/
table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) tr.schedule {
	border-bottom: 0px !important;
	padding:4px 0px 0px 0px;
	margin-bottom: 0px;
}


table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) th {
	padding: 4px 5px 2px 5px !important;
	margin-bottom: 4px !important;
	background-color: #EDEDE9;
	/*white-space: nowrap;*/
	overflow: hidden;
	display: block;
	border: none !important;
	width:100% !important;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
}



table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) td {
	border-left: none !important;
	word-wrap: break-word;
	overflow: hidden;
	display: block;
	padding: 2px 5px 8px 5px !important;
	margin-bottom: 0px !important;
	border: none !important;
	width:100% !important;
}




/*レスポンシブさせないテーブルのフォントはちょっと小さくする*/
table.no_responsive_table tr{
	padding:0px 0px 0px 0px !important;
	font-size:96% !important;
	line-height:150% !important;
}

table.no_responsive_table th{
	padding: 8px 5px 8px 5px !important;
	font-size:86% !important;
	line-height:150% !important;
	white-space:nowrap !important;
}

table.no_responsive_table td{
	padding: 8px 5px 8px 5px !important;
	font-size:96% !important;
	line-height:150% !important;
}



/*tableをスクロールありで表示させる場合、これで囲む　div*/
.table_scroll_box{
	width: auto !important;
	overflow-x:auto !important;
}

.table_scroll_box table.no_responsive_table {
	width: auto;
min-width: 100%;
}

.table_scroll_box table.no_responsive_table tr th,
.table_scroll_box table.no_responsive_table tr td{
	/*white-space: nowrap !important;*/
}

/*改行させない*/
.sp_nowrap,
table tr.sp_nowrap,
table tr th.sp_nowrap,
table tr td.sp_nowrap,
p.sp_nowrap,
span.sp_nowrap{
	white-space: nowrap !important;
}


th img,
td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 480px !important;
	width: 100% !important;
	height: auto;
}


/*横並びの画像をスマホでも横並びのまま表示するtable　のstyle罫線無し**/

table.table_img_2column {
	border: none !important;
	display: block;
	max-width: 100%;
}

table.table_img_2column tr {
	font-size:96% !important;
	line-height:150% !important;
	border: none !important;
}

table.table_img_2column th {
	font-size:96% !important;
	line-height:150% !important;
	white-space:normal !important;
	border: none !important;
}

table.table_img_2column td {
	font-size:96% !important;
	line-height:150% !important;
	border: none !important;
}

table.table_img_2column img{
	margin-bottom: 0px !important;
}



table.table_2column {
	margin-bottom: 0.5rem;
	border-top: #e7e7e7 solid 1px;
	border-left: #e7e7e7 solid 1px;
	width: 100% !important;
	float: none !important;
	margin-right: 0% !important;
}

table.table_4column {
	margin-bottom: 0.5rem;
	border-top: #e7e7e7 solid 1px;
	border-left: #e7e7e7 solid 1px;
	width: 100% !important;
	float: none !important;
	margin-right: 0% !important;
}


/*スマホレスポンシブ対応のテーブル*/
table.sp_responsive_table tr,
table.sp_responsive_table th,
table.sp_responsive_table td {
	display: block;
	width: 100%;
}

table.sp_responsive_table tr{
	margin-bottom: 3rem;
}

table.sp_responsive_table td {
	text-align: left;
}

table.sp_responsive_table .sp_only {
	display:inline-block !important;
}

/*スマホのみ、tr（の上辺）に罫線を追加するスタイル*/
.tr_line_solid_sponly {
	border-top: #e7e7e7 solid 1px !important;
}

.tr_line_dotted_sponly {
	border-top: #e7e7e7 dotted 1px !important;
}


/*桁数を指定して揃える　半角で5文字分*/
span.digit5{
	display:inline;
	width:auto !important;
	text-align: left;
}

/*桁数を指定して揃える　半角で6文字分*/
span.digit6{
	display:inline;
	width:auto !important;
	text-align: left;
}









/*一番上の項目行を左の列に可変テーブル（「no_responsive_table」と併記）*/
table.td_change_table {
	display: block;
	width: 100%;
	border-top: #DBD8CC solid 1px;
	border-left: #DBD8CC solid 0px;
	margin-bottom: 10px !important;
}

table.td_change_table.w_auto{
	width: auto;
}
 
table.td_change_table thead {
		display: none;
}

table.td_change_table tbody {
		display: block;
}

table.td_change_table tbody tr {
	display: block;
	position: relative;
	width: 100%;
	padding: 0px !important;
	margin-bottom: 5px;
	
	border-top: #DBD8CC solid 1px !important;
	border-left: #DBD8CC solid 1px !important;
	border-bottom: #DBD8CC solid 0px !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table.td_change_table tbody tr:first-Child {
	border-top: #DBD8CC solid 0px !important;
}

table.td_change_table > tbody > tr > th,
table.td_change_table > tbody > tr > td {
		display: flex;
		overflow: hidden;
		
		padding: 0px 0px 0px 0px !important;
		border-right: #DBD8CC solid 0px !important;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1.4rem !important;
}


table.td_change_table tbody tr th:before,
table.td_change_table tbody tr td:before {
	display: block;
		width: 24%;
		content: attr(label);
		float: left;
		line-height: 140%;
		text-align: center;
		
		padding: 6px 10px 6px 10px !important;
		border-right: #DBD8CC solid 1px !important;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
}

table.td_change_table tbody tr th,
table.td_change_table tbody tr th p{
}


/*左の列が不要な場合はtd、またはtdに「no_change」を付ける*/
table.td_change_table tbody tr th.no_change:before,
table.td_change_table tbody tr td.no_change:before {
	content: none;
}

table.td_change_table tbody tr th.no_change,
table.td_change_table tbody tr td.no_change {
	padding: 6px 10px 6px 10px !important;
}


table.td_change_table tbody tr th .inner,
table.td_change_table tbody tr td .inner {
	display: block;
	width: 76%;
		
		padding: 6px 10px 6px 10px !important;
	line-height: 140%;
		
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size: 1.5rem !important;
}

table.td_change_table tbody tr th {

}

table.td_change_table tbody tr th p,
table.td_change_table tbody tr td p{
	line-height: 140%;
}





/* ---------- 記事内のテーブル設定（レスポンシブさせない） ---------- */

/*tableをスクロールありで表示させる場合、これで囲む　div*/
.table_scroll_box{
	width: auto !important;
	overflow-x:scroll !important;
}

.table_scroll_box table {
	margin-bottom: 0.5rem;
	/*
	border-top: #e7e7e7 solid 1px !important;
	border-left: #e7e7e7 solid 1px !important;
	*/
}



/*tableタグにこのclassが指定されているtableの中に入れ子になっているtableから罫線を取る*/
.table_scroll_box table.td_in_table td table,
.table_scroll_box table.td_in_table td table th,
.table_scroll_box table.td_in_table td table tr,
.table_scroll_box table.td_in_table td table td{
	border: none !important;
	padding: 0px;
}

.table_scroll_box table.td_in_table th{
	width: 30% !important;
	padding:6px 6px 6px 6px !important;
}

.table_scroll_box table.td_in_table td{
	padding:6px 6px 6px 6px !important;
}

.table_scroll_box table.td_in_table td table{
	width: 100% !important;
}

.table_scroll_box table.td_in_table td table tr{
	border: none !important;
	padding:0px 0px 0px 0px;
	width:100% !important;
}

.table_scroll_box table.td_in_table td table td{
	border-left: none !important;
	word-wrap: break-word;
	overflow: hidden;
	display: block;
	padding: 0px 0px 0px 0px !important;
	border: none !important;
	width:100% !important;
}



table.noline,
table.noline tr,
table.noline td,
table.noline th{
	border: 0px !important;
}



/* -------------------- 水平線画像 -------------------- */


/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

.box_gray,
.box_blue,
.box_emerald,
.box_white,
.box_gray_compact,
.box_blue_compact,
.box_white_compact,
.box_gray5,
.box_blue5,
.box_blue3,
.box_gray10,
.box_blue10,
.box_gray_beige5
 {
	padding:10px 10px 10px 10px !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*お問い合わせ先フォーマット（「box_gray_beige5」と同じ）*/
.contact_info_box {
	padding:10px 10px 10px 10px !important;
	margin:10px 0px 25px 0px;
	border: solid 5px #F3EFE9;
}


.box_gray img,
.box_blue img,
.box_emerald img,
.box_white img,
.box_gray_compact img,
.box_blue_compact img,
.box_white_compact img,
.box_gray5 img,
.box_blue5 img,
.box_blue3 img,
.box_gray10 img,
.box_blue10 img,
.box_gray_beige5 img {
	width: 100%;
	height: auto !important;
}


/* 背景が薄いグレーのボックス */

.box_bg_gray{
	padding:6px 10px;
}

.box_bg_beige{
	padding:6px 10px;
}


/*「box_gray_XX」と併記して利用*/

/*inline-blockを追加する*/
.display_ib{
	overflow: hidden;
	display: inline-block
}

/*スマホではblock*/
.sp_display_b{
	display: block !important;
}


/* ---------- 記事内のol ---------- */

ol {
	margin-left: 0rem !important;
	padding-left: 2.6rem;
	padding-bottom: 8px;
	list-style-type: decimal;
}

ol > li {
	padding: 2px 0px 6px 0rem;
	text-indent: 0rem;
}

ol > li > ul {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 2.3rem;
	margin-left: -2.3rem;
}

ol > li > ul li {
	text-indent: 0rem;
	padding: 2px 0px 4px 2px;
	padding-left:22px;
	background-image:url(img/icon_32_disc_black.png) ;
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:0 5px;
}



/* ---------- 記事内のul ---------- */


 ul.float{
	float: none;
	clear: both;
}

 ul.float li {
	width: 100% !important;
	display: block !important;
	padding: 2px 10px 4px 0px;
	float: none !important;
	background:none;
}




ul.disc_color_pink{
	text-indent: -1.8rem;
	padding-left: 2.5rem;
}

ul.disc_color_pink li:before{
	content:"\025cf";/*●*/
	text-align: center;
	font-size: 8px;
	color:rgba(255,145,145,1.0);
	margin-right: 6px;
	margin-left: 6px;
	vertical-align: middle;
}

ul.disc_color_red{
	text-indent: -1.8rem;
	padding-left: 2.5rem;
}

ul.disc_color_red li:before{
	content: "\025cf";
	text-align: center;
	font-size: 8px;
	color: #ff3333;
	margin-right: 6px;
	margin-left: 6px;
	vertical-align: middle;
}




/* ---------- 記事内のア、イ、ウ…のli ---------- */

/* ---------- 記事内の注釈 ---------- */



/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_2column h2,
.text_box_2column h3{
	display: inline-block;
	margin: 0px 0 10px 0;
}

.text_box_2column p{
}

.text_box_2column_left,
.text_box_2column_right,
.text_box_2column .column_inner{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}


/* ---------- div内で3列にならべるdiv ---------- */

/*3列全体　div*/
.text_box_3column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_3column h2,
.text_box_3column h3{
	display: inline-block;
	margin: 0px 0 10px 0;
}

.text_box_3column p{
}

.text_box_3column_left,
.text_box_3column_center,
.text_box_3column_right,
.text_box_3column .column_inner{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}



/* ---------- div内で4列にならべるdiv ---------- */

/*4列全体　div*/
.text_box_4column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_4column h2,
.text_box_4column h3{
	display: block;
	margin: 0px 0px 10px 0px !important;
	float:none;
	clear: both;
}


.text_box_4column p{
}

.text_box_4column_1,
.text_box_4column_2,
.text_box_4column_3,
.text_box_4column_4,
.text_box_4column .column_inner{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}



/*2カラム、3カラム、4カラムの中に画像を配置した場合はimgにmargin-bottomを強制的に追加*/
/*また、trimやtrim_wideで囲まれている場合も同様*/
.text_box_2column_left img,
.text_box_2column_right img,
.text_box_3column_left img,
.text_box_3column_center img,
.text_box_3column_right img,
.text_box_4column_1 img,
.text_box_4column_2 img,
.text_box_4column_3 img,
.text_box_4column_4 img,

.text_box_2column .column_inner img,
.text_box_3column .column_inner img,
.text_box_4column .column_inner img,

.text_box_2column_left p.trim,
.text_box_2column_right p.trim,
.text_box_3column_left p.trim,
.text_box_3column_center p.trim,
.text_box_3column_right p.trim,
.text_box_4column_1 p.trim,
.text_box_4column_2 p.trim,
.text_box_4column_3 p.trim,
.text_box_4column_4 p.trim,

.text_box_2column .column_inner p.trim,
.text_box_3column .column_inner p.trim,
.text_box_4column .column_inner p.trim,

.text_box_2column_left p.trim_wide,
.text_box_2column_right p.trim_wide,
.text_box_3column_left p.trim_wide,
.text_box_3column_center p.trim_wide,
.text_box_3column_right p.trim_wide,
.text_box_4column_1 p.trim_wide,
.text_box_4column_2 p.trim_wide,
.text_box_4column_3 p.trim_wide,
.text_box_4column_4 p.trim_wide

.text_box_2column .column_inner p.trim_wide,
.text_box_3column .column_inner p.trim_wide,
.text_box_4column .column_inner p.trim_wide

{
	margin-bottom: 10px;
}



/*---------- 固定ページで使用する汎用タブ切り替え ----------*/

.general_tab{
	display: flex;
	position:relative;
	width:100%;
	margin-bottom: 30px;
	justify-content: left;/* 2022年12月 */
	flex-wrap: wrap;/* 2022年12月 */
}

/*タブ1つ分 div*/
.general_tab_menu{
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;	/* 子要素をflexboxにより中央に配置する */
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	width: 24%;
	background-color: rgba(218,127,103,0.2);
	color: #333333;
	cursor: pointer;
	font-size: 1.2rem;
	line-height: 120%;
	text-align: center;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-left: 1.2%;/* 2022年12月 */
}

.category_adult .general_tab_menu{background-color: rgba(76,181,151,0.2);}
.category_children .general_tab_menu{background-color: rgba(255,150,163,0.2);}
.category_pb .general_tab_menu{background-color: rgba(220,161,215,0.2);}

.category_adult_test .general_tab_menu{background-color: rgba(76,181,151,0.2);}
.category_children_test .general_tab_menu{background-color: rgba(255,150,163,0.2);}
.category_pb_test .general_tab_menu{background-color: rgba(220,161,215,0.2);}

.general_tab_menu:hover{
	background-color: rgba(218,127,103,0.5);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_adult .general_tab_menu:hover{background-color: rgba(76,181,151,0.5);}
.category_children .general_tab_menu:hover{background-color: rgba(255,150,163,0.5);}
.category_pb .general_tab_menu:hover{background-color: rgba(220,161,215,0.5);}

.category_adult_test .general_tab_menu:hover{background-color: rgba(76,181,151,0.5);}
.category_children_test .general_tab_menu:hover{background-color: rgba(255,150,163,0.5);}
.category_pb_test .general_tab_menu:hover{background-color: rgba(220,161,215,0.5);}

/*アクティブなタブ div*/
.general_tab_nowselect,
.general_tab_nowselect:hover{
	background-color: rgba(218,127,103,1.0);
	color: #ffffff;
}

.category_adult .general_tab_nowselect{background-color: rgba(76,181,151,1.0);}
.category_children .general_tab_nowselect{background-color: rgba(255,150,163,1.0);}
.category_pb .general_tab_nowselect{background-color: rgba(220,161,215,1.0);}

.category_adult_test .general_tab_nowselect{background-color: rgba(76,181,151,1.0);}
.category_children_test .general_tab_nowselect{background-color: rgba(255,150,163,1.0);}
.category_pb_test .general_tab_nowselect{background-color: rgba(220,161,215,1.0);}

.category_adult .general_tab_nowselect:hover{background-color: rgba(76,181,151,1.0);}
.category_children .general_tab_nowselect:hover{background-color: rgba(255,150,163,1.0);}
.category_pb .general_tab_nowselect:hover{background-color: rgba(220,161,215,1.0);}

.category_adult_test .general_tab_nowselect:hover{background-color: rgba(76,181,151,1.0);}
.category_children_test .general_tab_nowselect:hover{background-color: rgba(255,150,163,1.0);}
.category_pb_test .general_tab_nowselect:hover{background-color: rgba(220,161,215,1.0);}

/*タブで切り替えるコンテンツの中身*/
.general_tab_contents div{
	overflow:hidden;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
	display:none;
}



/* ----------リンクとダウンロードファイルのアイコン---------- */
/*aタグ用*/

/*基本リンク*/
.icon_link:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_link_black.svg) no-repeat center center;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}

.icon_link:hover {
	text-decoration: underline
}

/*blank*/
.icon_blank:after{
	content: "";
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url(img/icon_svg_blank_black.svg) no-repeat center center;
	background-size: contain;
	margin-left: 5px;
	margin-top: -3px;
	vertical-align: middle;
	line-height: normal;
}


.icon_blank:hover {
	text-decoration: underline
}




/*トップページ用「詳しく見る」を囲んだdiv*/
.frontpage_link_box{
	display: block;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}


/*基本ボタン（詳しく見る）*/
.button{
	min-width: 60%;
}

.button:hover{
	text-decoration: none !important;
}



.sp_only,
.sp_only {
	display:inline-block !important;
}

.pc_only,
.pc_only {
	display: none !important;
}

.print_only,
.print_only {
	display:none;
}

/*PCの「p」だけマージンボトム20、スマホは0*/
.pc_only_mb20,
.pc_only_mb20 {
	margin-bottom:0px !important;
}




/* --------------------
	
ページ内アンカーの飛び先

-------------------- */

.anchor{
	margin-top: -46px;
	padding-top: 46px;
}




/*--------------------------------

トップページ専用スタイル

--------------------------------*/


/*--------------- トップページのみのスタイル（メインビジュアル） ---------------*/

.mainvisual_area{
	display: block;
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	background-color: #efefef;
		
	z-index: 0;
	
	
}
			
/*背景動画配置欄*/
#frontpage_movie_box{
	display: block;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100vh;
}

.frontpage_movie{
	min-width: 100%;
	min-height: 100vh;
	z-index: 1;
	
	object-fit: cover;
}

.frontpage_movie_catchcopy_box{
	display: block;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	
	z-index: 2;
	
	background: url(img/main_catchcopy.svg) no-repeat center 40%;
	background-size: 300px 129px;
	background-color: rgba(0,0,0,0.09);
	
	-webkit-filter: drop-shadow(0px 3px 8px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
}

.frontpage_movie_catchcopy_box h1{
	display: none;
}


.news_box{
	display: block;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 100vw;
	height: auto;
	
	justify-content: space-between;/*左右両端に均等配置*/
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center;
	
	z-index: 2;
	
	background-color: #ffffff;
	
	border-bottom: solid 1px #ededed;
}

.news_box_list{
	display: block;
	position: relative;
	overflow: hidden;
	padding-right: 0px;
	width: 100%;
}

.news_box_list li{
	display: block !important;
	white-space:normal;
	text-overflow: inherit;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
}

.news_box_list li span.date{
	font-size: 13px;
	color: #666666;
	margin-right: 10px;
}

.news_box_list li span.genre_01,
.news_box_list li span.genre_02,
.news_box_list li span.genre_03,
.news_box_list li span.genre_04,
.news_box_list li span.genre_05,
.news_box_list li span.genre_06,
.news_box_list li span.genre_07,
.news_box_list li span.genre_08,
.news_box_list li span.genre_09,
.news_box_list li span.genre_10{
	display: inline-block;
	text-align: center;
	vertical-align: text-top ;
	padding: 3px 3px 3px 3px;
	margin-top: 1px;
	line-height: 100% !important;
	letter-spacing: 0.05rem;
	min-width: 60px;
	margin-right: 10px;
	font-size: 1.0rem;
	color: #FFFFFF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.news_box_list li a{
	display: block;
	/*white-space:normal;*/
	max-width: 100%;
	width: 100%;
	text-overflow: ellipsis;
	font-size: 14px;

}


.news_box_list li a:hover{
	color: #F8A09D;
	text-decoration: underline;
}



.news_navi_box{
	display: flex;
	position: relative;

	align-items: center;
	justify-content: space-between;/*左右両端に均等配置*/
	padding: 0px 10px 10px 10px;
	text-align: right;
}

.news_navi_change_link{
	display: inline-block;
	position: relative;
	width: 65px;
}


.news_navi_change_link button {
	display: inline-block;
	pointer-events: visible;
	vertical-align: middle;
	fill: #fff;
	width: 30px;
	height: 30px;
	margin-left: 0px;
	margin-right: 0px;
	background: transparent;
	
	border: 0px;
	
	font-size: 0px;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.news_navi_change_link button.slick-prev{
	background-image: url(img/icon_svg_left_pink.svg);
	background-position: 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	transition: unset;
	
	margin-right: 3px;
}

.news_navi_change_link button.slick-next{
	background-image: url(img/icon_svg_right_pink.svg);
	background-position: right 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	transition: unset;
}

.news_navi_change_link button.slick-prev:hover{
	background-image: url(img/icon_svg_left_white.svg);
	background-position: 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	background-color: #F8A09D;
	
transition: unset;
}

.news_navi_change_link button.slick-next:hover{
	background: url(img/icon_svg_right_white.svg);
	background-position: right 46% center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
	background-color: #F8A09D;
	
	transition: unset;
}




/*「View more」リンクボタン　div*/
.news_navi_more{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 120px;
	text-align: center;
}

/*a*/
.news_navi_more a {
	display: inline-block;
	position: relative;
	
	width: 118px;
	height: 30px;
	
	text-align: center;
	font-size: 1.4rem;
	font-weight: 600;
	color: #F8A09D !important;
	background-color: transparent !important;

	border: solid 1px #F8A09D !important;
	padding: 1px 16px 1px 16px;
		
	text-decoration: none;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.news_navi_more a:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_pink.svg) no-repeat center center;
	background-size: contain;
}

.news_navi_more a:hover {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	color: #ffffff !important;
		
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	
	border: solid 1px transparent !important;
	padding: 1px 16px 1px 16px;
	
	text-decoration: none;	
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.news_navi_more a:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
}



/*--------------- トップページ導入部分 ---------------*/

.frontpage_introduction{
	display: block;
	position: relative;
	padding-top: 0px;
	
	background-color: #f9edef;
}


.frontpage_introduction .frontpage_content_box{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 100vw;
	
	padding-top: 40px;
	padding-bottom: 40px;
	
	padding-left: 20px;
	padding-right: 20px;
}

.frontpage_introduction .frontpage_content_box h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.2rem;
	color: #403D3C;
	text-align: center;
	margin-bottom: 40px;
	
}

.frontpage_introduction .frontpage_content_box p{
	color: #696969;
	text-align: center;
	font-size: 1.6rem;
}


/*--------------- トップページ構成要素の共通パーツ ---------------*/

/*セクションタイトル基本形*/
.frontpage_section_title_box{
	display: block;
	position: relative;
	max-width: 180px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.frontpage_youtube .frontpage_section_title_box{
	margin-bottom: 10px;
}

.frontpage_section_title_box .section_title_e{
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 6px;
}

.frontpage_contents_news .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_newslist.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_school .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_school.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_related .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_related.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_youtube .frontpage_section_title_box .section_title_e{
	background: url(img/top_subtitle_svg_youtube.svg) no-repeat center center;
	background-size: 100%;
}

.frontpage_section_title_box .section_title_e span{
	display: none;
}

.section_title_j{
	display: inline-block;
	position: relative;
	color: #FF96A3;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
}


/*「詳しくはこちら」ボタン*/
.frontpage_link_box{
}

.button{
}

/*--------------- トップページの「NewsList」 ---------------*/


.frontpage_contents_news{

}

/*--------------- トップページの「School バレエ教室」 ---------------*/


.frontpage_school{
	display: block;
	position: relative;
	min-width: auto;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0px;
}



/*「バレエスクール」「Recommend」h3タイトル*/
/*2025.5.22にソースから削除*/
/*
.frontpage_section_subtitle{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}

.frontpage_contents_box h3{
	display: inline-block;
	
	color: #696969;
	font-size: 15px;
}

.frontpage_contents_box h3 span:before,
.frontpage_contents_box h3 span:after{
	content:"";
	display: inline-block;
	width: 30px;
	height: 1px;
	border-bottom: solid 1px #696969;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle;
	margin-top: -3px;
}
*/



/*3つのバレエスクールリンクバナー1つ分　div*/					
.frontpage_school_link{
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
	margin-bottom: 80px;
	
	/*max-width: calc(100vw - ((100vw - 1140px)/2));*/
	width: 100%;
	
	z-index: 1;
}

.frontpage_school_link.school_link1{
	margin-left: 0px;
}

.frontpage_school_link.school_link2{
	justify-content:flex-end;
	margin-right: 0px;
}

.frontpage_school_link.school_link3{
	margin-left: 0px;
}

.frontpage_school_link.school_link4{
	justify-content:flex-end;
	margin-right: 0px;
}



.school_link_img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 220px;
	margin-bottom: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	z-index: 0;
}

.frontpage_school_link.school_link1 .school_link_img {
	background: url(img/top_contents_img_adults.jpg) no-repeat center center;
	background-size: cover;
}

.frontpage_school_link.school_link2 .school_link_img {
	background: url(img/top_contents_img_kids.jpg) no-repeat center center;
	background-size: cover;
}

.frontpage_school_link.school_link3 .school_link_img {
	background: url(img/top_contents_img_pb.jpg) no-repeat center center;
	background-size: cover;
}

.frontpage_school_link.school_link4 .school_link_img {
	background: url(img/top_contents_img_ginza.jpg) no-repeat center center;
	background-size: cover;
}


.frontpage_school_link.school_link1 .school_link_img:hover,
.frontpage_school_link.school_link2 .school_link_img:hover,
.frontpage_school_link.school_link3 .school_link_img:hover,
.frontpage_school_link.school_link4 .school_link_img:hover {
	opacity: .8;
	-moz-transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.frontpage_school_link.school_link1 .school_link_img a,
.frontpage_school_link.school_link2 .school_link_img a,
.frontpage_school_link.school_link3 .school_link_img a,
.frontpage_school_link.school_link4 .school_link_img a{
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

.frontpage_school_link.school_link1 .school_link_img a span,
.frontpage_school_link.school_link2 .school_link_img a span,
.frontpage_school_link.school_link3 .school_link_img a span,
.frontpage_school_link.school_link4 .school_link_img a span{
	display: none;
}

.frontpage_school_link.school_link2 .school_link_img,
.frontpage_school_link.school_link4 .school_link_img{
	order: 2;
}

.frontpage_school_link.school_link2 .school_link_text_box,
.frontpage_school_link.school_link4 .school_link_text_box{
	order: 1;
}


.school_link_text_box {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

	justify-content: center;
	align-items: center;
	
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	
	z-index: 2;
 }

.school_link_catchcopy{
	color: #696969;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 17px;
	line-height: 150%;
	text-align: center;
	margin-bottom: 15px;
}

.school_link_title{
	display: block;
	position: relative;
	width: 180px;
	height: 129px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.school_link1 .school_link_title{
	background: url(img/top_content_title_svg_adults.svg) no-repeat center center;
	background-size: 180px 129px;
}

.school_link2 .school_link_title{
/*
	background: url(img/top_content_title_svg_kids.svg) no-repeat center center;
*/
	background: url(img/top_content_title_svg_children.svg) no-repeat center center;
	background-size: 180px 129px;
}

.school_link3 .school_link_title{
	background: url(img/top_content_title_svg_pb_202306.svg) no-repeat center center;
	background-size: 180px 129px;
}

.school_link4 .school_link_title{
	background: url(img/top_content_title_svg_ginza.svg) no-repeat center center;
	background-size: 180px 129px;
}

.school_link_title span{
	display: none;
}


/*「View more」リンクボタン　div*/
.school_link_button{
	display: block;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

/*a*/
.school_link_button a.button {
	display: inline-block;
	position: relative;
	
	width: 180px;
	
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	color: #ffffff !important;
	background-color: rgba(255,145,145,1.0);

	border: 0px !important;
	padding: 7px 20px 7px 20px;
		
	text-decoration: none;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.school_link1 .school_link_button a.button {background-color: #4CB597;}
.school_link2 .school_link_button a.button {background-color: #FF96A3;}
.school_link3 .school_link_button a.button {background-color: #DCA1D7;}
.school_link4 .school_link_button a.button {background-color: #950d15;}

.school_link_button a.button:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
}

.school_link_button a.button:hover {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1.6rem;
	color: #ffffff !important;
		
	background: -moz-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: -webkit-linear-gradient(right, #80CCD9, #DEDADD, #F4B2BC);
	background: linear-gradient(to right, #80CCD9, #DEDADD, #F4B2BC);
	
	border: 0px !important;
	padding: 7px 20px 7px 20px;
	
	text-decoration: none;	
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	transition: unset;
}

.school_link_button a.button:hover:after {
	content: "";
	display: inline-block;
	position: relative;
	right: 0px;
	margin-top: -1px;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(img/icon_svg_link_white.svg) no-repeat center center;
	background-size: contain;
}



/*--------------- トップページの「Related contents 関連コンテンツ」 ---------------*/


.frontpage_related{
	display: block;
	position: relative;
	/*min-width: 1140px;*/
	padding-top: 0px;
	margin: 0 auto;
	margin-bottom: 80px;
}



/*Recommend　3つの正方形のリンク　div*/

.frontpage_recommend_link_box{
	display: block;
	position: relative;
	width: 300px;
	max-width: 100vw;
	margin: 0 auto;
}

.frontpage_recommend_link_1box{
	display: block;
	position: relative;
	overflow: hidden;
	width:100%;
	padding-bottom: 81%;
	margin-bottom: 10px;
	/*background-color: #ededed;*/
}

.frontpage_recommend_link_1box img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	image-rendering: unset;
}

.frontpage_recommend_link_1box a:hover img{
	width: 101%;
	height: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*Youtube動画リンク欄*/
.frontpage_youtube{
	display: block;
	position: relative;
	min-width: auto;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.frontpage_youtube_box{
	display: block;
	position: relative;
	width: 100%;
	max-width: auto;
	margin: 0 auto;
}

.youtube_box_list{

}

.youtube_box_list .slick-slide {
	margin: 10px;
}

.youtube_box_list{
	
}

.youtube_box_list li{
	position: relative;
	overflow: hidden;
	/*padding-bottom: 55.5%;*/

	z-index: 0;
}

.youtube_box_list li:after{
	content:"";
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	background: url(img/icon_svg_play.svg) no-repeat center center;
	background-size: 36px 36px;
	pointer-events: none;
	
	z-index: 2;
}

.youtube_box_list img{
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	*/
	width: 100%;
	height: auto;
	
	z-index: 1;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.youtube_box_list a:hover img{
	/*
	width: 101%;
	height: auto;
	*/

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.youtube_navi_box{
	pointer-events: none;
}

.youtube_navi_change_link{
	display: flex;
	position: absolute;

	align-items: center;
	justify-content: space-between;/*左右両端に均等配置*/
	
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin-left: -10px;
	margin-right: -10px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	z-index: 3;
}


.youtube_navi_change_link button {
	display: inline-block;
	pointer-events: visible;
	vertical-align: middle;
	fill: #fff;
	width: 36px;
	height: 36px;
	margin-left: 10px;
	margin-right: 10px;
	background: transparent;
	
	border: 0px;
	
	font-size: 0px;
	
	border-radius: 36px;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.youtube_navi_change_link button.slick-prev{
	background: url(img/icon_svg_left_white.svg) no-repeat 42% center;
	background-size: 16px 16px;
	background-color: rgba(186,181,184,0.9);
}

.youtube_navi_change_link button.slick-next{
	background: url(img/icon_svg_right_white.svg) no-repeat right 42% center;
	background-size: 16px 16px;
	background-color: rgba(186,181,184,0.9);
}

.youtube_navi_change_link button.slick-prev:hover,
.youtube_navi_change_link button.slick-next:hover{
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




/*--------------------------------

下層ページ共通部分

--------------------------------*/

/*下層ページコンテンツ欄（ページタイトルから下）　section*/
.contents_box{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}


/*--------------- トップページ構成要素の共通パーツ ---------------*/

/*ページタイトル基本形*/
.page_title_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	height: 28vh;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 50px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



/*カテゴリ内のお知らせ、カテゴリ内の会員ページ*/

/*上部のカテゴリリンク欄*/
.category_link_box{
	display: block;
	position: relative;
	margin-bottom: 30px;
}

.category_link_list_box{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 100%;
}

/*ul*/
.category_link_list{
	display: flex;
	width: 100%;
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;
	
	justify-content: center;
	letter-spacing: -.40em;
}

.category_link_list li{
	display: flex;
	width: 100%;
	position: relative;
	
	letter-spacing: normal;
}

.category_link_list li a{
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center;
	cursor: pointer;
	width: 100%;
	margin: 0;
	margin-right: 0px;
	padding: 8px 6px 8px 6px;
	border: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	vertical-align: middle;
	background-color: #efefef;
	color: #555e64;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	/*box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);*/
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_link_list li a:hover{
	background-color: rgba(218,127,103,0.2);
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.category_adult .category_link_list li a:hover,
.category_adult_test .category_link_list li a:hover{
	background-color: rgba(76,181,151,0.2);
}

.category_children .category_link_list li a:hover,
.category_children_test .category_link_list li a:hover{
	background-color: rgba(255,188,196,0.2);
}

.category_pb .category_link_list li a:hover,
.category_pb_test .category_link_list li a:hover{
	background-color: rgba(220,161,215,0.2);
}



/*左端のラジオボタンのみ左上と左下を角丸に*/
.category_link_list li:first-of-type a{
	border-radius: 8px 0 0 8px;
}

/*右端のラジオボタンのみ右上と右下を角丸に*/
.category_link_list li:last-of-type a{
	border-right: #d8d8d8 solid 1px;
	border-radius: 0 8px 8px 0;
}

/*「first」「last」が両方指定されている場合は、四隅を角丸に*/
/*
.category_link_list li:last- a{
	border-right: #d8d8d8 solid 1px;
	border-radius: 8px 8px 8px 8px;
}
*/

/*アクティブのスタイル*/
.category_link_list li a.active{
	background-color: #da7f67;
	background-color: #feb09a;
	color: #fff;
	/*box-shadow: inset 1px 1px 0 rgba(255,255,255,0.0);*/
}

.category_adult .category_link_list li a.active,
.category_adult_test .category_link_list li a.active{
	background-color: #4CB597;
}

.category_children .category_link_list li a.active,
.category_children_test .category_link_list li a.active{
	background-color: #FF96A3;
}

.category_pb .category_link_list li a.active,
.category_pb_test .category_link_list li a.active{
	background-color: #DCA1D7;
}

/*記事一覧の記事1つ分*/
.news_page_entry_box_outer{
	display: block;
	position: relative;
	padding: 2vw 3vw 2vw 3vw;
	border: solid 1px #d8d8d8;
	border-left: solid 10px #da7f67;
	border-left: solid 10px #feb09a;
	margin-bottom:3vw;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.category_adult .news_page_entry_box_outer,
.category_adult_test .news_page_entry_box_outer{
	border-left: solid 6px #4CB597;
}

.category_children .news_page_entry_box_outer,
.category_children_test .news_page_entry_box_outer{
	border-left: solid 10px #FF96A3;
}

.category_pb .news_page_entry_box_outer,
.category_pb_test .news_page_entry_box_outer{
	border-left: solid 10px #DCA1D7;
}

.news_page_entry_title_box{
	/*border-top: solid 1px #D8D8D8;*/
}

/*
.news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #da7f67, #da7f67 50%, #fff 50%, #fff); 
	background-size: 5px 5px;
	
	margin-bottom: 50px;
}

.category_adult .news_page_entry_title_box:before,
.category_adult_test .news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #4CB597, #4CB597 50%, #fff 50%, #fff); 
	background-size: 5px 5px;
}

.category_children .news_page_entry_title_box:before,
.category_children_test .news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #FF96A3, #FF96A3 50%, #fff 50%, #fff);
	background-size: 5px 5px; 
}

.category_pb .news_page_entry_title_box:before,
.category_pb_test .news_page_entry_title_box:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #DCA1D7, #DCA1D7 50%, #fff 50%, #fff);
	background-size: 5px 5px;
}

.news_page_entry_title_box:first-of-type {
	border-top: solid 0px #D8D8D8;
	padding-top: 0px;
}

.news_page_entry_title_box:first-of-type:before {
	content:none;
}

.news_page_contents_box{
	padding-bottom: 60px;
}

@media screen and ( max-width: 767px ) {
	
	.news_page_entry_title_box:before {
		margin-bottom: 20px;
	}
	
	.news_page_contents_box{
		padding-bottom: 30px;
	}
}
*/

.news_page_contents_box p {/*最新情報のpタグの隙間調整*/
	padding: 0 0 20px 0;
}
.news_page_contents_box p:last-of-type {/*最新情報のpタグの隙間調整*/
	padding: 0;
}


.page_title_j_school{
	font-size: 12px;
}

.page_title_box h1{
	display: block;
	position: relative;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

.page_title_e{
	display: inline-block;
	position: relative;
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 8px;
	
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}

.page_title_e:before{
	content:"";
	display: inline-block;
	width: 34px;
	height: 8px;
	background: url(img/pege_title_kei.svg) no-repeat center center;
	background-size: contain;
	margin-right: 6px;
}

.page_title_e:after{
	content:"";
	display: inline-block;
	width: 34px;
	height: 8px;
	background: url(img/pege_title_kei.svg) no-repeat center center;
	background-size: contain;
	margin-left: 6px;
	
	transform: scale(1, -1);
}

/*東京銀座スタジオページのみ*/
.entry_ginza .page_title_box,
.entry_ginza_test .page_title_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: auto;
	height: auto;
	margin-left: calc(-1 * ((100vw - 1000px) / 2));
	margin-right: calc(-1 * ((100vw - 1000px) / 2));
	margin-top: 20px;
	margin-bottom: 20px;
}

.entry_ginza .page_title_box h1,
.entry_ginza_test .page_title_box h1{
	font-size: 26px;
	color: #9e793f;
}

.entry_ginza .page_title_e,
.entry_ginza_test .page_title_e{
	font-size: 11px;
	color: #9e793f;
}

.entry_ginza .page_title_e:before,
.entry_ginza .page_title_e:after,
.entry_ginza_test .page_title_e:before,
.entry_ginza_test .page_title_e:after{
	background: url(img/pege_title_kei_gold.svg) no-repeat center center;
	background-size: contain;
	width: 22px;
	height: 7px;
}

/*奈良学園前スタジオページのみ*/
.entry_nara .page_title_box,
.entry_nara_test .page_title_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: auto;
	height: auto;
	margin-left: calc(-1 * ((100vw - 1000px) / 2));
	margin-right: calc(-1 * ((100vw - 1000px) / 2));
	margin-top: 20px;
	margin-bottom: 20px;
}

.entry_nara .page_title_box h1,
.entry_nara_test .page_title_box h1{
	font-size: 26px;
	color: #9e793f;
}

.entry_nara .page_title_e,
.entry_nara_test .page_title_e{
	font-size: 11px;
	color: #9e793f;
}

.entry_nara .page_title_e:before,
.entry_nara .page_title_e:after,
.entry_nara_test .page_title_e:before,
.entry_nara_test .page_title_e:after{
	background: url(img/pege_title_kei_gold.svg) no-repeat center center;
	background-size: contain;
	width: 22px;
	height: 7px;
}



/*子ページ以下用ページタイトル基本形（「page_title_box」に「no_parent」がついている場合）*/
.page_title_box.no_parent{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 100px;
	height: auto;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 15px;
	background: url(img/page_title_bg.svg) no-repeat;
	background-size: cover;
	background-position: right center;
	background-color: #feb09a;
}

.category_title_box {
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding-top: 15px;
}

/*子ページ以下用のページタイトル*/
.page_title_box.no_parent h1{
	font-size: 28px;
	margin-bottom: 25px;
}

.category_title_box .page_title_j{
	font-size: 16px;
	margin-bottom: 15px;
}



/*下層ページコンテンツ欄（ページタイトルから下）　section*/
.contents_box{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}


/*段落タイトル基本形*/
.section_title_box{
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}

.section_title_box h2{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 2.46rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 6px;
}

.section_title_box h2:before{
	content:"";
	display: block;
	position: relative;
	height: 17px;
	background: url(img/subtitle_kei.svg) no-repeat center center;
	background-size: 180px 17px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.section_title_e{
	display: inline-block;
	position: relative;
	color: #A28B44;
	font-size: 1.1rem;
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}



/*下層ページ等で使う、アイコン付きの段落タイトル基本形*/
.content_section_title_box{
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 30px;
}

.content_section_title_box h2{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 2.2rem;
	margin-bottom: 0px;
}

.content_section_title_box h2 span:before,
.content_section_title_box h2 span:after{
	content:"";
	display: inline-block;
	width: 20px;
	height: 1px;
	border-bottom: solid 1px #696969;
	margin-left: 12px;
	margin-right: 12px;
	vertical-align: middle;
	margin-top: -5px;
}

.content_section_title_e{
	display: inline-block;
	display: block;
	position: relative;
	color: #696969;
	font-size: 1.5rem;
	text-align: center;
	
	letter-spacing: 0.2rem;
	padding-left: 0.2rem;
}



/*「content_section_title_box」のタイトルにアイコンを追加*/

/*汎用版の罫装飾*/
.content_section_title_box.icon_nomal:before,
.content_section_title_box.icon_normal:before
{
	content:"";
	display: block;
	position: relative;
	width: 54px;
	height: 23px;
	background: url("img/menu_icon_normal.svg") no-repeat center center;
	background-size: contain;
	margin: 0 auto;
	margin-bottom: 5px;
}

.content_section_title_box.icon_shoes:before,/*バレエシューズ*/
.content_section_title_box.icon_stage:before,/*ステージ*/
.content_section_title_box.icon_album:before,/*アルバム*/
.content_section_title_box.icon_key:before,/*鍵*/
.content_section_title_box.icon_voice:before/*Voice（生徒さんの声）*/
{
	content:"";
	display: block;
	position: relative;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-bottom: 0px;
}



/* ---------- 大人バレエトップ他、リンクバナー2列配置　div ---------- */

/*3列全体　div*/
.box_2column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.box_2column .column_inner{
	display: block;
	position: relative;
	letter-spacing: normal;
	overflow: hidden;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 2%;
	vertical-align: top;
}

.box_2column .column_inner:nth-child(2n){
	margin-right: 0%;
}

.box_2column .column_inner img{
	width: 100%;
	height: auto;
}


/* ---------- 大人バレエトップ他、リンクバナー3列配置　div ---------- */

/*3列全体　div*/
.box_3column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.box_3column .column_inner{
	display: block;
	position: relative;
	letter-spacing: normal;
	overflow: hidden;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 2%;
	vertical-align: top;
}

.box_3column .column_inner:nth-child(3n){
	margin-right: 0%;
}

.box_3column .column_inner img{
	width: 100%;
	height: auto;
}


/* ---------- 左右をウィンドウいっぱいに広げる　div ---------- */
.width_100per{
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 30px 15px 30px 15px;
	max-width: none !important;
}

/*大人バレエの背景色*/
.bg_color_adult{background-color: #f2f5f5;}

/*キッズ・ジュニアの背景色*/
.bg_color_children{background-color: #f5f2f2;}



/* ---------- 大人バレエ、キッズ・ジュニアのサブトップ　メニューのアイコンとテキストのリンク欄（画像リンクの下） ---------- */

.subtop_menu_link_box{
	
}

/*3列全体　div*/
.subtop_menu_link_box .box_3column{
	display: flex;
	flex-wrap: wrap; /* 折返し可 */ 
	justify-content: center;/*左右のセンター揃え*/
	/*align-items: center;*//*上下のセンター揃え*/
}

.subtop_menu_link_box .box_3column .column_inner{
	width: 100% ;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 40px;
}





/* ---------- 大人バレエトップ、キッズ・ジュニアトップに配置する講師サムネスクロール欄 ---------- */

/*講師　div*/
.adult_instructor_box{
	
}

.adult_instructor_box_inner{
	display: block;
	position: relative;
	overflow: hidden;
	margin-left: -50%;
	margin-right: -50%;
	margin-bottom: 30px;
	
}

/*無限スクロール*/

/*ul ※JSのセッティングファイルでクラス名を指定：「infiniteslidev2_setting.js」に記載*/
.infiniteslide_instructor{
}

ul.infiniteslide_instructor,
ul.infiniteslide_instructor li{
}

ul.infiniteslide_instructor li{
	margin-left: 10px;
	margin-right: 10px;
	width: 20% !important;
	max-width: 190px;
	padding-bottom: 10px;
}

ul.infiniteslide_instructor li .rect {
	display: block;
	position: relative;
	overflow: hidden;
		width : 100% ;
		padding-top : 100% ;
		border-radius:50%;
		box-shadow: 0px 3px 10px rgba(0,0,0,.2)
	}

ul.infiniteslide_instructor li img{
	position: absolute;
	top: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	height: auto;
}



/* ---------- ページ上部に設置するアンカーリンク欄 ---------- */

/*div*/
.page_anker_link_box{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}

/*li*/
.page_anker_link_list li{
	display: inline-block;
	position: relative;
	padding: 0px;
}

.page_anker_link_list li:after{
	content:"｜";
	margin-left: 3px;
	margin-right: 3px;
	color: #b8b8b8;
}

.page_anker_link_list li:last-of-type:after{
	content:none;
}

/*a*/
.page_anker_link_list li a{
	position: relative;
	color: #333333;
	padding: 5px 3px 5px 3px;
	font-size: 13px;
}

.page_anker_link_list li a:hover{
	color: #da7f67;
}

.page_anker_link_list li a:hover:after{
	content:"";
	display: block;
	position: absolute;
	height: 2px;
	background-color: #da7f67;
	bottom: -2px;
	left: 0;
	right: 0;
}

/*飛び先の位置調整（ヘッダーに重ならないように）*/
.anker_link{
	margin-top: -40px;
	padding-top: 40px;
}



/* ---------- 大人バレエトップ、キッズ・ジュニア等「講師」一覧 ---------- */

/*講師一覧　div*/
.instructor_list_box{
	
}

/*ul*/
.instructor_list{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

/*li*/
.instructor_list li{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	
	width: 48%;
	margin-right: 4%;
	margin-bottom: 8%;
	
}

.instructor_list li:nth-of-type(3n){
	margin-right: 4%;
}

.instructor_list li:nth-of-type(2n){
	margin-right: 0px;
}



/* ---------- 大人バレエトップ、キッズ・ジュニア等「講師」ページ ---------- */

/*プロフィールデータ欄　div*/
.instructor_profile_data_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	
}

/*p*/
.instructor_profile_photo{
	width: 80% !important;
	max-width: 300px;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0 auto !important;
	margin-bottom: 20px !important;
	height: auto;
	text-align: center !important;
	float: none;
}

.instructor_profile_data_box .instructor_name{
	font-size: 2.4rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.instructor_profile_data_box .instructor_name_e{
	font-size: 1.4rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #666666;
	line-height: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.instructor_profile_data_box .instructor_position{
	font-size: 1.5rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 30px;
	text-align: center;
}

.instructor_profile_data_box .instructor_instruction{
	font-size: 96%;
	color: #555555;
	margin-bottom: 30px;
}

.instructor_profile_data_box .instructor_genre_box{
	display: flex;
	position: relative;
	right: auto;
	bottom: auto;
	text-align: left;
	padding:0px;
	flex-direction: row;
}

/*プロフィールテキスト欄　div*/
.instructor_profile_text_box{
	display: block;
	position: relative;
	max-width: 860px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 15px;
	clear: both;
}


.instructor_profile_text_box .title_box{
	
}

.instructor_profile_text_box .title_box p{
	text-align: center;
	font-size: 2.4rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
}

.category_adult .instructor_profile_text_box .title_box p{color: #4CB597;}
.category_children .instructor_profile_text_box .title_box p{color: #FF96A3;}
.category_pb .instructor_profile_text_box .title_box p{color: #DCA1D7;}

.category_adult_test .instructor_profile_text_box .title_box p{color: #4CB597;}
.category_children_test .instructor_profile_text_box .title_box p{color: #FF96A3;}
.category_pb_test .instructor_profile_text_box .title_box p{color: #DCA1D7;}

.instructor_profile_text_box .text_box{
	font-size: 96%;
	color: #666666;
}

.instructor_profile_text_box .text_box p,
.instructor_profile_text_box .text_box li{
	color: #555555;
	margin-bottom: 5px;
}

.instructor_profile_text_box .text_box p:last-of-type,
.instructor_profile_text_box .text_box li:last-of-type{
	margin-bottom: 0px;
}

/*クエスチョン欄　div*/
.instructor_profile_question_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0px;
	clear: both;
}

.instructor_profile_question_box .title_box{
	
}

.instructor_profile_question_box .title_box p{
	text-align: center;
	font-size: 2.4rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
}

.category_adult .instructor_profile_question_box .title_box p{color: #4CB597;}
.category_children .instructor_profile_question_box .title_box p{color: #FF96A3;}
.category_pb .instructor_profile_question_box .title_box p{color: #DCA1D7;}

.category_adult_test .instructor_profile_question_box .title_box p{color: #4CB597;}
.category_children_test .instructor_profile_question_box .title_box p{color: #FF96A3;}
.category_pb_test .instructor_profile_question_box .title_box p{color: #DCA1D7;}

.instructor_profile_question_box .text_box{
	
}

.instructor_profile_question_box .question_1box{
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 20px 20px 20px 20px;
	clear: both;
	border-bottom: solid 1px #c8c8c8;
}

.instructor_profile_question_box .question_1box:first-of-type{
	border-top: solid 1px #c8c8c8;
}

/*div*/
.instructor_profile_question_box .question_q{
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.instructor_profile_question_box .question_q p{
	font-size: 100%;
	color: #666666;
}

.instructor_profile_question_box .question_q:before{
	content:"";
	display: block;
	position: absolute;
	top:5px;
	left:-20px;
	width: 18px;
	height: 18px;
	background: url("img/icon_svg_fukidashi_green.svg");
}

.category_adult .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_children .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_pb .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}

.category_adult_test .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_children_test .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}
.category_pb_test .instructor_profile_question_box .question_q:before{background: url("img/icon_svg_fukidashi_green.svg");}

/*div*/
.instructor_profile_question_box .question_a{
	display: block;
	position: relative;
}

.instructor_profile_question_box .question_a p{
	font-size: 94%;
}



/*---------- レッスン内容（大人バレエ、キッズ・ジュニア等）----------*/

.lesson_about_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
	margin-left: 0px;
	margin-right: 0px;
}

.lesson_about_box .content_1box{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;

	padding: 15px 15px 15px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	border: solid 2px rgba(218,127,103,0.5);
	background-size: 75px 50px;
	
	font-size: 94%;
}

.category_adult .lesson_about_box .content_1box{
	background: url("img/lesson_content_bg_green.png") no-repeat left top;
	background-size: 75px 50px;
	border: solid 2px rgba(76,181,151,0.6);
}

.category_children .lesson_about_box .content_1box{
	background: url("img/lesson_content_bg_pink.png") no-repeat left top;
	background-size: 75px 50px;
	border: solid 2px rgba(255,188,196,0.7);
}

.category_pb .lesson_about_box .content_1box{
	background: url("img/lesson_content_bg_purple.png") no-repeat left top;
	background-size: 75px 50px;
	border: solid 2px rgba(220,161,215,0.7);
}


.lesson_about_box .content_1box.lesson_about_1column{
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

.lesson_about_box .content_1box .lesson_name{
	font-size: 1.8rem;
	color: #da7f67;
	font-weight: 500;
	margin-bottom: 10px;
}

.category_adult .lesson_about_box .content_1box .lesson_name{color: #4CB597;}
.category_children .lesson_about_box .content_1box .lesson_name{color: #FF96A3;}
.category_pb .lesson_about_box .content_1box .lesson_name{color: #DCA1D7;}


/*---------- スケジュール（大人バレエ、キッズ・ジュニア等）----------*/

.lesson_schedule_box{
	
}

table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).lesson_schedule_table,
.lesson_schedule_table {
	border: none !important;
	border-top: #e7e7e7 solid 0px !important;
	margin-bottom: 20px;
	margin-bottom: 0px;
}

/*tr*/
tr.area_name,
table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) tr.area_name{
	border-bottom: 0px !important;
}

/*th*/
tr.area_name th,
table.no_responsive_table tr.area_name th{
	padding: 10px 5px 10px 5px !important;
	background-color: #da7f67;
	color: #ffffff;
	border: none !important;
	width: 100% !important;
	font-size: 100% !important;
	/*
	border-bottom: 0px !important;
	border-right: 0px !important;
	*/
	font-weight: normal !important;
}

.category_adult tr.area_name th{background-color: #4CB597 !important;}
.category_children tr.area_name th{background-color: #FF96A3 !important;}
.category_pb tr.area_name th{background-color: #DCA1D7 !important;}

.week td,
.schedule td{
	border-right: #e7e7e7 solid 0px;
}

.week td{
	font-size: 94%;
	color: #555555 !important;
	width: 14.2857%;
}

table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) .schedule td,
.schedule td{
	padding: 0px 0px 15px 0px !important;
	background-color: #ffffff;
}

/*汎用*/
.schedule td:nth-of-type(odd){
	background-color: #ffffff;
}

/*大人バレエ*/
.category_adult .schedule td:nth-of-type(odd){background-color: #ffffff;}

/*キッズ・ジュニア*/
.category_children .schedule td:nth-of-type(odd){background-color: #ffffff;}

/*PB*/
.category_pb .schedule td:nth-of-type(odd){background-color: #ffffff;}

table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) .schedule td .item{
	margin-bottom: 5px;
}

.schedule_1box{
	display: block;
	position: relative;
	background-color: #ffffff;
	padding: 7px 10px 7px 10px;
	margin-bottom: 5px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 2px #da7f67;
}

/*大人バレエ*/
.category_adult .schedule_1box {border-color: #4CB597;}

/*キッズ・ジュニア*/
.category_children .schedule_1box {border-color: #FF96A3;}

/*PB*/
.category_pb .schedule_1box {border-color: #DCA1D7;}

.schedule_time{
	color: #da7f67;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 2px;
	/*スマホ用
	display: inline-block;
	width: 120px;
	*/
}

.schedule > td > span.item.sp_only {
	padding-bottom: 6px;
	font-size: 1.5rem;
}

/*大人バレエ*/
.category_adult .schedule_time {color: #4CB597;}

/*キッズ・ジュニア*/
.category_children .schedule_time {color: #FF96A3;}

/*PB*/
.category_pb .schedule_time {color: #DCA1D7;}

.schedule_time:before{
	content:"";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("img/icon_svg_clock_orange.svg") no-repeat center center;
	margin-right: 2px;
	margin-top: 3px;
	vertical-align: top;
}

/*大人バレエ*/
.category_adult .schedule_time:before {background: url("img/icon_svg_clock_green.svg") no-repeat center center;}

/*キッズ・ジュニア*/
.category_children .schedule_time:before {background: url("img/icon_svg_clock_pink.svg") no-repeat center center;}

/*PB*/
.category_pb .schedule_time:before {background: url("img/icon_svg_clock_purple.svg") no-repeat center center;}

.schedule_name{
	line-height: 130%;
	font-size: 1.6rem !important;
	/*スマホ用
	display: inline-block;
	*/
}

/*hakomonoリンクボタン　a*/
.button_hakomono{
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 1.5rem 4rem 1.5rem 4rem;
	background-color: #000000;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button_hakomono:hover{
	background-color: #333333;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button_hakomono img{
	width: 130px;
	height: 28px;
	max-width: 130px;
}


/*---------- 料金表（大人バレエ、キッズ・ジュニア等）----------*/

/*スマホ横向きサイズのメディアクエリ欄に記載*/

/*念の為これだけオーバーライドのためにここに記載*/
table.fee_table .sp_only {
	display: block !important;	
}

table.fee_table{
	max-width: 100%;
}

table.fee_table_list {
	width: 100%;
}


/*---------- スタジオ（大人バレエ、キッズ・ジュニア等）----------*/

.studio_section_title_box{
	display: block;
	position: relative;
	padding-bottom: 8px;
	border-bottom:solid 2px #da7f67;
	margin-bottom: 30px;
	vertical-align: text-bottom;
}

.category_adult .studio_section_title_box{border-bottom:solid 2px #4CB597;}
.category_children .studio_section_title_box{border-bottom:solid 2px #FF96A3;}
.category_pb .studio_section_title_box{border-bottom:solid 2px #DCA1D7;}

.studio_section_title_box h2{
	display: inline-block;
	font-size: 1.9rem;
}

.studio_section_title_e{
	display: inline-block;
	font-size: 2.8rem;
	color: #da7f67;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-right: 10px;
	line-height: 100%;
}

.category_adult .studio_section_title_e{color: #4CB597;}
.category_children .studio_section_title_e{color: #FF96A3;}
.category_pb .studio_section_title_e{color: #DCA1D7;}

.studio_content_box{
	display:block;
	
	letter-spacing: -.40em;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 100px;
}

.studio_content_box .content_1box{
	display:block;
	width: 100%;
	letter-spacing: -.40em;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-left: 0%;
	margin-right: 0%;
	border-bottom: #cdcdcd solid 1px !important;
	vertical-align: top;
}

.studio_content_box .contents_inner{
	display: block;
	position: relative;
	width: 100%;
}

/*h3*/
.studio_name{
	display: block;
	position: relative;
	width: 100%;
	letter-spacing: normal;
	font-size: 2.0rem;
	margin-bottom: 15px;
	vertical-align: top;
}



/*div*/
.studio_data{
	display: block;
	position: relative;
	letter-spacing: normal;
	width: 100%;
	padding-right: 0%;
	vertical-align: top;
}

.studio_data table{
	width: 100%;
	border-top: #cecece dotted 1px !important;
	margin-bottom: 10px;
	vertical-align: top;
}

.studio_data table tr {
	border-bottom: #cecece dotted 1px !important;
}

.studio_data table th {
	width: 22%;
	padding: 15px 10px 15px 0px;
	text-align: left;
	border-bottom: #cecece dotted 0px !important;
	font-weight: 600 !important;
	font-size: 90%;
}

.studio_data table td {
	padding: 15px 0px 15px 0px;
	border-bottom: #cecece dotted 0px !important;
	border-right: #cecece dotted 0px;
}

/*「大人バレエ」「子どもバレエ」アイコンと設置枠：他のページでも流用*/
.studio_genre_box{
	display: flex;
	position: relative;
	text-align: left;
	flex-direction: row;
	margin-left: -2px;
}

.studio_genre_icon{
	display: flex;
	justify-content: center;
	align-items: center;
	
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 1.1rem;
	text-align: center;
	line-height: 110%;
	vertical-align: middle;
	color: #ffffff;
	margin: 2px;
}




.studio_content_box .content_1box.studio_1column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	width: 100%;
}

/*div*/
.studio_content_box .content_1box.studio_1column .studio_data{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: 100%;
	padding-right: 0%;
	margin-bottom: 20px;
	vertical-align: top;
}

.studio_photo{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	width: 100%;
	padding-left: 0%;
	vertical-align: top;
}


/*---------- Q&A（大人バレエ、キッズ・ジュニア等）----------*/


/*クエスチョン欄　div*/
.faq_question_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 100px;
	padding: 0px;
	clear: both;
}

.faq_question_box .title_box{
	
}

.faq_question_box .title_box p{
	text-align: center;
	font-size: 2.4rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
}

.category_adult .faq_question_box .title_box p{color: #4CB597;}
.category_children .faq_question_box .title_box p{color: #FF96A3;}
.category_pb .faq_question_box .title_box p{color: #DCA1D7;}

.category_adult_test .faq_question_box .title_box p{color: #4CB597;}
.category_children_test .faq_question_box .title_box p{color: #FF96A3;}
.category_pb_test .faq_question_box .title_box p{color: #DCA1D7;}

.faq_question_box .text_box{
	
}

.faq_question_box .question_1box{
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 15px 0px 15px 35px;
	clear: both;
	border-bottom: solid 1px #c8c8c8;
}

.faq_question_box .question_1box:first-of-type{
	border-top: solid 1px #c8c8c8;
}

/*div*/
.faq_question_box .question_q{
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.faq_question_box .question_q p{
	font-size: 100%;
	color: #666666;
}

.faq_question_box .question_q:before{
	content:"Q";
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;
	position: absolute;
	top:0px;
	left:-35px;
	width: 26px;
	height: 26px;
	font-size: 2.1rem;
	line-height: 100%;
	color: #ffffff;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.category_adult .faq_question_box .question_q:before{background-color: #4CB597;}
.category_children .faq_question_box .question_q:before{background-color: #FF96A3;}
.category_pb .faq_question_box .question_q:before{background-color: #DCA1D7;}

.category_adult_test .faq_question_box .question_q:before{background-color: #4CB597;}
.category_children_test .faq_question_box .question_q:before{background-color: #FF96A3;}
.category_pb_test .faq_question_box .question_q:before{background-color: #DCA1D7;}

/*div*/
.faq_question_box .question_a{
	display: block;
	position: relative;
}

.faq_question_box .question_a p{
	font-size: 96%;
}

.faq_question_box .question_a:before{
	content:"A";
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;
	position: absolute;
	top:0px;
	left:-35px;
	width: 26px;
	height: 26px;
	font-size: 2.1rem;
	line-height: 120%;
	color: #ffffff;
	background-color: #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}



/*---------- アルバム（大人バレエ、キッズ・ジュニア等）----------*/

/*アルバム親ページ*/

/*アルバム一覧　div*/
.album_list_box{
	
}


/*アルバム子ページ*/

/*タイトルを除く、概要文とスライド欄全体　div*/
.slider_box{
	display:block;
	position:relative;
	margin:0 auto;
	margin-bottom:100px;
	max-width:860px;
	padding-left:2vw;
	padding-right:2vw;
}

/*概要文欄　div*/
.slider_text{
	margin-bottom:40px;
}

/*アルバムカルーセル全体*/
/*サムネイルをタイル上に並べ、クリックしたらメイン画像が切り替わる*/

#wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}



#slider{
	height: 64vh;
	max-height: 64vh;
	width: 100%;
	margin:0 auto 30px;
	margin-bottom: 20px;
	background-color: #ededed;
}

/*画像読み込み中は非表示*/
#slider {
	opacity: 0;
	transition: opacity .3s linear;
}

#slider.slick-initialized{
	opacity: 1;
}

.slick-slide,
.slick-slide div{
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	height: 64vh;
	max-height: 64vh;
	text-align: center;
	z-index: 1;
}

.frontpage .slick-slide,
.frontpage .slick-slide div{
	align-items: first;
	text-align: left;
	height: auto;
}

.frontpage .news_box_list .slick-slide div{
	display: block !important;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

/*li*/
.slide-item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	height: 64vh;
	max-height: 64vh;
	text-align: center;
	z-index: 1;
}

.slide-item img{
	margin: 0 auto;
	max-height: 64vh;
	width: auto;
}

/*
横向き「landscape」
縦向き「portrait」
*/

.slide-item.landscape{
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	max-height: 64vh;
	width: auto;
}

.slide-item.landscape img{
	max-height: auto;
	vertical-align: middle;
/*	image-rendering:unset;*/
}



.slide-item,
.slide-item .landscape{

}
	

#thumbnail-list{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	width: 100%;
	margin: 0 auto;
	background-color: #ededed;
	padding: 6px 6px 0px 6px;
}

/*li*/
.thumbnail-item{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	width: calc((100% - (6px * 3)) / 4);
	width: calc((100% - (6px * 3)) / 3);
	margin-right: 6px;
	margin-bottom: 6px;
	height: 10vw;
	min-height: 50px;
	min-height: 70px;
	
	cursor: pointer;
}

.thumbnail-item:nth-of-type(5n){
	margin-right: 6px;
}

.thumbnail-item:nth-of-type(3n){
	margin-right: 0%;
}

.thumbnail-current:after{
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: block;
	outline: 5px solid #da7f67;
	outline-offset: -5px;
	z-index: 2;
}

.category_adult .thumbnail-current:after,
.category_adult_test .thumbnail-current:after{
	outline: 5px solid #4CB597;
}

.category_children .thumbnail-current:after,
.category_children_test .thumbnail-current:after{
	outline: 5px solid #FF96A3;
}

.category_pb .thumbnail-current:after,
.category_pb_test .thumbnail-current:after{
	outline: 5px solid #DCA1D7;
}

.thumbnail-item img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	z-index: 1;
}

.thumbnail-item.landscape img{

}


/*---------- 体験レッスン（大人バレエ、キッズ・ジュニア等）----------*/


.trial_intro_box_inner{
	margin-top: -30px;
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 15px;
}
.trial_white_box{
	min-width: auto;
}
.trial_welcome{
}

.subtitle_line520{
	font-size: 2.4rem;
	margin-bottom: 20px;
}

/*ステップアップの説明2カラム*/
.trial_stepup_about_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
	margin-left: 0vw;
	margin-right: 0vw;
}

.trial_stepup_about_box .content_1box{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	margin-right: 0vw;
	margin-left: 0vw;
	margin-bottom: 10px;

	padding: 15px 15px 15px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	border: solid 2px rgba(218,127,103,0.5);
	background-color: #ffffff;
	font-size: 94%;
}

.category_adult .trial_stepup_about_box .content_1box,
.category_adult_test .trial_stepup_about_box .content_1box{
	border: solid 2px rgba(76,181,151,0.6);
}

.category_children .trial_stepup_about_box .content_1box,
.category_children_test .trial_stepup_about_box .content_1box{
	border: solid 2px rgba(255,188,196,0.7);
}

.category_pb .trial_stepup_about_box .content_1box,
.category_pb_test .trial_stepup_about_box .content_1box{
	border: solid 2px rgba(220,161,215,0.7);
}

/*1〜4個目の枠の真ん中の下に縦線*/
.trial_stepup_about_box .content_1box:nth-of-type(1):after,
.trial_stepup_about_box .content_1box:nth-of-type(2):after,
.trial_stepup_about_box .content_1box:nth-of-type(3):after,
.trial_stepup_about_box .content_1box:nth-of-type(4):after,
.category_children .trial_stepup_about_box .content_1box:nth-of-type(4):after,
.category_children_test .trial_stepup_about_box .content_1box:nth-of-type(4):after{
	content:"";
	display: block;
	position: absolute;
	right:auto;
	top: auto;
	bottom:-20px;
	left:calc(50% - 10px);
	width: 20px;
	height: 20px;
	border: 0;
	border-top: 0px solid #4CB597 !important;
	background-color: rgba(76,181,151,0.6);
	margin: 0;
	padding: 0;
	transform-origin: 0% 0%;
	transform: rotate(0deg) !important;
	z-index: -1;
}

.category_adult .trial_stepup_about_box .content_1box,
.category_adult_test .trial_stepup_about_box .content_1box:after{
	background-color: rgba(76,181,151,0.6) !important;
}

.trial_stepup_about_box .content_1box,
.trial_stepup_about_box .content_1box:nth-of-type(4):after,
.category_adult_test .trial_stepup_about_box .content_1box:nth-of-type(4):after{
	content:none;
}

.category_children .trial_stepup_about_box .content_1box:after,
.category_children_test .trial_stepup_about_box .content_1box:after{
	background-color: rgba(255,188,196,0.7) !important;
}

.category_pb .trial_stepup_about_box .content_1box:after,
.category_pb_test .trial_stepup_about_box .content_1box:after{
	background-color: rgba(220,161,215,0.7) !important;
}



.stepup_num{
	font-size: 110%;
	font-weight: 600;
	margin-bottom: 12px;
}

.category_adult .stepup_num,
.category_adult_test .stepup_num{
	color: #4CB597;
}

.category_children .stepup_num,
.category_children_test .stepup_num{
	color: #FF96A3;
}

.category_pb .stepup_num,
.category_pb_test .stepup_num{
	color: #DCA1D7;
}

.stepup_num span{
	display: none;
}


.stepup_num.num1:before,
.stepup_num.num2:before,
.stepup_num.num3:before,
.stepup_num.num4:before,
.stepup_num.num5:before{
	content:"";
	display: inline-block;
	position: relative;
	width: 40px;
	padding-bottom: 15%;
	
	margin-bottom: -3px;
	margin-right: 5px;
}

.stepup_num.num1:before{
	background: url("img/trial_num_1.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num2:before{
	background: url("img/trial_num_2.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num3:before{
	background: url("img/trial_num_3.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num4:before{
	background: url("img/trial_num_4.svg") no-repeat center center;
	background-size: contain;
}

.category_adult .stepup_num.num4:before,
.category_adult_test .stepup_num.num4:before{
	background: url("img/trial_num_4_notext.svg") no-repeat center center;
	background-size: contain;
}

.stepup_num.num5:before{
	background: url("img/trial_num_5_notext.svg") no-repeat center center;
	background-size: contain;
}


/*---------- 舞台について（大人バレエ、キッズ・ジュニア等）----------*/

.stage_about_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
	
	margin-left: -1vw;
	margin-right: -1vw;
}

.stage_about_box .content_1box{
	display: inline-block;
	position: relative;
	
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	margin-bottom: 5px;

	padding: 15px 15px 15px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	border: solid 2px rgba(218,127,103,0.5);
	
	/*font-size: 94%;*/
}

.category_adult .stage_about_box .content_1box,
.category_adult_test .stage_about_box .content_1box{
	border: solid 2px rgba(76,181,151,0.6);
}

.category_children .stage_about_box .content_1box,
.category_children_test .stage_about_box .content_1box{
	border: solid 2px rgba(255,188,196,0.7);
}

.category_pb .stage_about_box .content_1box,
.category_pb_test .stage_about_box .content_1box{
	border: solid 2px rgba(220,161,215,0.7);
}

.stage_about_box .content_1box .stage_point{
	font-size: 1.8rem;
	color: #da7f67;
	font-weight: 500;
	margin-bottom: 10px;
}

.category_adult .stage_about_box .content_1box .stage_point{color: #4CB597;}
.category_children .stage_about_box .content_1box .stage_point{color: #FF96A3;}
.category_pb .stage_about_box .content_1box .stage_point{color: #DCA1D7;}

.category_adult_test .stage_about_box .content_1box .stage_point{color: #4CB597;}
.category_children_test .stage_about_box .content_1box .stage_point{color: #FF96A3;}
.category_pb_test .stage_about_box .content_1box .stage_point{color: #DCA1D7;}


.stage_point span{
	display: none;
}


.stage_point.num1:before,
.stage_point.num2:before,
.stage_point.num3:before,
.stage_point.num4:before,
.stage_point.num5:before{
	content:"";
	display: inline-block;
	position: relative;
	width: 32px;
	padding-bottom: 10%;
	
	margin-bottom: -4px;
	margin-right: 5px;
	margin-left: -3px;
}

.stage_point.num1:before{
	background: url("img/stage_point_num_1.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num2:before{
	background: url("img/stage_point_num_2.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num3:before{
	background: url("img/stage_point_num_3.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num4:before{
	background: url("img/stage_point_num_4.svg") no-repeat center center;
	background-size: contain;
}

.stage_point.num5:before{
	background: url("img/stage_point_num_5.svg") no-repeat center center;
	background-size: contain;
}


/*---------- 生徒さんの声（大人バレエ、キッズ・ジュニア等）----------*/

.voice_1box{
	padding: 30px 10px 10px 10px;
	margin-bottom: 40px;
}

/*質問文欄　div*/
.voice_question_box{
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 35px;
}

/*p*/
.voice_question_title{
	display: block;
	position: relative;
	text-align: center;
	margin-top: -2.5vw;
	margin-bottom: 15px;
}

.voice_question_title img{
	max-width: 140px;
	height: auto;
}

/*p*/
.voice_question_text{
	text-align: center;
	font-size: 2.0rem;
	font-weight: 500;
}

/*回答欄　div*/
.voice_anser_box{
	display: block;
	position: relative;
	padding: 15px 10px 10px 10px;
	background-color: #ffffff;
	border-radius: 10px;
}

.voice_anser_box:before{
	content:"";
	position: absolute;
	top:-22px;
	left: calc(50% - 13px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 13px 22px 13px;
	border-color: transparent transparent #ffffff transparent;
}


/*p*/
.voice_anser_title{
	display: block;
	position: relative;
	margin-bottom: 12px;
}

.voice_anser_title img{
	max-width: 110px;
	height: auto;
}

/*ul*/
.voice_anser_list{

}

.voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #da7f67, #da7f67 50%, #fff 50%, #fff); 
	background-size: 5px 5px;

	margin-bottom: 15px;
}

.category_adult .voice_anser_list:before,
.category_adult_test .voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #4CB597, #4CB597 50%, #fff 50%, #fff); 
	background-size: 5px 5px;
}

.category_children .voice_anser_list:before,
.category_children_test .voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #FF96A3, #FF96A3 50%, #fff 50%, #fff);
	background-size: 5px 5px; 
}

.category_pb .voice_anser_list:before,
.category_pb_test .voice_anser_list:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background: radial-gradient(circle farthest-side, #DCA1D7, #DCA1D7 50%, #fff 50%, #fff);
	background-size: 5px 5px;
}

.voice_anser_list li{
	text-indent: -1.3rem;
	padding-left: 1.3rem;
}

.voice_anser_list li:before{
	content:"・";
	font-weight: 600;
}


/*---------- キッズ・ジュニア　「発表会・行事について」　ディレクトリ:event----------*/

.point.num1:before,
.point.num2:before,
.point.num3:before,
.point.num4:before,
.point.num5:before{
	content: "";
	display: inline-block;
	position: relative;
	width: 32px;
	padding-bottom: 10%;
	margin-bottom: -4px;
	margin-right: 5px;
	margin-left: -3px;
}


/*--------------------------------

「新着情報」ページ　ディレクトリ：news

--------------------------------*/

/*記事一覧　ul*/
.news_list_box .news_list,
.blog_list_box .blog_list{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 30px;
	max-width: 100%;
	border-top: solid 1px #D8D8D8;
}

.frontpage .news_list_box .news_list,
.frontpage .blog_list_box .news_list{
	margin-left: 0px;
	margin-right: 0px;
}

.news_list_box .news_list li,
.blog_list_box .blog_list li{
	position: relative;
	padding: 5px 0px 10px 0px;
	background:none;
	
	border-bottom: solid 1px #D8D8D8;
}


/*お知らせ、ブログの一覧のliの中のdiv*/
.news_list_li_inner,
.blog_list_li_inner{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 100%;
}

.news_list_box .news_list li p,
.blog_list_box .blog_list li p{
	line-height: 150%;
}

/*日付とカテゴリー　div*/
.date_category_box{
	display: table;
	position: relative;
	white-space: nowrap;
	width: auto;
	margin-bottom: 3px;
}

.news_list_box .news_list li .date,
.blog_list_box .blog_list li .date{
	display: table-cell;
	position: relative;
	font-size: 1.1rem;
	margin-bottom: 6px;
	padding-top: 2px;
	padding-right: 10px;
	width: 70px;
	vertical-align: middle;
	color: #666666;
}



/*位置微調整*/
.news_list_box .news_list li .genre{
	margin-top: -4px;
}


.news_list_box .news_list li p.list_title,
.blog_list_box .blog_list li p.list_title{
	display: block;
	position: relative;
	margin-top:0rem;
	padding-left: 0px;
}

.news_footer_navi_box,
.blog_footer_navi_box,
.nav-single{
	overflow:visible;
}



.nav-previous, .nav-next {
	width: 49%;
}


.button_to_list{
	display: block;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	margin-top: 40px;
}

.button_to_list{
	display: block;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	margin-top: 40px;
}


/*--------------------------------
スマホ
「大人バレエ」ページ　ディレクトリ：adult

--------------------------------*/

/*--------------------------------
スマホ
「東京銀座スタジオ」ページ　ディレクトリ：ginza_studio

--------------------------------*/

.ginza_main_title{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 960px;
}

.ginza_main_img_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
}

.ginza_main_img{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 860px;
	text-align: center;
}

.ginza_main_catch_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 40px;
}

.ginza_main_catch1{
	display: block;
	position: relative;
	background: url("img/ginza_main_catch1.svg") no-repeat left center;
	background-size: contain;
	max-width: 600px;
	padding-bottom: 16%;
	margin-bottom: 5%;
}

.ginza_main_catch2{
	display: block;
	position: relative;
	background: url("img/ginza_main_catch2.svg") no-repeat left center;
	background-size: contain;
	max-width: 600px;
	padding-bottom: 18%;
	margin-bottom: 5%;
}

.ginza_main_catch1 span,
.ginza_main_catch2 span{
	display: none;
}

.ginza_main_text_box{
	margin: 0 auto;
}


.entry_ginza .adult_instructor_box_inner{
	margin-bottom: 20px;
}

/*スケジュール表*/
.ginza_schedule_box{
	
}

table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).ginza_schedule_table,
.ginza_schedule_table {
	border: none !important;
	border-top: #f0e5c2 solid 0px !important;
	margin-bottom: 20px;
	margin-bottom: 0px;
}

.ginza_schedule_table .week td,
.ginza_schedule_table .schedule td{
	border-right: #f0e5c2 solid 0px;
}

.ginza_schedule_table .week td{
	font-size: 94%;
	color: #ffffff !important;
	width: 14.2857%;
	background-color: #b08740;
}

table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).ginza_schedule_table  .schedule td,
.ginza_schedule_table .schedule td{
	padding: 0px 0px 15px 0px !important;
	background-color: transparent;
}

/*汎用*/
.ginza_schedule_table .schedule td:nth-of-type(odd){
	background-color: transparent;
}


table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).ginza_schedule_table  .schedule td .item{
	margin-bottom: 5px;
}

.ginza_schedule_table .schedule_1box{
	display: block;
	position: relative;
	background-color: rgba(255, 255, 255, 0.0);
	padding: 7px 10px 7px 10px;
	margin-bottom: 5px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bb9d69;
}

.ginza_schedule_table .item{
	background-color: #b08740;
}

.ginza_schedule_table .schedule_time{
	color: #bb9d69;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 2px;
	/*スマホ用
	display: inline-block;
	width: 120px;
	*/
}

.ginza_schedule_table .schedule_time:before{
	content:"";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("img/icon_svg_clock_beige.svg") no-repeat center center;
	margin-right: 2px;
	margin-top: 3px;
	vertical-align: top;
}

.ginza_schedule_table .schedule_name{
	line-height: 130%;
	font-size: 1.6rem !important;
	color: #333333;
	/*スマホ用
	display: inline-block;
	*/
}


/*料金表*/
.ginza_fee_box{
	
}

.ginza_fee_box table.fee_table {
	margin-bottom: 0.5rem;
	border-top: #d8c39f solid 1px;
	border-left: #d8c39f solid 1px;
}

.ginza_fee_box table.fee_table tr {
	border-bottom: #d8c39f solid 1px;
	border-right: #d8c39f solid 0px;
}

.ginza_fee_box table.fee_table th {
	padding: 6px 6px 6px 6px;
	border-bottom: #d8c39f solid 1px;
	border-right: #d8c39f solid 1px;
	font-weight: normal !important;
	font-size:80%;
}

.ginza_fee_box table.fee_table td {
	padding: 6px 6px 6px 6px;
	border-bottom: #d8c39f solid 1px;
	border-right: #d8c39f solid 1px;
	font-weight: normal !important;
	font-size:80%;
}
.ginza_fee_box .fee_table_color1{
	background-color: rgba(216, 195, 159, 0.1);
}
.ginza_fee_box table.fee_table tr td:first-child {
	width: 100px;
	width: 7%;
	max-width:7%;
}
.ginza_fee_box table.fee_table td:nth-of-type(2) {
	width: 7%;
	max-width:7%;
}
.ginza_fee_box table.fee_table td:nth-of-type(n+3) {
	max-width:20%;
}
@media screen and (max-width: 896px) {
	.ginza_fee_box table.fee_table tr td:first-child {
		width: auto;
		max-width:auto;
	}
	.ginza_fee_box table.fee_table td:nth-of-type(2) {
		width: auto;
		max-width:auto;
	}
	.ginza_fee_box table.fee_table td:nth-of-type(n+3) {
		max-width:auto;
	}
	.ginza_fee_box table.fee_table td.ta_right.sp_ta_left.nowrap {
		white-space: break-spaces !important;
	}
}

.min_w100px{
	min-width: 100px;
}

.min_w130px{
	min-width: 130px;
}

.max_w150px{
	max-width: 150px;
}

.max_w180px{
	max-width: 180px;
}

.ginza_fee_box .fee_table_color2{
	background-color: #b08740;
	color: #ffffff;
}

.ginza_fee_box table.fee_table td.pc_only{
	height: 5.5rem;
}
/*
.ginza_fee_box .pc_min_height{
	height:5.5rem
}
*/

/*tr*/
.ginza_fee_box .lesson_name{
	
}

/*tr*/
.ginza_fee_box .lesson_name th{
	font-size: 84%;
	width: 8.5%;
}


@media screen and ( max-width: 1040px ) {
	.ginza_fee_box .lesson_name th br{
		display: none;
	}
}

.ginza_fee_box .tooltip{

}

.ginza_fee_box .tooltip img {
	width:12px !important;
	margin-left: 2px;
	margin-right: 2px;
}
.ginza_fee_box .dark-tooltip.medium {
	max-width:500px !important;
}
.ginza_fee_box .dark-tooltip.dark {
	background-color: rgba(0,0,0,0.7);
}

/*生徒さんの声*/
.ginza_voice_box{
	display: block;
	position: relative;
	
}

.ginza_voice_1box{
	display:block;
	position: relative;
	padding: 15px;
	border: solid 1px #80161c;
	margin-bottom: 10px;
}

.voice_name{
	display: block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 4px;
	text-align: left;
	color: #80161c;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 120%;
}

.voice_name:before{
	content:"";
	display: inline-block;
	position: relative;
	height: 33px;
	width: 33px;
	background: url("img/icon_silhouette_red.svg") no-repeat center center;
	background-size: contain;
	margin-bottom: 0px;
	margin-right: 8px;
	vertical-align: middle;
}

.voice_name br{
	display: none;
}


.voice_text_box{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: auto;
}


/*スタジオ情報*/
.ginza_studio_box{
	display:block;
	position: relative;
}

.ginza_studio_box_inner{
	display: block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}

.ginza_studio_box_inner:nth-of-type(1){
	width: 100%;
	margin-right: 0%;
}

.ginza_studio_box_inner:nth-of-type(2){
	width: 100%;
	margin-right: 0px;
}

.ginza_studio_name{
	display: block;
	position: relative;
	color: #A28B44;
	font-size: 1.7rem;
	font-weight: 600;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

/*ul*/
.ginza_studio_information_list{
	margin-bottom: 20px;
}

.ginza_studio_information_list li{
	margin-bottom: 15px;
}

.ginza_studio_subtitle{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	min-width: 90px;
	margin-right: 10px;
	text-align: center;
	color: #80161c;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 120%;
	padding: 2px 6px 2px 6px;
	border: solid 1px #80161c;
}

.ginza_studio_text{
	position: relative;
	padding-left: 100px;
	margin-top: -32px;
}

/*--------------------------------
スマホ
「奈良学園前スタジオ」ページ　ディレクトリ：nara_studio

--------------------------------*/

.nara_main_title{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 960px;
}

.nara_main_img_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
}

.nara_main_img{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 860px;
	text-align: center;
}

.nara_main_catch_box{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 40px;
}

.nara_main_catch1{
	font-size: 2.1rem;
}

.nara_main_catch2{
	font-size: 1.8rem;
}

.nara_main_text_box{
	margin: 0 auto;
}


.nara_class_1box{
	display:block;
	letter-spacing: normal;
	position: relative;
	margin-bottom: 60px;
}

.nara_class_1box .column_inner{
	display: block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}

.nara_class_1box .column_inner:nth-of-type(1){
	width: 100%;
}

.nara_class_1box .column_inner:nth-of-type(2){
	width: 100%;
	margin-left: 0%;
}

.nara_class_subtitle{
	display: block;
	position: relative;
	width: 97px;
	height: 32px;
	margin-bottom: 15px;
}

.nara_class_subtitle span{
	display: none;
}

.nara_class_1box.class1 .nara_class_subtitle{
	background: url("img/nara_subtitle_e_class1.svg") no-repeat left center;
	background-size: contain;
}

.nara_class_1box.class2 .nara_class_subtitle{
	background: url("img/nara_subtitle_e_class2.svg") no-repeat left center;
	background-size: contain;
}

.nara_class_1box.lesson .nara_class_subtitle{
	background: url("img/nara_subtitle_e_lesson.svg") no-repeat left center;
	background-size: contain;
}

.nara_class_text_box{
	height: 90%;
	padding: 40px 20px 20px 20px;
}

.nara_class_1box.class1 .nara_class_text_box{
	background: url("img/nara_subtitle_genre_children.svg") no-repeat left top;
	background-size: 100px 30px;
	background-color: #fff1f4;
}

.nara_class_1box.class2 .nara_class_text_box{
	background: url("img/nara_subtitle_genre_adult.svg") no-repeat left top;
	background-size: 100px 30px;
	background-color: #faf4f7;
}

.nara_class_1box.lesson .nara_class_text_box{
	background: url("img/nara_subtitle_genre_lesson.svg") no-repeat left top;
	background-size: 100px 30px;
	background-color: #e9fafb;
}

.nara_class_name{
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 15px;
	color: #512d27;
	font-weight: 700;
	font-size: 2.0rem;
}

.nara_class_1box.class1 .nara_class_name{
	background: url("img/nara_line_pink2.png") repeat-x left bottom;
	background-size: 5px 10px;
}

.nara_class_1box.class2 .nara_class_name{
	background: url("img/nara_line_purple.png") repeat-x left bottom;
	background-size: 5px 10px;
}

.nara_class_1box.lesson .nara_class_name{
	background: url("img/nara_line_blue.png") repeat-x left bottom;
	background-size: 5px 10px;
}

.nara_class_img{
	
}


/*スケジュール表*/
.nara_schedule_box{
	
}

table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).nara_schedule_table,
.nara_schedule_table {
	border: none !important;
	border-top: #f0c2da solid 0px !important;
	margin-bottom: 20px;
	margin-bottom: 0px;
}

.nara_schedule_table .week td,
.nara_schedule_table .schedule td{
	border-right: #f0c2da solid 0px;
}

.nara_schedule_table .week td{
	font-size: 94%;
	color: #ffffff !important;
	width: 14.2857%;
	background-color: #ff6c96;
}

table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).nara_schedule_table  .schedule td,
.nara_schedule_table .schedule td{
	padding: 0px 0px 15px 0px !important;
	background-color: transparent;
}

/*汎用*/
.nara_schedule_table .schedule td:nth-of-type(odd){
	background-color: transparent;
}


table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table).nara_schedule_table  .schedule td .item{
	margin-bottom: 5px;
}

.nara_schedule_table .schedule_1box{
	display: block;
	position: relative;
	background-color: rgba(255, 255, 255, 0.0);
	padding: 7px 10px 7px 10px;
	margin-bottom: 5px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #ff6c96;
}

.nara_schedule_table .item{
	background-color: #ff6c96;
}

.nara_schedule_table .schedule_time{
	color: #ff6c96;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 2px;
	/*スマホ用
	display: inline-block;
	width: 120px;
	*/
}

.nara_schedule_table .schedule_time:before{
	content:"";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("img/icon_svg_clock_beige.svg") no-repeat center center;
	margin-right: 2px;
	margin-top: 3px;
	vertical-align: top;
}

.nara_schedule_table .schedule_name{
	line-height: 130%;
	font-size: 1.6rem !important;
	color: #333333;
	/*スマホ用
	display: inline-block;
	*/
}


/*料金表*/
.nara_fee_box{
	
}

.nara_fee_box table.fee_table {
	margin-bottom: 0.5rem;
	border-top: #ff6c96 solid 1px;
	border-left: #ff6c96 solid 1px;
}

.nara_fee_box table.fee_table tr {
	border-bottom: #ff6c96 solid 1px;
	border-right: #ff6c96 solid 0px;
}

.nara_fee_box table.fee_table th {
	padding: 6px 6px 6px 6px;
	border-bottom: #ff6c96 solid 1px;
	border-right: #ff6c96 solid 1px;
	font-weight: normal !important;
	font-size:80%;
}

.nara_fee_box table.fee_table td {
	padding: 6px 6px 6px 6px;
	border-bottom: #ff6c96 solid 1px;
	border-right: #ff6c96 solid 1px;
	font-weight: normal !important;
	font-size:80%;
}
.nara_fee_box .fee_table_color1{
	background-color: rgba(216 159 159 / 10%);
}
.nara_fee_box table.fee_table tr td:first-child {
	width: 100px;
	width: 7%;
	max-width:7%;
}
.nara_fee_box table.fee_table td:nth-of-type(2) {
	width: 7%;
	max-width:7%;
}
.nara_fee_box table.fee_table td:nth-of-type(n+3) {
	max-width:20%;
}
@media screen and (max-width: 896px) {
	.nara_fee_box table.fee_table tr td:first-child {
		width: auto;
		max-width:auto;
	}
	.nara_fee_box table.fee_table td:nth-of-type(2) {
		width: auto;
		max-width:auto;
	}
	.nara_fee_box table.fee_table td:nth-of-type(n+3) {
		max-width:auto;
	}
	.nara_fee_box table.fee_table td.ta_right.sp_ta_left.nowrap {
		white-space: break-spaces !important;
	}
}


.nara_fee_box .fee_table_color2{
	background-color: #ff6c96;
	color: #ffffff;
}

.nara_fee_box table.fee_table td.pc_only{
	height: 5.5rem;
}
/*
.nara_fee_box .pc_min_height{
	height:5.5rem
}
*/

/*tr*/
.nara_fee_box .lesson_name{
	
}

/*tr*/
.nara_fee_box .lesson_name th{
	font-size: 84%;
	width: 8.5%;
}


@media screen and ( max-width: 1040px ) {
	.nara_fee_box .lesson_name th br{
		display: none;
	}
}

.nara_fee_box .tooltip{

}

.nara_fee_box .tooltip img {
	width:12px !important;
	margin-left: 2px;
	margin-right: 2px;
}
.nara_fee_box .dark-tooltip.medium {
	max-width:500px !important;
}
.nara_fee_box .dark-tooltip.dark {
	background-color: rgba(0,0,0,0.7);
}

/*生徒さんの声*/
.nara_voice_box{

}


/*スタジオ情報*/
.nara_studio_box{
	display:block;
	position: relative;
}

.nara_studio_box_inner{
	display: block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}

.nara_studio_box_inner:nth-of-type(1){
	width: 100%;
	margin-right: 0%;
}

.nara_studio_box_inner:nth-of-type(2){
	width: 100%;
	margin-right: 0px;
}

.nara_studio_name{
	display: block;
	position: relative;
	color: #ff6c96;
	font-size: 1.7rem;
	font-weight: 600;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}

/*ul*/
.nara_studio_information_list{
	margin-bottom: 20px;
}

.nara_studio_information_list li{
	margin-bottom: 15px;
}

.nara_studio_subtitle{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	min-width: 90px;
	margin-right: 10px;
	text-align: center;
	color: #777777;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 120%;
	padding: 2px 6px 2px 6px;
	border: solid 1px #777777;
}

.nara_studio_text{
	position: relative;
	padding-left: 100px;
	margin-top: -32px;
}

/*--------------------------------
スマホ
「キッズ・ジュニア」ページ　ディレクトリ：children

--------------------------------*/

/*--------------------------------
スマホ
「パーソナルバレエ」ページ　※外部サイトへのリンクのため、スタイル無し

--------------------------------*/

/*--------------------------------
スマホ
「バレエ団」ページ　ディレクトリ：ballet_group

--------------------------------*/

/*--------------------------------
スマホ
「ショップ」ページ　※外部サイトへのリンクのため、スタイル無し

--------------------------------*/

/*--------------------------------
スマホ
「春田琴栄Official」ページ　ディレクトリ：kotoe_harut

--------------------------------*/


/*--------------------------------
スマホ
「お問い合わせ」ページ　ディレクトリ：inquire or inquiry

--------------------------------*/

.form_button_box{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 280px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.contact_check_text{
	text-align: left;
}


/*--------------------------------
スマホ
「会社概要」ページ　ディレクトリ：company

--------------------------------*/


.company_message .sp_aligncenter{
	padding-right: 0%;
	margin-bottom: 40px !important;
}

.company_message .sp_aligncenter img{
	max-width: 280px !important;
}


h3.catchcopy_blue{
	color: #81B3B9;
	font-size: 1.9rem;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 180%;
	
	margin-bottom: 20px;
}

.company_message_text{
	color: #757575;
	font-size: 16px;
	line-height: 180%;
	font-weight: 300;
	margin-bottom: 20px;
	letter-spacing: normal;
}

.signature{
	text-align: right;
	margin-top: 0px;
}

.signature img{
	max-width: 180px;
}


.company_data{
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 740px;
}


.company_data tr {
}

.company_data th {
	font-weight: 600;
	font-size: 94%;
	white-space: nowrap;
}

.company_data td {
	color: #757575;
	font-size: 94%;
	font-weight: 300;
}

.company_data td p {
	color: #757575;
	font-size: 94%;
	font-weight: 300;
}


/*--------------------------------
スマホ
「採用情報」ページ　ディレクトリ：recruit

--------------------------------*/

/*募集要項*/
.recruit_data{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 100px;
	max-width: 740px;
}


.recruit_data tr {
}

.recruit_data th {
	padding: 2rem 5rem 2rem 5rem;
	font-size: 16px;
	font-weight: 600;
	/*font-size: 94%;*/
	white-space: nowrap;
}

.recruit_data td {
	padding: 2rem 2rem 2rem 2rem;
	color: #757575;
	font-size: 16px;
	font-weight: 300;
}

.recruit_data td p {
	color: #757575;
	font-size: 16px;
	font-weight: 300;
}

.indent_8em strong,
.indent_8rem strong{
	padding-left: 0rem !important;
	text-indent: 0rem !important;
}


.recruit_data table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) tr {
	display: block;
	border: none !important;
	border-bottom: #e7e7e7 solid 1px !important;
	padding:4px 0px 4px 0px;
	margin-bottom: 4px;
	width:100% !important;
}



.recruit_data table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) th {
	padding: 4px 5px 2px 5px !important;
	margin-bottom: 0px !important;
	background-color: #ffffff;
	/*white-space: nowrap;*/
	overflow: hidden;
	display: block;
	border: none !important;
	width:100% !important;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
}

.recruit_data table:not(.no_responsive_table):not(.table_img_2column):not(.open_searchbox table) td {
	border-left: none !important;
	word-wrap: break-word;
	overflow: hidden;
	display: block;
	padding: 2px 5px 4px 5px !important;
	margin-bottom: 0px !important;
	border: none !important;
	width:100% !important;
}



/*--------------------------------
スマホ
「プライバシーポリシー」ページ　ディレクトリ：privacy

--------------------------------*/






}/*@media screen and ( max-width: 768px )ここまで*/




/*プリント用調整（PC画面をA4に最適化）*/
@page {
	/*margin: 10mm 10mm !important;*/
}/*@pageここまで*/

@media print {

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		/*zoom: 0.99;*/
	}
	
	html{
		font-size: 50%;
	}
	
	html, body{
		overflow: visible !important;
		/*zoom: 0.9;*/
	}
	
	body{
		background-color: #ffffff !important;
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		
	}
	
	
	h1, h2, h3, h4, h5, h6 p{
	}


/* -------------------------------- 

 レイアウト設定
 
-------------------------------- */

/*大枠の構成
	#top　ページトップアンカー
	.header　ヘッダー
	.drawermenu　グランドメニュー
	.contents_all　コンテンツ
	.topicpath_area　パンくず
	.footer　フッター
	.side　サイド
*/

/* --------------------

ページトップアンカー

-------------------- */

/* --------------------

ヘッダー

-------------------- */

#header,
.header{
	position: absolute;
	background-color: #ffffff;
	top:0px;
}

.header_inner{
	background-color: #ffffff;
}

.btn_logo {
	left:20px;
}

.header_menu{
	display: none;
}

/* --------------------

グランドメニュー（ドロワーメニュー）

-------------------- */

.btn_drawermenu{
	display: none;
}

.drawermenu{
	display: none;
}

/* -------------------------------- 

 コンテンツ欄
 
-------------------------------- */

#contents_all{
	overflow: hidden;
	padding-bottom: 0px;
	padding-left: 20px;/*（左の「.side」分100px）*/
	padding-right: 20px;
	
	background-color: #ffffff;
}

/*googleマップ配置欄　div*/
.map_box{
	display: block;
	position: relative;
	width: 100%;
	height: auto !important;
	padding-bottom: 0px !important;
	margin: 0 auto;
}


.map_box iframe,
.map_box object,
.map_box embed {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: 300px;
}




/* -------------------------------- 

 パララックス設定

-------------------------------- */

.animation_1,
.animation_2,
.animation_3,
.fadeInUp,
.fadeIn,
.fadeInBlur,
.fadeInBlur_For3sec,
.slideShutter {
	overflow: visible !important;
	opacity: 1 !important;
	filter: blur(0px);
	-webkit-filter: blur(0px);
}


/*------------------------------

フッター

------------------------------*/

#footer{
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 20px;/*（左の「.side」分100px）*/
	padding-right: 20px;

}

/* ----------ページTOPへボタン---------- */
#pagetop_wrapper {
	display: none !important;
}

/* --------------------

サイド

-------------------- */

.side_link_box1,
.side_link_box2 {
	display: none !important;
}


/*--------------------------------

トップページ専用スタイル

--------------------------------*/

.mainvisual_area{
	
}

.mainvisual_area,
#frontpage_movie_box,
.frontpage_movie,
.frontpage_movie_catchcopy_box{
	height: 100%;
	min-height:auto;
}



#frontpage_movie_box,
.frontpage_movie_catchcopy_box {
	display: block;
	position: absolute;
}

#frontpage_movie_box{
	margin-top: 80px;
}

.frontpage_school_link,
.school_link_img{
	height:300px;
}

.school_link_img{
	width: 53%
}

.school_link_text_box{
	display: inline-block;
	width: 47%;
	padding-left: 2%;
	padding-right: 2%;
}

.school_link_title{
	width: 80%;
	height:180px;
}

.school_link_title {
	background-size:contain !important;
}

.school_link_text_box{
	font-size: 16px;
}


}/*@media printここまで*/