:root{
    --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "游明朝", "Yu Mincho", Yu Mincho, "MS PMincho", ＭＳ Ｐ明朝, serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: 'Noto Serif JP', serif;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a, a:link {
  color: #900;
}
a:visited {
  color: #666;
}

 a:hover{
	 opacity:0.5;
	 text-decoration: none;
	 }
	 
	 .text900{
		 color:#900;}
		 
		 
ul li{
	list-style:none;
	}

.leftboarder{
	padding: 0em 0.5em;/*上下 左右の余白*/
  color: #000;/*文字色*/
	font-size: 20px;
	text-align: left;
	font-weight: bold;
  background: transparent;/*背景透明に*/
  border-left: solid 5px #000;/*左線*/
}

 /* ------------------------------------------------------------ */
/* カルーセル　マテリアルアイコン*/
/* ------------------------------------------------------------ */



i.icon-white{
	color: #fff;
	font-size: 35px;
}



 /* ------------------------------------------------------------ */
/* sauna画像*/
/* ------------------------------------------------------------ */

.picture {
  position: relative;
  }

.picture a {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 85%;
  left: 50%;
  max-width: 250px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  }

.picture img {
  width: 100%;
  }


 /* ------------------------------------------------------------ */
/* 500pxボックス*/
/* ------------------------------------------------------------ */

.booking{
	margin:0 auto;
	line-height:2;
	text-align:center;}
.booking img{
	max-width: 100px;}

.booking2{
	margin:0 auto;
	line-height:2;
	text-align:center;
	margin-bottom: 100px;}
.booking2 img{
	max-width: 300px;}

.booking3{
	margin:0 auto;
	line-height:2;
	text-align:center;
	margin-bottom: 100px;}
.booking3 img{
	max-width: 500px;}

@media (max-width: 766px) {	
.booking3 img{
	max-width: 100%;}
	
}

 /* ------------------------------------------------------------ */
/* 500pxボックス*/
/* ------------------------------------------------------------ */

.box500{
	max-width:500px;
	width:100%;
	margin:0 auto;
	line-height:2;
	text-align:center;}

 /* ------------------------------------------------------------ */
/* 700pxボックス*/
/* ------------------------------------------------------------ */

.box700{
	max-width:700px;
	width:100%;
	margin:0 auto;
	line-height:2;
	text-align:center;}
	
	.box700 p{
		text-align:left;}
	
	.box700 h2{
		font-family:'Noto Serif JP',   serif;
		font-weight: bold;
		font-size:30px;}

.box700 h4{
		font-family:'Noto Serif JP',   serif;
		font-weight: normal;
		font-size:24px;
line-height:1.5;}

	.box700 h6{
		font-family:'Noto Serif JP',   serif;
		font-weight: bold;
		font-size:25px;}
.box700 h7{
		font-family:'Noto Serif JP',   serif;
		font-weight: bold;
		font-size:18px;}


.box700 b{
		font-family:'Noto Serif JP',   serif;
		font-size:18px;}
		
		.box700 h3{
		font-family:'Noto Serif JP',   serif;
		font-weight:bold;
		font-size:18px;}
		
		.box700 a{
			text-decoration:none;}
			
					.box700 h5{
		font-family:'Noto Serif JP',   serif;
		font-weight:bold;
		font-size:18px;}
		
@media (max-width: 766px) {	
.box700{width: 88%;}	
	
	.box700 img{width:100%;}
	
}

		
 /* ------------------------------------------------------------ */
/* 900pxボックス*/
/* ------------------------------------------------------------ */
	
.box900{
	max-width:900px;
	margin:0 auto;}
	
	.box900 img{
		width:100%;
		height: auto;
		margin-bottom:5px;}
		
		
	.box900 h2{
		font-family:'Noto Serif JP',   serif;
		font-weight: bold;
		font-size:25px;}
		
		
		
		@media (max-width: 766px) {	
		
		
	.modalpointer{
		cursor:pointer;
		}	
		
	.modal-xl{
		padding-top:10%;}	
		
.modal-xl{
		padding-top:30%;}	
}


 /* ------------------------------------------------------------ */
/* 1200pxボックス*/
/* ------------------------------------------------------------ */
	
.box1000{
	max-width:1000px;
	margin:0 auto;}
	
	.box1000 img{
		width:100%;
		margin-bottom:5px;}
		
			.box1000 h5{
		font-family:'Noto Serif JP',   serif;
		font-weight:bold;
		font-size:18px;}	
		
	.box1000 h2{
		font-family:'Noto Serif JP',   sserif;
		font-size:40px;}
		

		
		
		@media (max-width: 766px) {	
.box1000 img {
	width:100%;}
}
		
		
	.modalpointer{
		cursor:pointer;
		}	
		
	.modal-xl{
		padding-top:10%;}	
		
		@media (max-width:766px) {	
.modal-xl{
		padding-top:30%;}
}

 /* ------------------------------------------------------------ */
/* indexボタン*/
/* ------------------------------------------------------------ */

.index_btn{
	background-color: #F5EEDC;
	min-height: 350px;
	margin-bottom: 50px;
}



.index_btn a, a:link {
  color: #000;
}

.index_btn:hover{
	opacity: 0.5;
	color: #000;
}



 /* ------------------------------------------------------------ */
/* about会社概要*/
/* ------------------------------------------------------------ */

figure {
	position: relative;
	display: inline-block;
	width: 100%;
}
	figure img {
		max-width: 100%;
		vertical-align: top;
		max-height: 400px;
		object-fit: cover;
	}

figure b {
	color: #fff;
}
	figure figcaption {
		position: absolute;
		top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
		font-size: 18px;
		line-height: 28px;
		color: #fff;
	}

	figure a:link{
		font-size: 18px;
		color: #fff;
		text-decoration: none;
	}


@media (min-width:766px) {	
figure figcaption{
		font-size: 18px;
	line-height: 40px;}
}

		
 /* ------------------------------------------------------------ */
/* 見出し 先設定*/
/* ------------------------------------------------------------ */
	
hr#hrsamp1 {
border: 2px #000 solid;
width:60%;
}




 /* ------------------------------------------------------------ */
/* コンタクト */
/* ------------------------------------------------------------ */

.wrapper{
	display: flex;
  flex-direction: column;
  min-height: 100vh;}

	
	 .contact_h1{
	  width: 100%;
	margin: 20px 0;
	border-radius: 5px;
	background:  #0075c2;
	 }
	 
	.contact_h1 h1{
	padding: 10px  8px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 2rem;}

.contact{
	margin: 0px; padding: 0px;
}

.contact dt{
	font-family:'Noto Serif JP',   serif;
font-size:16px;
letter-spacing:1px;
text-decoration:none;}

.contact p{
	font-size:15px;
	}
	
.contact btn_submit{
	font-size:15px;}	
	
.contact li{
	list-style:none;}	
	
.form{
	list-style:none;}



 /* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
 
footer{
     background-color: #270102;
     padding:30px 0px;
	margin-top: auto;
}	       

.logo{
    color:#FFF;
    font-weight:700;
    font-size:30px;
}

.address span , .menu span{
   color: #FFF; 
   font-weight: bold; 
   border-bottom: 1px solid #c7c7c7; 
   padding:10px 0px;
   display: block;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: 3px;
}
 
.address li a , .menu li a{
    color:#FFF;
    letter-spacing: 3px;
    text-decoration:none;
    font-size:14px;
	font-weight:bold
}

.address li, .menu li{
    margin:20px 0px;
    list-style: none;
}

.address li a:hover , .menu li a:hover{
    color: #da3e44;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.address .fa{
    color: #da3e44;
    margin-right: 10px;
    font-size:18px;
}