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


html{ 
font-size: 62.5%; /*ベースを10pxにしています*/
}

body{
color:#5b3017;
font-size: 10px;
font-size: 1.0rem;/*10px*/
line-height:2;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;   
}

p {
font-size:15px; 
font-size:1.5rem;
 
}

/* 共通css--------------------- */

* {
box-sizing: border-box;
}

.clear {
  clear: left;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


img{
vertical-align: bottom;
}

a:hover{
transition: all 0.5s;
opacity: 0.8;
}


a img:hover{
transition: all 0.5s;
opacity: 0.8;
}

a:link,a:visited {
color: #5b3017;
text-decoration: none;
}


a img {
border-width: 0px;
border-style: none;
border-color: #fff;
background: transparent;
}

.pc_none{
display:none;
}


.bread_wrap{
background-image: url(img/top_pattern.png);
padding:25px 0px;
margin-bottom: 80px; 
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;       
}


.bread_wrap .b_box_l{
float: left;
width:29%;
height: 80px;
line-height: 80px;
padding-left:80px;
border-right: 1px solid #5b3017;
}

.bread_wrap .b_box_r{
float: right;
width:68%;
height: 80px;
line-height: 1.5;   
padding-top: 15px;       
}

.bread_wrap h2{
font-size:30px;   
}


.container{
width:960px;
margin:0 auto;  
}


/* header----------------- */

.header_wrap{
margin-bottom: 30px;   
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;   
}

.header{
width:960px;
margin:0 auto;
position: relative;  
}


.header h1{
font-size:11px;
margin-top: 10px;
margin-bottom: 13px;
}


.h_l{
float: left;
}

.h_r{
float:right;
}


.header a.day_fuji{
width: 275px;
color:#fff;
text-align: center;
margin-right: 10px;
padding:10px;
border-radius: 0px 0px 10px 10px;    
background-color: #9ad156;
float:left;
}

.header a.day_fujimizuho{
width: 275px;
color:#fff;
text-align: center;
padding:10px;
border-radius: 0px 0px 10px 10px;    
background-color: #ff9600;
float:right;
}


.h_facility{
font-weight: 800;   
font-size:18px;   
}

.h_facility span{ 
font-size:22px;   
}

.h_area{
margin-top: 10px;
font-size:11px;
}


.h_navi{
position: absolute;
bottom: 0;    
right: 0;
}


.h_navi ul{  
}

.h_navi ul li{
float: left;  
font-size:18px;       
margin-right: 25px;   
}

.h_navi ul li:last-child{
margin-right: 0;
}

.h_navi img {
    margin-right: 13px;
	vertical-align:bottom;
}

/* footer----------------- */
.footer_wrap{
background-color: #5b3017;
padding:30px 0 50px 0;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;     
}

.footer{
width:960px;
margin:0 auto;   
color: #fff; 
}

.f_navi{
height: 50px;
}

.f_navi ul li{
float: left; 
border-right: 1px solid #fff;
padding-right: 15px;
margin-right: 15px;   
}

.f_navi ul li:last-child{
border-right: none;
}


.f_navi a{
color: #fff;
}

.company{
font-size: 14px;    
line-height: 1.8;    
}


/* top_wrap----------------- */
.top_wrap{
background-image: url(img/top_pattern.png);
padding:20px 0 60px 0;
font-family:"segoe UI","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;        
}

.mv_box{
position: relative; 
text-align: center;
}

.mv_box h2{
font-size: 35px;
font-weight:800;  
}

.mv_box h2 span{
font-size: 25px;
}

.slogan01{
position: absolute;
top: 30px;    
left: 10px;    
}

.slogan02{
position: absolute;
top: 80px;    
left: 125px;    
}

.slogan03{
position: absolute;
bottom:70px;    
right: 115px;    
}

.slogan04{
position: absolute;
bottom:35px;    
right: 30px;   
}

.ad_box{
width:800px;
margin: 0 auto;
background-color: #fff;
border-radius: 25px;
box-shadow:  0 4px 5px 0 #c9c0a6;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 25px;     
/* Firefox 1-3.6 */
-moz-border-radius: 25px;   
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 25px; 
}

.ad_box .box_l{
float: left;
}

.ad_box .box_r{
float: right;
}


.ad_box .box1{
width:87%;
margin: 0 auto;
padding:15px 0 10px 0;
}

.ad_box .box1 .tit{
color: #ee5757; 
font-size: 31px;
font-weight: 800;
padding-top: 30px; 
font-weight:900;      
}

.ad_box .box1 p{
padding-top: 10px;
}

.ad_box .box1 img{

}

.ad_box .box2{
text-align: center;    
margin: 8px 0px;
padding:10px 0;    
background-color: #f0e9da;
}

.ad_box .box3{
width:80%;
margin: 0 auto;
padding:15px 0;
}

.ad_box .box_fuji{
}

.ad_box box_fujimizuho{
}

.b_facility{
font-size: 21px;
font-weight: 800;
text-align: left;
}

.b_tel{
font-size: 31px;
font-weight: 800;
margin-top: 10px; 
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;    
}

.b_tel span{
font-size: 28px;
}

.b_tel img{
margin-right: 5px;
vertical-align:bottom;
}


.b_time{
font-size:12px;
margin-top: 10px;
}


/* service_wrap----------------- */
.service_wrap{
margin: 10px 0;
padding:60px 0;
background-image: url("img/icon_r_x.png"),url("img/icon_r_x.png");
background-repeat: repeat-x;
background-position: top, bottom; 
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;   
}

.top_tit{
margin-bottom: 40px;
text-align: center;
}

.top_tit h3{
font-size:25px;
margin: 10px 0 15px 0;
}

.service_boxs{
width:800px;
margin: 0 auto;
line-height: 1.8;
}

.service_boxs h4{
font-size:20px;
margin-bottom: 10px;
}


.s_box1{
}

.s_box_1_l{
float:left;
width:300px;
}

.s_box_1_r{
float:right;
width:450px;
margin-top: 90px;
margin-right: 20px;
}


.s_box_2_l{
float:left;
width:480px;
margin-top: 90px; 
text-align: right;
}

.s_box_2_l h4{
text-align: right;
}

.s_box_2_l p{
text-align: left;
margin-left: 30px;    

}

.s_box_2_r{
float:right;
width:300px;

}


/* commit_wrap----------------- */
.commit_wrap{  
background:#ffebeb; 
padding:60px 0 100px 0;   
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;    
}

.commit_boxs{
}

.c_box1,
.c_box2,
.c_box3{
float: left;
width: 300px;
position: relative;     
}

.c_box1,
.c_box2{
margin-right: 30px;
   
}

.c_box1,
.c_box3{
margin-top: 50px;   
}


.c_tit{
width: 220px;    
color:#fff;
font-size:20px;
padding:11px;
position: absolute;
top: 180px;    
left: 10px;       
}

.c_tit_bg1{
background-color: #f87d7d;    
}

.c_tit_bg2{
background-color: #80c45b;    
}

.c_txt{
margin-top: 30px;
line-height: 1.5;
text-align: justify;
}

.c_btn{
display: block;
width: 300px; 
text-align: center;
padding: 15px;
border: 1px solid #5b3017;
background-color: #fff;
margin-top: 20px;
}

.c_btn:hover{
color: #fff;
opacity: 1;
background-color: #5b3017;
}


/* facility----------------- */

.facility_wrap{
margin-bottom:100px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;   
}

.faclility_box{
width:800px;
margin: 0 auto;
}

.facility_tit_wrap{
text-align: center;
padding-bottom: 60px;
    
}

.facility_tit{
width: 37%;    
text-align: center;
margin: 0 auto;  
}

.facility_tit h3{
font-size:25px;
border-top: 1px solid #5b3017;
border-bottom: 1px solid #5b3017;   
padding:25px 0;      
margin: 0px 0 15px 0;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;   
}

.facility_tit_wrap p{
line-height: 1.5;
}



.facility_info h4{
font-size: 18px;
font-weight: 800;
padding-bottom: 20px;     
}

.facility_info p{
 padding-bottom: 40px;   
line-height: 1.5;
}



.f_box{ 
margin-bottom: 20px;
}

.f_box .box_l{
float: left;
width: 400px;  
}

.f_box .box_r{
float: right;
width: 380px;    
}

.f_box h4{
font-size: 18px;
font-weight: 800;
padding-bottom: 20px; 
}

.f_box p{
line-height: 1.5;  
}

.f_box2{
margin-bottom: 40px;
}

.room{
float: left;
margin-right: 18px;
}

.room img{
margin-bottom: 10px;
}


.room:last-child {
  margin-right: 0;
}
/* IE7、IE8対策*/
.room + .room + .rooms {
  margin-right: 0;
}

.map{
padding-bottom: 60px; 
}

.map h4{
font-size: 18px;
font-weight: 800;
padding-bottom: 20px; 
}

.summary_box{
border-top: solid 1px #5b3017;  
margin-bottom: 50px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;      
}

.summary_box table{
width:100%;
border-collapse: collapse; 
}

.summary_box table th, table td {
border-bottom: solid 1px #5b3017;
}

.summary_box table th {
background:#f1ebde;
padding: 25px 10px;  
}

.summary_box table td {
padding: 5px 10px ;
}

.summary_box .b_none{
border-bottom-style:none; 
}

.summary_box .t_b25{
padding-bottom: 25px;
}

/* service----------------- */

.skd_wrap{
background:#ffebeb; 
padding:40px 0px; 
margin-bottom: 100px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;   
}

.skd_boxs{
width:800px;
margin: 0 auto;
}

.skd_box{
margin-bottom: 40px;
}

.skd_box_l{
float: left;
width:13%;
text-align: center;
}

.skd_box_r{
float: right;
width:84%;
position: relative;
padding: 18px 20px 18px 25px;
margin-bottom: 4px;
background:#fff;
}

.icon_place{
position: absolute;
top: 15px;    
left: -15px;     
}

.skd_box{
}

.skd_txt{
float: left;
width: 52%;
}

.skd_txt1{
}

.skd_txt1 h4,
.skd_txt h4{
font-size: 20px;
margin-bottom: 11px;
}

.skd_txt1 p,
.skd_txt p{
line-height: 1.5;
}


.skd_img{
float: right;
}

.circle_1,
.circle_2,
.circle_3,
.circle_4,
.circle_5,
.circle_6,
.circle_7,
.circle_8{
color: #fff;
font-size: 18px;
width: 95px;
height: 95px;
line-height: 95px;    
text-align: center;
letter-spacing: -1px;
}


.circle_1 {
  background: #f7abab;
  border-radius: 50% ;
}

.circle_2 {
  background: #f69898;
  border-radius: 50% ;
}

.circle_3 {
  background: #f68989;
  border-radius: 50% ;
}

.circle_4 {
  background: #f27676;
  border-radius: 50% ;
}

.circle_5 {
  background: #dc5b5b;
  border-radius: 50% ;
}

.circle_6 {
  background: #d95151;
  border-radius: 50% ;
}

.circle_7 {
  background: #c04343;
  border-radius: 50% ;
}

.circle_8 {
  background: #9f2c2c;
  border-radius: 50% ;
}

.time_circle{
border-radius: 50px;
background:#ccc;
}


.s_dot_y_01{
height: 58px;
width:13px;
margin: 5px 0px 0px 42px;
background-image:
    radial-gradient(#f7abab 30%, transparent 30%);
background-size: 15px 15px; 
}


.s_dot_y_02{
height: 227px;
width:13px;
margin: 5px 0px 0px 42px;
background-image:
    radial-gradient(#f69898 30%, transparent 30%);
background-size: 15px 15px; 
}

.s_dot_y_04{
height: 108px;
width:13px;
margin: 5px 0px 0px 42px;
background-image:
    radial-gradient(#f27676 30%, transparent 30%);
background-size: 15px 15px; 
}

.s_dot_y_05{
height: 18px;
width:13px;
margin: 5px 0px 0px 42px;
background-image:
    radial-gradient(#dc5b5b 30%, transparent 30%);
background-size: 15px 15px; 
}

.s_dot_y_06{
height: 60px;
width:13px;
margin: 5px 0px 0px 42px;
background-image:
    radial-gradient(#d95151 30%, transparent 30%);
background-size: 15px 15px; 
}

.s_dot_y_07{
height: 18px;
width:13px;
margin: 5px 0px 0px 42px;
background-image:
    radial-gradient(#c04343 30%, transparent 30%);
background-size: 15px 15px; 
}


#year_box{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","segoe UI","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", "Meiryo","Lucida Grande",Arial,sans-serif;   
}

#year_box table{
width:100%;
border-collapse: collapse; 
}

table.aaa th, table.aaa td {
border: solid 1px #5b3017;
}


table.aaa th {
background:#ffebeb;
width:10%;     
padding: 25px 10px;  
}

table.aaa td {
width:40%;    
padding: 0px 0px 0px 20px;
}

