@charset "utf-8";



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

.w100per {
	width: 100% !important;
}

select {
	background-color: #efefef;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../hotel_img/common/btn_selectList.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 5px 35px 5px 5px;
}


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

.pagenavi {
	margin: 50px auto 0 auto;
	text-align: center;
	position: relative;
	height: auto;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	color: #062f8c;
	background-color: #fff;
	line-height: 1;
	padding: 8px 12px;
	margin: 2px 3px;
	border: 1px solid #062f8c;
	display: inline-block;
}
.unizoinn .wp-pagenavi a,
.unizoinn .wp-pagenavi span {
	color: #149844;
	border: 1px solid #149844;
}
.unizoexp .wp-pagenavi a,
.unizoexp .wp-pagenavi span {
	color: #d80c18;
	border: 1px solid #d80c18;
}

.wp-pagenavi span.current {
	font-weight: bold;
	background: #062f8c;
	color: #fff;
}
.unizoinn .wp-pagenavi span.current {
	background: #149844;
}
.unizoexp .wp-pagenavi span.current {
	background: #d80c18;
}

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

.wp-pagenavi a.previouspostslink {
	background-image: url(../hotel_img/common/pagenavi_prev.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-indent: -9999px;
	border: none;
}
.unizoinn .wp-pagenavi a.previouspostslink {
	background-image: url(../hotel_img/common/pagenavi_prev_unizoinn.png);
}
.unizoexp .wp-pagenavi a.previouspostslink {
	background-image: url(../hotel_img/common/pagenavi_prev_unizoexp.png);
}

.wp-pagenavi a.nextpostslink {
	background-image: url(../hotel_img/common/pagenavi_next.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-indent: -9999px;
	border: none;
}
.unizoinn .wp-pagenavi a.nextpostslink {
	background-image: url(../hotel_img/common/pagenavi_next_unizoinn.png);
}
.unizoexp .wp-pagenavi a.nextpostslink {
	background-image: url(../hotel_img/common/pagenavi_next_unizoexp.png);
}

.wp-pagenavi span.pages,
.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi span.extend {
	display: none;
}



/* 予約モジュール
-------------------------------------------------------*/

#rmWrap {
	width: 100%;
	position: fixed;
	top: -400px;
	z-index: 100;
}

/* header / footer */
.resModWrap {
	background-color: #4463a9;
	width: 100%;
	height: 400px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}
.unizoinn .resModWrap {
	background: #40b073;
}
.unizoexp .resModWrap {
	background: #e46b5b;
}

.resModWrap .ttlRM {
	background-color: #062f8c;
}
.unizoinn .resModWrap .ttlRM {
	background-color: #149844;
}
.unizoexp .resModWrap .ttlRM {
	background-color: #d80c18;
}

.resModWrap .ttlRM > div {
	width: 94%;
	height: 90px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

.resModWrap .ttlRM > div > div {
	width: 100%;
	height: 50px;
	padding: 20px 0px;
}

.resModWrap .ttlRM > div > div > h2 {
	color: #ffffff;
	font-size: 120%;
	display: inline-block;
	vertical-align: middle;
}

.resModWrap .ttlRM > div > div > h2 span {
	font-size: 150%;
	line-height: 1.2;
	display: block;
}

.resModWrap .ttlRM > div > div > ul {
	margin-left: 20px;
    padding-left: 20px;
	border-left: 1px #ffffff solid;
	vertical-align: middle;
    display: inline-block;
}

.resModWrap .ttlRM div ul li + li {
	margin-top: 10px;
}

.resModWrap .ttlRM div ul li.btn {
	margin-left: -1.2em;
}

.resModWrap .ttlRM div ul li:last-of-type:before {
    color: #ffffff;
	content: "\0025b6";
	display: block;
	font-size: 100%;
	margin-left: -1.2em;
    float: left;
}

.resModWrap .ttlRM div ul li.btn a {
	color: #333333;
	background-color: #ffffff;
	font-size: 100%;
	line-height: 1;
	text-align: center;
	padding: 8px;
	display: block;
	outline: 1px #959595 solid;
	outline-offset: -3px;
	box-sizing: border-box;
	position: relative;
}

.resModWrap .ttlRM div ul li.btn a:after {
	content: "";
    background-image: url(../group_img/common/icon_reserve.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 10.5px;
	height: 14px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: text-bottom;
}

.resModWrap .ttlRM div ul li:last-of-type a {
	color: #ffffff;
	font-size: 100%;
}

.resModWrap .bodyRM {
	color: #ffffff;
	width: 100%;
	padding: 30px 0px;
	box-sizing: border-box;
}

.resModWrap .bodyRM form {
	width: 94%;
	margin: 0px auto;
	border-bottom: 1px #ffffff solid;
}

.resModWrap .bodyRM dl {
	width: auto;
}

.resModWrap .bodyRM dt {
	font-size: 120%;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
}

.resModWrap .bodyRM dd {
	width: auto;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
}

.resModWrap .bodyRM .rmsr1 {
	margin-bottom: 25px;
}

.resModWrap .bodyRM .rmsr1 select.ctSelect3 {
	width: 120px;
}

.resModWrap .bodyRM .rmsr1 select.ctSelect2 {
	width: 70px;
}

.resModWrap .bodyRM .rmsr1 select + select {
	margin-left: 10px;
}

.resModWrap .bodyRM .rmsr2 {
	display: inline-block;
}

.resModWrap .bodyRM .rmsr2 dd select {
	width: auto;
}

.resModWrap .bodyRM .rmsr3 {
	display: inline-block;
	margin-left: 30px;
}

@media screen and (max-width:370px){
	.resModWrap .bodyRM .rmsr3 {
		margin-left: 10px;
	}
}

.resModWrap .btnSearch {
	width: 240px;
	margin: 35px auto;
}

.resModWrap .btnSearch input[type="submit"] {
	width: 100%;
	color: #ffffff;
	background-color: #333333;
	font-size: 120%;
	font-weight: bold;
	padding: 6px 0px;
	display: block;
	text-align: center;
	border: none;
	cursor: pointer;
}

.resModWrap .rmTelWrap {
	height: 44px;
	padding-bottom: 30px;
}

.resModWrap .rmTelWrap .rmTel {
	color: #ffffff;
	line-height: 1;
	text-align: center;
}

.resModWrap .rmTelWrap .rmTel p:first-of-type {
	font-size: 110%;
}

.resModWrap .rmTelWrap .rmTel p:last-of-type {
	font-size: 230%;
	margin-top: 10px;
}

.resModWrap .rmTelWrap .rmTel p:last-of-type:before {
	content: "";
	background-image: url(../hotel_img/common/resmod_tel.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 18px;
	display: inline-block;
	margin-right: 10px;
}

.resModWrap .rmTelWrap .rmTel p:last-of-type a {
    color: #ffffff;
}


/* BUTTON CLOSE
---------------------------------------------- */

#rmWrapClose {
	width: 30px;
	height: 24px;
	position: absolute;
	bottom: -30px;
	right: 0;
	cursor: pointer;
	display: none;
	background: #fff;
	text-align: center;
	padding-top: 6px;
}


/* whiteBG
---------------------------------------------- */
#whiteBG {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #777777;
	width: 100%;
	height: 100%;
	z-index: 98;
}



/* トップページ
--------------------------------------------------------------------------------------------- */

/*　トップ_KV
--------------------------------------------------------------- */

#spKvTop {
	width: 100%;
	height: auto;
	margin-top: 55px;
	overflow: hidden;
	position: relative;
}

#spKvTop .flexslider {
	width: 100%;
	overflow: hidden;
}

#spKvTop .slides li {
	display: none;
	-webkit-backface-visibility: hidden;
    position: relative;
}

#spKvTop .slides li:not(:first-of-type):after {
	content: "";
	background-image: url(../hotel_img/common/mainVisual_overlay_unizo.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
}
.unizoinn #spKvTop .slides li:not(:first-of-type):after {
	background-image: url(../hotel_img/common/mainVisual_overlay_unizoinn.png);
}
.unizoexp #spKvTop .slides li:not(:first-of-type):after {
	background-image: url(../hotel_img/common/mainVisual_overlay_unizoexp.png);
}

#spKvTop .slides li img {
	width: 100%;
}


/* トップ_アナウンスバナー
--------------------------------------------------------------- */
#announcement {
    width: 80%;
	margin: 50px auto 0 auto;
}

#announcement a img {
    width: 100%;
}


/* トップ_メンバーシップ
--------------------------------------------------------------- */

#topMembership {
    margin: 50px auto 0 auto;
    text-align: center;
}

#topMembership a img {
    width: 100%;
}


/* トップ_告知エリア
--------------------------------------------------------------- */

#importantText {
    margin-top: 20px;
}
html:lang(ja) #importantText {
	display: none;
}
html:lang(zh-hans) #importantText,
html:lang(zh-hant) #importantText,
html:lang(ko) #importantText {
	display: block;
}

#importantText .wrapper {
    padding: 15px;
    text-align: center;
	border: 1px #062f8c solid;
    box-sizing: border-box;
}
.unizoinn #importantText .wrapper {
	border: 1px #149844 solid;
}
.unizoexp #importantText .wrapper {
	border: 1px #d80c18 solid;
}

#importantText h2 {
    color: #062f8c;
    font-size: 110%;
    margin-bottom: 10px;
}
.unizoinn #importantText h2 {
	color: #149844;
}
.unizoexp #importantText h2 {
	color: #d80c18;
}

#importantText p {
    font-size: 110%;
}

#importantText p + p {
    margin-top: 1em;
}



/* トップ_おすすめ宿泊プラン
--------------------------------------------------------------- */

#topRecommend {
	background: #ffffff;
	padding: 40px 0;
}

#topRecommend .wrapper {
	min-width: 86%;
	width: 86%;
	position: relative;
	margin: 0px auto;
}

#topRecommend h2 {
	color: #aaaaaa;
	font-size: 120%;
	text-align: center;
	margin-bottom: 15px;
}

#topRecommend h2 span {
	color: #062f8c;
	font-size: 150%;
	line-height: 1.2;
	display: block;
}
.unizoinn #topRecommend h2 span {
	color: #149844;
}
.unizoexp #topRecommend h2 span {
	color: #d80c18;
}

#topRecommend #recoSlide {
	width: 260px;
	height: auto;
	margin: 0px auto;
}

#topRecommend #recoSlide li {
	width: 240px;
	height: auto;
	padding: 10px;
}

#topRecommend #recoSlide li a {
	width: 100%;
	height: 100%;
	display: block;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}

#topRecommend #recoSlide li a div {
	width: 100%;
	height: auto;
	border: 1px #aaaaaa solid;
	padding: 2px;
	box-sizing: border-box;
	position: relative;
}

#topRecommend #recoSlide li a div img {
	width: 100%;
	height: auto;
}

#topRecommend #recoSlide li a p {
	background-color: #ffffff;
	width: auto;
	height: 30px;
	font-size: 120%;
	line-height: 1.3;
	padding: 10px;
}

#recoSlide-prev-btn {
	background-image: url(../hotel_img/common/btn_recoPrev_unizo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 17px;
	margin-bottom: -43px;
	position: absolute;
	bottom: 50%;
	left: 0;
}
.unizoinn #recoSlide-prev-btn {
	background-image: url(../hotel_img/common/btn_recoPrev_unizoinn.png);
}
.unizoexp #recoSlide-prev-btn {
	background-image: url(../hotel_img/common/btn_recoPrev_unizoexp.png);
}

#recoSlide-next-btn {
	background-image: url(../hotel_img/common/btn_recoNext_unizo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 17px;
	margin-bottom: -43px;
	position: absolute;
	bottom: 50%;
	right: 0;
}
.unizoinn #recoSlide-next-btn {
	background-image: url(../hotel_img/common/btn_recoNext_unizoinn.png);
}
.unizoexp #recoSlide-next-btn {
	background-image: url(../hotel_img/common/btn_recoNext_unizoexp.png);
}

#recoSlide-prev-btn a,
#recoSlide-next-btn a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#recoSlide-prev-btn:hover,
#recoSlide-next-btn:hover {
	opacity: 0.8;
}

p.brandText {
	color: #062f8c;
	font-size: 120%;
	margin-top: 50px;
	text-align: center;
	position: relative;
}
.unizoinn p.brandText {
	color: #149844;
}
.unizoexp p.brandText{
	color: #d80c18;
}

p.brandText:before {
	content: url("../hotel_img/top/brand_unizoLeft.png");
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -22.5px;
	margin-left: 42%;
	display: block;
}
.unizoinn p.brandText:before {
	content: url("../hotel_img/top/brand_innLeft.png");
}
.unizoexp p.brandText:before {
	content: url("../hotel_img/top/brand_expLeft.png");
}

p.brandText:after {
	content: url("../group_img/hotel_unizo/brand_unizoRight.png");
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -22.5px;
	margin-right: 42%;
	display: block;
}
.unizoinn p.brandText:after {
	content: url("../group_img/hotel_inn/brand_innRight.png");
}
.unizoexp p.brandText:after {
	content: url("../group_img/hotel_express/brand_expRight.png");
}


/*　トップ_FEATURE
--------------------------------------------------------------- */

#topFeature {
	background-image: url(../hotel_img/top/sp_bg_feature.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	box-sizing: border-box;
	padding: 40px 0;
	overflow: hidden;
}
.unizoinn #topFeature {
	background-image: url(../hotel_img/top/sp_bg_feature_unizoinn.jpg);
}
.unizoexp #topFeature {
	background-color: #ede4cf;
	background-image: none;
}

#topFeature h2 {
	color: #aaaaaa;
	font-size: 120%;
	text-align: center;
	margin-bottom: 25px;
}
.unizoexp #topFeature h2 {
	color: #636363;
}

#topFeature h2 span {
	color: #062f8c;
	font-size: 150%;
	line-height: 1.2;
	display: block;
}
.unizoinn #topFeature h2 span {
	color: #149844;
}
.unizoexp #topFeature h2 span {
	color: #d80c18;
}

#topFeature {
	width: 100%;
}

#topFeature ul li {
	background-color: #ffffff;
	width: 86%;
	margin: 0 auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}

#topFeature ul li + li {
	margin-top: 10px;
}

#topFeature ul li img {
	width: 100%;
	height: auto;
	display: block;
}

#topFeature ul li div {
	padding: 5%;
}

#topFeature ul li div h3 {
	color: #062f8c;
	font-size: 160%;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 10px;
}
.unizoinn #topFeature ul li div h3 {
	color: #149844;
}
.unizoexp #topFeature ul li div h3 {
	color: #d80c18;
}

#topFeature ul li div p {
	font-size: 110%;
	line-height: 1.6;
}

#topFeature ul li > div div.btnMore {
	margin-top: 10px;
}

#topFeature ul li > div div.btnMore a {
	color: #062f8c;
	width: 120px;
	height: auto;
	font-size: 120%;
	line-height: 1;
	text-align: center;
	margin: 0 auto;
	padding: 3px 0px;
	display: block;
	border: 1px #062f8c solid;;
}
.unizoinn #topFeature ul li > div div.btnMore a {
	color: #149844;
	border: 1px #149844 solid;;
}
.unizoexp #topFeature ul li > div div.btnMore a {
	color: #d80c18;
	border: 1px #d80c18 solid;;
}



/*　トップ_ダイナミックパッケージ
--------------------------------------------------------------- */

#topPackage {
	box-sizing: border-box;
	padding: 35px 0px 40px 0px;
	overflow: hidden;
}

#topPackage ul {
	width: 80%;
	margin: 0px auto;
}

#topPackage ul li + li {
	margin-top: 20px;
}

#topPackage ul li a img {
	width: 100%;
	height: auto;
}


/* トップ_レストラン
--------------------------------------------------------------- */
#topRestaurant {
	width: 100%;
	height: auto;
	position: relative;
}

#bg_restaurant {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 120px;
}

#topRestaurant .wrapper {
	width: 100%;
}

#topRestaurant h2 {
	color: #aaaaaa;
	font-size: 120%;
	text-align: center;
	position: relative;
	margin-left: -40%;
}

#topRestaurant h2 span {
	color: #062f8c;
	font-size: 150%;
	line-height: 1.2;
	display: block;
}
.unizoinn #topRestaurant h2 span {
	color: #149844;
}
.unizoexp #topRestaurant h2 span {
	color: #d80c18;
}

#topRestaurant .btnMore {
	position: absolute;
	top: 0;
	right: 6%;
}

#topRestaurant .btnMore a {
	color: #ffffff;
	background-color: #062f8c;
	font-size: 110%;
	line-height: 1;
	padding: 10px 20px;
	display: block;
}
.unizoinn #topRestaurant .btnMore a {
	background-color: #149844;
}
.unizoexp #topRestaurant .btnMore a {
	background-color: #d80c18;
}


#topRestaurant #restInfo {
	width: 80%;
	margin: 20px auto 25px auto;
}

#topRestaurant #restInfo h3 {
	font-size: 120%;
	line-height: 1.4;
}
#topRestaurant #restInfo p {
	font-size: 120%;
}

#topRestaurant #restInfo p span {
	font-size: 83.4%;
}



/* トップ_お知らせ&ブログ
--------------------------------------------------------------- */
#topNewsWrap {
	width: 100%;
	padding-top: 40px;
}

#topNewsWrap .left {
	width: 86%;
	margin: 0px auto;
}

#topNewsWrap .left section {
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}

#topNewsWrap .left h2 {
	color: #aaaaaa;
	font-size: 120%;
	text-align: center;
	margin-left: -40%;
}

#topNewsWrap .left h2 span {
	color: #062f8c;
	font-size: 150%;
	line-height: 1.2;
	display: block;
}
.unizoinn #topNewsWrap .left h2 span {
	color: #149844;
}
.unizoexp #topNewsWrap .left h2 span {
	color: #d80c18;
}

#topNewsWrap .left section .btnMore {
	position: absolute;
	top: 0;
	right: 0;
}

#topNewsWrap .left section .btnMore a {
	color: #ffffff;
	background-color: #062f8c;
	font-size: 110%;
	line-height: 1;
	padding: 10px 20px;
	display: block;
}
.unizoinn #topNewsWrap .left section .btnMore a {
	background-color: #149844;
}
.unizoexp #topNewsWrap .left section .btnMore a {
	background-color: #d80c18;
}

.topKijiList {
}

.topKijiList li {
	margin-top: 10px;
}

.topKijiList li a {
	display: block;
}

.topKijiList li p {
	font-size: 120%;
	float: left;
}
.topKijiList li p.date {
	color: #062f8c;
	width: 12%;
}
.unizoinn .topKijiList li p.date {
	color: #149844;
}
.unizoexp .topKijiList li p.date {
	color: #d80c18;
}

.topKijiList li p.ttl {
	width: 78%;
	float: right;
}

.topKijiList li a:hover p.ttl {
	text-decoration: underline;
}

#topNewsWrap .right {
	width: 86%;
	margin: 0px auto;
}

#topNewsWrap .right li {
	text-align: center;
}

#topNewsWrap .right li + li {
	margin-top: 20px;
}

#topNewsWrap .right li a img {
	width: 80%;
}

#topNewsWrap .right li div {
	background-color: #eeeef1;
	width: 80%;
	margin: 0px auto;
}


#topNewsWrap .right li div:first-of-type p {
	font-size: 120%;
	text-align: left;
	padding: 10px;
}

#topNewsWrap .right li div p a:before {
	content: "\0025b6";
	display: block;
	font-size: 100%;
	float: left;
}

#topNewsWrap .right li div p a {
	padding-left: 0.5em;
}



/* 客室
--------------------------------------------------------------------------------------------- */

/* 一覧 */
#guestroom .guestroomList {
	width: 100%;
}

#guestroom .guestroomList article {
	width: 100%;
	height: auto;
}

#guestroom .guestroomList article + article {
	margin-top: 50px;
}

#guestroom .guestroomList article .guestroomThumb {
	width: 100%;
	height: auto;
}

#guestroom .guestroomList article .guestroomThumb img {
	width: 100%;
	height: auto;
}

#guestroom .guestroomList article .guestroomThumb p {
	font-size: 120%;
	margin-top: 5px;
	text-align: right;
}

#guestroom .guestroomList article .guestroomInfo {
	padding-top: 15px;
}

#guestroom .guestroomList article .guestroomInfo h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1;
	margin-bottom: 10px;
}
.unizoinn#guestroom .guestroomList article .guestroomInfo h3{
	color: #149844;
}
.unizoexp#guestroom .guestroomList article .guestroomInfo h3 {
	color: #d80c18;
}

#guestroom .guestroomList article .guestroomInfo p {
	font-size: 120%;
	line-height: 1.4;
}

#guestroom .guestroomList article .guestroomInfo p + p {
	margin-top: 5px;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn {
	width: 270px;
	margin: 20px auto 0px auto;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn.telOnly {
	width: 100px;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn  li {
	height: 35px;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
	float: left;
	display: table;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn li + li {
	margin-left: 10px;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn li a {
	font-size: 110%;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn li:first-of-type {
	width: 100px;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn li:first-of-type a {
	color: #062f8c;
	font-size: 110%;
	border: 1px #062f8c solid;
}
.unizoinn#guestroom .guestroomList article .guestroomInfo .guestroomBtn li:first-of-type a {
	color: #149844;
	border: 1px #149844 solid;
}
.unizoexp#guestroom .guestroomList article .guestroomInfo .guestroomBtn li:first-of-type a {
	color: #d80c18;
	border: 1px #d80c18 solid;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn li.reserveBtn.sp {
	width: 160px;
	background-color: #333333;
	display: table !important;
}

#guestroom .guestroomList article .guestroomInfo .guestroomBtn li.reserveBtn.sp a {
	color: #ffffff;
	font-size: 110%;
}

#guestroom .guestroomCheckInOut {
	width: 100%;
	height: auto;
	margin-top: 50px;
	padding: 25px;
	box-sizing: border-box;
	border: 3px #efefef solid;
}

#guestroom .guestroomCheckInOut p {
	color: #062f8c;
	font-size: 180%;
	line-height: 2;
}
.unizoinn#guestroom .guestroomCheckInOut p {
	color: #149844;
}
.unizoexp#guestroom .guestroomCheckInOut p {
	color: #d80c18;
}

#guestroom .incArticle {
	margin-top: 50px;
}

#guestroom .incArticle h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px #b3b3b3 solid;
}
.unizoinn#guestroom .incArticle h3 {
	color: #149844;
}
.unizoexp#guestroom .incArticle h3 {
	color: #d80c18;
}

#guestroom .incArticle ul {
	display: flex;
	flex-wrap: wrap;
}

#guestroom .incArticle ul li {
	font-size: 120%;
	width: 50%;
	padding-left: 4%;
	box-sizing: border-box;
}

#guestroom .incArticle ul li:before {
	content: "\0030fb";
	color: #062f8c;
	width: 1em;
	margin-left: -10%;
	float: left;
	text-align: center;
	display: block;
}
.unizoinn#guestroom .incArticle ul li:before {
	color: #149844;
}
.unizoexp#guestroom .incArticle ul li:before {
	color: #d80c18;
}

#guestroom .incArticle ul li:nth-of-type(n+3) {
	margin-top: 15px;
}

#guestroom .amenityPhoto {
	margin-top: 50px;
}

#guestroom .amenityPhoto li {
	width: 240px;
	height: auto;
	margin: 0px auto;
}

#guestroom .amenityPhoto li + li {
	margin-top: 5px;
}

#guestroom .amenityPhoto li img {
	width: 100%;
	height: auto;
}

/* 詳細 */
#guestroom article .roomImg {
	width: 100%;
	height: auto;
}

#guestroom article .roomImg .slider_for {
	width: 100%;
	height: 0;
	padding-top: 71.6%;
	overflow: hidden;
	position: relative;
}

#guestroom article .roomImg .slider_for div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#guestroom article .roomImg .slider_for div img {
	width: 100%;
	height: auto;
}

#guestroom article .roomImg ul.slider_nav {
	width: 100%;
	height: auto;
	margin-top: 10px;
}

#guestroom article .roomImg ul.slider_nav li {
	width: 23.5% !important;
	height: auto;
}

#guestroom article .roomImg  ul.slider_nav li + li {
	margin-left: 2%;
}

#guestroom article .roomImg  ul.slider_nav li img {
	width: 100%;
	height: auto;
	cursor: pointer;
}

#guestroom article .roomImg p {
	font-size: 120%;
	margin-top: 10px;
}


#guestroom article .roomInfo {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

#guestroom article .roomInfo h3 {
	color: #062f8c;
	font-size: 120%;
	line-height: 1.3;
	margin-bottom: 25px;
}
.unizoinn#guestroom article .roomInfo h3 {
	color: #149844;
}
.unizoexp#guestroom article .roomInfo h3 {
	color: #d80c18;
}

#guestroom article .roomInfo h3 span {
	font-size: 150.0%;
	padding-right: 10px;
}

#guestroom article .roomInfo h3 + p {
	font-size: 120%;
	line-height: 1.4;
}

#guestroom article .roomInfo table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 25px;
	border: 1px #aaaaaa solid;
}

#guestroom article .roomInfo table th {
	font-size: 120%;
	background-color: #efefef;
	padding: 20px 15px;
	border-top: 1px #aaaaaa solid;
	border: 1px #aaaaaa solid;
}

#guestroom article .roomInfo table td {
	font-size: 120%;
	padding: 20px 15px;
	border: 1px #aaaaaa solid;
}


#guestroom article .roomInfo .reserveBtn.sp {
	width: 160px;
	height: 35px;
	background-color: #333333;
	margin: 25px auto 0 auto;
	display: table !important;
}

#guestroom article .roomInfo .reserveBtn.sp a {
	color: #ffffff;
	font-size: 110%;
	line-height: 1;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px #333333 solid;
}



/* おすすめ宿泊プラン
--------------------------------------------------------------------------------------------- */

/* 一覧 */
#plan .planList {
	width: 100%;
	height: auto;
	float: left;
}

#plan .planList + .planList {
	margin-top: 50px;
}

#plan .planList .planThumb {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding: 2px;
	box-sizing: border-box;
	border: 1px #aaaaaa solid;
}

#plan .planList .planThumb img {
	width: 100%;
	height: auto;
}

#plan .planList .planInfo {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-top: 15px;
}

#plan .planList .planInfo h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1.3;
}
.unizoinn#plan .planList .planInfo h3 {
	color: #149844;
}
.unizoexp#plan .planList .planInfo h3 {
	color: #d80c18;
}

#plan .planList .planInfo p.recommend {
	color: #ce5b25;
	font-size: 110%;
	line-height: 1;
	width: 200px;
	text-align: center;
	margin-top: 15px;
	padding: 8px 0px;
	box-sizing: border-box;
	border: 1px #ce5b25 solid;
}

#plan .planList .planInfo .planBtn {
	width: 270px;
	margin: 20px auto 0px auto;
}

#plan .planList .planInfo .planBtn li {
	width: 130px;
	background-color: #333333;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
	float: right;
}

#plan .planList .planInfo .planBtn li:nth-of-type(even) {
	margin-left: 10px;
}

#plan .planList .planInfo .planBtn li.member {
	background-color: #062f8c;
	float: left;
}
.unizoinn#plan .planList .planInfo .planBtn li.member {
	background-color: #149844;
}
.unizoexp#plan .planList .planInfo .planBtn li.member {
	background-color: #d80c18;
}

#plan .planList .planInfo .planBtn li a {
	color: #ffffff;
	font-size: 110%;
	padding: 10px 0px;
	display: block;
}

/* 詳細 */
#plan .planDetail h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1.3;
	margin-bottom: 20px;
}
.unizoinn#plan .planDetail h3 {
	color: #149844;
}
.unizoexp#plan .planDetail h3 {
	color: #d80c18;
}

#plan .planDetail .planImg {
	width: 100%;
	height: auto;
	padding: 2px;
	border: 1px #aaaaaa solid;
	box-sizing: border-box;
	margin-bottom: 20px;
}

#plan .planDetail .planImg img {
	width: 100%;
	height: auto;
}

#plan .planDetail .planTxtWrap {
	font-size: 110%;
}

#plan .planDetail .planTxtWrap h4 {
	font-size: 109.1%;
	margin-bottom: 15px;
}

#plan .planDetail .planTxtWrap p {
	margin-bottom: 1em;
}

#plan .planDetail .planTxtWrap .planAbout {
	width: 100%;
	border-collapse: collapse;
	margin-top: 25px;
}

#plan .planDetail .planTxtWrap .planAbout th {
	background-color: #efefef;
	padding: 20px 15px;
	border: 1px #aaaaaa solid;
}

#plan .planDetail .planTxtWrap .planAbout td {
	padding: 20px 15px;
	border: 1px #aaaaaa solid;
}

#plan .planDetail .reserveBtn {
	width: 160px;
	text-align: center;
	margin: 50px auto 0px auto;
}

#plan .planDetail .reserveBtn li {
	width: 160px;
	background-color: #062f8c;
}
.unizoinn#plan .planDetail .reserveBtn li {
	background-color: #149844;
}
.unizoexp#plan .planDetail .reserveBtn li {
	background-color: #d80c18;
}

#plan .planDetail .reserveBtn li a {
	color: #ffffff;
	font-size: 110%;
	line-height: 1;
	padding: 10px 0px;
	display: block;
}

#plan .planDetail .reserveBtn li + li {
	background-color: #333333;
	margin-top: 10px;
}



/* レストラン
--------------------------------------------------------------------------------------------- */

#restaurant .mainVisual {
	background-color: #e7e4dc;
}

#restaurant .mainVisual .slider_for {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

#restaurant .mainVisual .slider_for > div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


#restaurant .mainVisual .slider_for div img {
	width: 100%;
	height: auto;
}

#restaurant .mainVisual ul.slider_nav {
	width: 345px;
	margin: 0px auto;
	padding: 10px 0px;
}

#restaurant .mainVisual ul.slider_nav li {
	width: 80px !important;
	height: 45px !important;
	overflow: hidden;
	float: left !important;
}

#restaurant .mainVisual ul.slider_nav li + li {
	margin-left: 2px;
}

#restaurant .mainVisual ul.slider_nav li img {
	width: 100%;
	height: auto;
	cursor: pointer;
}

#restaurant article {
	margin-top: 50px;
}

#restaurant article h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1.3;
	margin-bottom: 10px;
}
.unizoinn#restaurant article h3 {
	color: #149844;
}
.unizoexp#restaurant article h3 {
	color: #d80c18;
}

#restaurant article p {
	font-size: 120%;
}

#restaurant article p + p {
	margin-top: 1em;
}

#restaurant .restInfo div.logo {
	width: auto;
	height: auto;
	text-align: center;
}

#restaurant .restInfo div.logo img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

#restaurant .restInfo div.info {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

#restaurant .restInfo div.info dl {
	width: 100%;
	display: table;
	border-top: 1px #b5b5b5 solid;
}

#restaurant .restInfo div.info dl:last-of-type {
	border-bottom: 1px #b5b5b5 solid;
}

#restaurant .restInfo div.info dl dt {
	width: 20%;
	font-size: 110%;
	padding: 15px 0px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#restaurant .restInfo div.info dl dd {
	width: auto;
	font-size: 110%;
	padding: 15px 0px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#restaurant .breakfast_photo {
	width: 90%;
	margin: 25px auto 0px auto;
}

#restaurant .breakfast_photo li {
	width: 100%;
	height: auto;
}

#restaurant .breakfast_photo li + li {
	margin-top: 2px;
}

#restaurant .breakfast_photo li img {
	width: 100%;
	height: auto;
}


/* 施設・サービス
--------------------------------------------------------------------------------------------- */

#facilities .facilities_feature {
	width: 100%;
	height: auto;
}

#facilities .facilities_feature li {
	width: 100%;
	height: auto;
}

#facilities .facilities_feature li + li {
	margin-top: 25px;
}

#facilities .facilities_feature li img {
	width: 100%;
	height: auto;
	display: block;
}

#facilities .facilities_feature li div {
	padding: 15px 20px 0px 20px;
}

#facilities .facilities_feature li div h3 {
	color: #062f8c;
	font-size: 140%;
	line-height: 1;
	margin-bottom: 10px;
}
.unizoinn#facilities .facilities_feature li div h3 {
	color: #149844;
}
.unizoexp#facilities .facilities_feature li div h3 {
	color: #d80c18;
}

#facilities .facilities_feature li div p {
	font-size: 110%;
	line-height: 1.6;
}

#facilities article {
	margin-top: 50px;
}

#facilities article h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px #b3b3b3 solid;
}
.unizoinn#facilities article h3 {
	color: #149844;
}
.unizoexp#facilities article h3 {
	color: #d80c18;
}

#facilities article ul {
	display: flex;
	flex-wrap: wrap;
}

#facilities article ul + ul {
	margin-top: 25px;
}

#facilities article ul li {
	font-size: 120%;
	width: 50%;
	padding-left: 4%;
	box-sizing: border-box;
}

#facilities article ul li:before {
	content: "\0030fb";
	color: #062f8c;
	width: 1em;
	margin-left: -10%;
	float: left;
	display: block;
}
.unizoinn#facilities article ul li:before {
	color: #149844;
}
.unizoexp#facilities article ul li:before {
	color: #d80c18;
}

#facilities article ul li:nth-of-type(n+3) {
	margin-top: 15px;
}

#facilities #restaurant {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

#facilities #bg_restaurant {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
	width: 100%;
	height: 120px;
}

#facilities #restaurant .wrapper:before {
	content: "";
	width: 86%;
	margin: 0px auto;
	border-top: 2px solid #b3b3b3;
	display: block;
	padding-top: 50px;
}

#facilities #restaurant .wrapper {
	position: relative;
}

#facilities #restaurant h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1.2;
	text-align: center;
	margin-left: -40%;
	position: relative;
	
}
.unizoinn#facilities #restaurant h3 {
	color: #149844;
}
.unizoexp#facilities #restaurant h3 {
	color: #d80c18;
}

#facilities #restaurant h3 span {
	font-size: 55.6%;
}

#restaurant .btnMore {
	position: absolute;
	top: 52px;
	right: 7%;
}

#facilities #restaurant .btnMore a {
	color: #ffffff;
	background-color: #062f8c;
	font-size: 110%;
	line-height: 1;
	padding: 10px 20px;
	display: block;
}
.unizoinn#facilities #restaurant .btnMore a {
	background-color: #149844;
}
.unizoexp#facilities #restaurant .btnMore a {
	background-color: #d80c18;
}

#facilities #restaurant #restInfo {
	width: 80%;
	margin: 20px auto 0px auto;
}

#facilities #restaurant #restInfo p {
	font-size: 120%;
}

#facilities .combinienceStore {
	margin-top: 50px;
}

#facilities .hotel > h3 {
	color: #062f8c;
	font-size: 180%;
	text-align: center;
	margin-bottom: 15px;
}
.unizoinn#facilities .hotel > h3 {
	color: #149844;
}
.unizoexp#facilities .hotel > h3 {
	color: #d80c18;
}

#facilities .combinienceStore > div {
	height: auto;
	padding-top: 50px;
	border-top: 1px #333333 solid;
}

#facilities .hcombinienceStoreotel > div + div {
	margin-top: 25px;
}

#facilities .combinienceStore > div > div:first-of-type {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

#facilities .combinienceStore > div > div:first-of-type img {
	width: 100%;
	height: auto;
}

#facilities .combinienceStore > div > div:last-of-type {
	width: 100%;
	height: auto;
	text-align: center;
}

#facilities .combinienceStore > div > div:last-of-type h4 {
	font-size: 160%;
	line-height: 1;
	margin-bottom: 15px;
}

#facilities .combinienceStore > div > div:last-of-type h4 + p {
	font-size: 120%;
	line-height: 1.5;
}

#facilities .combinienceStore > div > div:last-of-type p.btn_more {
	width: 110px;
	height: 35px;
	margin: 20px auto 0px auto;
	display: table;
}

#facilities .combinienceStore > div > div:last-of-type p.btn_more a {
	color: #062f8c;
	width: 100%;
	height: 100%;
	font-size: 110%;
	line-height: 1;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px #062f8c solid;
}
.unizoinn#facilities .combinienceStore > div > div:last-of-type p.btn_more a {
	color: #149844;
	border: 1px #149844 solid;
}
.unizoexp#facilities .combinienceStore > div > div:last-of-type p.btn_more a {
	color: #d80c18;
	border: 1px #d80c18 solid;
}



/* アクセス
--------------------------------------------------------------------------------------------- */

#access .info #routeWrapper #routeTab li {
	background-color: #efefef;
	width: 32.6%;
	height: 60px;
	display: table;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
}

#access .info #routeWrapper #routeTab li.active {
	border-bottom: 10px #efefef solid;
	margin-bottom: 0;
}

#access .info #routeWrapper #routeTab li + li {
	margin-left: 1%;
}

#access .info #routeWrapper #routeTab li span {
	color: #333333;
	font-size: 100%;
	line-height: 1.2;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
	padding: 0px 10% 0px 20%;
}

#access .info #routeWrapper #routeTab li span:before {
	content: "\0025bc";
	font-size: 100%;
	display: block;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	left: 5%;
}

#access .info #routeWrapper #routeTab li.active span:before {
	content: "\0025b2";
}

#access .info #routeWrapper #routeMap {
	width: 100%;
	height: 0;
	padding-top: 54%;
	position: relative;
}

#access .info #routeWrapper #routeMap li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#access .info #routeWrapper #routeMap li.active {
	z-index: 5;
}

#access .info #routeWrapper #routeMap li > div {
	width: 100%;
	height: 100%;
}

#access .info #routeWrapper #routeMap li p {
	width: 95px;
	height: 25px;
	display: table;
	position: absolute;
	bottom: -27px;
	right: 0;
}

#access .info #routeWrapper #routeMap li p a {
	background-color: #062f8c;
	color: #ffffff;
	display: table-cell;
	font-size: 100%;
	line-height: 1;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding-left: 8px;
}
.unizoinn#access .info #routeWrapper #routeMap li p a {
	background-color: #149844;
}
.unizoexp#access .info #routeWrapper #routeMap li p a {
	background-color: #d80c18;
}

#access .info #routeWrapper #routeMap li a:before {
	content: "\0025b6";
	font-size: 50%;
	left: 6px;
	margin-top: -3px;
	position: absolute;
	top: 50%;
}

#access .info #routeWrapper #routeMap .gmnoprint a:before {
	content: none;
}

#access .info ul.info_text {
	margin-top: 27px;
}

#access .info ul.info_text li {
	font-size: 120%;
	line-height: 2;
	padding-left: 4%;
}

#access .info ul.info_text li:before {
	content: "\0030fb";
	color: #062f8c;
	width: 1em;
	text-align: center;
	display: block;
	float: left;
	margin-left: -4%;
}
.unizoinn#access  .info ul.info_text li:before {
	color: #149844;
}
.unizoexp#access  .info ul.info_text li:before{
	color: #d80c18;
}

#access article {
	margin-top: 50px;
}

#access article h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1;
	margin-bottom: 10px;
}
.unizoinn#access  article h3 {
	color: #149844;
}
.unizoexp#access  article h3 {
	color: #d80c18;
}

#access article .routeImg {
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}

#access article .routeImg img {
	width: 100%;
	height: auto;
}

#access article ul li {
	font-size: 120%;
	line-height: 2;
	padding-left: 4%;
}

#access article ul li:before {
	content: "\0030fb";
	color: #062f8c;
	width: 1em;
	text-align: center;
	display: block;
	float: left;
	margin-left: -4%;
}
.unizoinn#access  article ul li:before {
	color: #149844;
}
.unizoexp#access  article ul li:before{
	color: #d80c18;
}

#access .access_caution {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-top: 50px;
	padding: 15px;
	border: 1px #062f8c solid;
}
.unizoinn#access .access_caution {
	border: 1px #149844 solid;
}
.unizoexp#access .access_caution {
	border: 1px #d80c18 solid;
}

#access .access_caution p {
	font-size: 120%;
	line-height: 2;
}



/* よくある質問
--------------------------------------------------------------------------------------------- */

#qa #mainImg {
	background-image: url(../hotel_img/content/qa/sp_qa_bg.jpg);
}

#qa .qa_catList {
	width: 100%;
	height: auto;
}

#qa .qa_catList > li {
	background-color: #efefef;
	width: 32.6%;
	height: 50px;
	margin-right: 1%;
	display: table;
	float: left;
	position: relative;
}

#qa .qa_catList > li:nth-of-type(3n) {
	margin-right: 0;
}

#qa .qa_catList > li:nth-of-type(n+4) {
	margin-top: 5px;
}


#qa .qa_catList > li > a {
	height: 100%;
	font-size: 130%;
	line-height: 1.1;
	padding: 0px 5% 0px 10%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

#qa .qa_catList > li > a span {
	font-size: 76.9%;
}

@media (max-width: 319px) {
	#qa .qa_catList > li > a {
		line-height: 1;
	}
	#qa .qa_catList > li > a span {
		font-size: 69.2%;
	}
}

#qa .qa_catList > li > a:before {
	content: "\0025bc";
	position: absolute;
	font-size: 50%;
	margin-top: -2.5px;
	display: block;
	top: 50%;
	left: 5%;
}

#qa .qa_cat {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

#qa .qa_cat > h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1;
	padding-bottom: 15px;
	border-bottom: 2px #aaaaaa solid;
}
.unizoinn#qa .qa_cat > h3 {
	color: #149844;
}
.unizoexp#qa .qa_cat > h3 {
	color: #d80c18;
}

#qa .qa_cat > dl {
	border-bottom: 1px #aaaaaa solid;
}

#qa .qa_cat > dl dd + dt {
	border-top: 1px #aaaaaa solid;
}

#qa .qa_cat > dl dt {
	font-size: 120%;
	line-height: 1.5;
	position: relative;
	padding: 10px 10%;
	cursor: pointer;
}

#qa .qa_cat > dl dt:before {
	content: "Q";
	color: #062f8c;
	font-size: 108.3%;
	position: absolute;
	top: 6px;
	left: 3%;
	vertical-align: bottom;
}
.unizoinn#qa .qa_cat > dl dt:before {
	color: #149844;
}
.unizoexp#qa .qa_cat > dl dt:before {
	color: #d80c18;
}

#qa .qa_cat > dl dt:after {
	content: "";
	background-image: url(../hotel_img/content/qa/btn_qa_open.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 8px;
	margin-top: -4px;
	display: block;
	position: absolute;
	top: 50%;
	right: 5%;
}
.unizoinn#qa .qa_cat > dl dt:after {
	background-image: url(../hotel_img/content/qa/btn_qa_open_unizoinn.png);
}
.unizoexp#qa .qa_cat > dl dt:after {
	background-image: url(../hotel_img/content/qa/btn_qa_open_unizoexp.png);
}

#qa .qa_cat > dl dt.open:after {
	background-image: url(../hotel_img/content/qa/btn_qa_close.png);
}
.unizoinn#qa .qa_cat > dl dt.open:after {
	background-image: url(../hotel_img/content/qa/btn_qa_close_unizoinn.png);
}
.unizoexp#qa .qa_cat > dl dt.open:after {
	background-image: url(../hotel_img/content/qa/btn_qa_close_unizoexp.png);
}

#qa .qa_cat > dl dd {
	font-size: 120%;
	line-height: 1.5;
	position: relative;
	padding: 10px 10%;
	display: none;
}

#qa .qa_cat > dl dd:before {
	content: "A";
	color: #062f8c;
	font-size: 108.3%;
	position: absolute;
	top: 6px;
	left: 3%;
	vertical-align: bottom;
}
.unizoinn#qa .qa_cat > dl dd:before {
	color: #149844;
}
.unizoexp#qa .qa_cat > dl dd:before {
	color: #d80c18;
}



/* 周辺情報
--------------------------------------------------------------------------------------------- */

#sightseeing .pointWrapper li {
	width: 100%;
	height: auto;
}

#sightseeing .pointWrapper > li + li {
	margin-top: 50px;
}

#sightseeing .pointWrapper li .sightseeing_photo {
	width: 100%;
	height: auto;
}

#sightseeing .pointWrapper li .sightseeing_photo img {
	width: 100%;
	height: auto;
}

#sightseeing .pointWrapper li .sightseeing_info {
	width: 100%;
	height: auto;
	padding-top: 15px;
}

#sightseeing .pointWrapper li .sightseeing_info h3 {
	color: #062f8c;
	font-size: 180%;
	font-weight: normal;
	margin-bottom: 0px;
}
.unizoinn#sightseeing .pointWrapper li .sightseeing_info h3 {
	color: #149844;
}
.unizoexp#sightseeing .pointWrapper li .sightseeing_info h3 {
	color: #d80c18;
}

#sightseeing .pointWrapper li .sightseeing_info h3:before {
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 24px;
	height: 36px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
#sightseeing .pointWrapper li:first-of-type .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point01.png);
}
#sightseeing .pointWrapper li:nth-of-type(2) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point02.png);
}
#sightseeing .pointWrapper li:nth-of-type(3) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point03.png);
}
#sightseeing .pointWrapper li:nth-of-type(4) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point04.png);
}
#sightseeing .pointWrapper li:nth-of-type(5) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point05.png);
}
#sightseeing .pointWrapper li:nth-of-type(6) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point06.png);
}
#sightseeing .pointWrapper li:nth-of-type(7) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point07.png);
}
#sightseeing .pointWrapper li:nth-of-type(8) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point08.png);
}
#sightseeing .pointWrapper li:nth-of-type(9) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_point09.png);
}
.unizoinn#sightseeing .pointWrapper li:first-of-type .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn01.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(2) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn02.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(3) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn03.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(4) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn04.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(5) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn05.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(6) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn06.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(7) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn07.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(8) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn08.png);
}
.unizoinn#sightseeing .pointWrapper li:nth-of-type(9) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointInn09.png);
}
.unizoexp#sightseeing .pointWrapper li:first-of-type .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp01.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(2) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp02.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(3) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp03.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(4) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp04.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(5) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp05.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(6) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp06.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(7) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp07.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(8) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp08.png);
}
.unizoexp#sightseeing .pointWrapper li:nth-of-type(9) .sightseeing_info h3:before {
	background-image: url(../hotel_img/content/sightseeing/icon_pointExp09.png);
}

#sightseeing .pointWrapper li .sightseeing_info h3 + p {
	font-size: 120%;
	line-height: 1.5;
}

#sightseeing .pointWrapper li .sightseeing_info .sightseeing_access {
	font-size: 120%;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px #aaaaaa solid;
}

#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn {
	width: 270px;
	margin: 20px auto 0px auto;
}

#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn li:first-of-type {
	width: 100px;
	height: 35px;
	float: left;
	display: table;
}

#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn li:first-of-type a {
	color: #ffffff;
	background-color: #062f8c;
	font-size: 110%;
	line-height: 1;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.unizoinn#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn li:first-of-type a {
	background-color: #149844;
}
.unizoexp#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn li:first-of-type a {
	background-color: #d80c18;
}

#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn li:first-of-type a:before {
	content: "\0025b6";
	font-size: 50%;
	margin-top: -3px;
	position: absolute;
	top: 50%;
	left: 12px;
}

#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn li + li {
	width: 160px;
	height: 35px;
	float: right;
	display: table;
}

#sightseeing .pointWrapper li .sightseeing_info .sightseeing_btn li + li a {
	color: #ffffff;
	background-color: #333333;
	font-size: 110%;
	line-height: 1;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#sightseeing #sightseeingMap {
	width: 100%;
	height: 0;
	margin-top: 50px;
	padding-top: 131.25%;
	position: relative;
}

#sightseeing #sightseeingMap #mapWrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#sightseeing .hotel {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px #333333 solid;
}

#sightseeing .hotel > h3 {
	color: #062f8c;
	font-size: 180%;
	text-align: center;
	margin-bottom: 15px;
}
.unizoinn#sightseeing .hotel > h3 {
	color: #149844;
}
.unizoexp#sightseeing .hotel > h3 {
	color: #d80c18;
}

#sightseeing .hotel > div {
	width: 100%;
	height: auto;
}

#sightseeing .hotel > div + div {
	margin-top: 25px;
}

#sightseeing .hotel > div > div:first-of-type {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

#sightseeing .hotel > div > div:first-of-type img {
	width: 100%;
	height: auto;
}

#sightseeing .hotel > div > div:last-of-type,
#sightseeing .combinienceStore > div > div:last-of-type {
	width: 100%;
	height: auto;
	text-align: center;
}

#sightseeing .hotel > div > div:last-of-type h4 {
	font-size: 160%;
	line-height: 1;
	margin-bottom: 15px;
}

#sightseeing .hotel > div > div:last-of-type h4 span.new {
	color: #ffffff;
	background-color: #de0044;
	font-size: 62.5%;
	margin-right: 5px;
	padding: 2px 5px;
	vertical-align: middle;
	display: inline-block;
}
#sightseeing .hotel > div > div:last-of-type h4 span.open {
	font-size: 87.5%;
}

#sightseeing .hotel > div > div:last-of-type h4 + p {
	font-size: 120%;
	line-height: 1.5;
}

#sightseeing .hotel > div > div:last-of-type p.btn_more {
	width: 110px;
	height: 35px;
	margin: 20px auto 0px auto;
	display: table;
}

#sightseeing .hotel > div > div:last-of-type p.btn_more a {
	color: #062f8c;
	width: 100%;
	height: 100%;
	font-size: 110%;
	line-height: 1;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px #062f8c solid;
}
.unizoinn#sightseeing .hotel > div > div:last-of-type p.btn_more a {
	color: #149844;
	border: 1px #149844 solid;
}
.unizoexp#sightseeing .hotel > div > div:last-of-type p.btn_more a {
	color: #d80c18;
	border: 1px #d80c18 solid;
}



/* お知らせ & ブログ
--------------------------------------------------------------------------------------------- */

#news #mainImg {
	background-image: url(../hotel_img/content/news/sp_news_bg.jpg);
}

.kijiList {
	padding-bottom: 30px;
}

.kijiList li + li {
	margin-top: 15px;
}

.kijiList li p {
	font-size: 140%;
	float: left;
}

.kijiList li p.date {
	color: #062f8c;
	margin-right: 10px;
	min-width: 100px;
}
.unizoinn .kijiList li p.date {
	color: #149844;
}
.unizoexp .kijiList li p.date {
	color: #d80c18;
}

.kijiList li p.ttl {
	width: auto;
}
.kijiList li a:hover p.ttl {
	text-decoration: underline;
}

/* 詳細
------------------------------------------- */
.kijiContent {
	padding-bottom: 60px;
	border-bottom: 1px #aaaaaa solid;
}

.kijiDate {
	font-size: 140%;
	line-height: 1;
	margin-bottom: 10px;
}

.kijiTtl {
	color: #062f8c;
	font-size: 180%;
	line-height: 1.4;
	margin-bottom: 30px;
}
.unizoinn .kijiTtl {
	color: #149844;
}
.unizoexp .kijiTtl {
	color: #d80c18;
}

.kijiContent p {
	font-size: 110%;
	margin-bottom: 30px;
}

.kijiTxtWrap {
	width: 100%;
	float: left;
}


.kijiImgWrap {
	text-align: center;
	width: 380px;
	float: right;
}

.kijiContent img,
.kijiImgWrap img {
	max-width: 100%;
	height: auto;
}

.toKijiTop {
	font-size: 110%;
	line-height: 1;
	margin: 20px 40px;
}

.toKijiTop:before {
	content: "\0025c0";
	display: inline-block;
	margin-right: 10px;
}



/* 多言語クッションページ
------------------------------------------- */
#language_c #mainImg,
#language_t #mainImg,
#language_k #mainImg {
    background-image: url("../hotel_img/content/language/sp_language_bg.png");
}

#language_c article div,
#language_t article div,
#language_k article div {
	width: 100%;
	border: 1px #062f8c solid;
	padding: 20px;
	box-sizing: border-box;
}
.unizoinn#language_c article div,
.unizoinn#language_t article div,
.unizoinn#language_k article div {
	border: 1px #149844 solid;
}
.unizoexp#language_c article div,
.unizoexp#language_t article div,
.unizoexp#language_k article div {
	border: 1px #d80c18 solid;
}

#language_c article div h3,
#language_t article div h3,
#language_k article div h3 {
	color: #062f8c;
	font-size: 140%;
	line-height: 1;
	margin-bottom: 15px;
}
.unizoinn#language_c article h3,
.unizoinn#language_t article h3,
.unizoinn#language_k article h3 {
    color: #149844;
}
.unizoexp#language_c article h3,
.unizoexp#language_t article h3,
.unizoexp#language_k article h3 {
    color: #d80c18;
}

#language_c article div p,
#language_t article div p,
#language_k article div p {
	font-size: 110%;
	text-align: left;
}

#language_c article div a,
#language_t article div a,
#language_k article div a {
	color: #ffffff;
	background-color: #333333;
	width: 160px;
	height: auto;
	font-size: 110%;
	display: block;
	margin: 15px auto 0 auto;
	padding: 5px 0px;
	text-align: center;
}



/* メンバーシップ ポップアップ
------------------------------------------- */

#popup {
    width: 100%;
    display: none;
}

#simplemodal-overlay {
    background-color: #000000;
}

#simplemodal-container {
    background-color: transparent;
    height: auto !important;
    top: 30% !important;
}

#simplemodal-container > .simplemodal-wrap {
    padding: 0 2%;
    box-sizing: border-box;
}

#simplemodal-container a img {
    width: 100%;
}

#simplemodal-container a:hover img {
    opacity: 1 !important;
}

#simplemodal-container a.modalCloseImg {
	background: url(../hotel_img/top/popup_close.png) no-repeat;
	width: 75px;
	height: 18px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -23px;
	right: 2%;
	cursor: pointer;
}



/* 汎用
------------------------------------------- */

/* 404 */
#notFound h3 {
	color: #062f8c;
	font-size: 180%;
	line-height: 1.3;
	margin-bottom: 10px;
}
.unizoinn #notFound h3 {
	color: #149844;
}
.unizoexp #notFound h3 {
	color: #d80c18;
}

#notFound p {
	font-size: 120%;
	line-height: 1.4;
}

/* 一覧に戻る */
.toBack {
	font-size: 110%;
	line-height: 1;
	margin-top: 50px;
	padding: 15px 0 0 0;
	border-top: 1px #aaaaaa solid;
}

.toBack:before {
	content: "\0025c0";
	display: inline-block;
	margin-right: 10px;
}



/* アメニティスライド
------------------------------------------- */

.slideWrapper {
	min-width: 86%;
	width: 86%;
	position: relative;
	margin: 50px auto 0px auto;
}

.slideWrapper #amenitySlide {
	width: 260px;
	height: auto;
	margin: 0px auto;
}

.slideWrapper #amenitySlide li {
	width: 240px;
	height: auto;
	padding: 10px;
}

.slideWrapper #amenitySlide li > div {
	width: 100%;
	height: 100%;
	display: block;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}

.slideWrapper #amenitySlide li > div > div {
	width: 100%;
	height: auto;
	border: 1px #aaaaaa solid;
	padding: 2px;
	box-sizing: border-box;
	position: relative;
}

.slideWrapper #amenitySlide li > div > div > img {
	width: 100%;
	height: auto;
}

.slideWrapper #amenitySlide li > div > p {
	background-color: #ffffff;
	width: auto;
	height: 30px;
	font-size: 120%;
	line-height: 1.3;
	padding: 10px;
}

.slideWrapper #amenitySlide-prev-btn {
	background-image: url(../hotel_img/common/btn_recoPrev_unizo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 17px;
	margin-top: -8.5px;
	position: absolute;
	top: 50%;
	left: 0;
}
.unizoinn .slideWrapper #amenitySlide-prev-btn {
	background-image: url(../hotel_img/common/btn_recoPrev_unizoinn.png);
}
.unizoexp .slideWrapper #amenitySlide-prev-btn {
	background-image: url(../hotel_img/common/btn_recoPrev_unizoexp.png);
}

.slideWrapper #amenitySlide-next-btn {
	background-image: url(../hotel_img/common/btn_recoNext_unizo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 17px;
	margin-top: -8.5px;
	position: absolute;
	top: 50%;
	right: 0;
}
.unizoinn .slideWrapper #amenitySlide-next-btn {
	background-image: url(../hotel_img/common/btn_recoNext_unizoinn.png);
}
.unizoexp .slideWrapper #amenitySlide-next-btn {
	background-image: url(../hotel_img/common/btn_recoNext_unizoexp.png);
}

.slideWrapper #amenitySlide-prev-btn a,
.slideWrapper #amenitySlide-next-btn a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.slideWrapper #amenitySlide-prev-btn:hover,
.slideWrapper #amenitySlide-next-btn:hover {
	opacity: 0.8;
}



/* トップ > 店舗閉鎖テキスト
------------------------------------------- */

#hotelClose {
	background-color: #efefef;
	padding: 20px 0;
}

#hotelClose p {
	font-size: 120%;
	text-align: center;
}

#hotelClose p + p {
	margin-top: 1em;
}

#hotelClose p a {
	color: #062f8c;
}

#hotelClose.end {
	background-color: #ffffff;
	padding: 40px 0;
	margin-bottom: -100px;
}

#hotelClose.end h1 {
	color: #062f8c;
	font-size: 180%;
	text-align: center;
	margin-bottom: 15px;
}