.fadeConts {
  opacity: 0;
  -webkit-transition: 2.5s;
  -o-transition: 2.5s;
  transition: 2.5s;
		transform: translateY(50px);
}
.fadeConts.show {
  opacity: 1;
		transform: translateY(0px);
}

.main-fadein {
 	animation: fade-In 4s;
    -webkit-animation: fade-In 4s;
}

@keyframes fade-In{
    0% {
		opacity: 0;
	} 
    100% {
		opacity: 1;
	}
}
@-webkit-keyframes fade-In{
    0% {
		opacity: 0;
	} 
    100% {
		opacity: 1;
	}
}

.woman-contents{
	background-image:url("../img/woman-bg.jpg");
	background-size: auto;
	position:relative;
}

.main{
	max-height:100vh;
	margin-bottom:10%;
}
.sec01-mojibox{
	display: flex;
	justify-content: center;
}
.sec01-mojibox img{
	display: block;
	max-height:100vh;
}
@media screen and (max-width: 768px) {
.main{
	margin-bottom:20%;
}
}

.omotenashi{
	width:50%;
	padding-bottom:10%;
	display: flex;
	justify-content: center;
	margin:0 auto;
}
.omotenashi img{
	width:100%;
}

@media screen and (max-width: 768px) {
.omotenashi{
	width:80%;
	padding-bottom:20%;
	display: flex;
	justify-content: center;
	margin:0 auto;
}
}


.OMTCNT{
	width:100%;
	padding-bottom:10%;
}

.OMTCNT-BOX{
	width:90%;
	display: flex;
	justify-content: center;
	margin:0 auto;
	gap:0 5%;
}
.OMTCNT-IN01{
	width:40%;
}
.OMTCNT-IN01 img{
	width:100%;
}
.OMTCNT-IN02{
	width:40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:5% 0;
}
.OMTCNT-IN02 p{
	font-size:0.8em;
	line-height:1.5;
	letter-spacing:0.25em;text-align: justify;
}
.flex-reverse{
	flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
.OMTCNT{
	padding-bottom:25%;
}
.OMTCNT-BOX{
	width:90%;
	flex-direction: column;
	gap:15px 0;
}
.OMTCNT-IN01{
	width:100%;
}
.OMTCNT-IN02{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:15px 0;
}
.OMTCNT-IN02 p{
	font-size:0.7em;
	line-height:1.5;
	letter-spacing:0.25em;
}
}



.section08{
	padding:5% 0 15% 0;
}
.insta-box{
	width: 100%;
	display: flex;justify-content: flex-end;
}
.insta-box:hover{
	opacity: 0.6;
	transition: 0.6s;
}
.insta-CNT01{
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 2.5% 0 0;
}
.insta-CNT02{
	width: 70%;
	background-image: url("../img/man-insta-bg.png");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	display: flex;
	padding:2.5% 2.5% 2.5% 2.5%;
	gap:0 2.5%;
}
.insta-CNT02 img{
}
	
@media screen and (max-width: 1048px) {

.insta-box{
	flex-direction: column;
}

.insta-CNT01{
	width: 30%;
	margin:0 auto;
	padding:0 0 5% 0;
}	
	

.insta-CNT02{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding:2.5% 2.5% 2.5% 2.5%;
	gap:15px 2.5%;
}

.insta-CNT02 img{
	width:48%;
}	
}




.container-box{
	width:50%;
	margin:0 auto;
	padding-bottom:10%;
}
.container-box img{
	width:85%;
	padding-bottom:2.5%;
	display: block;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
.container-box{
	width:90%;
}
.container-box img{
	width:100%;
}
}




/* 常に横にいるボタン */
.flow-navi-box{
	width:75px;
  position: fixed;
  z-index: 50;
	bottom:0;
	right: 0;
}
.flow-navi-box img{
	width:100%;
}
.flow-navi-box img:hover{
  opacity: 0.6;
  transition: 0.6s;
}
@media screen and (max-width: 768px) {
.flow-navi-box{
	display: none;
}
}



/* 予約番検索フォーム */

#search_489ban{
    margin: 0 auto; padding: 3% 2% 3% 3%;width:100%;
    border:1px solid #e8e2d9; box-sizing: border-box;
	background-image: url('../img/woman-yoyaku-bg.jpg');
	background-position: top left;
    background-repeat: repeat;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}
#search_489ban dl{ display: inline-table; margin: 0 0 5px; width: 100%;}
#search_489ban dt,
#search_489ban dd{ margin: 0; padding: 0; display: table-cell; vertical-align: top;}
#search_489ban dt{ width: 10px;}
#search_489ban dd{width: 50px;}
 
#search_489ban dd span,
#search_489ban label,
#search_489ban input,
#search_489ban select{ display: inline-block; margin: 2px 2px 5px;}
 
#search_489ban select{background: #fff;border-radius: 4px;}

#search_489ban ul{display: table-cell;}
#search_489ban li{ margin-bottom: 3px; list-style: none; display: inline-block;}
 
#search_489ban button{
    display: block; margin: 1%; padding: 7px;
    width: 96%; box-sizing: border-box;
	background: #7a6a56;color:#fff;border-radius:10px;text-align:center;
}
 
#search_489ban .inbox_489ban{}
#search_489ban .inbox_489ban:after {
    content: "."; display: block;
    height: 0; font-size: 0; visibility: hidden;
}
 
#search_489ban .stay_489ban,
#search_489ban .room_489ban,
#search_489ban .person_489ban{ width: 300px; }
 
#search_489ban .stay_489ban dt,
#search_489ban .room_489ban dt,
#search_489ban .person_489ban dt{ width: 42%;}
 
#search_489ban .child_489ban{
    border-bottom: 1px dotted #dedede;
}
#search_489ban .child_489ban:first-of-type{
    padding: 5px 0 0;
    border-top: 1px dotted #dedede;
}
#search_489ban .child_489ban:last-of-type{
    margin: 0 0 10px; padding: 0 0 5px;
}
#search_489ban .child_489ban dt{ width: auto;}
#search_489ban .child_489ban dd{ width: 100px; vertical-align: middle;}
#search_489ban .child_489ban dt span{ display: block; font-size: 12px;}
 
#search_489ban .price_489ban dt{ width: 35px;}
#search_489ban .price_489ban div{ display: inline-block;}
#search_489ban .price_489ban span{ font-size: 12px;}
 
#search_489ban .tag_489ban,
#search_489ban .tag_489ban dt,
#search_489ban .tag_489ban dd{ width: 100%; display: block;}
 
#search_489ban .tag_489ban .tag_mode_489ban{ font-size: 13px;}
form{width: 100%;}