@charset "UTF-8";
.js-image-switch {
	
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*color: #000;*/
	vertical-align: baseline;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	list-style-position: outside;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #333;
	border: 0;
	font-size: 100%;
	text-decoration: none;
}

a:hover {
	color: #17B;
	text-decoration: underline;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

.pcBlock{display:block;}

@media all and (max-width: 768px) {
.pcBlock{display:none;}
	
}

/* =================================================================== 
 * style info : html
 * =================================================================== */
html {
	/*overflow-y: hidden;*/
	overflow-y: scroll;
	height: 100%;
}

@media all and (max-width: 768px) {
html {
	overflow-y: scroll;
}
}
/* =================================================================== 
 * style info : body
 * =================================================================== */
body {
	min-width: 980px;
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 14px;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	color: #333;
}

@media all and (max-width: 768px) {
body {
	min-width: 320px;
	font-size: 14px;
}
}


/*	clearfix
--------------------------------------*/
.clearfix {
  /**zoom: 1;*/
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.cb {
	clear: both;
}

/*	title font
--------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.setStyle h3.ftSmall {
	font-size: 15px;
}

/*	image
--------------------------------------*/
img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
}

a img{
	border: 0px;
	max-width: 100%;
}


/*	hover
-------------------------------------*/
.toimg a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/*	斜め文字と太字の初期化
--------------------------------------*/
address,caption,cite,code,dfn,em,var {
	font-style: normal;
	font-weight: normal;
}

/*	txt
--------------------------------------*/
.em{ font-weight: bold;}
.txtLeft  { text-align: left;}
.txtCenter{ text-align: center;}
.txtRight { text-align: right;}


/*	float
--------------------------------------*/
.left { float: left;}
.right{ float: right;}
.clear{ float: none; clear: both;}


/*	common
--------------------------------------*/
.online_txt{
    text-align: right;
    margin-bottom: 1em;
}
.online_txt p{
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
}
@media all and (max-width: 768px){
	.online_txt{
		text-align: left;
	}
	.online_txt p{
		font-size: 14px;
	}
}
.kindergartenLight .online_txt p{
	background: #F9BE00;
}
.elementary .online_txt p{
	background: #F18D01;
}
.middle .online_txt p{
	background: #91C322;
}
.hight .online_txt p{
	background: #05A2E9;
}

/* =================================================================== 
 * style info : common
 * =================================================================== */
.innerBase{
	max-width: 980px;
	margin: 0 auto;
}

.ttl {
	text-align: center;
	margin: 0 0 40px;
}


dd.online{
	position: relative;
}
dd.online:before{
	content: "";
	background-size: contain!important;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: 2;
}

@media all and (max-width: 768px){
.innerBase{
	padding: 0 2%;
}

.reserve li.contact{
    width: 100%!important;
    font-size: 5vw!important;
}

.reserve li.contact a{padding:0!important;}	
	
}

/*	style info : header
--------------------------------------*/
.header {padding: 20px 0;}
.header h1, .header p {
	float: left;
	margin-right: 20px;
}
.header h1{width: 250px;}

@media all and (max-width: 768px){
.header h1, .header p {
	float: none;
	margin-right: 0;
	text-align:  center;
}
.header {padding: 2vw 0;}
.header p {display: none;}
.header h1{margin: 0 auto;}
.new_logo{width: 60%;}
}
	
/*	style info : mainimage
--------------------------------------*/
.mainimage {
	width: 100%;
	height: auto;
	text-align: center;
}
.mainimage img {
	width: 100%;
	height: auto;
}

/*	style info : topic
--------------------------------------*/
.topic {
	padding: 80px 0 70px;
}

.topic dl.topic_content{
	border-radius:1em;
	border: 8px solid #f2e825;
	margin-bottom: 30px;
}

.topic dt.topic_ttl{
	margin: 13px 0 20px
}
.topic dd.target{
	text-align: center;
}

.topic li.kids_logo{
	width: 249px;
	margin-left: 15px;
	float: left;
}

.topic dd.free_campaign{
	width: 943px;
	margin: 0 auto;
}

.topic ul.kids_course{
	width: 940px;
	margin: 20px auto 10px;
}

.topic ul.kids_course li{
	width: 300px;
	margin-right: 20px;
	float: left;
}

.topic ul.kids_course li:last-child{
	margin: 0;
}

.topic dd.topic_kids_text{
	width: 940px;
	margin: 0 auto;
	font-size: 18px;
}

.topic ul.online_lesson li:first-child{
	width: 630px;
	margin-left: 20px;
}
.topic ul.online_lesson p.main_text{
	font-size: 24px;
	margin: 25px 0 10px;
}

.topic ul.online_lesson p.supplement_text{
	font-size: 18px;
}
.topic ul.online_lesson li{
	float: left;
}

.topic dd.online_briefing li{
	text-align: center;
}

.topic dd.online_briefing li:last-child{
	font-size: 26px;
	margin: 10px 0;
}


@media all and (max-width: 768px){
.topic {
	padding: 30px 2% 30px;
}

.topic dt.topic_ttl{
	margin: 10px 5px 5px;
}

.topic .oneOnOne{
	margin: 10px 5px 5px;
	}
	
.topic dd.target{
	text-align: center;
		margin: 0 5px 5px ;
}


.topic dd.free_campaign{
	width: auto;
	margin: 0 auto;
}

.topic ul.kids_course{
	width: auto;
	margin: 5px auto 5px;
}

.topic ul.kids_course li{
	width: auto;
	margin:0;
	float: none;
	padding:10px;
}
	
.topic dd.topic_kids_text{
	width: auto;
	text-align: center;
	padding: 0 5px;
	font-size: 16px;
}
.topic ul.online_lesson li:first-child{
	width:auto;
	margin:0;
	padding: 2%;
}
.topic ul.online_lesson p.main_text{
	font-size: 3.6vw;
	text-align: center;
	margin: 10px 0;
}

.topic ul.online_lesson p.supplement_text{
	text-align: center;
	font-size: 4vw;
	margin-bottom: 5px;
}
.topic li.display_none{
	display: none;
	}
}

/*	style info : schoolYear
--------------------------------------*/
.schoolYear {
	background:url("../images/bg.png") no-repeat top;
	background-size: cover;
}


.schoolYear div.innerBase{
	padding: 80px 0 70px;
}
.schoolYear p{
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
}
.schoolYear li{
	float: left;
}

@media all and (max-width: 768px){
.schoolYear {
	padding: 30px 0 30px;
	background:#FFB2BE;
}
.schoolYear .schoolYearLigth{
	background:none;
}

.schoolYear div.innerBase {
	background: none;
	padding:0 2%;
}
.schoolYear p{
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
}
.schoolYear li{
	float: none;
	margin-bottom: 20px;
}
}
/*	style info : work
--------------------------------------*/
.work .innerBase {
	background: url(../images/work_bg.png) right 185px no-repeat;
	padding:80px 0 70px;
}
.work li:first-child {
	margin-bottom: 30px;
}

.work li:last-child {
	margin-bottom: 5px;
}

.work p {
	text-align: right;
	color:#3e3a39;
}

.spBlock {
	display: none;
}
@media all and (max-width: 768px){
.work {
	padding: 30px 0 30px;
}
.work .innerBase {
	background: none;
	padding:0 2%;
}
.work li:first-child {
	margin-bottom: 20px;
	text-align: center;
}

.work li:last-child {
	margin-bottom: 10px;
	text-align: center;
}

.work p {
	text-align: center;
	margin-bottom: 10px;
}
	
	.spBlock {
		display: block;
	}
}

/*	style info : course
--------------------------------------*/
.course {
	background: url(../images/bg_block.gif) repeat;
	padding-bottom: 65px;
	padding-top: 3em;
}

.course h1 {
	background: #0e89e6;
	padding: 25px 2%;
	margin-bottom: 20px;
	text-align: center;
}

.reserve li {
	text-align: center;
}

.reserve li.contact{
    background: #f9326a;
    padding: 20px;
    border-radius: 90px;
    margin: 30px auto;
    font-size: 30px;
    color: #FFF;
    width: 660px;
}

.reserve li.contact a{color:#FFF;padding: 30px 120px;}

.reserve li:first-child {
	margin-bottom: 20px;
}

/*	style info : staff
--------------------------------------*/
.kindergarten {
	background: #fff;
}

.kindergarten .kindergartenLight{
	background:url(../images/bg.png) no-repeat top;
	background-size: contain;
}


.kindergarten .innerBase{
	padding:80px 0 70px;
}

.kindergarten dl{
	width: 470px;
	float: left;
}
.kindergarten dl:last-child{
	float: right;
}

.kindergarten dt {
	background: url("../images/icon_kindergarten_pc.gif") no-repeat left center;
	padding-left: 28px;
	font-size: 26px;
}
.kindergarten dd{
	margin-bottom: 20px;
	font-size: 16px;
}

@media all and (max-width: 768px){
.kindergarten {
	padding: 40px 2% ;
}
.kindergarten .kindergartenLight{
	background:none;
}

.kindergarten .innerBase{
	padding:0;
}
.kindergarten dl{
	width: auto;
	float: none;
}
.kindergarten dl:last-child{
	float: none;
}

.kindergarten dt {
	background: url("../images/icon_kindergarten_pc.gif") no-repeat left center;
	padding-left: 28px;
	font-size: 26px;
}

	
.kindergarten p span{
	font-size:100%;
}

.kindergarten li{
	float:none;
}
	
}

/*	style info : elementary
--------------------------------------*/
.elementary .innerBase{
	padding:80px 0 70px;
}

.elementary dl{
	width: 470px;
	float: left;
}
.elementary dl.item01,.elementary dl.item03{
	float: right;
}
.elementary dl.item01{
	float: left;
}
.elementary dl.item03{
	float: right;
}
.elementary dl.item02{
	clear: both;
	float: left;
}
.elementary dt {
	background: url("../images/icon_elementary_pc.gif") no-repeat left center;
	padding-left: 28px;
	font-size: 26px;
}
.elementary dd{
	    margin-bottom: 20px;
    font-size: 16px;
}
.elementary dd.online:before{
	background: url("../images/icon_star_elementary.png") no-repeat left center;
}

.elementary dd.online a{
	position: relative;
}

@media all and (max-width: 768px){
.elementary {
	padding: 40px 2% ;
}

.elementary .innerBase{
	padding:0;
}
.elementary dl{
	width:auto;
	float:none;
}
.elementary dl.item01,.elementary dl.item03{
	float:none;
}
.elementary dl.item02{
	float:none;
}
.elementary p span{
	font-size:100%;
}

.elementary li{
	float:none;
}	
}

/*	style info : middle
--------------------------------------*/
.middle {background: #c9f5f9;}

.middle .middleLight{
	background:url("../images/bg_bottom.png") no-repeat bottom;
	background-size: contain;
}
.middle .innerBase{
	padding:80px 0 70px;
}

.middle dl{
	width: 470px;
	float: left;
}
.middle dl.item01,.middle dl.item03{
	float: right;
}
.middle dl.item02{
	clear: both;
	float: left;
}

.middle dt {
	background: url("../images/icon_middle_pc.gif") no-repeat left center;
	padding-left: 28px;
	font-size: 26px;
}
.middle dd{
	margin-bottom: 20px;
	font-size: 16px;
}
.middle dd.online:before{
	background: url("../images/icon_star_middle.png") no-repeat left center;
}
@media all and (max-width: 768px){
.middle {
	padding: 40px 2% ;
}

.middle .middleLight{
	background: none;
}
	
.middle .innerBase{
	padding:0;
}
.middle dl{
	width: auto;
	float: none;
}
.middle dl.item01,.middle dl.item03{
	float: none;
}
.middle dl.item02{
	float: none;
}

.middle p span{
	font-size:100%;
}

.middle li{
	float:none;
}	
}

/*	style info : hight
--------------------------------------*/
.hight .innerBase{
	padding:80px 0 70px;
}

.hight dl{
	width: 470px;
	float: left;
}
.hight dl.item01,.hight dl.item03{
	float: right;
}
.hight dl.item02{
	clear: both;
	float: left;
}
.hight dl.item04{
	clear: both;
}

.hight dt {
	background: url("../images/icon_hight_pc.gif") no-repeat left center;
	padding-left: 28px;
	font-size: 26px;
}
.hight dd{
	margin-bottom: 20px;
	font-size: 16px;
}
.hight dd.online:before{
	background: url("../images/icon_star_hight.png") no-repeat left center;
}
@media all and (max-width: 768px){
.hight {
	padding: 40px 2% ;
}

.hight .innerBase{
	padding:0;
}
.hight dl{
	width: auto;
	float: none;
}
.hight dl.item01,.hight dl.item03{
	float: none;
}
.hight dl.item02{
	float: none;
}
.hight p span{
	font-size:100%;
}

.hight li{
	float:none;
}	
}

/*	style info : lesson
--------------------------------------*/
.lesson {
	background: #c9f5f9;
}

.lesson dl.explanatory{
	text-align: center;
	margin-bottom: 40px;
}

.lesson dl.explanatory dt{
	font-size: 120%;
	margin-bottom: 20px;
}

.lesson .lessonLight{
	background:url("../images/bg_bottom.png") no-repeat bottom;
	background-size: contain;
}



.lesson .innerBase{
	padding:80px 0 70px;
}

.lesson li dd{
	text-align: justify;
	text-justify: inter-ideograph;
}

.lessonDetail h2 {
	text-align: center;
	margin-bottom: 30px;
}
.lessonDetail ul{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.lessonDetail ul li {
	width: 310px;
	margin-left: 25px;
	margin-bottom: 50px;
	background: #fff;
	padding: 0 0 2em;
	position: relative;
}
.lessonDetail ul li dl{
	height: 100%;
}

.lessonDetail ul li:nth-child(3n + 1) {
	margin-left: 0;
}

.lessonDetail ul li:nth-child(4) {
	clear: both;
}
.lessonDetail ul li .online_detail_txt{
  text-align: right;
	padding: 0 1em;
	position: absolute;
  right: -5px;
  bottom: 10px;
}
.lessonDetail ul li .online_detail_txt p{
    color: #fff;
    display: inline-block;
    padding: 0 1em;
    border-radius: 3px;
}
.lessonDetail ul.lightPink  li .online_detail_txt p{
    background: #e5839a;
}
.lessonDetail ul.colPink li .online_detail_txt p{
    background: #E5006E;
}
.lessonDetail ul.colBlu li .online_detail_txt p{
	background: #2DA7E0;
}
.lessonDetail ul.colOrange li .online_detail_txt p{
	background: #F39700;
}
.lessonDetail ul.colGreen li .online_detail_txt p{
	background: #6EB92B;
}
.lessonDetail ul.colGray li .online_detail_txt p{
	background: #e6e6e6;
	color: #000;
}
.lessonDetail ul.brown li .online_detail_txt p{
	background: #8d5e55;
}

.private ul li:nth-child(-n + 2) {
	margin-left: 0;
}
.private ul li:nth-child(4) {
	margin-left: 25px;
}

.lessonDetail li dt {
	text-align: center;
	padding: 13px 10px;
}
.lessonDetail li dd {
	padding: 15px 12px;
}
.lessonDetail li dd.skill {
	padding: 0;
}

.lightPink li {
	border: 3px solid #e5839a;
}
.lightPink dt {
	background: #e5839a;
}

.colPink li {
	border: 3px solid #e5006e;
}
.colPink dt {
	background: #e5006e;
}

.colBlu li {
	border: 3px solid #2da7e0;
}
.colBlu dt {
	background: #2da7e0;
}

.brown li {
	border: 3px solid #8d5e55;
}
.brown dt {
	background: #8d5e55;
}

.colOrange li {
	border: 3px solid #f39700;
}
/*.colOrange li{
	min-height: 480px;
}*/
.colOrange dt {
	background: #f39700;
}
.colGreen li {
	border: 3px solid #6EB92B;
}
.colGreen dt {
	background: #6EB92B;
}
.colGray li {
	border: 3px solid #e6e6e6;
}
.colGray dt {
	background: #e6e6e6;
}

.lessonInfo ul{
	color:#3e3a39;
/*	text-shadow:3px  3px 3px #fff ,
               -3px  3px 3px #fff ,
                3px -3px 3px #fff ,
               -3px -3px 3px #fff;
*/	}
	
.lessonInfo p {
	padding: 20px 0 100px;
}

.lessonDetail li dd.price{
	padding: 15px 12px 0;
}

.txt_pink{
	color:#e5004f;
}

@media all and (max-width: 768px){
.lesson {
	padding: 30px 0 30px;
}
.lesson .lessonSakura{
	background:none;
	padding:0;
}
.lesson .lessonLight{
	background:none;
}
.lesson .innerBase{
	padding:0 2%;
}

.lessonDetail h2 {
	margin-bottom: 20px;
}

.lessonDetail ul li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
	float: none;
}
.private ul li:nth-child(4) {
	margin-left: 0;
}

.lessonDetail ul li dd.skill img{
	width: 100%;
}

.lessonDetail ul li dd.price{
	text-align:center;
}
.lessonInfo p {
	padding-bottom:40px;
}
}
@media all and (min-width: 769px){
.lessonDetail ul li.eiken {
	width: 100%;
	min-height:inherit;
	float: none;
}
.lightPink li{
    min-height: 470px;
}

.colPink li{
  min-height: auto;
  padding-bottom: 15px;
}

.colPink li:nth-child(4){
	min-height: inherit;
}
	
/*.colBlu li {
	min-height: 475px;
}*/
.colBlu li:nth-child(4){
	min-height: inherit;
}
	
}

/*	style info : access
--------------------------------------*/
.access {
	padding: 80px 0 70px;
}

.mikuni {
	width: 980px;
	margin: 0 auto 50px;
	background: #00a0e9;
	padding: 20px 0 40px;
	text-align: center;
}

.mikuni h2 {
	margin-bottom: 25px;
}

.mikuni dl {
	display: table;
	width: 95%;
	color: #fff;
}
.mikuni dt {
	display: table-cell;
	width: 534px;
	vertical-align: middle;
}

.mikuni dd {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.mikuni dd address {
	font-size: 20px;
	margin-bottom: 20px;
}

.mikuni dd small {
	margin-bottom: 20px;
}

.mikuni dd p {
	font-size: 16px;
	margin-bottom: 20px;
}

.maplink {
	text-align: right;
}

.maplink a {
	display: inline-block;
	color: #fff;
	background: url(../images/point_wh.gif) 0 50% no-repeat;
	background-size: 20px auto;
	padding: 2px 0 0 23px;
}
@media all and (max-width: 768px){
	
.access {
	padding: 30px 2% 30px;
}

.mikuni {
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
	padding: 30px 20px;
}

.mikuni h2 {
	margin-bottom: 25px;
}

.mikuni dl {
	display: block;
	margin: 0 auto;
}
.mikuni dt {
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
}

.mikuni dd {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.mikuni dd address {
	font-size: 18px;
	margin-bottom: 20px;
}

.mikuni dd small {
	font-size: 15px;
}
	
.maplink {
	width: 80%;
	max-width: 320px;
	text-align: center;
	border: 3px solid #fff;
	padding: 3px 0;
	margin: 20px auto 0;
}

.maplink a {
	display: inline-block;
	color: #fff;
	background: url(../images/point_wh.gif) 0 50% no-repeat;
	background-size: 13px auto;
	padding: 2px 0 0 23px;
}
}

/* map {
	max-width: 980px;
	margin: 0 auto;
}*/

.ttlstreet {
	text-align: center;
	margin-bottom: 30px;
}

.map iframe {
	width: 100%;
	height: 600px;
}

.maplink02 {
	text-align: right;
}

.maplink02 a {
	display: inline-block;
	color: #3e3a39;
	background: url(../images/point_blk.gif) 0 50% no-repeat;
	background-size: 20px auto;
	padding: 2px 0 0 23px;
}
@media all and (max-width: 768px){
	
.ttlstreet {
	text-align: center;
	margin-bottom: 30px;
}

.map iframe {
	width: 100%;
	height: 300px;
}

.maplink02 {
	width: 80%;
	max-width: 605px;
	margin: 20px auto 30px;
	text-align: center;
	border: 3px solid #3e3a39;
	padding: 3px 0;
}

.maplink02 a {
	display: inline-block;
	background: url(../images/point_blk.gif) 0 50% no-repeat;
	background-size: 13px auto;
	padding: 2px 0 0 23px;
}
}

.footerWrap {
	background: #c8a063;
	padding: 30px 0 10px;
	margin-bottom: 10px;
	color: #fff;
}
.footerWrap a{
	color:#fff;
}

.ftNavInner {
	padding-bottom: 45px;
}

.ftLogo {
	width: 350px;
	float: left;
}
.ftNavInner ul {
	width: 570px;
	float: right;
}

.copy {
	text-align: center;
	font-size: 12px;
}

footer{padding-bottom: 20px;}

.foot_fixed {z-index: 10;width: 100%;position: fixed;bottom: 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.foot_fixed a {width: 100%;}
.foot_fixed a:hover {opacity: 0.8;}
.foot_fixed p {font-size: 20px;padding: 20px;color: #fff;text-align: center;}
.foot_fixed p span {position: relative;}
.foot_fixed p span:after {position: absolute;top: 50%;transform: translate(0, -50%);right: -36px;}
.foot_fixed .foot_reserv {text-align: right;background: #fe2568;width: 50%;display: inline-block;text-decoration: none;}
.foot_fixed .foot_reserv.tel{ background: #5c3328;}
.foot_fixed .foot_salon {background: #b55a01;}


@media all and (max-width: 768px){
.ftNavInner {
	padding-bottom: 25px;
}

.ftLogo {
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 10px;
}
.ftNavInner ul {
	width: 100%;
	float:none;
	text-align: center;
}

.copy {
	text-align: center;
	font-size: 12px;
}
	
footer{padding-bottom: 15vw;}
	
.foot_fixed {z-index: 10;width: 100%;position: fixed;bottom: 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.foot_fixed a {width: 100%;}
.foot_fixed a:hover {opacity: 0.8;}
.foot_fixed p {padding: 5%;color: #fff;text-align: center;width: auto;font-size: 4vw;}
.foot_fixed p span {position: relative;}
.foot_fixed p span:after {position: absolute;top: 50%;transform: translate(0, -50%);right: -16px;}
.foot_fixed .foot_reserv {text-align: right;background: #fe2568;width: 50%;display: inline-block;text-decoration: none;}
.foot_fixed .foot_reserv.tel{ background: #5c3328;}
.foot_fixed .foot_salon {background: #b55a01;}	
	
	
}

#page-top {
    position: fixed;
    bottom: 200px;
    right: 20px;
}
@media all and (max-width: 768px){
#page-top {
    position: fixed;
    bottom: 255px;
    right: 20px;
	width: 35px;
	height: auto;
}
}