@charset "UTF-8";



@media screen and (max-width: 1020px) {


	.Box-tab {
		display: block !important;
	}


	/* padding・borderを枠のサイズに含める
====================================================== */
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}


	/* 共通
====================================================== */
	body {
		width: 100%;
		font-size: 0.94em;
		line-height: 1.6;
		font-weight: 300;
	}

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

	img.left,
	img.right {
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.imgright {
		width: 35%;
		margin: 0 0 10px 10px;
	}

	.imgleft {
		width: 35%;
		margin: 0 10px 10px 0;
	}

	.imgright {
		float: right;
		margin: 0 0 10px 15px;
	}

	/* 見出し */
	/* h3 */
	h3.h3_title04 span {
		margin: 0;
	}

	h3.h3_title04:before {
		left: 0;
		width: 100%;
	}

	h3.h3_title05 {
		text-align: left;
	}

	h3.h3_title05 span {
		font-size: 1.38em;
		margin: 10px 0;
		padding: 0 0.7em 0 0;
	}

	/* リスト */
	/* 汎用　単純なリストパターン */
	ul.ul_column3 {
		clear: both;
		width: 100%;
	}

	ul.ul_column3 li.inner {
		margin: 0 2% 0 0;
		width: 32%;
	}

	ul.ul_column3 li.inner img {
		max-width: inherit;
	}

	ul.ul_column3 li.inner ul>li:nth-child(2) {
		/*テキスト*/
	}

	ul.ul_column3 li.inner p {}

	ul.ul_column3 li.grid_inner:nth-last-child(1) {
		/*E:nth-last-child(n)後ろから数えてn番目の子となるE要素*/
		margin: 0;
	}



	/*　トップページ　細かい所
====================================================== */
	/* 共通 */

	/*----- ギャラリー ------*/
	#loopslider {
		height: 350px;
	}

	#loopslider ul {
		height: 350px;
	}

	#loopslider ul li {
		height: 350px;
		margin: 0 auto;
		width: 623px;
		float: left;
		overflow: hidden;
	}

	/*
#loopslider ul li.slide01 {background: url(../img/bg_slider01b.jpg) no-repeat center 37% / auto 100%;}
#loopslider ul li.slide02 {background: url(../img/bg_slider02.jpg) no-repeat 0 37% / auto 100%;}
#loopslider ul li.slide03 {background: url(../img/bg_slider03.jpg) no-repeat 10% 37% / auto 100%;}
#loopslider ul li.slide04 {background: url(../img/bg_slider04.jpg) no-repeat 10% 37% / auto 100%;}
*/

	/*----- キャッチ ------*/
	#catch {
		padding: 30px 0;
	}


	/*----- コンテンツ ------*/
	#m_contents {
		padding: 40px 15px 25px;
		background:
			url(../img/bg_p001_right.png) no-repeat right -130px center,
			url(../img/bg_p001_left.png) no-repeat left -130px center,
			url(../img/bg_g01.png) no-repeat center center / auto 100%;
	}

	#m_contents .slider {
		width: 668px;
	}

	/* スライダーカスタム */
	.slick-prev {
		left: -35px !important;
	}

	.slick-next {
		right: -25px !important;
	}

	.slick-dots {
		bottom: -50px !important;
	}

	/* スライダーコンテンツ */
	.multiple-item li {
		width: 204px;
		height: auto;
	}

	.multiple-item li ul>li:nth-child(1) {
		/*画像部分*/
		height: 204px;
		background-color: #fafafa;
	}

	.multiple-item li img {
		max-width: inherit;
	}

	.multiple-item li ul>li:nth-child(2) {
		/*テキスト*/
	}

	.multiple-item li p {}

	.multiple-item li:nth-last-child(1) {
		/*E:nth-last-child(n)後ろから数えてn番目の子となるE要素*/
	}

	/*----- ピックアップ ------*/
	/* ニュースティッカー */
	.pickup_contents {
		background-color: inherit;
		height: inherit;
		margin: 20px auto 0;
		width: inherit;
		border-bottom: none;
		padding: 0;
	}

	.pickup_contents ul {
		text-align: left;
	}

	.pickup_contents ul li {
		font-size: 1.06em;
		font-weight: 300;
		line-height: 1.4;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.pickup_contents p.title {
		color: #920f2b;
		display: block;
		float: none;
		font-weight: 500;
		height: 38px;
		padding: 0;
		text-align: center;
	}


	/*----- トピックス ------*/
	#topics {
		background: none;
		margin: 0;
		padding: 0 15px 1em;
	}

	#topics .topics_inner {
		width: 100%;
		margin: 0;
	}

	#topics #event {
		width: 100%;
		float: none;
		padding-bottom: 0;
		border-bottom: none;
	}

	#topics #blog {
		width: 100%;
		float: none;
		padding-bottom: 15px;
		margin-top: 0px;
	}


	/*----- プロフィール ------*/
	#profiel {
		padding: 1.5em 15px;
		background:
			url(../img/bg_p003.png) no-repeat left 70px top 15px,
			url(../img/bg_p004.png) no-repeat right 30px top 50%,
			url(../img/bg_p005.png) no-repeat left 15px bottom,
			url(../img/bg_g02.png) no-repeat center center / 100% 100%;
	}

	#profiel .pro_box {
		padding: 20px;
		width: 90%;
		margin: 0 auto;
	}

	#profiel .pro_box .prodate {}


	/* ヘッダー
****************************************************** */
	header {
		padding: 10px 0;
	}

	#head_info {
		width: 100%;
		display: inherit;
	}

	#head_info h1 {
		max-width: 300px;
		width: 70%;
	}

	#head_info h1 a {
		display: block;
		float: left;
		margin: 6px 0 0 7px;
		padding: 0;
	}

	/* メールアイコン */
	header .mail {
		display: inline-block;
		float: right;
		margin-right: 5px;
		width: 33px;
		position: relative;
	}

	header .mail:after {
		position: absolute;
		left: -1px;
		bottom: -14px;
		content: 'メール';
		display: block;
		width: 100%;
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		text-align: center;
	}

	header .mail a {
		display: block;
	}

	i.fa-envelope {
		font-size: 2.25em;
	}

	.fa-envelope:before {
		color: #fff;
		vertical-align: top;
	}


	/* メイン
****************************************************** */
	#wrap {
		padding-bottom: 3em;
		background: #fef4f4;
	}

	#contents {
		width: 100%;
	}

	#c_main {
		float: none;
		padding: 20px;
		width: 100%;
	}

	/* ワンカラム_背景あり */
	.page-template-page-noside #c_main,
	.page-template-page-blog #c_main,
	.page-template-page-lyrics #c_main {
		width: 100%;
	}

	/* ワンカラム_背景なし */
	#contents_nobg {
		width: 100%;
	}



	/*横並び4カラム*/
	ul.column4 {
		padding: 0;
		margin: 0;
		width: 100%;
	}

	ul.column4 li {
		padding: 0;
		margin: 0;
		list-style-type: none;
		float: left;
		width: 50%;
		height: auto;
	}

	ul.column4:after {
		content: "";
		clear: both;
		display: block;
	}



	/* サイドバー
****************************************************** */
	#sidebar {
		width: 100%;
		float: none;
		padding: 20px;
	}


	/* フッター
****************************************************** */
	#f_info {
		margin: 30px auto 25px;
		width: 100%;
	}

	.foot_nav {
		float: none;
		width: 100%;
	}

	#f_date {
		float: none;
		width: 200px;
		margin: 0 auto;
	}

	ul#menu-footnav {
		float: none;
		margin: 0 auto;
		width: 764px;
	}

	ul.f_menu li a {
		padding: 1.25em 10px;
	}

	p.copyright {
		border-top: 1px dotted #bbb;
		color: #333;
		font-size: 0.81em;
		margin: 0 auto;
		padding: 5px 0 5px;
		text-align: center;
		width: 90%;
		font-weight: 200;
	}

	/* SNSボタン */
	.foot_sns {
		position: relative;
		overflow: hidden;
		margin: 25px 0 25px;
	}

	.foot_sns .ul_sns {
		position: relative;
		left: 50%;
		float: left;
	}

	.foot_sns .ul_sns li {
		float: left;
		left: -50%;
		margin-right: 15px;
		position: relative;
		width: 43px;
	}

	.foot_sns .ul_sns li.seito {
		float: left;
		left: -50%;
		margin-right: 10px;
		position: relative;
		width: 170px;
	}


	/*　ページ毎
====================================================== */

	/* 教室案内 school */
	ul.ul_index {
		margin: 0 auto;
		width: 650px;
	}

	ul.ul_index li.inner:nth-child(3n) {
		margin: 0 20px 20px 0;
	}

	ul.ul_index li.inner:nth-child(even) {
		margin: 0 0 20px 0;
	}

	/* お稽古場 hall */
	.hall .a_box {
		display: inherit;
		float: none;
		padding: 15px 15px 10px;
		width: 100%;
	}

	.hall .a_box .address {
		float: none;
		height: inherit;
		width: 100%;
	}

	.hall .a_box .g_map,
	.hall .a_box .g_map2 {
		float: none;
		overflow: hidden;
	}

	.hall .a_box .g_map iframe,
	.hall .a_box .g_map2 iframe {
		width: 100%;
	}

	ul.ul_about {
		margin: 0 auto;
		width: 100%;
	}

	ul.ul_about li {
		float: none;
		width: 100%;
		text-align: center;
	}

	.okeiko .price {
		width: 100%;
		text-align: center;
	}

	/* ブログ　テンプレート：/page-blog.php blog */
	/* 歌詞集　テンプレート：/page-lyrics.php lyrics  */
	.page-template-page-blog .bg_01 ul,
	.page-template-page-lyrics .bg_01 ul {
		float: none;
		left: 0;
		position: inherit;
	}

	.page-template-page-blog .bg_01 ul li,
	.page-template-page-lyrics .bg_01 ul li {
		left: 0;
		position: inherit;
	}

	ul.indexlist li {
		margin: 10px 0 0 10px;
	}

	ul.indexlist li a {
		padding: 10px;
	}

	.cat-item.cat-item-7 {
		clear: inherit;
	}


	/* 動画コーナー */
	.youtubelist .youtube {
		margin: 10px auto 0;
		display: block;
	}

	.youtubelist .youtube:before {}

	.youtubelist iframe {
		margin: 10px auto 0;
		display: block;
	}


	/* お問合せ contact */
	table.table-res-form {}

	table.table-res-form th {
		display: list-item;
		list-style: outside none none;
		padding: 10px 10px 0;
		text-align: inherit;
		width: 100%;
	}

	table.table-res-form td {
		width: 100%;
		display: list-item;
		list-style: outside none none;
		padding: 10px;
		text-align: inherit;
	}

	table.table-res-form td select,
	table.table-res-form td input {
		width: 100%;
		padding: 0.5em;
	}


	/* その他
****************************************************** */
	/* パンくず */
	#breadcrumb {
		margin: 0 2%;
		width: 96%;
	}

	/* ２カラム・アーカイブページ */
	.child-box {
		background: url(../img/bg_g02.png) no-repeat center center / 100% 100%;
	}

	/* category-normal.php 歌詞集以外 */
	dl.cat_n_list {
		border-bottom: 1px dashed #ccc;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	dl.cat_n_list dt.title,
	dl.cat_n_list dd.data,
	dl.cat_n_list dd.excerpt {
		padding-left: 115px;
	}

	dl.cat_n_list dt.title {
		font-size: 1.13em;
		line-height: 1.4;
	}

	dl.cat_n_list dd.img {
		max-width: 100px;
	}

	dl.cat_n_list dd.data {
		color: #555;
		font-size: 0.81em;
	}


	/* 記事ページ */
	/* 記事ページサイドバー */
	.main_widget {
		/* background: url(../img/bg_g02.png) no-repeat center center / 100% 100%; */
		background: url(../img/bg_g02.png) no-repeat center center / cover;
	}

	/* ページ送り */
	p.singlefooter {
		margin: 10px 0 0;
		display: block;
	}

	p.singlefooter .line {
		display: none;
	}

	p.singlefooter a {
		width: 100%;
	}

	p.singlefooter a span {
		width: 100%;
	}

	p.singlefooter a span.prev,
	p.singlefooter a span.next {
		float: none;
	}

	p.singlefooter a span.next {
		text-align: right;
		display: block;
	}

	p.singlefooter a:first-of-type {
		margin-top: 30px;
	}

	p.singlefooter a:last-of-type {
		margin-top: 10px;
	}

	/* ページナビ */
	.wp-pagenavi span.pages {
		display: none;
	}


}




@media screen and (max-width: 740px) {


	/* 横サイズ変更時の文字拡大禁止
****************************************************** */
	body {
		-webkit-text-size-adjust: 100%;
	}

	/* PCとスマホ表示分岐
****************************************************** */

	.Box-pc {
		display: none !important;
	}

	.Box-pc_inline {
		display: none !important;
	}

	.Box-sp {
		display: block !important;
	}

	/* padding・borderを枠のサイズに含める
====================================================== */
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* ios formのフォーム解除
====================================================== */
	/* インプットのみ */
	input[type="submit"] {
		-webkit-appearance: none;
	}


	/* 共通
====================================================== */
	body {
		width: 100%;
		font-size: 0.94em;
		line-height: 1.6;
		font-weight: 300;
	}

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

	img.left,
	img.right {
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.imgright {
		width: 35%;
		margin: 0 0 10px 10px;
	}

	.imgleft {
		width: 35%;
		margin: 0 10px 10px 0;
	}

	.imgright {
		float: right;
		margin: 0 0 10px 15px;
	}


	/* テキスト
====================================================== */
	p {
		line-height: 1.7;
	}

	iframe {}

	#breadcrumb {
		height: auto;
		padding: 15px 2%;
		width: 96%;
		font-size: 0.88em;
		min-width: inherit;
	}

	#breadcrumb .wrap {
		padding: 0;
		width: 100%;
	}

	/* hタグ */
	h2.h2_title01 {
		font-size: 1.56em;
		letter-spacing: inherit;
		margin: 0 0 0.25em;
		line-height: 1.4;
	}

	h3.h3_title02 span {
		font-size: 1.44em;
	}

	h3.h3_title03 {
		font-size: 1.5em;
	}

	h3.h3_title03 span:first-child {
		margin: 0 0 0 10px;
	}

	h3.h3_title05 span {
		font-size: 1.44em;
	}


	/* カラム */


	/* リストパターン */
	dl.dl_basic01 {
		font-size: 1em;
		line-height: 1.7;
		margin-bottom: 0.31em;
		padding-bottom: 0.31em;
	}

	dl.dl_basic01 dd {
		padding-left: 5.5em;
		line-height: 1.7;
	}

	/* 汎用　単純なリストパターン */
	ul.ul_column3 li.inner {
		margin: 0 0 10px;
		width: 100%;
	}

	/* テーブル */


	/* アテンション */


	/* ヘッダー
****************************************************** */

	/* 吸着 */
	#top-head {
		width: 100%;
		padding: 10px 0;
		z-index: 9999;
		top: 0;
		position: fixed;
		margin-top: 0;
		display: block;
	}

	/* Fixed reset */
	/* #top-head.fixed {
	padding:10px 0;
	z-index:99999;
	position:fixed;
	top:0; 
} */
	/* 吸着ナビドロワー */
	.menufixed {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}


	/*　トップページ　細かい所
====================================================== */
	/* 共通 */


	/*----- ギャラリー ------*/
	#gallery {
		height: 370px;
		margin: 0 auto;
		width: 100%;
	}


	/*----- キャッチ ------*/
	#catch {
		padding: 1em 15px 2.25em;
	}

	#catch p {
		text-align: left;
	}


	/*----- コンテンツ ------*/
	#m_contents {
		background: url(../img/bg_g01.png) no-repeat center center / auto 100%;
	}

	#m_contents .slider {
		width: 90%;
	}


	/* スライダーカスタム */
	.slick-prev {
		left: -35px !important;
	}

	.slick-next {
		right: -25px !important;
	}

	.slick-dots {
		bottom: -50px !important;
	}

	.slick-prev,
	.slick-next {}

	.slick-prev:before,
	.slick-next:before {
		content: "" !important;
		vertical-align: middle;
		display: inline-block !important;
		width: 45px !important;
		height: 45px !important;
	}

	.slick-prev:before {
		background: url(../img/img_arrow_left.png) no-repeat !important;
		background-size: contain !important;
	}

	.slick-next:before {
		background: url(../img/img_arrow_right.png) no-repeat !important;
		background-size: contain !important;
	}

	/* スライダーコンテンツ */
	.multiple-item li {
		width: 97%;
		height: auto;
	}

	.multiple-item li ul>li:nth-child(1) {
		/*画像部分*/
	}

	.multiple-item li ul>li:nth-child(2) {
		/*テキスト*/
		height: 65px;
	}

	/*----- ピックアップ ------*/
	.pickup_contents {
		margin: 0px auto 0;
	}

	.pickup_contents ul li {
		font-size: 1em;
		line-height: 1.6;
		margin-bottom: 0.31em;
		padding-bottom: 0.31em;
		text-indent: -1em;
		padding-left: 1em;
	}

	.pickup_contents ul li:before {
		content: "★";
	}

	.pickup_contents ul li:nth-child(odd):before {
		content: "★";
	}

	#topics .btn_list a {
		font-size: 0.88em;
		margin-top: 5px;
	}


	/* ニュースティッカー */
	.pickup_contents {
		margin-bottom: 1em;
	}

	.pickup_contents p.title {}

	.ticker ul {}

	.ticker ul li {}


	/*----- トピックス ------*/
	#topics {
		background: none;
		margin: 0;
		padding: 1em 15px;
	}

	#topics .topics_inner {}

	#topics #event {}

	#topics #blog {}


	/*----- プロフィール ------*/
	#profiel {
		padding: 1.5em 15px;
		background:
			url(../img/bg_p003.png) no-repeat left 70px top 15px,
			url(../img/bg_p004.png) no-repeat right 30px top 50%,
			url(../img/bg_p005.png) no-repeat left 15px bottom,
			url(../img/bg_g02.png) no-repeat center center / 100% 100%;
	}

	#profiel .pro_box {
		padding: 20px;
		width: 100%;
	}

	#profiel .pro_box .photo {
		float: none;
		margin: 0 auto 10px;
		max-width: 230px;
	}

	#profiel .prodate .h3_title03 {
		line-height: 1.4;
		margin: 0 auto 5px;
		width: 7.5em;
	}

	#profiel .pro_box p {
		clear: both;
		font-size: 1em;
	}


	/* メイン
****************************************************** */
	#main {
		width: 100%;
		padding-top: 60px;
	}

	#wrap {
		padding-top: 60px;
	}


	/* サイドバー
****************************************************** */


	/* フッター
****************************************************** */
	footer {}

	#f_info {
		width: 100%;
		margin: 0;
		padding: 1.5em 15px;
	}

	#f_date {
		width: 100%;
		float: none;
		text-align: center;
	}

	#f_date p {
		line-height: 1.5;
	}

	#f_date img {
		width: 90%;
		margin: 0 auto;
	}

	#f_date #f_address {}


	/* ナビ */
	ul#menu-footnav {
		float: none;
		width: 100%;
	}

	ul.f_menu li {
		float: left;
	}

	ul.f_menu li a {
		border-right: 1px solid #ccc;
		font-size: 1em;
		margin: 7px 0 0;
		padding: 0 0.5em;
		text-decoration: none;
	}


	/* その他
****************************************************** */

	/* ページ毎
****************************************************** */
	/* 共通 */


	/*　ページ毎
====================================================== */
	/* 教室案内 school */
	ul.ul_index {
		width: 100%;
		max-width: 340px;
	}

	ul.ul_index li.inner {
		width: 100%;
	}

	ul.ul_index li.inner img {
		height: auto;
	}

	/* お稽古場 hall */
	.hall .calendar {
		max-width: 100%;
		overflow: hidden;
	}

	.hall .calendar iframe {}

	.table_price {
		margin: 0 auto 5px;
		width: 100%;
	}

	.okeiko p {
		text-align: left;
	}

	/* 動画コーナー */
	.youtubelist .youtube {
		width: 100%;
		height: auto;
		margin: 10px 0px 0;
	}

	.youtubelist .youtube:before {
		line-height: inherit;
		padding: 20% 0 0;
	}

	.youtubelist iframe {
		margin: 10px 0px 0;
		width: 100%;
		height: auto;
	}

	/* category-normal.php 歌詞集 */
	.ul_lyricslist li {
		float: left;
		margin: 0 6% 1em 0;
		width: 47%;
		line-height: 1.4;
		text-indent: -1em;
		padding-left: 1em;
	}

	.ul_lyricslist li:nth-child(even) {
		margin: 0 0 0.75em 0;
	}


}