@charset "utf-8";

/*========= スクロール途中からヘッダーの高さが小さくなるためのCSS ===============*/
#header {
	/*はじめの高さを設定*/
    background-color: rgb(104, 0, 68,0.9);
}


/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin {
	position: fixed;
	z-index: 999;
	/*最前面へ*/
	height: 70px;
	animation: DownAnime 0.5s forwards;
	background-color: rgb(104, 0, 68,0.8) !important;
}

		@media screen and (max-width : 767px) {
			#header.HeightMin {
				background-color: rgb(104, 0, 68,0.8) !important;
			}
		}


#header.HeightMin div.header_logo{
	margin-top: 3px;
	width: 300px;
}


#header.HeightMin h1 {

}


#header.HeightMin h1 img {
	width: 100%;
}

#header.HeightMin div.h_center {
margin-top: 0;
}


#header.HeightMin div.tel_lang {
	height: 20px;
	margin: 7px 0;
	border-bottom: 1px #6e6e6e solid ;
}

#header.HeightMin div.tel_lang>ul {
margin-top: 0;
	
}
#header.HeightMin p.telephone {
	line-height: initial;


}

#header.HeightMin p.telephone>span {
	font-size: initial;
	line-height: initial;
}



#header.HeightMin nav {


}

#header.HeightMin>div>div.header_right{
	margin-top: 0;
}


#header.HeightMin>div>div.header_right>div.h_center{
    margin-top: 0;
    margin-right: 20px;
}

		@media screen and (max-width : 767px) {
			#header.HeightMin>div>div.header_right>div.h_center {
				margin-top: 0;

			}
		}



#header.HeightMin div.header_rsv {
 margin-top: 0;
}


.header_rsv>a {
    font-size: 1.2em;
    color: white;
    text-decoration: none;
    letter-spacing: 0.2em;
    display: inline-block;
    width: 120px;
    height: 70px;
    line-height: 70px;
    background: linear-gradient(to top, rgba(0,0,0,0.1), rgba(255, 255, 255, 0.2) 100%), #ff5618;
    text-align: center;
    text-decoration: none;
}


		@media screen and (max-width : 767px) {
			#header.HeightMin div.header_rsv>a {
				height: 70px !important;
				line-height: 70px;
			}
		}


.header_rsv>a>span {
    margin-right: -0.3em;
}


.header_rsv>a:hover {
opacity: 0.9;
}




#header.HeightMin div.sakurakawa_nav {

margin-top: 0;
}



















@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-170px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/*========= レイアウトのためのCSS ===============*/