@charset "utf-8";
/*
Theme Name: ベッセルホテルズ
Theme URI: https://www.vessel-hotel.jp
Author: ベッセルホテルズ
Author URI: https://www.vessel-hotel.jp
Description: 「ベッセルホテルズ」のテーマ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: original, responsive
Text Domain: www.vessel-hotel.jp
*/

.footer_topicpath ol li:first-child em { display: none; }

.wp-pagenavi { display: table; margin: auto; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi span { display: table-cell; color: #222222; padding: 0 10px; }
.wp-pagenavi a { display: table-cell; color: #888888; padding: 0 10px; }

.wp-pagenavi .crrent, .wp-pagenavi .page { font-family:"Lusitana",serif; }
.wp-pagenavi .previouspostslink { position:absolute; top:46px; left:0; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.wp-pagenavi .nextpostslink { position:absolute; top:46px; right:0; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.page_information.post-type-archive .information_pager .information_pager_index { position: relative; margin-top:19px; top: auto; left: auto; }

.page_information.post-type-archive .information_pager { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
.page_information.post-type-archive .information_pager .information_pager_index { margin-top: 15px; margin-bottom: 15px; }

.page_information .ttl1.mt { margin-top: 170px; }
.page_information .ttl1.mb { margin-bottom: 60px; }

.page_information .news-contents-inner { width: 30%; margin: 0 5% 5% 0; }
.page_information .news-contents-inner:nth-child(3n) { margin: 0 0 5% 0; }

.page_information.post-type-archive #main { display: block; height: 278px; }
.page_information.post-type-archive #main h1 { top: 238px; }


/*--------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

.wp-pagenavi span { padding: 0 calc(10 * 100vw / 320); }
.wp-pagenavi a { padding: 0 calc(10 * 100vw / 320); }

.wp-pagenavi .previouspostslink { top:calc(55 * 100vw / 320); padding: 0; }
.wp-pagenavi .nextpostslink { top:calc(55 * 100vw / 320); padding: 0; }

.page_information #main { height:calc(200 * 100vw / 320); border-top: 1px solid #eeeeee; padding-top: 0; margin-top: calc(49 * 100vw / 320); }
.page_information.post-type-archive #main { height:calc(150 * 100vw / 320); }
.page_information.post-type-archive #main h1 { top: calc(101 * 100vw / 320); }

.page_information .news-ttl1 { margin-bottom: 0; padding: calc(20 * 100vw / 320) calc(20 * 100vw / 320) calc(20 * 100vw / 320) calc(25 * 100vw / 320); letter-spacing: calc(1 * 100vw / 320); line-height: inherit; font-size: 13rem; border-top: solid 1px #dcdcdc; }
.page_information .news-ttl1:before { content: ''; width: calc(9.5 * 100vw / 320); height: calc(9.5 * 100vw / 320); top: 32%; left: calc(1 * 100vw / 320); }
.page_information .news-ttl2 { font-size: 13rem; color: #888; margin-bottom: 0; padding: calc(20 * 100vw / 320) calc(20 * 100vw / 320) calc(20 * 100vw / 320) 0; }
.page_information .news-menu { width: calc(270 * 100vw / 320); margin: auto; float: none; border-bottom: solid 1px #dcdcdc; }
.page_information .news-menu p a { display: block; }
.page_information .news-contents { float: left; width: 72.5%; height: 100%; overflow: hidden;}
.page_information .news-contents-outer { height: 100%; }
.page_information .news-menu-inner { border-top: solid 1px #dcdcdc; padding: 0;}

.page_information .news-list1 { font-size: 12rem; line-height: 1; margin-bottom: calc(20 * 100vw / 320); }
.page_information .news-list1 li{ margin-bottom: calc(10 * 100vw / 320); letter-spacing: calc(1 * 100vw / 320);}
.page_information .news-list1 li:last-of-type{ margin-bottom: 0;}
.page_information .news-list1 a{ color: #222 ; position: relative; padding-left: calc(14 * 100vw / 320); transition: .5s color ease-out;}
.page_information .news-list1 a:hover { color: #999; }
.page_information .news-list1 a:before { width: calc(3.5 * 100vw / 320); height: calc(6.5 * 100vw / 320); top: calc(5 * 100vw / 320); left: calc(3 * 100vw / 320); }


.page_information .ttl1.mt { margin-top: calc(80 * 100vw / 320); }
.page_information .ttl1.mb { margin-bottom: calc(80 * 100vw / 320); }

.page_information .news-contents-box { padding: calc(25 * 100vw / 320); }
.page_information .news-contents-inner { width: 100%; margin: 0 0 calc(50 * 100vw / 320) 0; }

.page_information .news-contents-date { font-size: 12rem; float: left; margin-top: 0; padding: calc(4 * 100vw / 320) 0; color: #888 !important;}
.page_information .news-contents-label { font-size: 10rem; float: right; background-color: #000; color: #fff; padding: calc(8 * 100vw / 320) calc(26 * 100vw / 320); box-sizing: border-box; line-height: 1;}
.page_information .news-contents-txt { font-size: 12rem; line-height: inherit; letter-spacing: calc(1 * 100vw / 320); color: #222 !important;}



.page_information.single-information #main { display: block; height: calc(255 * 100vw / 320); }
.page_information.single-information #main h1 { top:calc(101 * 100vw / 320); }

.page_information.single-information .ttl11 { padding: 0 calc(25 * 100vw / 320); }
.page_information .ttl11 .ja { display: block; font-size:21rem; letter-spacing:calc(2.4 * 100vw / 320); line-height:inherit; }
.page_information .ttl11.mt { margin-top:0; }
.page_information .ttl11.mb { margin-bottom:calc(5 * 100vw / 320); }

.page_information .contents_inner2 { padding-top:calc(88 * 100vw / 320); }
.page_information.single-information .contents_inner2 { padding-top:0; }


.page_information .information_date { margin-bottom:calc(19 * 100vw / 320); color:#888888; font-size:12rem; text-align:center; letter-spacing:1px; }
.page_information .information_category { display:block; text-align:center; margin-bottom:calc(58 * 100vw / 320); }
.page_information .information_category>span { padding:calc(8 * 100vw / 320) calc(26 * 100vw / 320); background-color:#000000; color:#ffffff; font-size:10rem; text-align:center; letter-spacing:1px; }
.page_information .information_image { margin-bottom:calc(38 * 100vw / 320); }
.page_information .information_pager { font-size: 14rem; position:relative; margin: 0 calc(25 * 100vw / 320) calc(90 * 100vw / 320); border-top:1px solid #dddddd; }
.page_information.single-information .information_pager { margin: 0 calc(25 * 100vw / 320) calc(160 * 100vw / 320); }
.page_information.post-type-archive .information_pager { border-bottom: 1px solid #dddddd; }
.page_information .information_pager p { color:#888888; font-size:14rem; letter-spacing:1px; }
.page_information .information_pager p a { color:#888888; }
.page_information .information_pager .information_pager_index { margin-top: 0; margin-bottom: calc(15 * 100vw / 320); }
.page_information.single-information .information_pager .information_pager_index { margin-top: 0; top: calc(19 * 100vw / 320); left: calc(50% - 25.64 * 100vw / 320) }
.page_information.single-information .information_pager .information_pager_index::after { content: ''; background-color: #dddddd; height: 1px; width: calc(270 * 100vw / 320); position: absolute; bottom: calc(-15 * 100vw / 320); left: calc(-109 * 100vw / 320); }
.page_information.post-type-archive .information_pager .information_pager_index { position: relative; left: auto; /*padding-bottom: calc(20 * 100vw / 320);*/ }
.page_information .information_pager .information_pager_prev { top:calc(70 * 100vw / 320); left:0; }
.page_information .information_pager .information_pager_next { top:calc(70 * 100vw / 320); right:0; }


#tinymce {
	padding: 0 calc(25 * 100vw / 320); font-size: 14rem;
	line-height: inherit;
	margin: 0;
}

#tinymce pre { font-size:12rem; }
#tinymce p { margin-bottom:calc(28 * 100vw / 320); font-size:14rem; letter-spacing:calc(1.4 * 100vw / 320); line-height:calc(28 * 100vw / 320); }
#tinymce table { margin:0 0 calc(28 * 100vw / 320) 0; }

#tinymce h3 { display: block; color:#222222; font-size:28rem; letter-spacing:calc(2 * 100vw / 320); margin-bottom: calc(18 * 100vw / 320); }
#tinymce h3 span.h3_sub { display: block; color:#cccccc; font-size:16rem; letter-spacing:calc(0.1 * 100vw / 320); margin-bottom: calc(7 * 100vw / 320); }
#tinymce h4 { color:#888888; font-size:16rem; letter-spacing:calc(1.2 * 100vw / 320); margin-bottom:calc(18 * 100vw / 320); }
#tinymce h5 { margin-bottom:calc(14 * 100vw / 320); color:#e68213; font-size:24rem; letter-spacing:calc(2.6 * 100vw / 320); }

} /* max-width: 768px */