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


/*スマホフィックス用*/
#wrapper {
  overflow: hidden;/*ボックスからはみ出した内容は「表示しません」*/
}
/*スマホフィックス用はここまで*/

#hoge {
    width: 100%;
}

.headeryoyaku{
	margin: 20px 0px 20px 0px;
}

.sitemap{
	background-color: #545454;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration-color: whitesmoke;
}
/*スライドショー*/
#css-aslider {
	width: 1000px;
	height: 392px;
	overflow: hidden;
}
 
.slide-aitem {
	width: 1000px;
	height: 392px;
	float: left;
	position: relative;
}
 
 
.slider-awrapper {
	width: 500%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 35s infinite;
}
 
@keyframes slider {
  0% { transform: translateX(0); }
  20% { transform: translateX(-1000px); }
  40% { transform: translateX(-2000px); }
  60% { transform: translateX(-3000px); }
  80% { transform: translateX(-4000px); }
  100% { transform: translateX(0); }
}

/*ナビゲーション*/
.navi{
	margin: 10px 0px 30px 0px;
	max-width: 100% ;
    height: auto;
}

nav ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 50%;
text-align: center;
}
nav li{
display: table-cell;
min-width: 40px;
}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: #AB7D20;
padding-bottom: 5px;
}
nav li.current{
border-bottom: 3px solid #92D050;
}
nav li:hover{
color: #E7DA66;
border-bottom: 3px solid #AB7D20;
}
/*ここまでナビゲーション*/

button {
cursor: pointer;
height:32px;
font-size:14px;
transition: all 0.2s ease-in-out;
}
button:hover {
animation: swing 1s ease;
animation-iteration-count: 1;
}
@keyframes swing {
15% {
transform: translateX(5px);
}
30% {
transform: translateX(-5px);
}
50% {
transform: translateX(3px);
}
65% {
transform: translateX(-3px);
}
80% {
transform: translateX(2px);
}
100% {
transform: translateX(0);
}
}

.categori{
	margin: 10px 0px 20px 0px;
	font-family: 'Playfair Display', serif;
}
	
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 320px;	/*画像の幅*/
	height: 180px;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.conceptmoji{
	margin: 200px 0px 0px 0px;
	font-size: 20px;
	font-family: 'Playfair Display', serif;
}

.slider{
	margin: 0px 0px 200px 0px;
}

/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

.messagea{
	margin: 100px 0px 100px 0px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 23px;
}

.messageb{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.menuber{
	margin: 250px 0px 50px 0px;
	font-size: 20px;
	font-family: 'Playfair Display', serif;
}

.newsber{
	margin: 250px 0px 50px 0px;
	font-size: 20px;
	font-family: 'Playfair Display', serif;
}

.newsbox{
	margin: 50px 0px 0px 0px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.bodyber{
	background-color: #A67A22;
	margin: 100px 0px 100px 0px;
}

.kakushumenu{
	margin: 100px 0px 100px 0px;
	transition: all .5s;
}

.kakushumenu:hover {
  transform: translateY(-2px);
  opacity: 0.7;
}

.backnumber{
	text-align: right;
}

.chizu{
	font-size: 10px;
}

.gaikan{
	margin: 100px 0px 150px 0px;
}

.footerline{
	margin: 20px 0px 20px 0px;
}

.footerlaplume{
	margin: 50px 0px 50px 0px;
}

.footer{
	background-color: black;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}



/*ここからMAILフォーム*/
.contactfont{
	font-size: 100%;
	margin: 70px 0px 20px 530px;
}

.contactform{
	margin: 100px 0px 150px 0px;
}

.lead-form{
  text-align: center;
  font-size:20px;
}
form{
  width:600px;
  margin:0 auto;
}
.contactitem{
  overflow: hidden;
  margin-bottom: 20px;
}
.label{
  float: left;
  margin-right: 20px;
  width:180px;
  border-left: solid 3px #000000;
  padding-left: 10px;
}
.inputs{
  float: left;
  width:300px;
}
input[type="text"],input[type="email"]{
  border: solid 1px #aaa;
  border-radius:5px;
  padding:10px;
  font-size: 15px;
}
textarea{
  border: solid 1px #aaa;
  border-radius:5px;
  padding: 10px;
  height: 160px;
  font-size: 15px;
}
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #000000;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

.map{
	margin: 60px 0px 100px 0px;
	font-family: 'Jomolhari', serif;
}

.maptable{
	align:center;
	margin: 300px 0px 400px 0px;
}

/*ここからmenu*/
.fontsizechousei{
	font-size: 5px;
}

.shokaitaikenkousu{
	text-decoration-color: crimson;
}

.yoyakuberfree{
	margin-top: 200px;
	margin-bottom: 50px;
}

.datsumoutable{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	font-size: 17px;
}

.linkcolor{
	color: #0017F9;
}

/*ここからSTEP*/
.stepmidashi{
	margin: 100px 0px 200px 0px;
}

.yokuaruyoyaku{
	margin: 100px 0px 200px 0px;
}
/*画像のマウスオーバー*/
.yokuarushitsumonber{
  width: 249px;
  height: 31px;
  margin: 20px auto 0;

  transition-duration: 0.5s;
}
.yokuarushitsumonber img{
  cursor: pointer;
}
.yokuarushitsumonber:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

/*ここからQ&A*/
.qa{
	margin: 100px 0px 200px 0px;
}

.yoyakusurusuru{
  width: 249px;
  height: 31px;
  margin: 20px auto 0;

  transition-duration: 0.5s;
}
.yoyakusurusuru img{
  cursor: pointer;
}
.yoyakusurusuru:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

/*ここから予約フォーム*/
.yoyakuchuui{
	margin: 100px 0px 0px 0px;
}

.contactform{
	margin: 100px 0px 150px 0px;
}

.lead-form{
  text-align: center;
  font-size:20px;
}
form{
  width:600px;
  margin:0 auto;
}
.contactitem{
  overflow: hidden;
  margin-bottom: 20px;
}
.label{
  float: left;
  margin-right: 20px;
  width:180px;
  padding-left: 10px;
}
.inputs{
  float: left;
  width:300px;
}
input[type="text"],input[type="email"]{
  border: solid 1px #aaa;
  border-radius:5px;
  padding:10px;
  font-size: 15px;
}
textarea{
  border: solid 1px #aaa;
  border-radius:5px;
  padding: 10px;
  height: 160px;
  font-size: 15px;
}
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #000000;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

.kiyaku{
	margin: 16px auto;
	text-align: center;
	display: block;
}

.kiyakukomoku{
		overflow:auto;
		width:800px; height:200px;
		padding:5px;
	    border: none;
		color:#000000;
		background-color:#FDFADB;
		line-height:1.5em;
	    text-align: left;
	    display: inline-block;
	    font-size: 10px;
	}

.space{
	margin: 100px 0px 100px 0px;
}

a:link{
	color: #000000;
}
a:visited{
	color: #000080;
}
a:hover{
	color: #00EFFF;
}
a:active{
	color: #00EFFF;
}

.contactfont{
	font-size: 100%;
	margin: 70px 0px 20px 530px;
}

.contactform{
	margin: 100px 0px 150px 0px;
}

.lead-form{
  text-align: center;
  font-size:20px;
}
form{
  width:600px;
  margin:0 auto;
}
.contactitem{
  overflow: hidden;
  margin-bottom: 20px;
}
.label{
  float: left;
  margin-right: 20px;
  width:180px;
  border-left: solid 3px #000000;
  padding-left: 10px;
}
.inputs{
  float: left;
  width:300px;
}
input[type="text"],input[type="email"]{
  border: solid 1px #aaa;
  border-radius:5px;
  padding:10px;
  font-size: 15px;
}
textarea{
  border: solid 1px #aaa;
  border-radius:5px;
  padding: 10px;
  height: 160px;
  font-size: 15px;
}
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #000000;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

/*ここからMAILフォーム*/
.contactfont{
	font-size: 100%;
	margin: 70px 0px 20px 530px;
}

.contactform{
	margin: 100px 0px 150px 0px;
}

.lead-form{
  text-align: center;
  font-size:20px;
}
form{
  width:600px;
  margin:0 auto;
}
.contactitem{
  overflow: hidden;
  margin-bottom: 20px;
}
.label{
  float: left;
  margin-right: 20px;
  width:180px;
  border-left: solid 3px #000000;
  padding-left: 10px;
}
.inputs{
  float: left;
  width:300px;
}
input[type="text"],input[type="email"]{
  border: solid 1px #aaa;
  border-radius:5px;
  padding:10px;
  font-size: 15px;
}
textarea{
  border: solid 1px #aaa;
  border-radius:5px;
  padding: 10px;
  height: 160px;
  font-size: 15px;
}
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #000000;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

/*筋膜リリースコース*/
.konnakataniosusume{
	margin: 100px 0px 100px 0px;
}

.osusume{
	margin: 100px 0px 100px 0px;
}

.step{
	margin: 150px 0px 100px 0px;
}

.yoyakusuruber{
	margin: 100px 0px 100px 0px;
}

.stepkoumoku{
	margin: 50px 0px 50px 0px;
}

/*タラソテラピー*/
.thalassomoji{
	margin: 150px 0px 0px 0px;
	font-size: 15px;
	font-family: 'Playfair Display', serif;
}

.thalassokanamoji{
	margin: 0px 0px 100px 0px;
	font-family: 'Playfair Display', serif;
}

.thalassotoha{
	margin: 100px 0px 200px 0px;
}

.thalasso1{
	margin: 20px 0px 20px 0px;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}

.thalassozu{
	margin: 200px 0px 100px 0px;
}

.thalassoaproti{
	margin: 0px 0px 200px 0px;
}

.thalassoyoaku{
	margin: 0px 0px 200px 0px;
	transition-duration: 0.5s;
	width: 264px;
    height: 115px;
}

.thalassoyoaku img{
  cursor: pointer;
}
.thalassoyoaku:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

/*脂肪冷却*/
.shibouwaku{
	width: 60%;
	border: 1px solid #ccc; /* 枠線 */
}

.merit1{
	border: 1px solid #ccc; /* 枠線 */
}

/*海の恵コース*/
.uminomegumicorcenew {
	margin: 100px 0px 100px 0px;
}