@charset "UTF-8";

body{margin:0px;padding:0px;font-size:14px;color:#333333;height: 100%;background-color:#EBF8F7;font-family: 'Roboto Condensed', sans-serif;}background-color:#;

html div span table td tr body dl{margin:0;padding:0;height: 100%;}
img{margin:0;padding:0;border:none;}
img{max-width: 100%;  height: auto;}
a:link{ text-decoration: none; color: #222222; }
a:visited { text-decoration: none; color: #222222; }
a:hover { text-decoration: none;color: #000000; }
a:active { text-decoration: none;color: #222222; }
a:focus, *:focus { outline:none; }


/* ------------------ head */
.head00{border-top:4px solid #81D4CB;border-bottom:2px solid #81D4CB;background-color:#ffffff;}
.head01{margin:0 auto 0 auto;max-width:900px;padding:1ex;background-color:#ffffff;position:relative;}
.head_logo01{width:33.3%;}

.head_menu_button01{position:absolute;top:0;right:0px;margin:1ex;width:40px;
/*.head_menu_button01{z-index:3;position:absolute;left:95%;top:0%;width:45px;*/
-webkit-transform: translate(0%,25%);
-moz-transform: translate(0%,25%);
-ms-transform: translate(0%,25%);
-o-transform: translate(0%,25%);
transform: translate(0%,25%);}

.pc_m01{position:absolute;top:0;right:0px;margin:1ex;width:70%;
-webkit-transform: translate(0%,150%);
-moz-transform: translate(0%,150%);
-ms-transform: translate(0%,150%);
-o-transform: translate(0%,150%);
transform: translate(0%,150%)}

.pc_m02{width:12%;float:right;padding:0 0 0 20px;background-image:url(../img/parts/MenuIcon01.gif);background-repeat:no-repeat;}
.pc_m022{width:12%;float:right;padding:0 0 0 20px;background-image:url(../img/parts/MenuIcon02.gif);background-repeat:no-repeat;}

#menu_open{display:block;}
#menu_close{display:none;}
#smart_m01{display:none;border-top:2px solid #81D4CB;Background-color:#EBF8F7;}
.smart_m02{fomt-size:16px;padding:1em 1ex;font-weight:bold;}
.smart_hr01{border-top:1px dotted #81D4CB;}
/* ------------------- main */
.con00{margin:2em 0 0 0;}
.con00w{background-color:#ffffff;margin:2em 0 0 0;}
.con00r{background:linear-gradient(90deg,#cceeeb 0%,#cceeeb 50%,#b1e4df 50%,#b1e4df 100%);padding:2em 0 0 0;}
.con00l{background:linear-gradient(90deg,#b1e4df 0%,#b1e4df 50%,#cceeeb 50%,#cceeeb 100%);padding:2em 0 0 0;}
.con01{margin:0 auto 0 auto;max-width:900px;background-color:#EBF8F7;padding:0 1ex;}
.con01w{margin:0 auto 0 auto;max-width:900px;background-color:#ffffff;padding:0 1ex;}
.con01r{margin:0 auto 0 auto;max-width:900px;padding:0 1ex;}
.con01l{margin:0 auto 0 auto;max-width:900px;padding:0 1ex;}
.con02{margin:1ex;}

.label00{margin:2em 1ex 0 1ex;}
.label01{font-size:25px;font-weight:bold;text-align:center;margin:1ex 0 0 0;Background-color:#ffffff;color:#3fbaad;}
.label00non{margin:0 1ex 0 1ex;}
.label01non{font-size:25px;font-weight:bold;text-align:center;margin:0 1ex 0 1ex;color:#3fbaad;}

.add01{font-size:20px;}
.pr01{width:80%;margin:0 auto 0 auto;}

.half01{margin:0 0 1em 0;border-bottom:1px dotted #81D4CB;}
.half01a{width:49%;float:right;}
.half01a{width:49%;float:left;}

.i_t_i01{width:50%;float:right}
.i_t_t01{width:50%;float:left;}

.bg2a{float:left;width:50%;}
.bg2b{float:right;width:50%;}
.bg2c{float:right;width:50%;}
.bg2d{float:left;width:50%;}
/* ------------------- sns link */
.sns_td01{padding:1ex;text-align:center;}
.sns_td01 img{max-width:50px;}

.sns_line001{position:relative;}
#sns_line002{position:absolute;top:0;right:0;visibility: hidden;}

/* ---------------- bottom */
.bottom00{Background-color:#3fbaad;}/* 57C6BB */
.bottom01{margin:0 auto 0 auto;max-width:900px;color:#ffffff;padding:1ex;}

.bottom_logo01{text-align:center;}
.bottom_logo02{text-align:center;}
.bottom_tel01{text-align:center;margin:0.5ex 0 1ex 0;}
.bottom_tel01 a:link{ text-decoration: none; color: #ffffff; }
.bottom_tel01 a:visited { text-decoration: none; color: #ffffff; }
.bottom_tel01 a:hover { text-decoration: none;color: #ffffff; }
.bottom_tel01 a:active { text-decoration: none;color: #ffffff; }
.bottom_tel01 a:focus, *:focus { outline:none; }
.bottom_tel01_pc{font-size:20px;}
.bottom_copy01{text-align:center;}


/* News --------------------------------------------------*/
.news00{min-height:0px;max-height:300px; overflow-y:scroll;font-size:13px;color:#333333;margin:0 1ex 0 1ex;background-color:#ffffff;}
.news01{border-top:1px dotted #999999;margin:1ex 1ex 0ex 1ex;padding: 1ex 0 0 0;}
.news01a{margin:0.5ex 1ex 0ex 1ex;padding: 1ex 0 1ex 0;}
.news_ti01{font-weight:bold;float:left;}
.news_day01{font-weight:bold;font-size:11px;float:left;margin:0.4ex 0 0 0;}

/* Salon -------------------------------------------------------------------------------------------------*/

.s_menu_l00{Background-color:#ffffff;width:100%;font-size:12px;}.s_menu_l00 td{text-align:center;width:20%;Background-color:#cceeeb;}

.s_menu_l00b{Background-color:#ffffff;width:100%;font-size:15px;text-align:center;font-weight:bold;padding:1ex 0 0 0;}

.s_menu_l00c{Background-color:#ffffff;width:100%;font-size:16px;}.s_menu_l00c td{text-align:center;width:20%;Background-color:#cceeeb;}

.s_menu_l00d{Background-color:#ffffff;width:100%;font-size:14px;}

/* Lesson -------------------------------------------------------------------------------------------------*/
.les_ti01{font-weight:bold;text-align:center;font-size:20px;color:#3fbaad;}


/* Shop ---------------------------------------------------------------------------------------------------*/
.sho001{font-size:18px;margin:0 2em 2em 2em;}
.sho002{font-size:15px;margin:0 0 2em 0;text-align:center;}

/*--カレンダ----*/
.ca0{margin:0 0.5ex 2ex 0.5ex;padding:0 0.5ex 0 0.5ex;}

.ca1 {background-color:#3fbaad;font-size:16px;text-align: center;color:#ffffff;}

.ca2 {background-color:#ffffff;}
.ca2 table,.ca2 td,.ca2 th {   border-collapse: collapse;   border:1px solid #57C6BB; }

.ca00w{text-align: center;background:#fff0ff; font-size:12px;font-weight: bold;}/* 日曜日 */
.ca01w{text-align: center;background:#ffffff; font-size:12px;font-weight: bold;}/* 月曜日-金曜 */
.ca02w{text-align: center;background:#eeffff; font-size:12px;font-weight: bold;}/* 土曜日 */

.ca3 {background-color:#ffffff;}
.ca3 table,.ca3 td,.ca3 th {   border-collapse: collapse;   border:1px solid #57C6BB;  }
.day_t00{position:relative;min-height:6em;max-height:8em;}
.day_t01{text-align: center;font-size:20px;}

.holi_flag{position:absolute;top:0;left:0;background-image:url(../img/calendar/holiday_flag01.gif);height:100%;width:100%;background-repeat: no-repeat;}
.holi_stamp{position:absolute;top:0%;right:0%;}

.event001{border-bottom:1px dotted #3fbaad;clear:both;}
.event002a{float:left;font-weight:bold;}
.event002b{float:right;}
.event002c{float:right;}

/* mail --------------------------------------------------------------------------*/

.mail00a{margin:0 1ex;}
.mail00b{margin:1ex;padding:1ex;background-color:#ffffff;border:1px solid #cceeeb;border-radius:1ex;}
.mail01{clear: both;font-weight: bold;border-top:1px solid #cceeeb;margin:5px 0;padding:5px 0 0 0;color:#3fbaad;}
.mail02{margin:0 0 0 1em;}
.mail02 input,select{border:1px solid #3fbaad;background-color: white;color: #2e857c;}
.mail02 input::placeholder{color: #3fbaad;}
.mail02 option{color: #2e857c;}
.mail03{margin:0 1em 0 1em;}
.mail03 textarea{border:1px solid #3fbaad;;background-color:#ffffff;}
.mail04{text-align:center;padding:15px 0 0 0;}
.mail04 a{font-size:18px;font-weight: bold;border:3px double #3fbaad;padding:3px 5px 3px 5px;border-radius:5px;color:#3fbaad;}
.mail04 a:link{background-color:#ffffff;}
.mail04 a:visited{background-color:#ffffff;}
.mail04 a:hover{background-color:#cceeeb;color:#2e857c; bold;border:3px double #2e857c;}
.mail_ind2{margin:0 0 0 2em;}


/* ●ｐｃ ############################################################### pc */
@media screen and (min-width:901px){
.head_logo01{width:33.3%;}



.pc_on{display: block;}
.pc_off{display: none;}
.p_t_on{display: block;}
.p_t_off{display: none;}

.i_t_t02{width:350px;margin:1.5em auto;padding:20px;Background-color:#EBF8F7;}
.i_t_t02s{width:390px;margin:0.5ex auto;padding:5px;Background-color:#EBF8F7;font-size:13px;}

.bg2a02{width:350px;margin:1.5em auto;}
.bg2b02{width:350px;margin:1.5em auto;}
  .bg2b02link{width:20ex;margin:1ex auto;border:3px double #3fbaad;border-radius: 1em;text-align:center;}
.bg2c02{width:350px;margin:1.5em auto;}
.bg2d02{width:350px;margin:1.5em auto;}

.access01{height:480px;}
}

/* ●tablet ############################################################### tablet */
@media screen and (max-width: 900px) and (min-width:601px){/*　900-641　*/
.head_logo01{width:33.3%;}


.pc_on{display: block;}
.pc_off{display: none;}
.p_t_on{display: block;}
.p_t_off{display: none;}

.add01{font-size:18px;}
.pr01{width:80%;margin:1ex auto 1ex auto;}
.i_t_t02{margin:1em auto 1ex auto;padding:1ex;Background-color:#EBF8F7;}
.i_t_t02s{margin:0.5ex auto;padding:1ex;Background-color:#EBF8F7;font-size:12px;}

.bg2a02{width:80%;margin:1.5em auto;}
.bg2b02{width:80%;margin:1.5em auto;}
  .bg2b02link{width:20ex;margin:1ex auto;border:3px double #3fbaad;border-radius: 1em;text-align:center;}
.bg2c02{width:80%;margin:1.5em auto;}
.bg2d02{width:80%;margin:1.5em auto;}

.access01{height:460px;}

.s_menu_l00c{font-size:15px;}

.bottom_tel01_pc{font-size:16px;}
}
/* ●smart ################################################################# smart */
@media screen and (max-width:600px) and (min-width:480px){/*　640　-480　*/
.head_logo01{width:80%;}


.pc_on{display: none;}
.pc_off{display: block;}
.p_t_on{display: none;}
.p_t_off{display: block;}
.event002c{display: none;}

.add01{font-size:16px;}
.pr01{width:95%;margin:1ex auto 1ex auto;}

.i_t_i01{width:100%;}
.i_t_t01{width:100%;}
.i_t_t02{margin:0 auto;padding:1ex;max-width:350px;}
.i_t_t02s{margin:0 auto;padding:1ex;max-width:350px;font-size:12px;}


.bg2a02{width:90%;margin:1.5em auto;}
.bg2b02{width:90%;margin:0 auto;}
  .bg2b02link{width:20ex;margin:1ex auto 1.5em auto;border:3px double #3fbaad;border-radius: 1em;text-align:center;}
.bg2c02{width:90%;margin:0em auto;}
.bg2d02{width:90%;margin:1.5em auto;}


.access01{height:400px;}
.s_menu_l00c{font-size:14px;}
.sns_td01 img{max-width:35px;}

.con00r{background:linear-gradient(90deg,#cceeeb 0%,#cceeeb 50%,#cceeeb 50%,#cceeeb 100%);padding:2em 0 0 0;}
.con00l{background:linear-gradient(90deg,#b1e4df 0%,#b1e4df 50%,#b1e4df 50%,#b1e4df 100%);padding:2em 0 0 0;}
.bg2a{width:100%;}
.bg2b{width:100%;}
.bg2c{width:100%;}
.bg2d{width:100%;}

}
/* ●smart2 ################################################################# smart2*/
@media screen and (max-width:479px){
.head_logo01{width:80%;}


.pc_on{display: none;}
.pc_off{display: block;}
.p_t_on{display: none;}
.p_t_off{display: block;}
.event002c{display: none;}

.add01{font-size:14px;}
.pr01{width:100%;margin:1ex auto 1ex auto;}

.i_t_i01{width:100%;}
.i_t_t01{width:100%;}
.i_t_t02{margin:0 auto;padding:1ex;max-width:350px;}
.i_t_t02s{margin:0 auto;padding:1ex;max-width:350px;font-size:12px;}

.bg2a02{width:90%;margin:1.5em auto 1ex auto;}
.bg2b02{width:90%;margin:0 auto;}
  .bg2b02link{width:20ex;margin:1ex auto 1.5em auto;border:3px double #3fbaad;border-radius: 1em;text-align:center;}
.bg2c02{width:90%;margin:0 auto;}
.bg2d02{width:90%;margin:1.5em auto 1ex auto;}

.access01{height:320px;}
.s_menu_l00c{font-size:14px;}
.sns_td01 img{max-width:35px;}

.con00r{background:linear-gradient(90deg,#cceeeb 0%,#cceeeb 50%,#cceeeb 50%,#cceeeb 100%);padding:2em 0 0 0;}
.con00l{background:linear-gradient(90deg,#b1e4df 0%,#b1e4df 50%,#b1e4df 50%,#b1e4df 100%);padding:2em 0 0 0;}
.bg2a{width:100%;}
.bg2b{width:100%;}
.bg2c{width:100%;}
.bg2d{width:100%;}

}
/* -------- clear ----------------- */
.clear00{clear:both;}

/* ------- font ------------------- */
.f3{ font-size : 3px;}
.f5{ font-size : 5px;}
.f7{ font-size : 7px;}
.f8{ font-size : 8px;}
.f9{ font-size : 9px;}
.f10{ font-size : 10px;}
.f11{ font-size : 11px;}
.f12{ font-size : 12px;}
.f13{ font-size : 13px;}
.f14{ font-size : 14px;}
.f15{ font-size : 15px}
.f16{ font-size : 16px;}
.f17{ font-size : 17px;}
.f18{ font-size : 18px;}
.f19{ font-size : 19px;}
.f20{ font-size : 20px;}
.f25{ font-size : 25px;}
.f30{ font-size : 30px;}
.f35{ font-size : 35px;}
.f40{ font-size : 40px;}

/* ------------ modal ---------------*/
.modal-content {  position:fixed;  display:none;  z-index:5;  width:100%;max-width:900px;  margin:0;  padding:0;  border:2px solid #aaaaaaa;  background:#fff;}
.modal-content img{max-width: 100%;  height: auto;max-height: 100vh;}
.modal-content p { margin:0;  padding:0;text-align:center;}
.modal-content img { margin:0 auto 0 auto;  padding:0;}
.modal-overlay { z-index:3;  display:none;  position:fixed;  top:0;  left:0;  width:100%;  height:120%;  background-color:rgba(0,0,0,0.40);}
.modal-open {  color:#111111;  text-decoration:none;}
.modal-open:hover {  cursor:pointer;  color:#9e0000;}
.modal-close { color:#111111;  text-decoration:none;}
.modal-close:hover { cursor:pointer;  color:#9e0000;}

#box01,#box02,#box03,#box04,#box05,#box06,#box07,#box08,#box09,#box10,
#box11,#box12,#box13,#box14,#box15,#box16,#box17,#box18,#box19,#box20,
#box21,#box22,#box23,#box24,#box25,#box26,#box27,#box28,#box29,#box30,#box31 {
	display: none;
	background-color: #EBF8F7;
	padding: 5px;
	max-width:600px;margin:0 0.3ex 0 0.3ex;
}

/* 当月以外---*/
#box01b,#box02b,#box03b,#box04b,#box05b,#box06b,#box07b,#box08b,#box09b,#box10b,
#box11b,#box12b,#box13b,#box14b,#box15b,#box16b,#box17b,#box18b,#box19b,#box20b,
#box21b,#box22b,#box23b,#box24b,#box25b,#box26b,#box27b,#box28b,#box29b,#box30b,#box31b {
	display: none;
	background-color: #EBF8F7;
	padding: 5px;
	max-width:600px;margin:0 0.3ex 0 0.3ex;
}

#line01 {
	display: none;
	background-color: #EBF8F7;
	padding: 5px;
	max-width:300px;margin:0 0.3ex 0 0.3ex;
}

.link {	text-align: center;}
.modal-close {
	margin-top: 1em;
	text-align: center;cursor: pointer;
}
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
	border-radius: 10px;
}
#modal-win-inner > * {
	border-radius: 10px;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}

.modal_close0001{border:1px solid #000000;margin:8px 8px;float:right;padding:3px 5px 2px 5px;font-size:18px;background-color:#ffffff;}
.modal_close01{border:1px solid #000000;margin:0px 8px;float:right;padding:3px 5px 2px 5px;font-size:18px;background-color:#ffffff;}
.modal_close02{ text-align:center;font-size:16px; font-weight:bold;}

.event_modal00{background-color:#ffffff;margin:0 8px 1ex 8px;padding:8px;}
.event_modal01{font-size:16px;font-weight:bold;padding: 0.25em 0.5em; color: #494949;  border-left: solid 5px #7db4e6;}
.event_modal02{text-align:center;font-weight:bold;}
.event_modal03{margin:5px;padding:1ex;background-color: #EBF8F7;}
.event_modal04{}
.event_modal04_in{width:20ex;margin:1ex auto 0.5em auto;border:3px double #3fbaad;border-radius: 1em;text-align:center;}