@charset "utf-8";
<!--エンコードがUTF-8であることを指定-->
/*
theme Name: WordPressレスポンシブテーマ作成byPlusers
Author: Plusers
Description: original theme
version： 1.0.0
*/


/* 色 */
body{color: #000;}

/*pc */@media print, screen and (min-width: 768px){
body , html{min-width: 1140px;}
html {overflow: auto;}
}
/* sp */@media only screen and (max-width: 767px){
}

.btn{transition: .3s;}
.btn:hover{opacity: 0.6;}


/* ヘッダー */

/*pc */@media print, screen and (min-width: 768px){
header{
height: 70px;
width: 100%;
background: #fff;
}
.logo{
width: 223px;
float: left;
padding-top: 10px;
}
ul.menu{
float: right;
padding-top: 20px;
}
ul.menu li{
display: inline-block;
padding-right: 25px;
margin-right: 15px;
background: url(images/menuYaji.gif) no-repeat center right;
}
ul.menu li:last-child{
margin-right: 0px;
}
ul.menu li a{
color: #252525;
font-weight: bold;
}
}

/* sp */@media only screen and (max-width: 767px){
.logo{
width: 50%;
margin: 0 auto;
padding: 15px 0;
}
}




/* メイン画像 */

/*pc */@media print, screen and (min-width: 768px){
.main{
width: 100%;
height: 560px;
background: url(images/mainBg.jpg) no-repeat top center;
position: relative;
}
.mainImg{
width: 1039px;
margin: 0 auto;
padding-top: 10px;
}
}


/* ボタンリンク */
/*pc */@media print, screen and (min-width: 768px){
ul.btnMenu{
width: 880px;
}
ul.btnMenu li{
width: 400px;
}
}
/* sp */@media only screen and (max-width: 767px){
ul.btnMenu li{
width: 48%;
}
}




/* 音楽教室 */

.musicBg{
background: #faeaec;
}
.music01{border:6px solid #eb6d7a;}
.music02{border:6px solid #00a0e8;}
.music03{border:6px solid #e50011;}
.music04{border:6px solid #7f1084;}


/*pc */@media print, screen and (min-width: 768px){
.musicBg{
padding: 70px 0;
}
.logo_title {
width: 500px;
margin: 0 auto 20px;
}
.title{
width: 308px;
margin: 0 auto 20px;
}
}
/* sp */@media only screen and (max-width: 767px){
.musicBg{
padding: 40px 0;
}
.title{
width: 60%;
margin: 0 auto 20px;
}
.logo_title {
width: 80%;
margin: 0 auto 20px;
}
}

.box{
background: #fff;
border-radius: 20px;
}
.contImg img{
border-radius: 10px;
}
.accoBtn{
border: 2px solid #9e9e9e;
border-radius: 20px;
height: 40px;
line-height: 40px;
cursor: pointer;
padding-left: 25px;
}
.accoBox{
display: none;
margin-top: 80px;
}

.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 5px;
	margin-top: 12px;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


table.contInfo{
width: 100%;
border: 1px solid #cbcbcb;
}
table.contInfo th{
font-weight: bold;
border-bottom: 1px solid #cbcbcb;
}
table.contInfo td{
border-bottom: 1px solid #cbcbcb;
}
.music01 table.contInfo th{background: #faeaec;}
.music02 table.contInfo th{background: #c8e9f8;}
.music03 table.contInfo th{background: #fdd5d8;}
.music04 table.contInfo th{background: #f2e2f3;}




/*pc */@media print, screen and (min-width: 768px){
.box{
padding: 30px 60px;
margin-bottom: 50px;
position: relative;
}
.contImg{
width: 300px;
position: absolute;
top: 30px;
right: 60px;
}
.contL{
width: 580px;
min-height: 170px;
}
.taisyou{
width: 240px;
position: absolute;
top: -32px;
left: -10px;
}
.box h2{
width: 440px;
}
.accoBtn{
width: 300px;
height: 40px;
line-height: 40px;
}
table.contInfo th{
width: 200px;
padding: 8px 30px;
}
table.contInfo td{
padding: 8px 30px;
}
.contBtn{
width: 540px;
margin-top: 30px;
}
}
/* sp */@media only screen and (max-width: 767px){
.box{
padding: 20px;
margin-bottom: 20px;
}
.taisyou{
width: 50%;
}
.contImg{
width: 70%;
margin: 0 auto;
}
.box h2{
margin-top: 10px;
}
.accoBox{
margin-top: 20px;
}
.accoBtn{
height: 40px;
line-height: 40px;
}
table.contInfo th{
width: 7em;
padding: 8px 16px;
}
table.contInfo td{
padding: 8px 16px;
}
.contBtn{
width: 90%;
margin: 30px auto 0;
}
}




/* 英語教室 */

.englishBg{
background: #e9f7bd;
}
.english00{border:6px solid #f28462;}
.english01{border:6px solid #eb6da5;}
.english02{border:6px solid #e50011;}
.english03{border:6px solid #5fc1c6;}
.english04{border:6px solid #6eb92b;}
.english05{border:6px solid #009943;}
.english06{border:6px solid #0075bd;}
.english07{border:6px solid #ed6d00;}
.english08{border:6px solid #9f4064;}

.english00 table.contInfo th{background: #fcdfd6;}
.english01 table.contInfo th{background: #fee9f2;}
.english02 table.contInfo th{background: #fbdfe1;}
.english03 table.contInfo th{background: #d6f1f2;}
.english04 table.contInfo th{background: #e5f6d5;}
.english05 table.contInfo th{background: #dbf4e6;}
.english06 table.contInfo th{background: #e1f0f9;}
.english07 table.contInfo th{background: #ffdec1;}
.english08 table.contInfo th{background: #fbd4e3;}

/*pc */@media print, screen and (min-width: 768px){
.englishBg{
padding: 70px 0;
}
}
/* sp */@media only screen and (max-width: 767px){
.englishBg{
padding: 40px 0;
}
}





/* 教室一覧 */

li.schoolBox{
border-top: 2px dotted #bab9b9;
}
li.schoolBox:nth-child(even){
background: #f5f5f5;
}
.schoolL table{
width: 100%;
}
.schoolL table th{
width:  5em;
}
.schoolL table td{
position: relative;
padding-left: 1em;
}
.schoolL table td:before{
content: ' : ';
position: absolute;
top: 0px;
left: 0px;
}
.schoolL a {
color: #000000;
}

/*pc */@media print, screen and (min-width: 768px){
li.schoolBox{
padding: 20px 30px;
}
.schoolL{
width: 630px;
float: left;
}
.schoolR{
width: 300px;
float: right;
}
.schoolTel{
border: 2px solid #46c0d2;
border-radius: 5px;
background: #fff;
padding: 10px 0;
line-height: 2em;
}
.schoolTel strong{
font-size: 20px;
}

}
/* sp */@media only screen and (max-width: 767px){
li.schoolBox{
padding: 20px 20px;
}
.schoolL table th , .schoolL table td{
padding-bottom: 5px;
}
.schoolR{
margin-top: 10px;
}

}






/*pc */@media print, screen and (min-width: 768px){
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    text-align: center;
}
}
/* sp */@media only screen and (max-width: 767px){
.pagetop {
    display: none;
    position: fixed;
    bottom: 1em;
    right: 10px;
}
.pagetop a {
    display: block;
    text-align: center;
}
}

address{
text-align: center;
padding: 10px;
font-style: normal;
background: #b4b4b4;
color: #fff;
}