@charset "UTF-8";

* {
  margin: 0;
}

body {
  line-height: 1.7;
  font-weight: 400;
  font-size: 1rem;
  color:#333;
  text-transform:none;
  font-family: 'Noto Sans JP',sans-serif !important;
   }
   
   main.kasou {
    margin: 0em 0 0;
  }
   main.kasou_floor {
    margin: 3em 0 0;
  }

   
   .preloader {
    background-color: #DDD !important;
   }   
a {
   color:#72CC21;	
}
a:hover {
   color:#72CC21;
   text-decoration:underline;	
}

.red {
   color:#FF2950;
}
   
p {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: 0em;	  
	  font-family: 'Noto Sans JP',sans-serif;
    margin: 0 0 0em;
    text-align: center;
	text-transform:none;
}
p.sche {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: 0em;	  
	  font-family: 'Noto Sans JP',sans-serif;
    margin: 0 0 0em;
    text-align: center;
	text-transform:none;
}
p.news {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: 0em;	  
	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0.7em 0em;
    text-align: left;
	text-transform:none;
}


p.floor {
    vertical-align: top;
      line-height: 1.5;
      font-weight:normal;
     font-size: 0.9rem;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0 0em;
    text-align: center;
	text-transform:none;
}



p.access_top {
    vertical-align: top;
      line-height: 1.5;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0 3em;
    text-align: left;
	text-transform:none;
}

p.contact {
    vertical-align: top;
      line-height: 1.7;
      font-weight:normal;
     font-size: 1rem;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
margin: 0 0 0em;
    text-align: left;
	text-transform:none;
}



h1, h2, h3, h4, h5, h6 {
	  font-family: 'Noto Sans JP', sans-serif !important;	
}
h5 {
  font-size: 1.3rem;
  text-transform:none;
	  color:#333;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
}

h1 {
  font-size: 1.5rem;
  text-transform:none;
	  color:#333;
	  font-weight:bold;
	  letter-spacing: -0.01em;	  
	  font-family: 'Noto Sans JP',sans-serif;
}


h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  text-transform:none;
	  color:#333;
	  letter-spacing: -0.01em;
	  font-weight: bold;	  
	  font-family: 'Noto Sans JP',sans-serif;
}
img.icon {
    width:40px;
	height:40px;	
}

img.icon:hover {
	opacity: 0.5 ;
}

table tr td {
vertical-align:top;	
}


#header {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
	margin: 0em;
	height: 18vh;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root #header {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
	margin: 0em;
	height: 18vh;
}


.header {
	    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
}

#header_member {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:0em 0 0;
	height: 19vh;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root #header_member {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin:0em 0 0;
	height: 19vh;
}


.header_member {
	position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
	height: 14vh;
}

   _::-webkit-full-page-media, _:future, :root .header_member {
	    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
	margin:0em 0em 0;
	height: 14vh;
}




.header_floor {
	    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
	height: 22vh;
}

/* Safari */
   _::-webkit-full-page-media, _:future, :root .header_floor {
	    position: fixed;
    z-index: 100;
    width: 100%;
    background: white;
margin:0em 0 0;
	height: 21vh;

}


section.slide {
    margin:3em 0em 2em;	
}


#logo {
    height: 60px;
	margin:2em auto;
}
#logo.mini {
    height: 45px !important;
	margin: 0.6em auto 0.5em;
	-moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.waku_01 {
    background-color: #CDBF00;
    margin: 0em auto;
    border: 0px solid #fff;
    border-radius: 3px;
    padding: 0.2em 1em 0.3em;
    text-align: center;
    max-width: max-content;
}

/* -------トップスライダー------------*/

.slider_margin {
	padding:8em 0 6.5em;
	margin:0em 0 0;
}
/* Safari */
   _::-webkit-full-page-media, _:future, :root .header_floor .slider_margin {
	padding:8em 0 6.5em;
	margin:12em 0 0;
}

.slider_wrap { /* スライダーするリストを囲うタグのclass */
    height: ;
    overflow: hidden;
}

/* -------------------*/

section {
    background-color: #FFFFFF;
	margin: 0em 0 5em;
		padding:2em 0;

}

section.yellow {
    background-color: #FFF310;
	margin: 0em 0 5em;
	padding:2em;
}
section.gray {
    background-color: #DDDDDD;
	margin: 0em 0 5em;
	padding:2em;
}
section.footer {
    background-color: #fff;
	margin: 0em 0 0em;
}


div.contents {
	background-color: white;
	padding: 5em 2em;
margin: 0;
}

.midashi_space {
margin: 0 0 2em;
}


/* ---more------------------------------------------------------------------*/

.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-trigger {
z-index: 2;
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100px;
margin: -3em auto;
    text-decoration: none;
    padding: 0.3em 0em 0.4em;
    border-radius: 2em;
    background-color: #FFF310;
color: #333;
    border: solid 3px #FFF310;
font-size: 1rem;
text-align: center;
cursor: pointer;
transition: .2s ease;
box-shadow: 0 0 0px rgba(0,0,0,.3);
font-weight: bold;
	}
	.grad-trigger:hover {
  background: #DDD;
    border: solid 3px #DDD;
color: #333;
  text-decoration: none;
}

.grad-trigger::after {
  content: "more" /*クリック前のボタンのラベル*/
}
.grad-trigger .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide {
  height: 80px; /*隠した後の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger.is-show {
  bottom: -1em;
}
.grad-trigger.is-show::after {
  content: "close" /*クリック後にボタンのラベルを変える*/
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}




/* ---news----------------------------------------------------------------*/



/* floor */

.floor_item {
	padding:0 1.5rem;
}


h5.floor {
    font-size: 1.3rem;
    color: #333;
    letter-spacing: -0.01em;	  
	font-family: 'Noto Sans JP',sans-serif;
line-height: 1;
	margin:0;
}

p.floor {
    vertical-align: top;
    line-height: 1.1;
    font-weight:normal;
    font-size: 0.8rem;
    color: #333;
    letter-spacing: -0.01em;	  
	font-family: 'Noto Sans JP',sans-serif;
margin: 0.8em 0 2em;
    text-align: center;
}

img.floor {
    width:100%;
	margin:0 0 1em;	
}

.service-item {
    border-radius: 0.1875rem;
    overflow: visible;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 1em solid #DDD;
	padding: 2em 1em;
text-align: center;
}

div.floor-number {
    position:absolute;
    top: 0em;
    z-index: 1;
	left: 0;
     right: 0;
  margin: auto;
  width: 100px;
height: 30px;
background-color: #fff;	
}
p.floor-number {
    font-size: 3rem;
	font-weight: normal;
    text-transform: none;
    color: #333;
    background-color: #fff;
    padding: 0em 0em 0em;
    letter-spacing: -0.01em;	  
	font-family: 'Noto Sans JP',sans-serif;
line-height: 0;
}


/* insta */

.clients .owl-theme.owl-nav-outer .owl-nav [class*="owl-"] {
    opacity: 0.5;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #333 !important;
    font-size: 1.5rem !important;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* access ---------------------------------------------------- */
.access_space_top {
    margin:3em 0 0;	
}

/* googlemap */

.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* jump　up */

.btn-back-to-top {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 999;
    background: #eee;
    display: none;
    height: 3rem;
    width: 3rem;
    text-align: center;
    line-height: 1.75rem;
    font-size: 1em;
    color: #000;
    opacity: 0.6;
    border-radius: 2px;
    padding: 0.4em;
}

.ichiran {
    margin:2em 0 0;	
}

.ichiran2 {
    margin:2em 0 0;	
}


    /*アコーディオン全体*/
    .menu_news {
      width: 100%;
      padding: 10px 10px 20px;
	  text-align:left;
    }
    .menu_news input {
      display: none; /*チェックボックスを隠す*/
    }
    /*バー部分*/
    .menu_news label {
      cursor :pointer;
      display: block;
      text-decoration: none;
      color: #333;
	  font-size: 1em;
      line-height: 1.3;
      position: relative;
     margin: 0 0 0px;
     padding: 1.5em;
     border-top: 1px gray solid;
	 font-weight: normal;
    }
    /*開いたときに表示される部分*/
    .menu_news ul {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-bottom: 25px;
    }
    .menu_news li {
      height: 0;
      overflow-y: hidden;
      transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
      -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
      -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
      -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
      -o-transition: padding-bottom 0.5s, padding-top 0.5s;
    }
    #menu_bar01:checked ~ #links01 li,
    #menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li {
      height: auto; /*開いたときに表示されるliの高さ*/
      opacity: 1;
      background: #f1f1f1;
      padding: 10px;
    }
     /*開いたときの下の余白*/
    #menu_bar01:checked ~ #links01 li:last-child,
    #menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child {
      margin-bottom: 1em;
    }
		
	    /*閉じた状態の矢印描画*/
    .menu_news label:after{
      content:"";
      display:block;
      width:8px;
      height:8px;
      border-top: #FF2950 2px solid;
      border-right: #FF2950 2px solid;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      position:absolute;
      right: 2%;
      top: 0;
      bottom: 15%;
      margin: auto;
    }
    /*開いた状態の矢印描画*/
    .menu_news input[type=checkbox]:checked + label:after{
      content:"";
      display:block;
      width:8px;
      height:8px;
      border-top: #FF2950 2px solid;
      border-right: #FF2950 2px solid;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position:absolute;
      right: 2%;
      top: 7%;
      bottom: 0;
      margin: auto;
    }
	
    /*予約ボタン*/
	
.btn-radius {
  position: fixed;
display: inline-block;
font-weight: bold;
padding: 0.5em 0.5em;
text-decoration: none;
color: #F9EC00;
background: #A6A6A6;
border-radius: 25px;
transition: .4s;
z-index: 100;
width: 15.5%;
top:auto;
right: 25px;
    text-align: center;
}

.btn-radius:hover {
  background: #F9EC00;
text-decoration: none;
color: #A6A6A6;
}

/* カードを揃える */
.card-flex {
display:flex;
}
/* レスポンシブで消すエリア */

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

@media (max-width: 767px) {
	.none-spnomi { display:none; }
}
@media (min-width: 768px) {
	.none-tbnomi { display:none; }
}

@media (min-width: 769px) {
	.none-pc { display:none; }
}

@media (max-width: 992px) {
	.none-pcika { display:none; }
}

/* ナビメニュー用 */
@media (max-width: 576px) {
	.none-navi_spnomi { display:none; }
}
@media (min-width: 577px) {
	.none-navi_tbnomi { display:none; }
}