@charset "utf-8";

/* ===================================================================

CSS information

 file name	:common.css
 style info :全ページ共通CSS

=================================================================== */

/*------------------------------------------------------------
	リセットCSS
----------------------------------------------------------- */
html {
	overflow-y: scroll;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	font-weight:normal;
	font-style:normal;
    vertical-align:baseline;
    background:transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	max-width:100%;
	height:auto;
	border: 0;
	vertical-align: bottom;
}
li {
	list-style-type: none;
}
input, select {
    vertical-align:middle;
}

/*------------------------------------------------------------
	共通スタイル
--------------------------------------------------------------
	フォントサイズ対応表 (基本16px)
	10px -> 63%, 11px -> 69%, 12px -> 75%,
	13px -> 82%, 14px -> 88%, 15px -> 94%,
	16px -> 100%, 17px -> 107%, 18px -> 113%,
	19px -> 119%, 20px -> 125%, 21px -> 132%,
	22px -> 138%, 23px -> 144%, 24px -> 150%,
	25px -> 157%, 26px -> 163%, 27px -> 169%,
	28px -> 175%, 29px -> 181%, 30px -> 188%,
	31px -> 194%, 32px -> 200%, 33px -> 206%,
	34px -> 213%, 35px -> 219%, 36px -> 225%,
	37px -> 231%, 38px -> 238%, 39px -> 244%,
	40px -> 250%, 41px -> 256%, 42px -> 263%,
------------------------------------------------------------*/


body {
	color: #2e2f31;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3" ,"Hiragino Kaku Gothic Pro" ,  sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.75;
	-webkit-text-size-adjust:none;
	position: relative;

}
body:after{
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background:#ede6d6 url(/common/img/bg_new_body.png) no-repeat center top;
	background-size:cover;
	z-index: -1;
}



body a {
	color: #2e2f31;
	text-decoration:none;
}

/*------------------------------------------------------------
	汎用スタイル
----------------------------------------------------------- */
.mincho {
	font-family: "Ryumin Regular KL","Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" ,"Hiragino Kaku Gothic Pro" ,  serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*------------------------------------------------------------
	ボタンスタイル
----------------------------------------------------------- */
.btn a {
	display:block;
	color:#ac7d33;
	padding:10px 20px;
	font-size:88%;
	font-weight:bold;
	text-align:center;
	border:1px solid #ac7d33;
	background-color: rgba(255,255,255,0.3);
	position:relative;
}
.btn a:after {
	content:"";
	display:block;
	width:3.5px;
	height:6px;
	background:url(/common/img/arrow_right.png) no-repeat center;
	background-size:contain;
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto 0;
}

/*------------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */
header {
	width:100%;
}
#logo {
	position: absolute;
	width:11.5234375%;
}
#header {
	display: table;
	padding-left:11.5234375%;
	width: 100%;
	background-color:rgba(47,47,49,0.7);
}
h1 {
	display:table-cell;
	/*width:28.7109375%;*/
	width: 50%;
	padding:3.5% 0 3.5% 3.3%;
}
#breadcrumb {
	display:table-cell;
	padding-right:40px;
	text-align:right;
	color:#fff;
	font-size:88%;
}
#breadcrumb a {
	color:#fff;
}

/*------------------------------------------------------------
	フッター
----------------------------------------------------------- */
footer {
	width:100%;
	/*padding-bottom:7%;*/
}
footer nav {
	width:100%;
	position:fixed;
	bottom:0;
	left: 0;
	background: #505050;
}
footer nav ul {
	display:table;
	table-layout: fixed;
	width: 100%;
	max-width:1024px;
	margin: 0 auto;
}
footer nav ul li {
	display:table-cell;
	vertical-align:middle;
	border-left:1px solid #f8f5e6;
	background-color:#505050;
}
footer nav ul li:first-child {
	border:none;
}
footer nav ul li.inn {
	/*width:42%;*/
	width: auto;
}
footer nav ul li.access {
	/*width:36%;*/
	width: auto;
}
footer nav ul li.home {
	/*width:22%;*/
	width: auto;
}
footer nav ul li a {
	display:block;
	/*padding:5px 0;*/
	padding: 2.5% 0;
	color:#fff;
	text-align:center;
	font-size: 132%;
}
footer nav ul li a:before {
	content:"";
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
}
footer nav ul li.inn a:before {
	width:35px;
	height:32.5px;
	background:url(/common/img/icon/icon_inn.png) no-repeat center;
	background-size:contain;
}
footer nav ul li.access a:before {
	width:35px;
	height:31.5px;
	background:url(/common/img/icon/icon_access.png) no-repeat center;
	background-size:contain;
}
footer nav ul li.home a:before {
	width:25px;
	height:26.5px;
	background:url(/common/img/icon/icon_home.png) no-repeat center;
	background-size:contain;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {

	footer nav ul li.inn a:before {
	background-size: 20px 19px;
	}
	footer nav ul li.access a:before {
	background-size: 20px 19px;
	}
	footer nav ul li.home a:before {
	background-size: 20px 18px;
	}

}

#copy_right {
	width:100%;
	height: 38px;
	line-height: 38px;
	padding-bottom:0.5em;
	background-color:#505050;
	color:#fff;
	text-align:center;
	clear: both;
}

#copy_right2 {
	width:100%;
	height: auto;
	padding:2em 0;
	background-color:#505050;
	color:#fff;
	text-align:center;
	clear: both;
}
#copy_right2 p.copy {
	margin: 0 auto;
}
#copy_right2 i{
	color:#666;
}

@media screen and (max-width: 1025px) {

	#copy_right2 .new_btn {
		display: none;
	}
}

#copy_right2 .copy{
		position: relative;
	}
#copy_right2 .copy span{
		position: absolute;
		right: 18px;
	}
#copy_right2 .copy span a{
		color: #fff;
		text-decoration: underline;
	}

	@media screen and (max-width: 736px){
		#copy_right2 .copy span{
				position: static;
				display: block;
				text-align: center;
		}
	}


/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}


*{
	box-sizing: border-box;
}


/*------------------------------------------------------------
	Other
------------------------------------------------------------*/

.op {
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.op:hover {
    opacity: 0.7;
}





/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
body{
	width: 100%;
	max-width: 1140px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	font-size: 100%;
}


}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/

}

/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
body{
	font-size: 80%;
}

footer nav ul li{
width: 33.33%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}



footer nav ul li a{
	height: 0;
	padding-top: 40px;
}

footer nav ul li.inn a:before{
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -15px;
}
footer nav ul li.access a:before{
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -15px;
}
footer nav ul li.home a:before{
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -15px;
}

footer nav ul li.inn a:after{
	content: "お宿一覧";
	position: absolute;
	color: #FFFFFF;
	top: 0;
	width: 100%;
	text-align: center;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

footer nav ul li.access a:after{
	content: "アクセス";
	position: absolute;
	color: #FFFFFF;
	top: 0;
	width: 100%;
	text-align: center;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

footer nav ul li.home a:after{
	content: "ホーム";
	position: absolute;
	color: #FFFFFF;
	top: 0;
	width: 100%;
	text-align: center;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}


#breadcrumb{
	display: none!important;
}

header h1 img{
	width: 50%;
	height: auto;
}


}










/*縦向きの場合*/
@media screen and (orientation:portrait){

	footer nav ul li{
	width: 33.33%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	}

	footer nav ul li a{
		height: 0;
		padding-top: 40px;
	}

	footer nav ul li.inn a:before{
		position: absolute;
		top: 50%;
		left: 3px;
		margin-top: -15px;
	}
	footer nav ul li.access a:before{
		position: absolute;
		top: 50%;
		left: 3px;
		margin-top: -15px;
	}
	footer nav ul li.home a:before{
		position: absolute;
		top: 50%;
		left: 3px;
		margin-top: -15px;
	}

	footer nav ul li.inn a:after{
		content: "お宿一覧";
		position: absolute;
		color: #FFFFFF;
		top: 0;
		width: 100%;
		text-align: center;
		display: block;
		height: 40px;
		line-height: 44px;
		font-size: 14px;
	}

	footer nav ul li.access a:after{
		content: "アクセス";
		position: absolute;
		color: #FFFFFF;
		top: 0;
		width: 100%;
		text-align: center;
		display: block;
		height: 40px;
		line-height: 44px;
		font-size: 14px;
	}

	footer nav ul li.home a:after{
		content: "ホーム";
		position: absolute;
		color: #FFFFFF;
		top: 0;
		width: 100%;
		text-align: center;
		display: block;
		height: 40px;
		line-height: 44px;
		font-size: 14px;
	}

}

/*横向きの場合*/
@media screen and (orientation:landscape){

}


.post-edit-link {
    background: #ff9900 none repeat scroll 0 0 !important;
    border: 2px solid #ff6600 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    display: inline-block;
    font-family: "メイリオ";
    font-size: 14px !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
    margin-left: 15px;
    padding: 1px 3px !important;
    position: absolute;
    text-decoration: none !important;
    top: 6px;
		line-height: 24px!important;
		transition: all ease 0.3s;
		width: 40px;
		text-align: center;
}

.post-edit-link:hover{
	opacity: 0.7;
}