@charset "utf-8";

body {
	min-width: 100%;
}

.sp {
	display: block !important;
}
.spInline {
	display: inline !important;
}
.spIB {
	display: inline-block !important;
}
.spTbl {
	display: table !important;
}
.pc {
	display: none !important;
}

.txt50 {font-size: 5px !important;}
.txt60 {font-size: 6px !important;}
.txt70 {font-size: 7px !important;}
.txt80 {font-size: 8px !important;}
.txt90 {font-size: 9px !important;}
.txt100 {font-size: 10px !important;}
.txt110 {font-size: 11px !important;}
.txt120 {font-size: 12px !important;}
.txt130 {font-size: 13px !important;}
.txt140 {font-size: 14px !important;}
.txt150 {font-size: 15px !important;}
.txt160 {font-size: 16px !important;}
.txt170 {font-size: 17px !important;}
.txt180 {font-size: 18px !important;}
.txt200 {font-size: 20px !important;}
.txt240 {font-size: 24px !important;}
.txt320 {font-size: 32px !important;}

.w100per {
	width: 100% !important;
	height: auto;
}

/*PAGE KV
----------------------------------------------------------- */
#pageKv {
	height: 121px;
	text-align: center;
}

#pageKv a {
	display: block;
	height: 121px;
	box-sizing: border-box;
	padding-top: 55px;
}

/*PAGE TITLE
----------------------------------------------------------- */
#pageTtl {
	height: 71px;
	line-height: 71px;
	font-size: 21px;
	background: url(../img/common/bg_asa3.png) no-repeat 50% 0;
	background-size: auto 71px;
}


/* slider
----------------------------------------------------------- */

.slideBox {
	margin-bottom: 40px;
}

.flexslider {
	width: 100%;
	height: auto;
	position: relative;
}

.flexslider .slides li {
	width: 100%;
	height: auto;
	display: none;
	-webkit-backface-visibility: hidden;
	position: relative;
}

.flexslider .slides li img {
	width: 100%;
	height: auto;
}

.flexslider .flex-control-thumbs {
	width: 189px;
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -94px;
	padding: 7px;
	background: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	z-index: 2;
}

.flexslider .flex-control-thumbs li {
	display: inline-block;
	width: 39px;
	height: auto;
	cursor: pointer;
	margin-right: 6px;
}

.flexslider .flex-control-thumbs li img {
	width: 39px;
	height: auto;
}


/* リード文
-------------------------------------------------------- */
.txtLead {
	font-size: 15px;
	margin-bottom: 20px;
}

.txtLead02 {
	font-size: 12px;
	margin-bottom: 20px;
}

.txtLead03 {
	font-size: 12px;
	margin-bottom: 20px;
}

/* TITLE
----------------------------------------------------------- */
.ttl01 {
	font-size: 20px;
	padding-top: 25px;
	border-top: 1px solid #c7c7c7;
	background: url(../img/common/bg_ttl01.png) no-repeat 50% 0;
	background-size: auto 8px;
	margin-bottom: 30px;
}

.ttl01 span {
	display: block;
	font-size: 9px;
}

.ttl02 {
	font-size: 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(../img/common/bg_ttlBar.png) no-repeat 0 100%;
	-webkit-background-size: 38px auto;
	background-size: 38px auto;
}

.ttl03 {
	height: 25px;
	line-height: 25px;
    font-size: 20px;
    margin-bottom: 25px;
    background: url(../img/common/sp_bg_ttl_line.png) no-repeat 50% 0;
    -webkit-background-size: 320px auto;
    background-size: 320px auto;
}



/* Link
----------------------------------------------------------- */


/*SUB NAVI
----------------------------------------------------------- */

#subNavWrap {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

#subNav {
	margin-right: auto;
	margin-left: auto;
	background: url(../img/common/bg_subnavi_r.png) no-repeat 0 0;
	margin-bottom: 20px;
	height: 49px;
}

#subNav ul {
	height: 49px;
	background: url(../img/common/bg_subnavi_l.png) no-repeat 100% 0;
}

#subNav ul li {
	width: 100%;
	float: none;
	padding-right: 0;
	padding-left: 0;
	background: none;
}

#subNav ul li:first-child {
	background: none;
}

#subNav ul li > a {
	display: block;
	padding: 6px 0;
	font-size: 14px;
}
#subNav ul  li > a:hover {
	text-decoration: none;
}

#subNav ul > li > span {
	display: inline-block:
} 

#subNav ul  li > a:hover > span {
	padding-bottom: 0;
	border-bottom: none;
}

#subNav ul > li.active > a > span {
	padding-bottom: 5px;
	border-bottom: 3px solid #977b55;
}

/* hasAcd --------- */

#subNav ul li.hasAcd > a {
	background: none !important;
}

#subNav ul li.hasAcd > a {
	background: url(../img/common/listhead05.png) no-repeat 100% 50%;
}

#subNav ul li.hasAcd:nth-child(2) {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: url(../img/room/bg_arrow.png) no-repeat 95% 50%;
	-webkit-background-size: 7px auto;
	background-size: 7px auto;
}

.hasAcd .pullWrap {
	padding: 15px 15px 1px;
	left: 9px;
	width: 242px;
	z-index: 3;
}

.hasAcd .pullWrap {
	padding-bottom: 0;
}

.hasAcd .pullWrap dt {
	font-size: 13px;
	padding: 8px 0 6px;
}

.hasAcd .pullWrap dd {
	font-size: 12px;
}

.hasAcd .pullWrap dd a {
	padding:  10px 0 2px;
}


/* BUTTON
----------------------------------------------------------- */
.btn {
	width: 100%;
	background: #b48b60 url(../img/common/sp_listhead02.png) no-repeat 15px 50%;
	background-size: 7px 8px;
    text-align: center;
    font-size: 12px;
    color: #000;
}
.btn a {
	display: block;
	height: 40px;
	line-height: 40px;
}

.btn3 {
	width: 100%;
	font-size: 13px;
}

/* TABLE
----------------------------------------------------------- */
table.type1 {
	width: 100%;
	border-collapse: collapse;
}

table.type1 th {
	font-size: 12px;
	width: auto;
	padding: 10px 5px;
}

table.type1 td {
	font-size: 12px;
	padding: 10px 5px;
}

/* sns
----------------------------------------------------------- */

.snsBox {
	padding-top: 15px;
}

.toTopBtn {
	font-size: 13px;
}

.toTopBtn a {
	background: url(../img/common/ico_d_arrow_left.png) no-repeat 0 50%;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
	
}


/* リード文
---------------------------------------------------------- */


/* ページナビ
--------------------------------------------------------------------- */

.pagenavi {
	width: 95%;
	font-size: 11px;
	margin: 20px auto;
	text-align: center;
	position: relative;
	padding: 0;
	height: 32px;
}
.pagenavi.hasNav {
	height: 60px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	color: #7e7558;
	background: none;
	padding: 5px;
	margin: 2px 3px;
	border: 1px solid  #808080;
}

.wp-pagenavi span.current {
	font-weight: bold;
	/* background: url(../img/common/bg3.png) repeat 0 0; */
	color: #7e7558;
}

.wp-pagenavi a:hover {
	text-decoration: underline;
}


.navigation {
	width: 180px;
	margin: 0 auto;
}

.toTop span,
.navigation span.allow {
	text-decoration: none;
	/* color: #fff; */
	/* background: url(../img/common/bg3.png) repeat 0 0; */
	padding: 5px;
	margin: 2px 3px;
	border: 1px solid  #808080;
}
.navigation span.allow.null {
	background: #999;
	color: #fff;
	border: 1px solid  #808080;
}
.navigation span.null {
	color: #999;
}

.toTop a,
.navigation a {
	color: #666;
}

.toTop a span,
.navigation a span {
	/* color: #fff; */
}

.previous {
	float: left;
	border-right: 1px solid #ababab;
	width: 90px;
	text-align: left;
}
.next {
	float:right;
	text-align: right;
}

.toTop {
	position: absolute;
	top: 50px;
	left: 0;
}
.toTop.noNav {
	top: 0;
}

.hasNav .toKijiTop {
   /*top: 33px;*/
	top: 40px;
}


/* spResWrap
---------------------------------------------- */
.spResWrap {
	width: 100%;
	height: 192px;
	box-sizing: border-box;
	background: url(../img/common/bg1.png) repeat 0 0;
	padding: 15px;
}

.spResWrap .btn {
	width: 290px;
	margin: 0 auto 15px;
}

.spResWrap .toBestRate {
	width: 290px;
	margin: 0 auto;
}


/*　kv修正
--------------------------------------------------------------- */

#kvStl #pageKv {
	height: 255px;
}

#kvStl #pageTtl {
	height: 58px;
	padding-top: 80px;
}

#kvStl #pageTtl img {
	width: auto;
	height: 58px;
}

#kvStl #subNavWrap {
	position: absolute;
	width: 100%;
	height: 98px;
	top: 158px;
	left: 0;
	padding-top: 35px;
	box-sizing: border-box;
	background: url(../img/common/bg_kv_shadow.png) repeat-x 0 100%;
	background-size: 175px auto;
	margin-top: 0;
}

#kvStl .txtLead02 {
	margin-top: 40px;
}

#spHeader h1.logoStl {
	position: absolute;
	width: 200px;
	top: 0;
	left: 0;
	z-index: 2;
	padding-top: 6px;
	text-align: left;
}

#spHeader h1.logoStl img {
	width: 200px;
	height: auto;
}