@charset "UTF-8";

/* -------------------------------------------------------------
　TOPタイトル
------------------------------------------------------------- */

#blog #page_title {
	background:url(/img/hotel_h1/h1_bg_blog.jpg) 35% top no-repeat;
	background-size: auto 275px;
}




/* -------------------------------------------------------------
　ホテルブログ
------------------------------------------------------------- */

#blogBl {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 0 40px;
}

#blogBl h1 {
	display: none;
}

#blogBl #article {
	margin: 0 20px 60px;
}

#blogBl #article h3 {
	color: #638FA2;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.7;
	margin: 0 0 20px;
	padding: 0 0 5px;
	border-bottom: 1px solid #638FA2;
}
/* プレミア適用 */
body.prem #blogBl #article h3 {
	color: #AC9362;
	border-bottom: 1px solid #AC9362;
}

#blogBl #article h3 img {
	width: 60px;
	height: 24px;
	margin: 0 0 -6px 5px;
}
/* プレミア適用 */
body.prem #blogBl #article h3 img {
}

#blogBl #article #blogImg img {
	max-width:400px;
	width:100%;
	height:auto;
	display:block;
	margin:0 auto 30px;
}

#blogBl #article #postDate {
	font-size: 9px;
	text-align: right;
	margin: 30px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #707070;
}




/* Blog ナビ
------------------------------------------------------------- */

#blogBl #articleBl #blR {
	position:relative;
}

#blogBl #articleBl #blR dl {
	padding: 0 10px;
}

#blogBl #articleBl #blR dt {
	color: #fff;
	font-size: 14px;
	font-weight:400;
	text-align: center;
	line-height: 1;
	padding: 13px;
	background: #1D2B30;
	border-radius: 2px;
	cursor: pointer;
}
#blogBl #articleBl #blR dt:nth-of-type(2) {
	background: #1D2B30 url(/img/common/mk_plus.png) 95% 50% no-repeat;
	background-size: 16px auto;
}
#blogBl #articleBl #blR dt:nth-of-type(2).on {
	background: #1D2B30 url(/img/common/mk_minus.png) 95% 50% no-repeat;
	background-size: 16px auto;
}

#blogBl #articleBl #blR a.newArticlle {
	display: none;
}

#blogBl #articleBl #blR dd {
	padding: 20px 5px 40px;
}
dl.accordion dd:nth-of-type(2) {
	display: none;
}

#blogBl #articleBl #blR dd ul li {
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 0 6px;
}


#blogBl #blR a:link {
	color: #1D2B30;
	text-decoration: none;
}

#blogBl #blR a:visited {
	text-decoration: none;
	color: #1D2B30;
}

#blogBl #blR a:hover {
	text-decoration: underline;
	color: #638FA2;
}
/* プレミア適用 */
body.prem #blogBl #blR a:hover {
	color: #AC9362;
}

#blogBl #blR a:active {
	text-decoration: none;
	color: #638FA2;
}
/* プレミア適用 */
body.prem #blogBl #blR a:active {
	color: #AC9362;
}








/* media Queries PC //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 810px */
@media screen and (min-width:810px), print {

/* -------------------------------------------------------------
　TOPタイトル
------------------------------------------------------------- */

#blog #page_title {
	background:url(/img/hotel_h1/h1_bg_blog.jpg) center top no-repeat;
	background-size:cover;
}




/* -------------------------------------------------------------
　ホテルブログ
------------------------------------------------------------- */

#blogBl {
	max-width: 1000px;
	padding: 0 0 180px;
}

#blogBl #articleBl {
	display: flex;
	width: 100%;
}


#blogBl #articleBl #blL {
	width: calc(100% - 230px - 1%);
	padding: 0 11% 0 1%;
}

#blogBl #article {
	margin: 0 0 40px;
}

#blogBl #article h3 {
	font-size: 22px;
	margin: 0 0 30px;
}

#blogBl #article h3 img {
	width: 90px;
	height: 24px;
	margin: 0 0 -5px 10px;
}

#blogBl #article #postDate {
	font-size: 12px;
	margin: 40px 0 0;
	padding: 20px 0 0;
}




/* Blog ナビ
------------------------------------------------------------- */

#blogBl #articleBl #blR {
	width: calc(230px + 1%);
	padding: 0 1% 0 0;
}

#blogBl #articleBl #blR dl {
	padding: 0;
}

#blogBl #articleBl #blR dt {
}

#blogBl #articleBl #blR dt:nth-of-type(2) {
	background: #1D2B30 url(/img/common/mk_plus.png) 93% 50% no-repeat;
	background-size: 16px auto;
}
#blogBl #articleBl #blR dt:nth-of-type(2).on {
	background: #1D2B30 url(/img/common/mk_minus.png) 93% 50% no-repeat;
	background-size: 16px auto;
}


#blogBl #articleBl #blR dd {
	margin:0 0 30px;
	padding: 10px 5px 20px;
}

#blogBl #articleBl #blR dd ul li {
	font-size: 13px;
	line-height: 1.6;
	padding: 8px 0;
}






}/* 801 */