@charset "UTF-8";header, section, footer, aside, article, figure{display:block;}

@import url('https://fonts.googleapis.com/css?family=Sawarabi+Gothic&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{margin:0;padding:0;color:#666;width:100%;height:100%;}
body, body *{font-family: a-otf-gothic-bbb-pr6n, sans-serif;}
div, p, ul, ol, dl{padding:0;margin:0;}
h2, h3, h4, h5, h6, p{margin:0;padding:0;}
a img{border:none;}

a:link{text-decoration:none; color: #9A1517}
a:visited{ color:#6B3D06;text-decoration:none; }
a:active{color:#602C60;text-decoration:none; }

section, article, div, p, ul, ol, table{color:#666;}
p a, p a:visited, dl a{text-decoration:none;}
header{z-index:9999;}
.container{width:100%;margin:70px auto 0;overflow:hidden;text-align:center;}
.content_full{width:95%;margin:0 auto 30px;}
section{width:100%;}
@media screen and (min-width:769px){.container{width:990px;margin:0 auto;}
.content_full{width:100%;margin:170px auto 50px;}
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}


h2{font-size:2em;line-height:1.2em;letter-spacing:0.1em;color:#F37B90;text-align:center;font-family: 'Noto Serif SC', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-weight:normal;padding:30px 0 10px 0;}
h2.sp{letter-spacing:0;}
h2 span{font-size:0.5em;letter-spacing:normal;font-family: 'Noto Serif SC', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
h2 span:before{content:"\A";white-space:pre;}
h3{margin:50px auto 0;position:relative;padding:.5em .75em;background-color:#C4B37B;border-radius:6px;-moz-border-radius:6px;-webkit-radius:6px;color:#fff;font-weight:normal;text-align:left;box-sizing:border-box;clear:both;font-family: 'Noto Serif SC', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;letter-spacing:0.2em;}
h3 span{font-size:0.65em;}
section>p{margin:25px 10px;}
section p, div p, section dl, section ol, section ul{text-align:left;}
.br:before{}
@media screen and (min-width:640px){.br:before{content:"\A";white-space:pre;}
}
div.con_btm{margin:50px 0 0; text-align: center}
div.con_btm div,div.con_btm a img{width:80%;}
div.con_btm div,div.con_btm a img.small{width:calc(50% - 5px); margin:0 2px; display: inline-block; box-sizing: border-box}


@media screen and (min-width:769px){
	div.con_btm{width:80%;margin:70px auto 50px;}
	div.con_btm div,div.con_btm a img.small{width:calc(25% - 5px); margin:0 2px; display: inline-block; box-sizing: border-box}
}
footer{width:100%;margin:0;padding:0;background-color:#E0D5AE;position:absolute;clear:both;}
div.footer_menu>ul{width:100%;list-style:none;}
div.footer_menu>ul li{width:50%;float:left;}
div.footer_menu>ul li a{display:block;color:#555;font-size:80%;padding:15px 25px;text-decoration:none;background:#E0D5AE;}
div.footer_menu>ul li.long{font-stretch:ultra-condensed;letter-spacing:-2px;font-size:100%;}
div.footer_menu>ul li.hal{width:100%;text-align:center;font-size:100%;font-weight:bold;}
div.footer_menu>ul li{position:relative;}
div.footer_menu>ul li::after{display:block;content:'';position:absolute;top:18px;left:10px;width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
div.footer_menu>ul li.hal::after{display:none;}
.footer_copy{text-align:center;color:#555;padding:20px 0;clear:both;}
@media screen and (min-width:769px){.footer_all{width:820px;margin:30px auto 0px;}
div.footer_menu>ul{width:25%;float:left;}
div.footer_menu>ul li{width:100%;float:left;clear:left;padding:5px 0;}
div.footer_menu>ul li a{display:inline;color:#555;padding:0;background:none;border:none;}
div.footer_menu>ul li.hal{width:100%;text-align:left;font-size:100%;margin-top:20px;}
div.footer_menu>ul li::after{display:none;}
.footer_copy{padding:20px 0;}
}
.blinking{-webkit-animation:blink 1.5s ease-in-out infinite alternate;-moz-animation:blink 1.5s ease-in-out infinite alternate;animation:blink 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes blink{0%{opacity:0.2;}
100%{opacity:1;}
}
@-moz-keyframes blink{0%{opacity:0.2;}
100%{opacity:1;}
}
@keyframes blink{0%{opacity:0.2;}
100%{opacity:1;}
}

/*筒井追加*/
@media screen and (max-width: 680px){
* img{max-width:100%}
}

.pink{color:#F37B90;}
.pbM{padding-bottom:2em}
.tac{text-align: center}
.mtL{margin-top: 2em}

.spbr{display:none}
@media screen and (max-width: 768px){

	.spbr{display: block; max-height: 1px;overflow-y: hidden}
	
}

/*トップバナーからのリンク*/
.banner_title{max-width:104%; width:auto; margin: 0 -8px;}

.linebanner_title{background-color: #BD8F5D; color:#ffffff; margin:1em 0; padding:1.3em; text-align: center; font-size: 1.2em; border-radius:0.6em;}


/*モーダル*/

#modal-window {
  display: none;
	padding:20px;
  background-color:#F37B90;
	
 　margin: auto;
	border-radius: 5px;
}
#modal-window a{color:#333333;}


.pink_bg{display:block; background-color:#F37B90; border-radius: 0.7em; padding: 0 0.7em; color: #ffffff;margin:0.5em 1em 0.5em 0 }


/*料金表*/

.price_tbl {width:100%; max-width: 800px; margin: 1em auto; border:solid 1px #666666; border-width: 0 0 1px 1px}
.price_tbl th,.price_tbl td{border:solid 1px #666666; border-width: 1px 1px 0 0 }
.price_tbl th,.price_tbl td{padding: 0.5em 0}
.price_tbl th{background:#F9DEE7;}
.price_tbl th.menu{background:#BD8F5D; color:#ffffff}

/*岩永追加部分*/
/*WEB入会、見学、体験用ボタン並び*/
.webbuttons{
  text-align: left;
}

/*WEB入会*/
.hotpepperbutton {

  /* 整える */
  display: inline-block;
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #FFFFFF; /* 背景色 */
  color: #DE698A; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  border:double 2px #DE698A ; /* 枠線の太さ*/
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
.hotpepprbutton:hover {
  backface-visibility: #FF6490; /* 背景色 */
}
/*見学体験予約*/	
.trialbutton {

  display: inline-block;
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #FFFFFF; /* 背景色 */
  color: #5F5F5F; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  border:2px double #5F5F5F ; /* 枠線の太さ*/
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
.trialbutton:hover {
  backface-visibility: #FF6490; /* 背景色 */
}
	
/*フリーダイヤル*/	
.freedialbutton {

  display: inline-block;
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #DE698A; /* 背景色 */
  color: #FFFFFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
    border:2px double #DE698A ; /* 枠線の太さ*/
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
.freedialbutton:hover {
  backface-visibility: #FF6490; /* 背景色 */