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


@font-face{
  font-family:'MarginDEMO';
  /* font-weight:400; */
  src:url(../woff/margindemo.woff) format("woff");
	font-display: swap;
}


body{
	color:#000;
	line-height:2.1em;
	text-align:center;
	padding:0 0 10%;
	letter-spacing:0.1em;
}

a:link,a:visited {
	color:#000;
	text-decoration: none;
}
a:hover,a:active {
	color:#000;
	text-decoration: none;
}

/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

	body{
		padding:0;
	}
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

a:hover,a:active {
   border-bottom: 2px solid #000;
   padding-bottom: 4px;
}

}


li{
	list-style:none;
}



/* .nenuhaas75bold{
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
} */




body h2,#contents h1,.pagetitle{
	font-family:'MarginDEMO';
	font-size:48px;
	font-weight:0;
	padding:3% 0 2%;
	letter-spacing: 1px;
}

#contents h1{
	text-align: center;
}


body h3,#contents h2{
	font-family:'MarginDEMO';
	font-size:36px;
	text-align:center;
	/* font-weight:300; */
	padding:0 0 5%;
	letter-spacing: 1px;
}

#contents h2{
	font-size:122%;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

body h2,#contents h1,.pagetitle{
	font-size:64px;
	font-weight:0;
	padding:20px 0 0;
	letter-spacing: 1px;
}


body h3,#contents h2{
	font-size:48px;
	text-align:center;
	font-weight:0;
	padding:0 0 20px;
	letter-spacing: 1px;
}

#contents h2{
	font-size:18px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}




.tel{
	font-size:141%;
	font-weight:300;
	letter-spacing:0.1em;
	margin:5% 0 0;
	padding:0 0 2%;
}




/*#logo{
	padding:12px 0 0 0;
}

#logo img{
	width:200px;
}*/


#logo{
	position: relative;
	text-align: left;
	top: 15px;
	left: 12px;
	margin:0;
	padding:0;
}

#logo img{
	width:40vw;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#logo{
	text-align: center;
	top: 20px;
	left: 0;
	right: 0;
	margin:0 0 30px 0;
}

#logo img{
	width:240px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}




/**********************************************/

/* IE initial 対策 で この部分は sp_navi.css に振り分け */


/* Toggle Button */
/*#nav-toggle {
    display: none;
    position: absolute;
    right: 5%;
    top: 45%;
    width: 30px;
    height: 42px;
    cursor: pointer;
    z-index: 9999;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}*/


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#nav-toggle {
    display: initial;
    position: initial;
    right: initial;
    top: initial;
    width: initial;
    height: initial;
    cursor: initial;
    z-index: initial;
}
#nav-toggle div {
    position: initial;
}
#nav-toggle span {
    display: initial;
    position: initial;
    height: initial;
    width: initial;
    background: initial;
    left: initial;
    -webkit-transition: initial;
    -moz-transition: initial;
    transition: initial;
}
#nav-toggle span:nth-child(1) {
    top: initial;
}
#nav-toggle span:nth-child(2) {
    top: initial;
}
#nav-toggle span:nth-child(3) {
    top: initial;
}

}



/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}


/* IE initial 対策 で この部分は sp_navi.css に振り分け */


/*    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin: 0;
		padding:0;
		z-index: 999;
    }

    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {

        width: 100%;
        height: 10%;
        z-index: 999;
        position: relative;
    }
    #global-nav {
        position: absolute;

        top: -560px;
        background: rgba(255,255,255,0.9);
        width: 100%;
        text-align: center;
        padding: 70px 0 10px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size:126%;
		letter-spacing:0.15em;
		padding-bottom:0;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #000;
        padding: 3% 0;
    }
    #nav-toggle {
        display: block;
    }

    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

    .open #global-nav {

        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }*/


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

    #top-head,
    .inner {
        width: initial;
        padding: initial;
    }
    #top-head {
        top: initial;
        position: initial;
        margin: initial;
		padding:initial;
		z-index: initial;
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: initial;
        background: initial;
    }
    #mobile-head {
        /*background: #fff;*/
        width: initial;
        height: initial;
        z-index: initial;
        position: initial;
    }

    #global-nav {
        position: initial;
        /* 開いてないときは画面外に配置 */
        top: initial;/* 降りてくる位置を調整 */
        background: initial;
        width: initial;
        text-align: initial;
        padding: initial;
        -webkit-transition: initial;
        -moz-transition: initial;
        transition: initial;
    }
    #global-nav ul {
        list-style: initial;
        position: initial;
        right: initial;
        bottom: initial;
        font-size:initial;
		letter-spacing:initial;
		padding-bottom:initial;  /* ナビの一番下のホワイトスペース */
		width: 740px;
		margin: 0 auto;
		display: flex;
    }
    #global-nav ul li {
        /* float: left; */
        position: initial;
		text-align: center;
		width: 16.6%; 
		/* width: 20%; *//* 数に合わせる */
		letter-spacing: 1px;
		margin:0 0 20px 0;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: initial;
        display: initial;
        color:initial;
        padding: initial;  /* ナビリンクの間隔を調整 */
    }
    #nav-toggle {
        display: initial;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: initial;
        -webkit-transform: initial;
        -moz-transform: initial;
        transform: initial;
    }
    .open #nav-toggle span:nth-child(2) {
        width: initial;
        left: initial;
    }
    .open #nav-toggle span:nth-child(3) {
        top: initial;
        -webkit-transform: initial;
        -moz-transform: initial;
        transform: initial;
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: initial;
        -webkit-transform: initial;
        transform: initial;
    }

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}

/**********************************************/





#main{
	clear: both;
	position: relative;
	margin:0;
	padding: 0;
}

.bxslider li{
	position:absolute;
}


#top_arrows{
	position: absolute;
	top: 75%;
	left: 0;
	right: 0;
	z-index: 20000;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#top_arrows{
	top: 70%;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

#main{
	width: 980px;
	margin:0 auto;
}


#top_arrows{
	top: 75%;
}

}



.con{
	clear:both;
	margin:8% auto 0;
	padding:0 0 8%;
}

.sp_l{
	width:90%;
	letter-spacing:0.05em;
	text-align: left;
}

.con p{
	clear:both;
	margin-bottom:3%;
}

/*.c2{
	width:92%;
	margin:5% auto 10%;
}*/

body small{
	font-size:58%;
}



#main.con{
	margin: 0;
	padding: 0;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#top_arrows{
	top: 70%;
}

.con{
	margin:50px auto 0;
	padding:0 0 50px;
}

body small{
	font-size:12px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

#top_arrows{
	top: 75%;
}

.con{
	width: 980px;
	margin:50px auto 0;
	padding:0 0 50px;
}

.sp_l{
	/*width:90%;
	letter-spacing:0.05em;
	text-align: center;*/
}


}





.bottom a:link,.bottom a:visited {
	font-size:108%;
	font-weight:500;
	width:60%;
	max-width: 320px;
	margin:0 auto 5%;
	padding:1% 0;
	display:block;
	border:solid 1px #333;
	text-align:center;
	letter-spacing:0.1em;
}

.bottom a:hover,.bottom a:active {
	display:block;
}




/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

/* 980以上：PC（デスクトップ） */


.bottom a:link,.bottom a:visited {
	width:400px;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.bottom a:hover,.bottom a:active {
	text-decoration: none;
	background: #000;
	color: #fff;
}

.profile_bottom{
	width: 210px;
}

.profile_bottom .bottom a:link,.profile_bottom .bottom a:visited {
	width:180px;
}

}





#top_reservation{
	margin-top: 0px;
}





#news_top.con,#news.con,.news.con{
	padding: 0;
}


#news_top ul,#news ul,.news ul{
	margin: 0;
	padding: 0;
}

#news_top li,#news li,.news li{
	line-height: 1.4em;
	font-size:96%;
	padding:0 0 3% 0;
	border-bottom:dashed 2px #ccc;
	margin: 0 0 3% 0;
}

.news li p{
	margin-bottom: 0;
}

#news_top li span,#news li span,.news li span{
	font-size:88%;
	font-weight: 600;
	color: #999;
}


.news_top li time,.news li time{
	font-size: 12px;
	font-weight: 600;
	color: #999;
	/* @include mq(md-min) {
		// font-size: $s-fontsize;
  } */
}

#contents .news_con h2{
	text-align: left;
}

.news_con .con{
	/* @include mq(md-min) {
		width: 90%;
	  } */
}

.news_con{
	/* @include mq(md-min) {
	width: $m-width;
	margin-left: auto;
	margin-right: auto;
	  } */
}

.pan {
	width: 96%;
	margin: 0 auto;
	font-size: 11px;
}

.news_con time{
	font-size: 12px;
	font-weight: 600;
	color: #999;
	line-height: 42px;
	/* @include mq(md-min) {
		// font-size: $s-fontsize;
  } */
}

.news_con img{
	max-width: 100%;
	margin: 16px 0 32px;
}




/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#news ul{
	width: 650px;
	margin: 0 auto;
}

#news_top li,#news li,.news li{
	line-height: 1.4em;
	font-size:14px;
	padding:0 0 15px 0;
	border-bottom:dashed 2px #ccc;
	margin: 0 0 15px 0;
}

#news_top li span,#news li span,.news li span{
	font-size:12px;
}

.news_top li time,.news li time{
	font-size: 12px;
	font-weight: 600;
	color: #999;
}

.news_con .con{
		width: 90%;
}

.news_con{
	/* width: 540px; */
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}


.news_con time{
	font-size: 12px;
	font-weight: 600;
	color: #999;
	line-height: 42px;
}

.news_con img{
	max-width: 100%;
	margin: 16px 0 32px;
}


}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

#news_top ul{
	width: 980px;
	margin: 0 auto;
}

}




/*****************/


#instagram{
	clear:both;
	padding:2% 0 0%;
}

#instagram ul{
	width:96%;
	margin:0 auto;
}

#instagram li{
	float:left;
	width: 31%;
	height: 31%;
	/*max-width: 150px;*/
	position: relative;
	margin:1%;
}

#instagram li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

#instagram li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#instagram li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}


.instagram{
	text-align:left;
	color:#666;
}

.insta_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  /* margin: 3vw 0 2vw; */
  margin: 0 0 12%;
}

/* .insta_list img{
  width: 13vw;
  padding: 0 .25vw;
} */


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#instagram{
	width: 650px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

}



/*****************/


#top_staff{
	width: 96%;
	margin:8% auto 0;
	padding:0 0 3%;
}

#top_staff ul{
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}

#top_staff li{
	width: 21%; /*人数に合わせて変更 */
	margin: 0 2% 5%;/*  人数に合わせて変更 */
	 /*width: 29%; 人数に合わせて変更 */
	 /*margin: 0 2% 5%; 人数に合わせて変更 */
	/* float: left; */
}

#top_staff li img{
	width: 100%;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

	#top_staff{
		width: 880px;
		margin:80px auto 0;
		padding:0 0 0px;
	}
	
	#top_staff ul{
		justify-content: space-around;
	}
	
	#top_staff li{
		width: 19%; /* 人数に合わせて変更 */
		margin: 0 3% 5%;/*  人数に合わせて変更 */
		 /*width: 23%; 人数に合わせて変更 */
		 /*margin: 0 5% 5%; 人数に合わせて変更 */
	}	

}



/*****************/


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#salon{
	width: 650px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

}



.gmap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

	.gmap {
		padding-bottom: 56.25%;
	}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

}

/* .gmap{ //map画像 埋め込み時に使用
	clear:both;
	margin:0 auto 0;
	padding:0;
}

.gmap img { //map画像 埋め込み時に使用
	width: 100%;
} */


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){
/* .gmap img {
	width: 80%;
} */
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

/* .gmap{
	width: 740px;
} */

}



/*****************/


#calender_frame{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
#calender_frame iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#calender td.holiday {
	/* border-radius: 50%; */
}

/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){


#calender_frame{
	clear: both;
}

}






/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}

#calender{
	width: 90%;
	margin:8% auto 0;
}

#calender th{
	text-align: center;
}

/*.calendarHeader{
	display: none;
}*/

#calender td{
	width: 14.285%;
}

#calender th,#calender td{
	padding: 0.5% 0;
}

.scheduleComment{
	font-size: 54%;
	line-height: 0.6em;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

#calender{
	width: 100%;
}

#calender th,#calender td{
	padding: 10px 0;
}

}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#calender{
	width: 650px;
	margin:80px auto 0;
}



}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}


/*****************/

#movie{
	padding:0;
	margin:0 auto 30px;
}


.frame_video {
  position: relative;
  width: 90%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
	margin: 15px auto 30px;
  /* margin-top: 15px;
	margin-bottom: 30px; */
}

.frame_video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

	#movie{
		margin:0 auto 0;
		width: 700px;
	}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}


/*****************/


#contents{
	clear: both;
	margin-top:18% ;
}

/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#contents{
	margin-top:120px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}


/*****************/


.menu{
	clear:both;
	width:90%;
	text-align:left;
	margin:0 auto 0;
	padding:8% 0;
	letter-spacing:0.1em;
}



.menu p{
	clear:both;
	font-size:71%;
	letter-spacing:0.1em;
	padding:5% 0 0;
	margin:0;
	line-height:1.8em;
}




.menu h3.kana{
	font-size:124%;
}

.menu h4{
	clear:both;
	text-align:center;
	font-size:118%;
	font-weight:700;
	padding:0 0 3%;
}


.menu dl{
	clear:both;
	margin:0 0 12%;
}

.menu dt{
	clear:both;
	float:left;
	width:71%;
	padding:1% 0;
	box-sizing:border-box;
}

.menu dd{
	width:29%;
	float:left;
	text-align:right;
	padding:5px 0;
	box-sizing:border-box;
}



.menu_guide{
	font-size:78%;
	line-height:1.8em;
	width:92%;
	text-align:left;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){


.menu p{
	clear:both;
	font-size:71%;
	letter-spacing:0.1em;
	padding:5% 0 0;
	margin:0;
	line-height:1.8em;
}




.menu h3.kana{
	font-size:132%;
}

.menu h4{
	clear:both;
	text-align:center;
	font-size:118%;
	font-weight:700;
	padding:0 0 3%;
}


.menu dl{
	clear:both;
	margin:0 0 12%;
}

.menu dt{
	clear:both;
	float:left;
	width:71%;
	padding:1% 0;
	box-sizing:border-box;
}

.menu dd{
	width:29%;
	float:left;
	text-align:right;
	padding:5px 0;
	box-sizing:border-box;
}



.menu_guide{
	font-size:78%;
	line-height:1.8em;
	width:92%;
	text-align:left;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

.menu{
	width:650px;
	padding:80px 0 0;
}

}


/*****************/


#staff_list{
	text-align: left;
	width:90%;
	font-size:128%;
	line-height: 2.8em;
}




/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

	#staff_list{
	text-align: left;
	width:650px;
	font-size: 16px;
}

#reservation{
	width:650px;
	margin: 0 auto;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

#staff_list{
		width: 830px;
}


}


/*****************/

#profile{
	font-size: 100%;
}


#profile h2{
}

#staff_name{

}

#staff_name h1{
	font-size: 124%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#staff_name span{
	font-size: 81%;
}

#staff_name h1 span{
	font-size: 64%;
}

#contents #staff_name h1 span{
	font-family: initial;
}


#profile_photo{
	width: 70%;
	margin:8% auto 0;
	padding:0;
}

#profile_photo img{
	width: 100%;
}


#profile_sns{
	width: 70%;
	margin: 3% auto;
}

#profile_sns ul{
}

#profile_sns li{
	width: 12%;
	float: left;
	margin: 0 3% 0 0;
}

#profile_sns img{
	width: 100%;
}

#profile .personal_guide{
	font-size: 86%;
	line-height: 1.8em;
	margin:8% auto 0;
	padding:0;
}




#profile_staff_list{
	display: none;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#profile{
	width: 650px;
	margin:50px auto 0;
	padding:0 0 50px;
}

#profile .con{
	width: 100%;
}

#profile_personal{
	width: 650px;
}

#staff_name{
	text-align: left;
}

#staff_name h1{
	text-align: left;
}

#profile_photo{
	width: 210px;
	margin:20px 0 0;
	padding:0;
}

#profile_sns{
	width: 210px;
	margin: 10px 0;
}

#profile_sns ul{
}

#profile_sns li{
	width: 12%;
	float: left;
	margin: 0 10px 0 0;
}

#profile_sns img{
	width: 100%;
}


#profile_personal_01{
	float: left;
	width: 240px;
}

#profile_personal_02{
	float: right;
	width: 410px;
}




#profile .personal h2{
	text-align: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#profile .con{
	margin:20px auto 0;
	padding:0 0 30px;
}

#profile .personal{
	margin-top: 0px;
}

#profile .personal span{
}

#profile .personal_guide{
	font-size: 86%;
	line-height: 1.8em;
	margin:0px auto 0;
	padding:0 0 30px;
}

#profile #calender{
	clear: both;
	padding:0 0 30px;
}


}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

#profile{
	width: 830px;
	margin:50px auto 0;
	padding:0 0 50px;
}

#profile_personal{
	float: right;
}

#profile_staff_list{
	display:inherit;
	float: left;
	width: 180px;
	text-align: left;
	font-size: 16px;
	line-height: 2.8em;
}



}














/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

	#recruit{
		width: 650px;
		margin: 0 auto;
	}

	#recruit .con{
		width: 100%;
	}
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}






/*****************/


#footer{
	padding:10% 0 0;
}

#footer p{
	font-size: 78%;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}

#footer small{
	line-height: 2.4em;
	letter-spacing: 0.1em;
}




#sns{
	margin:0 auto 15%;
	width:30%;
}


#sns ul{
	display: flex;
	justify-content: center;
}


#sns li{
	/* float:left; */
	margin:0 10%;
	width:30%;
}

#sns li img{
	width:100%;
}




#footer_link{
	clear:both;
}

#footer_link ul{
	min-width: 240px;
	width: 98%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

#footer_link li{
	width: 33.3%;
	/* float: left; */
	text-align:center;
	font-size: 77%;
	letter-spacing: 0.1em;
	margin-bottom: 15%;
}





/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

#footer{
	padding:20px 0 0;
}

#footer p{
	font-size: 12px;
}




#sns{
	margin:100px auto 50px;
	width:160px;
}


#sns li{
	margin:0 20px;
	width:40px;
}




#footer_link ul{
	width: 450px;
}

#footer_link li{
	width: 150px;
	font-size: 12px;
	margin-bottom: 30px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}




.m{
	font-size:69%;
}


.s{
	font-size:64%;
}

.u{
	border-bottom: 1px solid;
	padding-bottom: 3px;
}

/*.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
*/



/*
Back to top button
*/
#backside {
	position: fixed;
	z-index:20000;
	bottom: 3%;
	right: 5%;
}
#backside a {
	width: 50px;
	height: 50px;
	overflow:hidden;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/* arrow icon (span tag) */
#backside span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	text-indent:-9999px;
	/* rounded corners */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#backside a:hover span {

}




#backtop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:20000;
}

#backtop img{
	width:50%;
	margin:18px 0 0 0;
}


#backtop a:link,#backtop a:visited {
	background:rgba(255,255,255,0.7);
	width: 50px;
	height: 50px;
	display:block;
	border:solid 1px #666;
	text-align:center;
/*	-webkit-transition: all 0.2s;
    transition: all 0.2s;*/
}

#backtop a:hover,#backtop a:active {
	display:block;
   padding: 0;
   -ms-filter: "alpha( opacity=60 )";
   filter: alpha( opacity=60 );
   opacity: 0.6;
	/* border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;*/
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {


#backtop {
	bottom: 40px;
	right: 30px;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

#logo a:hover,#logo a:active,#news_top li a:hover,#news_top li a:active,#news li a:hover,#news li a:active,#instagram li a:hover,#instagram li a:active,#top_staff li a:hover,#top_staff li a:active,#sns a:hover,#sns a:active,#gallery a:hover,#gallery a:active,#profile_sns li a:hover,#profile_sns li a:active {
   border-bottom: initial;
   padding-bottom: initial;
   -ms-filter: "alpha( opacity=40 )";
   filter: alpha( opacity=40 );
   opacity: 0.4;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

}






img.waiting{
-ms-filter: "alpha( opacity=40 )";
filter: alpha( opacity=40 );
opacity: 0.4;
}



/*a:hover img.fadeimg{
-ms-filter: "alpha( opacity=60 )";
filter: alpha( opacity=60 );
opacity: 0.6;

}*/



.sps{
	display:none;
}

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}



.clear {
	clear:both;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix{
    display: inline-block;
}
/* clearfix for ie7 */
.clearfix {
    display: block;
}



.blinking{
	-webkit-animation:blink 1.2s ease-in-out infinite alternate;
    -moz-animation:blink 1.2s ease-in-out infinite alternate;
    animation:blink 1.2s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}





/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}