@charset "UTF-8";
/* CSS Document */


html{
	overflow-y:scroll;
	}

body{
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 100%;
  line-height: 1.8;
  color:#222;
}
html > body{
  font-size: 100%;
  font-size: 16px;
}
a{
  color:#222;
}

#wrap {
     min-height:500px;
     width: 900px;
     margin:0 auto;
     height:100%;
}

header {
  margin-left:15px;
  width:900px;
  }
#hinner {
  position: relative;
}
#hinner p {
  padding-top:30px;
  margin-bottom:30px;
  }  
#hinner p.facebook{
  position: absolute;
  top:1em;
  right:0;
}
#hinner p.facebook a{
  color:#fff;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-block;
  padding-left:1.5em;
}
#hinner p.facebook a:hover{
  color:#fff;
  text-decoration: none;
  opacity: 0.5;
}
#hinner nav ul li {
  display:inline;
  margin-right:62px;
  }
 

#hinner nav ul li:last-child {
  margin-right:0;
  }  

  
#main {
  min-height:200px;
  margin:auto auto;
  position:absolute;
  bottom:170px;
  padding-left:700px;
  }  

#news{
  display: none;
}
#main #news #newsinner{
	width:270px;
	background:#ccc;
	font-size:80%;
	color:#FFFFFF;
	padding:15px;
	background-color:rgba(0,0,0,0.3);
	
}

#main #news #newsinner a {
	opacity:1;	
	color:#FFF;
	text-decoration:none;
}

#main #news #newsinner p#newstitle {
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:120%;
	border-bottom:1px solid #fff;
}

#main #news #newsinner ul li {
	line-height:1.9;
	}

#sub {
  margin:0 auto;
  width:900px;
  }
  
#sub section {
  }  


#kadomaru {
   float:left;
   margin:62px auto;
   width:790px; /* ���w�� */
   -moz-border-radius: 31px;    /* Firefox */
   -webkit-border-radius: 31px; /* Safari,Chrome */
   border-radius: 31px;         /* CSS3 */
   background-color: #FFFFFF;   /* �w�i�F */
   padding:60px 65px;
   font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}


#backwhite {
   float:left;
   margin:62px auto;
   width:900px; /* ���w�� */
   background-color: #FFFFFF;   /* �w�i�F */
   font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

/* �v���t�B�[���y�[�W */

#profile {
   padding:0px 65px;
}

#profile .profile_l {
   letter-spacing: 0.1em;
   float:left;
   margin-right:10px;
   width:450px;
}

#profile .profile_l .text1{
    clear:float;
    margin-top:75px;
}

#profile .profile_r {
   margin-left:10px;
   float:right;
   margin-top:70px;
   width:300px;
}


.newses {
    clear:both;
    border-top:1px solid #CCC;
    width:785px;
    margin:70px 0 0 50px;
}

.newses .date {
    width:80px;
    float:left;
    padding:40px 0 10px 0.5em;
    font-size: 0.65em;
}

.newses .text {
    width:640px;
    float:left;
    padding-left:20px;
    padding-top:39px;
	padding-bottom:40px;
}


#event {
    clear:both;
    border-top:1px solid #CCC;
    width:785px;
    margin:70px 0 0 50px;
}

#event .date {
    width:80px;
    float:left;
    padding:40px 0 10px 0.5em;
    font-size: 0.65em;
}

#event .text {
    width:640px;
    float:left;
    padding:39px 0 39px 20px;
}



/* �C�x���g�y�[�W����� */

/* �f�B�X�R�O���t�B�y�[�W�J�n */

#disco1 {
    width:200px;
    float:left;
    margin:74px 0 0 50px;
}

#disco2 {
    width:200px;
    float:left;
    margin-left:95px;
    margin-top:74px;
}

#disco3 {
    width:200px;
    float:right;
    margin-top:74px;
}

#dinner1 {
    float:left;
    width:200px;
    height:200px;
}

#dinner2 {
    padding-top:5px;
    clear:left;
    width:200;
}

/* �f�B�X�R�O���t�B�y�[�W�I��� */

/* �f�B�X�R�O���t�B�ڍ׃y�[�W���� */

#dcontents {
    margin:74px 0 0 55px;
}

#dcontents .lcontent {
    width:275px;
    float:left;
}

#dcontents .rcontent {
    width:460px;
    float:right;
    margin-right:55px;
}

#dcontents .rcontent .title {
    float:left;
    width:460px;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:7px 0 7px 7px;
    font-weight:bold;
}

#dcontents .rcontent .stitle {
    width:460px;
    float:left;
    padding:25px 0 25px 7px;
    font-weight:bold;
    color:#0775dc;
}

#dcontents .rcontent .dcode {
    width:460px;
    float:left;
    padding:0px 0px 10px 7px;
}

#dcontents .rcontent .pvbtn {
    width:120px;
    float:left;
    margin-left:7px;
}

#dcontents .rcontent .itunebtn {
    width:170px;
    float:left;
    margin-left:7px;    
}

#dcontents .musics {
    padding-top: 53px;
    clear:both;
    width:780px;
}

#dcontents .musics ul {
    border-top:1px solid #CCC;
}

#dcontents .musics li {
    padding:8px 0 8px 8px;
    border-bottom:1px solid #CCC;
}

#dcontents .musics li p{
    margin:0 0 0 24px;
}

#dcontents .text1{
    margin-top:55px;
    font-size:18px;
    color:#0775dc;
    text-align:center;
}

#dcontents .text11 {
    margin-top:55px;
    font-size:18px;
    color:#7f4515;
    text-align:center;
}

#dcontents .text2{
    margin-top:55px;
    color:#646464;
    text-align:center;
}

#dcontents .text3{
    margin-top:55px;
    font-size:16px;
    font-weight:bold;
    color:#646464;
    text-align:center;
}

#dcontents .text4{
    width:750px;
    margin:15px 0 0 25px;
    color:#646464;
    text-align:left;
}

#dcontents .text5{
    margin-top:100px;
    color:#646464;
    text-align:center;
}

#dcontents .text6{
    width:750px;
    margin:100px 0 0 25px;
    color:#646464;
    text-align:left;
}

#dcontents .text14{
    clear:both;
    width:750px;
    padding-top:45px;
    color:#646464;
    text-align:left;
}

#dcontents .fcry {
    clear:both;
    margin:45px 55px 0 0;
    float:right;
}

#dcontents .guestao {
    width:780px;
    margin-top:6em;
}

#dcontents .guesttori {
    width:780px;
}

#dcontents .lcontent2 {
    clear:both;
    float:left;
    width:90px;
}

#dcontents .rcontent2 {
    float:left;
    width:620px;
    margin-left:15px;
}

#dcontents .rcontent .name{
    font-weight:bold;
    margin-top:30px;
}

/* �f�B�X�R�O���t�B�ڍ׏I��� */

/* �M�������[�y�[�W�J�n */

#gallery {
    clear:both;
    margin:20px 0 0 50px;
    padding-top:40px;
}

#gallery .picture {
    width:320px;
    float:left;
}

#gallery .comment {
    width:440px;
    margin-left:20px;
    font-weight:bold;
    float:left;
}

/* �M�������[�y�[�W�I��� */

/* �R���^�N�g�y�[�W�J�n */

#contact .image {   
    width:200px;
    float:left;
}

#contact .policy {
    width:200px;
    float:left;
    margin-left:30px;
    margin-top:10px;
}

#contact .address {
    clear:both;
    padding-top:20px;
}

/* �R���^�N�g�y�[�W�I���*/

/* �����N�y�[�W�J�n */

#link {
    clear:both;
    margin-top:45px;
}

#link ul{
    clear:both;
    padding-top:30px;
    float:left;
    position:relative;
}

#link li.image{
    width:178px;
    float:left;
}

#link li.comment {
    width:550px;
    margin-left:190px;
    position:absolute;
    top:59%;
}

/* �����N�y�[�W�I��� */

/* �v���C�o�V�[�|���V�[�J�n */

#privacy{
    clear:both;
}

#privacy .title {
    margin-top:45px;
}

#privacy .text1 {
    margin-top:20px;
}

/* �v���C�o�V�[�|���V�[�I��� */

/* �T�C�g�|���V�[�J�n */

#about {
    clear:both;
    margin-top:45px;
}

#about .text1{
    margin-top:30px;
}

/* �T�C�g�|���V�[�I���*/

#fsub {
  clear:both;
  margin: auto 0 auto 20px;
  width:880px;
  position:relative;
  bottom:30px;
  }

#fsub #finner ul li {
  float:left;
  margin-right:25px;
  }  

#fsub #finner p {
  float:right;
  }  

#fmain {
  margin: auto 0 auto 15px;
  width:885px;
  position:absolute;
  bottom:10px;
  }

#fmain #finner ul li {
  float:left;
  margin-right:25px;
  }  

#fmain #finner p {
  float:right;
  }  

.wp-pagenavi{
  margin:2em 1em;
}











/*toranokoya*/
.gnav{
  display: flex;
  flex-wrap: wrap;
}
.gnav li{
  text-align: center;
}
nav#nav ul.gnav li{
  display: flex;
  margin-right: 0;
}
.gnav a{
  color:#fff;
  font-size: 18px;
  font-family: 'arial';
  padding:0.5em 0.8em 0;
  transition: all 0.3s;
}
.gnav.piano a{
  font-size: 18px;
}
.facebook a{
  font-size: 18px;
}
.gnav li:first-child a{
  padding-left:0;
}
.gnav li:last-child a{
  padding-right:0;
}
.gnav a:hover{
  color:#fff;
  text-decoration: none;
  opacity: 0.5;
}

.titleBlock{
  font-size: 1.2em;
  color:#000;
}
.alignright{
  padding-left:1em;
}
.alignleft{
  padding-right: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6{
  margin-bottom: 1em;
}
p{
  margin:0 0 1.5em;
}
.clear:before,
.clear:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after {
  clear: both;
}


.linkWrap{
  position: absolute;
  bottom:60px;
  padding-left: 700px;
}
.linkBlock li{
  display: inline-block;
  padding:0.5em 1em;
}
.linkWrap a{
  color:#fff;
}
.flexBox{
  display: flex;
  flex-wrap: wrap;
  padding:1em 2.5em;
  line-height: 1.5;
  justify-content: center;
}
.flexBox > li{
  flex-basis: calc(100%/3);
  text-align: center;
}
.flexBox a{
  display: block;
  margin:0 1.5em 3em;
  transition: all 0.3s;
}
.flexBox a:hover{
  opacity: 0.6;
}
.flexBox img{
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
.textCon{
  margin:4em auto 1em;
  padding-right:55px;
}
.textCon h3{
  font-size: 1.3em;
  color:#333;
}
.contentBlock a{
  color:#333;
  text-decoration: underline;
}
.contentBlock a:hover{
  text-decoration: none;
}

.fleximg img{
  width:100%;
  height: auto;
}
.fleximg {
  display: flex;
  flex-wrap: wrap;
}
.fleximg li{
  flex-basis: calc(100%/2);
  padding:0 5px 10px;
  box-sizing: border-box;
}
.floatBox{
  float:right;
  padding: 0 0 0 20px;
}
.prof > div{
  margin-bottom: 4em;
}
.prof h2{
  font-size: 24px;
}
.prof h3{
  font-size: 20px;
  margin: 3em 0 0.2em;
}
.prof h4{
  font-size: 18px;
}
.prof p{
  font-size: 18px;
  line-height: 2;
}
.prof p.fukada{
  line-height: 3;
}
.prof ul{
  margin-bottom: 2em;
}
.prof li{
  font-size: 18px;
  margin-bottom: 1em;
}
.buyBtn,
.pv_btn{
  min-width: 130px;
  margin-right:0.4em;
}
.buyBtn a,
.pv_btn a{
  display: block;
  box-sizing: border-box;
  background-color: #000;
  color:#fff;
  font-size: 16px;
  line-height: 1;
  padding:0.6em 0.9em 0.62em;
  text-align: center;
  transition: all 0.3s;
  border-radius: 18px;
  font-weight: bold;
}
.pv_btn a{
  background-color: #676767;
}
.buyBtn a:hover,
.pv_btn a:hover{
  background-color: #ccc;
  color:#000;
  text-decoration: none;
}
.pv_btn a span{
  display: inline-block;
  padding-left:0.3em;
  font-size: 0.92em;
  margin-right: -0.5em;
}
.pv_btn_wrap{
  display: flex;
  flex-wrap:wrap;
  margin-left: 7px;
}
.enTit{
  display: inline-block;
  padding-top: 8px;
  font-size: 1.5em;
  line-height: 1.4;
}
.enTit i{
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
}
.shicho{
  margin:0.5em 0 0 7px;
}
.catch{
  color:#7f4515;
  font-size: 18px;
}
.catch.blue{
  color: #0775dc;
}
.stitle p{
  font-size: 18px;
}
p.comment{
  margin-bottom: 0.5em;
}
.mov h2{
  margin-bottom: 0.3em;
}
.mov h2.en{
  font-size: 1.2em;
  font-weight: normal;
}
.mov a img{
  max-width:100%;
  height:auto;
}
.lastSec{
  max-width: 750px;
  margin: 5em auto 2.5em;
}
.lastSec h3{
  text-align: center;
  font-size: 1.3em;
}
.rightTxt{
  text-align: right;
  padding-right:1em;
  font-size: 0.9em;
}
.text11_en{
  max-width: 700px;
  margin: 0 auto 4em;
  text-align: center;
}
.text11_en p{
  color: #7f4515;
  font-size: 18px;
}
.text_yuko{
  text-align: right;
  padding-right: 2em;
}
.text_14{
  max-width: 750px;
  margin:0 auto 4em;
}
.yamano{
  max-width: 750px;
  margin:3em auto 3em 0;
}
#dcontents .text4.clear{
  margin: 5em 0 0 25px;
}
.text4.clear h3{
  text-align: center;
  font-size: 16px;
}
#dcontents .text4.clear p{
  font-size: 16px;
}
.imgRight{
  float: right;
  padding:0 0 1em 1.5em;
  max-width: 260px;
}
.video,
.video_title{
  float: left;
  width:54%;
  box-sizing: border-box;
}
.video_title{
  width:46%;
}
.video video{
  max-width: 100%;
}
.video_title{
  padding-left:20px;
}
.radio,
.photoGallery{
  margin:50px 50px 3em 50px;
}
.radio {
  margin-bottom: 5em;
}
#gallery.movies{
  margin-right: 50px;
}
.radio h1,
.photoGallery h2,
.movies h1{
  border-bottom: 1px solid #666;
  margin-bottom: 1em;
  font-size: 2.2em;
}
.movies h1{
  margin-bottom: 0;
}
.photoGallery a{
  font-size: 1.5em;
}
.radio ul{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3em;
}
.radio ul li:last-child{
  padding-left:20px;
}
.radio img{
  max-width: 320px;
}

.arial{
  font-family: 'arial';
  font-weight: 400;
}
.lesson .arial{
  font-size: 2.5em;
  line-height: 1;
}
.lesson figure{
  margin:0 0 1em;
  padding: 0;
}
.lesson_text{
  font-size: 1.2em;
  text-align: center;
}
.lesson figure.center{
  margin-top: 4em;
  text-align: center;
}
.red{
  color:red;
}
.sec2{
  margin: 4em 0;
}
.sec2 h3{
  font-size: 1.5em;
  border-bottom:1px solid #666;
}
.sec3 h3{
  font-size: 1.3em;
  line-height: 1.5;
  margin-bottom: 0.2em;
}
.sec3 h3 span{
  display: block;
}
.sec3 table{
  background-color: #f0f0f0;
  width:100%;
  border:1px solid #ccc;
  border-right-width: 0;
  border-bottom-width: 0;
}
.sec3 th,
.sec3 td{
  padding:0.5em 0.8em;
  line-height: 1.4;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.sec3 th{
  background-color: #ddd;
  vertical-align: top;
  text-align: center;
}
.sec4{
  margin:1em 0 0;
}
.btnLesson{
  display: block;
  max-width: 300px;
  width:100%;
  margin:1em auto;
  background-color: #0070e0;
  border-radius: 50px;
  text-align: center;
  color:#fff;
  font-size: 1.5em;
  line-height: 1.1;
  font-weight: bold;
  padding:0.5em 0.3em;
  transition: all 0.3s;
}
.btnLesson:hover{
  opacity: 0.6;
  text-decoration: none;
  color:#fff;
}
.videoWrap{
  margin:2em 0 0;
}
.video_mp4{
  max-width: 640px;
  margin:0 auto;
  text-align: center;
  padding-right:55px;
}
.video_mp4 video{
  width:100%;
}
.footer_link ul{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  float: left;
}
.footer_link li:first-child a{
  padding-left:0;
}
.footer_link a{
  padding: 0.5em 1em;
  color:#fff;
  transition: all 0.3s;
}
.footer_link a:hover{
  opacity: 0.5;
  color:#fff;
  text-decoration: none;
}
.footer_link p{
  float: right;
}

.addUl{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.addUl>li{
  flex-basis: 50%;
  margin-bottom: 2em;
}
.flexBlock{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 4em;
}
.flexBlock>li{
  box-sizing: border-box;
  flex-basis: 50%;
  padding:0 0.5em 1em;
}
.flexBlock>li img{
  width:100%;
}
.flexBlock>li.img001{
  flex-basis: 43.85%;
}
.flexBlock>li.img002{
  flex-basis: 56.15%;
}
.flexBlock>li.img01{
  flex-basis: 56.5%;
}
.flexBlock>li.img02{
  flex-basis: 43.5%;
}
.flexBlock>li.img05{
  flex-basis: 64%;
}
.flexBlock>li.img06{
  flex-basis: 36%;
}
.flexBlock>li.img09{
  flex-basis: 37.5%;
}
.flexBlock>li.img10{
  flex-basis: 62.5%;
}
.flexBlock>li.img11{
  flex-basis: 64.5%;
}
.flexBlock>li.img12{
  flex-basis: 35.5%;
}
.flexBlock>li.img13{
  flex-basis: 34%;
}
.flexBlock>li.img14{
  flex-basis: 66%;
}

.profImg{
  max-width: 280px;
  margin:1.5em 0 1.5em;
}
.profImg.eN{
  max-width: 360px;
}
.profImg img{
  width:100%;
}
.btnContact{
  margin:1em 0;
  max-width: 200px;
}
.btnContact a{
  display: block;
  text-align: center;
  padding:0.5em 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background-color: #a0873c;
  transition: all 0.2s;
}
.btnContact a:hover{
  opacity: 0.5;
}

@media screen and (min-width: 480px){

  .profImg,
  .profImg.eN{
    max-width: 360px;
  }

}