@charset "UTF-8";

   
   
 /* -------------------------------------------------------
	 
	 楽天トラベルの仕様に注意　使用できるタグなどをチェック
  　 HTMLファイルの文字制限に注意
   　
   　一部のテキストを画像に変更
	 
	 
    ------------------------------------------------------*/
    


@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
<link href="https://fonts.googleapis.com/earlyaccess/kokoro.css" rel="stylesheet" />

/* clearfix */

.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/* -------------------------------------------------------
   Base   　　　-----------------------------------*/


body {
	background-repeat: repeat;
	background-image: url(https://www.unazuki-enraku.com/img/common/bg_main.jpg);
	margin: 0;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ";
	font-size: 0.8em;
}

/* リンク色 */
a:link {
	color: #000000;
	text-decoration: none;

}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #660000;
	
}
a:active {
	text-decoration: none;
}


/* -------------------------------------------------------
   HeaderArea   　　　-----------------------------------*/
    


.header{
	width: 950px;
	height: 238px;
	padding-top: 17px;
	background-repeat: no-repeat;
	background-image: url(https://www.unazuki-enraku.com/img/common/bg_header.jpg);
	
}



.logo{
	margin-left: 36px;
	margin-bottom: 12px;
}


/* -------------------------------------------------------
   ContentsArea   　　-----------------------------------*/
   

.container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	}

.contents {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
}


.contents1 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	
}



.contents2 {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 48px;
}



/* -------------------------------------------------------
    FooterArea   　　　-----------------------------------*/
.navigation {
	width: 652px;
	height: 132px;
	padding-left: 208px;
	background-repeat: no-repeat;
	background-image: url(https://www.unazuki-enraku.com/img/common/bg_navigation.png);
	
	
	}
	
	
.footer {
	width: 950px;
	height: 310px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(https://www.unazuki-enraku.com/img/common/bg_footer.png);
	margin-top: 48px;
	margin-right: auto;
	margin-left: auto;

	}

.pagetop{
	padding-top: 34px;
	float: right;
}





/* -------------------------------------------------------
    Navigation   　　　-----------------------------------*/


/* Global Navigation */
.menu ul{
margin: 0; 
padding: 0; 
list-style: none;
}
.menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}



/* Footernavigation */
.navi {
display:table; 
table-layout:fixed; 
width:100%;
padding-left: 0;
font-size: 0.9em;


}


.navi li {
			text-align: left;
			display: table-cell;
		}
 
.navi li + li {
			border-left: none;
		}




/* -------------------------------------------------------
    共用   　　　-----------------------------------*/



.pause{
	margin-top: 60px;
	margin-bottom: 60px;
}

.col_l{
	width: 435px;
	margin-top: 24px;
	margin-right: 40px;
	float: left;

}


.col_r{
	width: 435px;
	margin-top: 24px;
	float: left;
}


.font_1{
	text-shadow:0px 0px 6px #FFFFFF;
	-moz-text-shadow:0px 0px 6px #FFFFFF;
	-webkit-text-shadow:0px 0px 6px #FFFFFF;
	
}


.font_s1{
	font-size: 0.8em;	
}


    
    

/* -------------------------------------------------------
    お料理ページ   　　　-----------------------------------*/
    
    
 .col_c1{
	width: 435px;
	margin-top: 24px;
	float: left;
}



.col_c2{
	margin-top: 48px;
	margin-bottom: 48px;
text-align: center;
}

  
  
  
/* -------------------------------------------------------
    お風呂ページ   　　　-----------------------------------*/
    
    
.col_s1{
	width: 920px;
	padding-left: 30px;
	padding-top: 376px;
	height: 100px;
	background-repeat: no-repeat;
	background-image: url(https://www.unazuki-enraku.com/img/spa/img1.jpg);

}



.col_s2{
	margin-top: 36px;
}
  
  
 /* -------------------------------------------------------
    トップページ   　　　-----------------------------------*/
    
    
 .col_btn{
	text-align: center;
}

.col_btn1{
	text-align: right;
	margin-top: 36px;
	
}

 .col_btn2{
	text-align: center;
	margin-top: 48px;
	margin-bottom: 48px;
	
}



 .col_btn3{
	text-align: center;
	margin-top: 128px;
	margin-bottom: 48px;
	margin-left: 315px;
	
}
 
 .btn_l{
	 margin-right: 40px;
}

    
 /* -------------------------------------------------------
    お部屋ページ   　　　-----------------------------------*/
    
    
.col_r2{
	margin-top: 48px;
	margin-bottom: 28px;
	margin-left: 20px;
}

.col_r3{
	margin-top: 28px;
	margin-bottom: 28px;
}




 /* -------------------------------------------------------
    館内施設ページ   　　　-----------------------------------*/
    
    
 .col_f1{
	margin-top: 84px;
	margin-bottom: 12px;
	margin-left: 18px;
	margin-right: 18px;
}

.col_f2{
	margin-top: 72px;
	margin-bottom: 28px;
	margin-left: 196px;
}
   

 /* -------------------------------------------------------
    エステページ   　　　-----------------------------------*/
    
    
 .col_e1{
	margin-top: 84px;
	margin-bottom: 12px;
	margin-left: 18px;
	margin-right: 18px;
}