@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font-family: 'Noto Sans Japanese', sans-serif;
-webkit-text-size-adjust: none;
border-top:#0f1781 3px solid;
}

.clear{clear:both;}
strong{font-weight:bold;}

i {
margin-right:5px;
}
.junbi{
text-align:center;
background:#ff0000;
color:#fff;
font-weight:bold;
padding:30px 0;
}
/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
color:#0c5fca;
}

a:hover, a:active{
outline: none;
color:#ff0000;
}

a img:hover{opacity:.8;}

/**** Clearfix ****/
nav#mainNav ul:after, nav#mainNav .inner:after, .newsTitle:after, .post:after,.inner:after,ul.news:after{content:""; display: table;clear:both;}
nav#mainNav ul,.newsTitle, .post, nav#mainNav .inner,ul.news{zoom: 1;}

.su-spoiler{
margin:0 20px 0 10px !important;
border-bottom:1px dotted #999;
}


/* レイアウト
------------------------------------------------------------*/
#wrapper,.inner{
margin:0 auto;
width:1000px;
}

#content{
float:right;
width:730px;
padding:5px 10px 50px 10px;
margin:5px 0 10px 0;
background:#fff;
}

#toppage #content{
width:100%;
}

#sidebar{
float:left;
width:244px;
padding:0 0 5px;
margin:10px 0 0 0;
}

.sns-area-outer{
background:#dcdcdc;
margin:30px 0 0 0;
}

.sns-area{
width:1000px;
margin:0 auto;
}


#footer{
clear:both;
margin:20px 0 0 0;
padding:10px 0 0;
background:#fff;
border-top:2px solid #383838;
} 

.yoyaku-wrapper{
padding:0 0 0 100px;
background:#fbd8c5;
}

.yoyaku-button{
float:left;
margin:10px 25px 10px 0;
width:220px;
}
/* ヘッダー
*****************************************************/
#bread-wrapper{
width:100%;
padding:10px 0;
margin:-45px 0 0 0;
}

#bread-wrapper a{color:#fff;}

.breadcrumb-container ul li{margin:0; padding:0 0 3px 0;}

#header h1 img{
clear:both;
float:left;
width:350px;
padding:0;
margin:10px 0 20px;
}

.header-add{
float:right;
margin:12px 0 0 0;
width:260px;
text-align:center;
}

.header-add p{
font-size:11px ;
line-height:17px;
padding:0;

}

.header-lang{
float:left;
margin:26px 0 0 30px;
}

.header-lang select{
z-index:999999;
font-size:13px;
letter-spacing:1px;
margin:0 5px 0 0;
padding:0 3px 0 5px;
border-radius: 5px;       
-webkit-border-radius: 5px;   
-moz-border-radius: 5px; 
border:2px solid #dcdcdc;
}

.header-text{float:left;
margin:40px 0 0 15px;
}
.header-text p{
font-size:11px;
color:#999;
}

.red{
color:#ff0000;
}

.blue{color:#3104B4;}

.sky-blue{
color:#2467bd;
}
.gray{
color:#dcdcdc;
}
.orange{
color:#ff7800;
}

.pink{
color:#e56565;
}

.green{
color:#017c55;
}

.marker_green {
background: linear-gradient(transparent 60%, #66FFCC 60%);
}

.dateLabel{
text-align:right;
margin:10px 0;
color:#999;
}

.line{
clear:both;
border-top:1px dotted #999;
margin:30px 0 ;
}

.line2{
border-top:1px dotted #999;
margin:10px 0 ;
}

.bold{
font-weight:bold;
}
.f18{
font-size:18px;
}
.f16{
font-size:16px;
}
.f11{
font-size:11px !important;
}
.f12{
font-size:12px !important;
}

.img-center{
max-width:100%;
margin:0 auto;
padding:10px;
text-align:center;
background:#ececec;
}

.p-l-10{
padding-left:10px;
}

.m-t-30{
margin-top:30px;
}

.m-r-15{
margin-right:15px !important;
}

.post{
margin:0 0 20px 0;
}

.post p{
font-size:14px;
padding:0 10px 15px 5px;
margin:0 10px 0 0;
}

.post ul {margin:10px 0 10px 10px;}

.post ul li {
list-style-type: none;
font-size:14px;
background:url(/img/list2.png)no-repeat 0 7px;
padding:0 0 3px 12px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li
{list-style:decimal;
font-size:14px;
margin:0 0 5px 0;
}

h2 {font-size:20px;
height:30px;

}

h2 span{
font-size:13px ;
font-weight:normal;
margin-left:15px;
color:#14afe8;
}

.heading03 {
height:auto !important;
	color:#14afe8;
    font-weight:bold;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: #000;
    margin:0 20px 20px 0;
}

.heading02 {
	color:#14afe8;
    font-weight:bold;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: #303030;
    margin:0 20px 20px 0;
}

.heading02:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color: #70a5e9;
}


.heading02:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 25px 10px;
    border-style: solid;
    border-color: #303030;
    border-right-color: transparent;
}

.post h3{
position: relative;
	margin:30px 0 10px 0;
	color: #535353 ;
	padding:6px 10px 6px 15px;
     background-color: #fff;
     border-radius: 5px;
	border:3px solid #535353 ;
}
 /* 
**************************************
h3::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:8px;
     border: solid 3px #d6935f;
     border-radius:100%;
}
***************/
.post h4{
color:#000;
margin:10px 0;
padding:6px 7px 2px 3px;
font-size:16px;
font-weight:bold;
border-bottom:1px solid #999;
}

.post h5{
color:#000;
margin:10px 0 5px;
padding:6px 7px 2px 3px;
font-size:14px;
font-weight:bold;
}

.home-left-area{
float:left;
width:360px;
margin-bottom:20px;
}

.home-right-area
{
float:right;
width:360px;
margin-bottom:20px;
}

.box-3{float:left;
margin:0 20px 30px 0;
width:220px;
}
.box-3 img{}
.box-3 p{
text-align:center;
margin:0 ;
padding:0;
font-size:13px;}

.page-image-room{
max-width: 100%;
height: 100px;
background:url(/img/img-page.png)no-repeat 50% 0;
background-size: cover;
}

.page_twin{
max-width: 100%;
height: 100px;
background:url(/img/page_twin.png)no-repeat 50% 0;
background-size: cover;
}

.page_dx{
max-width: 100%;
height: 100px;
background:url(/img/page_dx.png)no-repeat 50% 0;
background-size: cover;
}
.page_single{
max-width: 100%;
height: 100px;
background:url(/img/page_single.png)no-repeat 50% 0;
background-size: cover;
}
.page_info{
max-width: 100%;
height: 100px;
background:url(/img/page_info.png)no-repeat 50% 0;
background-size: cover;
}
.page_breakfast{
max-width: 100%;
height: 100px;
background:url(/img/page_breakfast.png)no-repeat 50% 0;
background-size: cover;
}
.page_parking{
max-width: 100%;
height: 100px;
background:url(/img/page_parking.png)no-repeat 50% 0;
background-size: cover;
}
.page_room{
max-width: 100%;
height: 100px;
background:url(/img/page_room.png)no-repeat 50% 0;
background-size: cover;
}
.page_sakura{
max-width: 100%;
height: 100px;
background:url(/img/page_sakura.png)no-repeat 50% 0;
background-size: cover;
}

ul.ul-with-img{
margin:0 5px 10px 5px;
}

ul.ul-with-img li{
margin:7px 0 7px 0;
padding:0 0 3px 0;
border-bottom:1px dotted #999;
background:none !important;
}

ul.ul-with-img li a{
}

ul.ul-with-img img{
margin:0 10px 10px 0;
float:left;
}

.title-box{float:left;}

.title-box-date{
float:left;
margin:0 0 0 0;
color:#999;
font-size:14px;
}

.title-box-date-title{
margin:5px 0 0 0;
font-size:13px;
word-break : break-all;
}

.title-box-cat{
float:left;
font-size:12px;
margin:0 9px 0 0;
background:#ff7c1b;
color:#fff;
letter-spacing:1px;
padding:2px 5px;
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
}

ul.news-list{
margin:0 5px 10px 5px;
}

ul.news-list li{
margin:0 0 7px 0;
padding:0 0 3px 17px;
border-bottom:1px dotted #999;
background:url(/img/list1.png)no-repeat 3px 7px;
}
ul.news-list li a{

}

.news-list-time{
font-size:12px ;
color:#333;
}

ul.bestrate-ul{}

ul.bestrate-ul li{
font-size:20px;
margin:0 0 10px 0;
padding:0 0 3px 25px;
background:url(/img/list-bestrate.png)no-repeat 5px 10px;
border-bottom:1px dotted #999;
}

.content-under-bunner{
margin:20px 0;
}

.home-content-under-bunner{
margin:0 0 10px 0;
}

ul.inpage-list{
margin:0 0 10px 10px;
padding:0;
}

ul.inpage-list li{
float:left;
font-size:17px;
margin:0 25px 0 0;
background:url(/img/list-pagelink.png)no-repeat 0 10px;
}

.su-spoiler-title{font-weight:normal !important;
font-size:15px !important;}

/* 客室案内 ***/
.box_room{

}
.box_room p{margin:0 0 10px 0;padding:0;}

.box_room img{
float:left;
width:300px;
margin:0 20px 10px 10px;
}

.box_room ul{
float:left;
margin:0 0 10px 0;
}

.room-desc{
margin:20px 0 15px 0;
padding:15px 15px 10px 15px;
background:#feece2;
}
.room-desc p{
font-size:14px;
color:#000;
}
.square_btn-room{
	float:right;
    display: inline-block;
	margin:0 20px 0 0;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #2e66ae;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn-room:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.square_btn-room:hover{color:#fff;}

/* トップページ 客室タイプBOX ***/
.last{margin-right:0 !important;}
.home-room-box{
float:left;
width:235px;
margin:0 10px 10px 0;
background:#e7e7e7;
}

.home-room-box img{
width:235px;
}

/* 徒歩案内 画像BOX ***/

.walk-img{
clear:both;
margin:0 0 20px 5px;
padding:10px;
background:#ececec;
}

.walk-img img{
float:left;
width:250px;
margin:0 10px 10px 0;
}

.walk-img p{
font-size:17px;
}

.walk-img p span.walk-img-number{
margin:0 5px 0 0;
padding:3px 10px;
font-size:2spx;
background:#303030;
color:#14afe8;
}

.square_btn{
	float:left;
    display: inline-block;
	margin:0 20px 0 0;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #2e66ae;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.square_btn:hover{color:#fff;}

/* 基本テーブル ***/
table.t01{
width:100%;
font-size:14px;
border: 1px #e7b085 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

table.t01 th{
color:#fff;
background:#d6935f;
padding:7px 7px;
border:1px #e7b085 solid;
border-width: 0 0 1px 1px;
font-weight:normal;
}

table.t01 td{
padding:7px 7px;
border: 1px #e7b085 solid;
border-width: 0 0 1px 1px;
}

#489-table table{}

#489-table table tr{}

#489-table table th{
padding:7px !important;
}

#489-table table td{
padding:7px !important;
}

/* 横長テーブル ***/
table.t00{
width:98%;
font-size:14px;
border: 1px #e7b085 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

table.t00 th{
color:#fff;
background:#d6935f;
padding:7px 7px;
border:1px #e7b085 solid;
border-width: 0 0 1px 1px;
font-weight:normal;
}

table.t00 td{
padding:7px 7px;
border: 1px #e7b085 solid;
border-width: 0 0 1px 1px;
}

/* 横線のみ ***/

table.t02{
width:98%;
font-size:14px;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

table.t02 th{
color:#000;
background:#fff;
padding:7px 7px;
border-bottom:1px #999 dotted;
border-width: 0 0 1px 1px;
font-weight:normal;
}

table.t02 td{
padding:7px 7px;
border:#999 dotted;
border-width: 0 0 1px 0;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 0 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}


/* サイドバー　ウィジェット
*****************************************************/
#sidebar p{
color:#666;
font-size:13px;
margin:5px 10px 10px 10px;
padding:0;
}

#sidebar img{
border:2px solid #dcdcdc;
margin:0 0 5px 0;
width:240px;
}

#sidebar h4{
color:#fff;
letter-spacing:1px;
background:#5d5d5d;
text-align:center;
font-size:15px;
padding:6px 0 ;
margin:0 0 0 0 ;

border-radius: 3px 3px 0 0;        /* CSS3草案 */  
-webkit-border-radius: 3px 3px 0 0;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px 3px 0 0;   /* Firefox用 */  
}

.side-content-box{
margin:0 0 20px 0;
border-right:1px solid #5d5d5d;
border-left:1px solid #5d5d5d;
border-bottom:1px solid #5d5d5d;
	
border-radius: 3px ;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */  
}

#sidebar ul{
margin:15px 7px 15px 7px;
}

#sidebar ul li{
font-size:13px !important;
margin:6px 0 0 2px !important;
border-bottom:1px dotted #999 !important; 
text-align:left !important;
}

#sidebar ul li a{
text-align:left !important;
color:#333 !important;
padding:0 0 5px 17px !important;
background:url(/img/list-side.png)no-repeat 3px 7px !important;
}

#sidebar ul li a:hover{
color:#ff0000;
background:url(/img/list-side.png)no-repeat 7px 7px;
}


/* トップページ */
#content .newsTitle h3{font-size:120%;}


/* フッター
*****************************************************/
#footer a{color:#333;}

#footer ul{
margin:0 0 0 0 !important;
padding:0 0 0 14px !important;
}

#footer ul li{
text-align:left !important;
font-size:12px !important;
background:url(/img/list-footer.png)no-repeat 0 7px !important;
padding:0 0 0 10px !important;
}

#footer ul li a{}
#footer ul li a:hover{
color:#ff0000 !important;
}

#footer ul li a.reds{background:#ff0000 !important;}

#footer ul li.footer-li-title{
background:none !important;
padding:0 !important;
font-weight:bold !important:
color:#000 !important;
}

.left-border{border-left:#999 dotted 1px;}
.f-box-logo{
float:left;
width:250px;
height:250px;
padding:10px 15px 0 0;
margin:0 30px 15px 0;
}

.f-box-logo ul{
margin:0 0 0 0 !important;
padding:0 !important ;
}

.f-box-logo ul li{
float:left;
margin:0 15px 0 0 !important;
padding:0 0 0 10px !important;
background:url(/img/list-red.png)no-repeat 0 7px !important;	
}

.f-box-logo img{margin:0 0 10px 0; width:245px;}
.f-box-logo p{
font-size:12px;
}

.f-box{
float:left;
width:160px;
height:120px;
padding:5px 5px 15px 0;
margin:10px 0 10px 0;
border-right:1px dotted #999;
}

.f-box2{
float:left;
height:150px;
padding:10px 15px 15px 0;
margin:0 10px 10px 290px;
border-right:1px dotted #999;
}


.f-box p{
font-size:12px;
}

#linkfree{
color:#fff;
clear:both;
padding:10px 0;
text-align:center;
font-size:12px;
background:#999;
}

#copyright{
color:#14afe8;
clear:both;
padding:10px 0;
text-align:center;
font-size:12px;
background:#000;
}

.sb{
margin:15px 0 10px 15px;
}

.sb span{
font-size:13px
}

form {

     margin:0;
     padding:0;
     border:0;
     outline:0;
     vertical-align:baseline;
     background:transparent;
}

select, input, textarea, button { 
     vertical-align:middle; 
     font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
     position:relative; 
     margin: 0 4px 2px 0;
     *margin-right:3px; 
     top:-1px;  	
		font-size:16px;
}

input { 
     height: 30px; 
     line-height: 30px; 
}

button, input[type="submit"] {
     overflow:visible; 
     height:25px;
     padding:0 3px;
}

select { 
     height: 30px; 
     line-height: 30px;
	padding:2px 3px;
}

input[type="checkbox"],
input[type="radio"] { 
     border:none; 
     top:-2px;
     margin-right:2px; 
 
}

#blog-content p{font-size:15px;color:#666;}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

.mainNav-outer{
background:#fff;
height:50px;
}

#mainNav{
margin:0  ;		
		
}	

div.panel{
display:block !important;
}

a#menu{display:none;}

nav#mainNav ul
{
clear:both;
position:relative;
z-index:200;
width:1000px;
margin:0 auto;
background:#fff;
border-left:1px solid #999;
}

nav#mainNav li{
width:164px;
float: left;
margin:0;
position: relative;
font-size:16px;
border-right:1px solid #999;
}

nav#mainNav li.hassub a
{

}

nav#mainNav li a{
display: block;
text-align:center;
font-size:16px;
line-height:35px;
padding:0 0;
color:#000;

}

nav#mainNav li.current-menu-item a, 
nav#mainNav li a:hover, 
nav#mainNav li.current-menu-parent a
{
color:#ff0000;
}

nav#mainNav li.hassub.current-menu-item a,
nav#mainNav li.hassub a:hover, 
nav#mainNav li.hassub.current-menu-parent a
{

}

nav#mainNav li.hassub li a,
nav#mainNav li.hassub.current-menu-item li a, 
nav#mainNav li.hassub.current-menu-parent li a, 
nav#mainNav li.hassub li a:hover
{
background:url(/img/list-gn.png)no-repeat 2px 10px;
padding:0 10px 0 12px;
margin:0 0 5px 0;
}

nav#mainNav ul ul
{
width:auto;
background:#fff;
}

nav#mainNav li ul
{
display:none;
opacity:1;
padding:10px 0 5px 0;
}

nav#mainNav li:hover ul
{
margin:0 0 0 45px;
display: block;
position: absolute;
top:34px;
left:0;
z-index:500;
opacity:1;
background:rgba(255,255,255,0.9);
border:1px solid #dcdcdc;

}

nav#mainNav li li
{
padding:0 15px 0 15px;
float: none;
width:auto;
white-space:nowrap;
border:none;
}

nav#mainNav li li a, 
nav#mainNav li.current-menu-parent li a,
nav#mainNav li.current-menu-item li a
{
font-size:12px;
text-align:left;
padding:0 20px 0 5px;
line-height:25px;
color:#000;
border-bottom:1px solid #dcdcdc;
}

nav#mainNav li.current-menu-item li a, 
nav#mainNav li.current-menu-parent li a
{
color:#adadad;
border-bottom:1px solid #999;
}

nav#mainNav li li.current-menu-item a,
nav#mainNav li li a:hover
{
color:#ff0000;
border-color:#ff0000;
}
.pc-none{display:none !important;}
.sp-none{display:block !important;}
.mobile-only{display:none;}

.sns-outer{float:left;width:350px;margin:35px 0 0 30px;vertical-align: baseline !important;}
.sns-button{
float:left;
display:inline-block;
margin:0 10px 0 0;
vertical-align: baseline !important;
}	

.sns-button span{vertical-align: baseline !important;}
	
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	
.pc-none{display:none !important;}
.sp-none{display:block !important;}
.mobile-only{display:none;}

	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto 5px;
	}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:55px;
	line-height:55px;
	font-weight: normal;
	text-align:left;
background: #f1f1f1 url(/img/sp-button.png) no-repeat 5px 8px;
	background-size: auto 40px;
	}
	
	nav#mainNav a#menu span{padding-left:60px; color:#000;
	font-size:14px;}
	.sp-menu-des{font-size:70% !important; padding-left:10px !important;}	
	nav#mainNav a.menuOpen{
	border-bottom:0;
	background: #f1f1f1 url(/img/sp-button_off.png) no-repeat 5px 8px;
		background-size: auto 40px;
	}
	 
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
	nav#mainNav ul li li:first-child{border-top:0;}
	
/* 親ページ　li ---------------------------------*/
	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	background:#e6e6e6;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#cde3ff;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

/* 子ページ 中間　li ---------------------------------*/
	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#ededee url(images/sub1.png) no-repeat 20px 18px;
	}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
	background:#cde3ff url(images/sub1.png) no-repeat 20px -62px;
	}
	
/* 子ページ 最後　li ---------------------------------*/	
	nav#mainNav ul li li:last-child a{background:#ededee url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#cde3ff url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
body{font-size:95%;}
#header{width:100%}
.inner,#footer .boxWrap,#wrapper{width:96%;}

#content, #sidebar{clear:both;width:95%;float:none;margin:0 auto;padding:10px 0;}
#sidebar{background:url(images/border.png) repeat-x;padding-top:30px;}
#sidebar img{
margin:10px 0 0 30px !important;
width:80%; }

ul.post,ul#banners,#sidebar ul#banners{width:100%;display:table-row;margin:0;}
ul.post li,ul#banners li,#sidebar ul#banners li{float:left;width:23%;margin:0 1%;padding:0 0 20px;}
ul.post img,ul#banners li img,#sidebar ul#banners img{max-width:98%;height:auto;}

#footer .boxWrap{margin:0;padding:0;}
#footer .box{float:none;width:100%;margin:10px 0;}

.left-border{border-left:none;}
	
/* サイト説明文
----------------------------------*/


/* レイアウト
------------------------------------------------------------*/
#wrapper{}

#content{
float:none;
width:98%;
padding:0 0 5px;
margin:15px auto 0;
border:none;
background:#fff;
}

#sidebar{
float:right;
width:95%;
padding:0 0 5px;
margin:15px auto 0;
background:#fff;
}

#footer{
clear:both;
margin:20px 0 0 0;
background:#fff;
border-top:2px solid #383838;
} 

.post p{
padding:0 5px 15px 0;
margin:10px 0 0 5px;
}

.post ul {margin:10px;}

.post ul li {
list-style-type: none;
font-size:14px;
background:url(/img/list2.png)no-repeat 0 7px;
padding:0 0 3px 12px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;
font-size:14px;}

h2 {
font-size:16px;
height:auto;
}

h2 span{
display:none;
}

.heading02 {
color:#fff;
font-weight:bold;
position: relative;
padding: 6px 8px 6px 8px;
margin:0 0 20px 0;
}

.heading02:before {
display:none;
}


.heading02:after {
display:none;
}

.post h3{
position: relative;
margin:30px 0 20px 0;
padding:0.5em 0.5em 0.5em 1em;
background-color: #fff;
border-radius: 5px;
}

.home-content-under-bunner{
margin:0 0 10px 0;
width:100%;
}



/* トップページ 客室タイプBOX ***/

.home-room-box{
float:left;
width:31%;
margin:0 5px 10px 0;
}

.home-room-box img{
width:100%;
}
	
.home-left-area{
float:none;
width:100%;
margin-bottom:20px;
}

.home-right-area
{
float:none;
width:100%;
margin-bottom:20px;
}

.side-content-box{
width:100%;
float:left;
margin:0 0 20px 0;
}
#sidebar{
float:left;
width:98%;
padding:0 0 5px;
margin:20px 0 0 5px;
}
	
#sidebar img{
width:45%;
float:left;
margin:0 5px 10px 5px !important
}
.f-box-logo{
float:left;
width:95%;
height:auto;
padding:10px 0 15px 10px;
margin:0 0 15px 0;
border-right:none;
border-bottom:1px dotted #999;
}

.f-box-logo img{margin:0 0 10px 0;}
.f-box-logo p{
font-size:12px;
}

.f-box{
float:left;
width:40%;
height:auto;
padding:0 0 0 0;
margin:0 0 15px 25px;
border-right:none;
}
.f-box img{margin:0 0 10px 0;}

.f-box p{
font-size:14px;
}
#footer ul li{
font-size:14px;
background:url(/img/list-footer.png)no-repeat 0 10px;
padding:0 0 0 10px;
}
	
}	
	
/* 幅620px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 620px){
ul.post li,ul#banners li,#sidebar ul#banners li{width:42%;margin:0 0 0 6%;}
ul.post li:nth-child(2n+1){clear:left;}
.post img{max-width:100%;height:auto;}
img.alignright, img.alignleft{display:block;margin:5px 2%;max-width:96%;height:auto;}
iframe{width:100%;}
.alignright,.alignleft{float:none;}

.pc-none{display:block !important;}
.sp-none{display:none !important;}
.mobile-only{display:block;}

#header h1 img{
display:block;
text-align:center !important;
float:none !important;
padding:0 25px 0 0;
margin:15px auto 5px auto !important;
width:255px;
}

.header-text{
float:none;
margin:0 auto 0 auto;
text-align:center;
}

.header-add{
float:none;
margin:7px auto 7px auto;
width:auto;
}

.header-add p{
font-size:13px ;
line-height:17px;
padding:0;
}
.scroll-table{
overflow: auto;
white-space: nowrap;
}
.scroll-table::-webkit-scrollbar{
 height: 5px;
}
.scroll-table::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll-table::-webkit-scrollbar-thumb {
 background: #bcbcbc;
}

.home-room-box p{
font-size:10px;
}

.home-content-under-bunner2{
margin:0 0 10px 0;
width:49%;
}

.b-alignleft{float:left;}
.b-alignright{float:right;}

/* 基本テーブル ***/
table.t01{
width:100%;
font-size:14px;
border: 1px #e7b085 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

table.t01 th{
display:block;
color:#fff;
background:#d6935f;
padding:7px 7px;
border:1px #e7b085 solid;
border-width: 0 0 1px 1px;
font-weight:bold;
}

table.t01 td{
display:block;
padding:7px 7px;
border: 1px #e7b085 solid;
border-width: 0 0 1px 1px;
}

/* 横線のみ ***/

table.t02{
width:100%;
font-size:14px;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

table.t02 th{
display:block;
color:#000;
background:#fff;
padding:7px 7px;
border-bottom:1px #999 dotted;
border-width: 0 0 1px 1px;
font-weight:bold;
}

table.t02 td{
display:block;
padding:7px 7px;
border:#999 dotted;
border-width: 0 0 1px 0;
}
.box_room img{
float:none;
width:100%;
margin:0 0 10px 0;
}
.walk-img img{
float:none;
width:100%;
margin:0 0 10px 0;
}
.walk-img p{
margin-top:0;
font-size:20px;
}
	.square_btn{
	margin:0 10px 0 0;
    padding: 0.5em 1em;
}
.box-3{
float:none;
margin:0 0 30px 0;
width:100%;
}
.box-3 img{width:100%;}
.box-3 p{
text-align:center;
margin:0 ;
padding:0;
font-size:13px;}
.left-border{border:none;}

ul.ul-with-img{
margin:0 5px 10px 5px;
}

ul.ul-with-img li{
margin:7px 0 7px 0;
padding:0 0 3px 0;
border-bottom:1px dotted #999;
background:none !important;
}
ul.ul-with-img li a{
}

ul.ul-with-img img{
margin:0 5px 10px 0;
float:left;
}

.title-box{float:left;}

.title-box-date{
float:left;
margin:3px 0 0 0;
color:#999;
font-size:11px;
}

.title-box-date-title{
margin:5px 0 0 0;
font-size:13px;
word-break : break-all;
}

.title-box-cat{
float:left;
font-size:11px;
margin:0 5px 0 0;
background:#ff7c1b;
color:#fff;
letter-spacing:1px;
padding:2px 4px;
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
}


.f-box{
width:46%;
margin:0 10px 15px 0;
border-right:none;

}
.f-box ul{margin:0;}
.f-box ul li a{
font-size:12px;
}
.head-reservation{
text-align:center;
padding:5px 0;
margin:0 0 5px 0;
background:#000;
}
.head-reservation a{color:#70a5e9;font-weight:bold;}

.header-lang{
float:none;
display:block;
margin:5px auto;
text-align:center;
}
.yoyaku-wrapper-sp{
padding:0 0 0 0;
margin:-20px 0 0 0;
}

.yoyaku-button-sp{
float:none;
margin:0 0 10px 0;
width:100%;
}

}