body{background:url(../img/back.jpg);}
/*自動改行*/
/* テキストを省略せずに表示する */
.ui-header .ui-title,            /* ヘッダー */
.ui-footer .ui-title,            /* フッター */
.ui-btn-inner,                /* ボタン */
.ui-li-heading,                /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit,    /* リンクリスト */
.ui-li-desc                /* リスト詳細 */
{
    overflow: visible;
    white-space: normal;
}

.clear{clear : both;}
.clear hr{display:none;}

/*画像自動調整*/
img {
     max-width: 100%;
     height: auto;
}




/*見出し*/
.midashi {
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #71c7d5;
	padding-bottom: 5px;
	color: #71c7d5;
	font-weight: normal;
}
.midashi02 {
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #71c7d5;
	padding-bottom: 5px;
	color: #71c7d5;
	font-weight: bolder;
	font-size: large;
}

/*コピーライト*/
.copyright {
	color: #666666;
	text-align: center;
	font-size:small;
}
#footer_line {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #71c7d5;
	text-align: right;
	height: 21px;
	margin-top: 20px;
}
.top_title {
	font-size: x-small;
}

.blue {
	color: #71c7d5;
	font-weight: bold;
}

.shosai {
	font-size: small;
	color: #666666;
}

.com_left {
	float: left;
	width: 80px;
}
.com_right {
	margin-top: 20px;
}
.red {
	font-weight: bold;
	color: #FF0000;
}

/*地図*/
div#map{
  width:100%;
  height:250px;
  border:4px solid white;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}

.navy {
	color: #0099FF;
	font-weight: bold;
}
.staff {
	margin-top: 25px;
}
#social {
	margin-top: 20px;
	margin-bottom: 10px;
}
#facebook {
	float: left;
	width: 50%;
}
#google {
	float: left;
	width: 50%;
}

.tutte{background-color:#e1eef8; padding: 10px 0 0; border:2px solid #005EAD;text-align: center; margin:20px 0; position: relative;}
.tu_t{font-size: 1.6em; font-weight:bold;letter-spacing:0.08em;}
.tutte a{text-decoration: none; color:#005EAD!important; font-weight: normal!important;}
.ya{background-color:#005EAD; color: #ffffff; width:100%; margin: 5px 0 0; letter-spacing:0.2em; padding: 5px 0;}
.fish{position: absolute; left:5px; top:0;}


.price_table th,.price_table td{
	border-bottom: 1px dotted #91a8ac;
	padding: 5px 0;
	text-align: left;
}


.table{
border-collapse:collapse;
}
.table td {
	font-size: small;
	border: thin solid #71c7d5;
	padding : 3px;
}
.table td a{color:#666666;}
.table td a:hover{color:#CCCCCC;}
.table th {
	background-color: #f1f8f2;
	border: thin solid #71c7d5;
	color: #71c7d5;
	padding : 3px;
}

/*****ふじのくに安全・安心認証制度（宿泊施設）***/  
.fuji_table{background-color:#bfeef6; text-shadow:none; padding: 5px;}
.fuji_table .sen th, .fuji_table .sen td{border-top: 1px dotted #737373;}
.fuji_table th{text-align: left; color: #000; padding: 5px; font-weight:normal;}
.sho_cc{text-align:left!important;font-weight:bold!important;}
.sho{background-color: #0F50E9; text-align: center!important;}
.sho a{text-decoration: none; color: #FFFFFF!important; letter-spacing: 0.2em;}

.buttons {
    margin: 10%;
    text-align: center;
}
.btn-hover {
	display: block;
    width: 400px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 24px auto;
	padding: 24px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 10px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn-hover:focus {
    outline: none;
}
.btn-hover.color-9 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}