@charset "utf-8";
/**************************************************
** [ブレイクポイント]
** 640pxまで：スマホ横位置(小)・スマホ縦位置
** 641px～968pxまではタブレット
** 969px～1280pxまではデスクトップ
** 1281px以上：PC・大型端末
**************************************************/

/* Large desktop 2*/
@media all and (min-width: 1681px) {
}
/* Large desktop 1 */
@media all and (min-width: 1281px) and (max-width: 1680px) {
}
/* tablet & PC */
@media all and (min-width: 969px) and (max-width: 1280px) {
}
/* tablet */
@media all and (min-width: 641px) and (max-width: 968px) {
}
/* mobile */
@media all and (max-width: 640px) {
}


/* ===================================================================
   common layout
=================================================================== */
html,body{
    height:100%;
}

body {
	font-size: 100%;
    line-height: 160%;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    color: #000;
    text-align: center;
	letter-spacing: 0.05em;    
}

#container {
	width:auto;	
	position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow: hidden;
    background: #fff;
}

#container:after {
    content: "";
    display: block;
    height: 0; 
    }
    
body > #container {
    height: auto;
}

#container a {
	text-decoration: underline;
}

/*----------------------------------- 
  only PC / only SP
------------------------------------*/
@media all and (min-width: 969px) {
.pc {
	display: block;
}
.sp {
	display: none;
}
}
@media all and (max-width: 968px) {
.pc {
	display: none!important;
}
.sp {
	display: block!important;
}
}

/*----------------------------------- 
  pagetop
------------------------------------*/
#pageTop a {
	display: block;
	width: 100%;
	margin: 110px auto;
	cursor: pointer;
}
#pageTop a img {
	width: 24px;
	height: 14px;
}


/*----------------------------------- 
  progressbar（Loading）
------------------------------------*/
/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background:#333;
	text-align:center;
	color:#fff;
}

/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
	color: #fff;
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 2px;
}

/*----------------------------------- 
  遅延読み込み表示
------------------------------------*/
/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(50px);
    /*transform: translateY(100px);*/
  }

  to {
    opacity: 1;
    visibility: visible;
	transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}




/*----------------------------------- 
  header
------------------------------------*/
header {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding: 15px 0 5px 0;
	background-color: #fff;
	/*opacity: 0.9;*/
	/*background: rgba(255,255,255,0.9);*/
	color: #000;
	border-bottom: 1px solid #B9B8B8;
	position: fixed;
	z-index: 10;
	transition: 0.5s;
}
/*after scroll*/
.is-animation {
	padding: 10px 0 0 0;
	background: rgba(255,255,255,0.9);
	height: 55px;
}

header .head-inner {
	max-width: 96%;
	margin:0 0 0 auto;
	position: relative;
}

header .head-inner h1.logo {
	margin: 0 20px;
	width: 180px;
	height: auto;
	float: left;
}

header .head-inner h1.logo img {
	max-width: 100%;
	transition: 0.2s;
}

header .head-inner .globalNavi {
	display: flex;
	float: left;
	margin-top: 15px;
}
header .head-inner .globalNavi li {
	font-size: 18px;
	margin: 0 30px;
	list-style: none;
}
header .head-inner .globalNavi li a {
	
}
header .head-inner .sns {
	display: flex;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}
header .head-inner .sns li {
	width: 27px;
	height: auto;
	margin: 0 10px;
	list-style: none;
}

/*予約はこちら ドロップダウン*/
header .head-inner .reserve-panel {
	float: right;
	background-color: #E6E2D9;
	width: 300px;
	height: 50px;
	margin: 0 0 0 auto;
	text-align: center;
	display: block;	
}
header .head-inner .reserve-panel a.js-dropdown {
	display: block;	
	padding: 15px 0;
}
header .head-inner .reserve-panel .ico-arrow-down img {
	width: 15px;
	height: auto;
	margin: 0 0 0 10px;
}

header .head-inner .reserve-panel .menu_list .nav_item {
	position: relative;
	list-style: none;
	margin: 0;
}

header .head-inner .reserve-panel .menu_list .nav_item .panel {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	background: #E6E2D9;
	width: 100%;
	display: none;
}
header .head-inner .reserve-panel .menu_list .nav_item .panel .panel_item {
	margin: 20px auto;
	padding: 0 20px;
}
header .head-inner .reserve-panel .imformation .infoAccessTitle {
	font-size: 16px;
	margin: 8px auto;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
header .head-inner .reserve-panel .imformation p .strong {
	font-size: 16px;
}
header .head-inner .reserve-panel .imformation p,
header .head-inner .reserve-panel .imformation address {
	font-size: 13px;
	line-height: 1.6em;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	margin-bottom: 8px;
}
header .head-inner .reserve-panel .imformation .produce {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin-top: 15px;
}




@media all and (min-width: 1101px) and (max-width: 1280px) {
	header .head-inner h1.logo {
	margin: 5px 20px 0 0;
	width: 160px;
	height: auto;
	}
	header .head-inner .globalNavi li {
	margin: 0 15px;
	}
}

@media all and (min-width: 969px) and (max-width: 1100px) {
	header .head-inner h1.logo {
	margin: 5px 10px 0 0;
	width: 160px;
	height: auto;
	}
	header .head-inner .globalNavi li {
	margin: 0 10px;
	}
}








/*----------------------------------- 
  navi drawer
------------------------------------*/

@media (min-width: 969px) { /*969pxまでスマホナビ非表示・968px以下から表示*/
    .drawer-hamburger {
        display: none!important;
    }
}

.drawer-nav {
	background-color: #E6E2D9!important;
	color: #000!important;
	height: 100%!important;
}
.drawer-nav .drawer-menu {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center!important;
}
.drawer-brand {
	font-weight: normal!important;
}
.drawer-nav .drawer-menu li {
	display: block!important;
	margin: 0px;
	list-style: none;
}
.drawer-nav .drawer-menu li.icon-sns img {
	width: 35px;
	height: auto;
}
.drawer-nav .address {
	font-size: 15px;
}
.drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(30deg)!important;
    transform: rotate(30deg)!important;
}
.drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-30deg)!important;
    transform: rotate(-30deg)!important;
}
.drawer-brand {
	font-size: 1.2rem!important;
	line-height: 3rem!important;
}
/*.drawer-hamburger {
	z-index: 10!important;
}*/
/*----------------------------------- 
  footer
------------------------------------*/
footer { 
    width: 100%;
    color: #000;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	border-top: 1px solid #B9B8B8;
}

footer .footer-inner {
	float: left;
	display: flex;
	margin: 20px auto 10px 30px;
}
footer .footer-inner .flogo {
	width: 67px;
	margin-right: 20px;
}
footer .footer-inner .ftext {
	text-align: left;
}
footer .footer-inner .ftext h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}
footer .footer-inner .ftext address,
footer .footer-inner .ftext .information {
	font-size: 16px;
	margin: 0;
}
footer .footer-inner .ftext .address-text {
	padding: 0 15px 0 0 ;
}
footer .footer-inner .ftext .slash {
	padding: 0 2px 0 0;
}
footer .fcopy {
	float: right;
	text-align: right;
	margin: 50px 30px 0 0;		
}

footer .fcopy .produce {
	font-size: 15px;
	margin: 0;
}
footer .fcopy .produce a {
	text-decoration: underline;
}
footer .fcopy .copyright {
	font-size: 14px;
	margin: 0;
}
/*フッター固定バナー*/
#footerFloatingMenu {
	display: none;
}

@media all and (min-width: 969px) and (max-width: 1280px) {
	footer .footer-inner {
	float: none;
	display: flex;
	margin: 20px auto 10px 30px;
	}

	footer .fcopy {
	float: left;
	text-align: left;
	margin: 0 auto 0 118px;		
	}
}



/*----------------------------------- 
  main slider
------------------------------------*/
#slider{
	position: relative;
    overflow: hidden;
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    /*min-height: 700px;*/
    /*min-height: 90%;*/
    background-color: #999;
    z-index: 0;
}

/*----------------------------------- 
  scrool down bar
------------------------------------*/
/*スクロールダウン全体の場所*/
.scrolldown{
    /*描画位置*/
	position:absolute;
	left:50%;
	bottom:10px;
    /*全体の高さ*/
	height:50px;
	z-index: 5;
}

/*Scrollテキストの描写*/
.scrolldown span{
    /*描画位置*/
	position: absolute;
	left:-15px;
	top: -15px;
    /*テキストの形状*/
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
}

/* 線の描写 */
.scrolldown::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 40px;
	background: #eee;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:40px;
		opacity: 1;
	}
	100%{
		height:0;
		top:60px;
		opacity: 0;
	}
}


/*----------------------------------- 
  mainvisual slide
------------------------------------*/
.mainvisual {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	position: relative;
}
.mainvisual .logo {
	position: absolute;
	width: 248px;
	height: 159px;
	top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	z-index: 5;
}
.mainvisual .logo img {
	max-width: 100%;
	height: auto;
	filter: drop-shadow(4px 4px 4px #808080);
}






/*----------------------------------- 
  top contents
------------------------------------*/
.home-introduction {
	width: 900px;
	text-align: center;
	margin: 120px auto 120px auto;
}
.home-introduction h2 {
	font-size: 30px;
	line-height: 2.8em;
	letter-spacing: 0.1em;
}
.home-introduction .catch {
	width: 320px;
	height: auto;
	margin: 20px auto;
}
.home-introduction h3 {
	font-size: 20px;
	line-height: 2.8em;
	letter-spacing: 0.1em;
}
.home-introduction p {
	font-size: 20px;
	line-height: 2.8em;
	letter-spacing: 0.1em;
}

.brandaward {}
.brandaward .title {
	font-size: 20px;
	line-height: 2.0em;
	padding-bottom: 8px;
} 
.brandaward p {
	font-size: 16px;
	line-height: 1.8;
}


.home-contents {
	width: 900px;
	margin: 150px auto;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.home-contents:last-child {
	margin-bottom: 0;
}

.homeBox02,
.homeBox04 {
	flex-direction: row-reverse;
}

.home-contents .text {
	width: 44%;
}
.home-contents .image {
	width: 48%;
}

.homeBox01 .image,
.homeBox03 .image {
	margin-left: 2%;
}

.homeBox02 .image,
.homeBox04 .image {
	margin-right: 2%;
}

.home-contents h2 {
	font-size: 28px;
	line-height: 2.4em;
	margin-bottom: 20px;
	letter-spacing: 0.05em;
}
.home-contents h3.leadText {
	font-size: 20px;
	line-height: 2.0em;
	margin-bottom: 30px;
	letter-spacing: 0.05em;
}

.item-left-01,
.item-right-02 {

}

.item-right-01,
.item-left-02 {

}
.home-contents figure figcaption {
	font-size: 15px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	letter-spacing: normal;
}

.homeBox01 .catch01 {
	width: 375px;
	height: auto;
	margin: 0 0 20px 0;
}

.homeBox02 .catch02 {
	width: 180px;
	height: auto;
	margin: 0 0 20px 0;
}

.homeBox03 .catch03 {
	width: 264px;
	height: auto;
	margin: 0 0 20px 0;
}

.homeBox04 .catch04 {
	width: 293px;
	height: auto;
	margin: 0 0 20px 0;
}


.homeBox01 .text {
	margin: 80px 6% 0 0;	
}

.homeBox02 .text{
	margin: 100px 0 0 6%;
}

.homeBox03 .text {
	margin: 170px 6% 0 0;
}

.homeBox04 .text {
	margin: 170px 0 0 6%;
}

.pc_mt20_sp_mt30 {
	margin-top:20px;
}

/*----------------------------------- 
   home News area
------------------------------------*/
.newsHomeBox {
	width: 100%;
}
h2.newsHomeTitle {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 28px;
	line-height: 2.4em;	
}
h2.newsHomeTitle:before, h2.newsHomeTitle:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 35%;
  height: 1px;
  background-color: #B9B8B8;
}

h2.newsHomeTitle:before {
  left:0;
}
h2.newsHomeTitle:after {
  right: 0;
}

.newsHomeBox .recently-news,
.newsBox .recently-news {
	display: flex;
	column-gap: 56px;
	flex-wrap: wrap;
	margin: 70px auto;
	width: 100%;
	max-width: 1120px;
}
.newsHomeBox .recently-news .newsPost,
.newsBox .recently-news .newsPost {
	width: 30%;
	height: auto;
	text-align: left;
	margin-bottom: 50px;	
}
.newsHomeBox .recently-news .newsPost a,
.newsBox .recently-news .newsPost a {
	text-decoration: none!important;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	letter-spacing: normal;
}
.newsHomeBox .recently-news .newsPost a img,
.newsBox .recently-news .newsPost a img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.newsHomeBox .recently-news .newsPost a .title,
.newsBox .recently-news .newsPost a .title {
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 500;
	margin-bottom: 15px;
}
.newsHomeBox .recently-news .newsPost a .date,
.newsBox .recently-news .newsPost a .date {
	font-size: 16px;
	font-weight: normal;
	color: #A8A4A4;
}

.newsHomeBox .view-news-list a {
	text-align: center;
	text-decoration: none!important;
	font-size: 18px;
	padding: 15px 48px 10px;
	margin: 20px auto;
	display: inline-block;
	border: 1px solid #707070;
}

@media all and (min-width: 969px) and (max-width: 1280px) {
	.newsHomeBox .recently-news,
	.newsBox .recently-news {
	width: 92%;
	column-gap: 44px;
	}
}

.notfoundTitle {
	font-size: 32px;
	line-height: 2.4em;	
	text-align: center;
	margin: 0 auto;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.noPostMessage {
	font-size: 28px;
	line-height: 2.4em;	
	text-align: center;
	margin: 0 auto;
}

/*----------------------------------- 
   read more link
------------------------------------*/
.readmore {
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
    line-height: 2.0em;
    font-size: 16px;
    letter-spacing: normal;
}

/* 続きを読む・閉じる ボタン */
.readmore .btn {
    text-decoration: underline;
    text-align: right;
    margin-top: 20px;
}
.readmore .btn_close {
    text-decoration: underline;
    text-align: right;
    margin-top: 20px;
}

/*----------------------------------- 
  online reserve オンライン予約
------------------------------------*/
.onlineReserveBox {
	width: 209px;
	border: 1px solid #fff;
	border-radius: 10px;
	text-align: center;
	padding: 12px 18px 4px 18px;
	display: block;
	background-color: #fff;
	margin: 0 auto 20px;
}
.onlineReserveBox a {
	display: block;
	font-size: 20px;
	line-height: 1.5em;
	text-decoration: none!important;
}
/*----------------------------------- 
  toCallReserveBox 宿泊予約・お問い合わせ
------------------------------------*/
.toCallReserveBox {
	width: 209px;
	border: 1px solid #fff;
	border-radius: 10px;
	text-align: center;
	padding: 12px 18px 4px 18px;
	display: block;
	background-color: #fff;
	margin: 0 auto 20px;
}
.toCallReserveBox .text {
	font-size: 18px;
	line-height: 1.5em;
	margin: 0;
}
.toCallReserveBox .number {
	font-size: 24px;
	line-height: 1.6em;
	margin: 0;
}
.toCallReserveBox .number img {
	width: 25px;
	height: auto;
	margin: 0 10px -4px 0 ;
}
/*----------------------------------- 
  to call box お電話で
------------------------------------*/
.toCallBox {
	width: 228px;
	border: 1px solid #707070;
	border-radius: 39px;
	text-align: center;
	padding: 14px 32px 4px 32px;
	display: block;
	margin: 0 auto 20px;
}
.toCallBox .text {
	font-size: 18px;
	line-height: 1.6em;
}
.toCallBox .number {
	font-size: 24px;
	line-height: 1.8em;
}
.toCallBox .number img {
	width: 25px;
	height: auto;
	margin: 0 10px -4px 0 ;
}
/*----------------------------------- 
  to Reserve box ご予約はこちら
------------------------------------*/
.toReserveBox {
	width: 228px;
	border: 1px solid #707070;
	border-radius: 39px;
	text-align: center;
	padding: 4px 32px;
	display: block;
	margin: 0 auto 20px;
}
.toReserveBox a {
	display: block;
	font-size: 20px;
	line-height: 1.5em;
	text-decoration: none!important;
}

/*----------------------------------- 
  下層
------------------------------------*/
.pageMainVisual {
	width: 900px;
	margin: 140px auto 80px auto;
	padding-top: 0;
}

/*----------------------------------- 
  List
------------------------------------*/
.discList li {
	list-style-type: disc;
}

/*----------------------------------- 
  Menu
------------------------------------*/
h2.menu {
	text-align: center;
	font-size: 28px;
	line-height: 2.0em;
}
h2.menu img {
	width: 105px;
	height: auto;
	margin: 0 auto 10px auto;
	display: block;
}
.menu-contents {
	width: 900px;
	margin: 60px auto;
	text-align: center;
}
.menu-contents h3 {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 26px;
	line-height: 1.6em;
	margin:0 auto 40px auto;
	letter-spacing: 0.05em;
}
.menu-contents .price {
	font-size: 24px;
	line-height: 1.6em;
}
.menu-contents .price-option {
	
}
.menu-contents .menuText { 
	margin: 30px auto;
	text-align: center;
	font-size: 15px;
}
.menuInformation {
	width: 55%;
	margin: 60px auto;
	text-align: left;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
    line-height: 1.8em;
    font-size: 15px;
    letter-spacing: normal;
}
.menuInformation ul {
	margin: 0 0 30px 0;
}
.menuInformation ul li {
	text-indent: -1em;
    padding-left: 1em;
}
.menuInformation .ico-blackphone img {
    width: 14px;
	height: auto;
	margin: 0 2px 0 0 ;
}
/*----------------------------------- 
  Access
------------------------------------*/
h2.access {
	text-align: center;
	font-size: 28px;
	line-height: 2.0em;
}
h2.access img {
	width: 106px;
	height: auto;
	margin: 0 auto 10px auto;
	display: block;
}

.access-contents {
	width: 900px;
	margin: 40px auto;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #B9B8B8;
}


.access-contents h3 {
	font-size: 26px;
	line-height: 1.6em;
	margin: 30px 0;
	letter-spacing: 0.05em;
}
.access-contents h4 {
	font-size: 22px;
	line-height: 1.6em;
	margin: 20px 0;
	letter-spacing: 0.05em;
}
.access-contents p {
	margin: 0 0 40px 0;
	line-height: 2.0em;
	letter-spacing: 0.05em;
}


.public-transport {
	display: flex;
	flex-wrap: wrap;
}
.public-transport p { 
	line-height: 1.6em;
}

.tokyo,
.sendai,
.nagoya,
.hakata-osaka,
.kanazawa {
	margin: 0 0 30px 0;
}


.tokyo {
	width: 48%;
	clear: both;
	overflow: hidden;

}
.sendai,
.nagoya,
.kanazawa {
	width: 24%;
}

.hakata-osaka {
	width: 48%;
}

/*tokyo*/
.tokyo dl {
	float: left;
	width: 50%;
}

.tokyo dl dt,
.sendai dl dt,
.nagoya dl dt,
.hakata-osaka dl dt,
.kanazawa dl dt {
	margin: 0 0 20px 0;
}

.tokyo dl dd img,
.sendai dl dd img,
.nagoya dl dd img,
.hakata-osaka dl dd img,
.kanazawa dl dd img {
	float: left;
	width: 22px;
	height: auto;
	margin: 28px 5px 0 0;
}

.tokyo dl dd p,
.sendai dl dd p,
.nagoya dl dd p,
.hakata-osaka dl dd p,
.kanazawa dl dd p {
	/*margin: 0 0 8px 0!important;*/
}

.tokyo dl dd .first,
.sendai dl dd .first,
.nagoya dl dd .first,
.hakata-osaka dl dd .first,
.kanazawa dl dd .first {
	margin: 0 0 36px 0;
}
.tokyo dl dd .second,
.sendai dl dd .second,
.nagoya dl dd .second,
.hakata-osaka dl dd .second,
.kanazawa dl dd .second {
	margin: 0 0 8px 0;
}
.tokyo dl dd .third,
.sendai dl dd .third,
.nagoya dl dd .third,
.hakata-osaka dl dd .third,
.kanazawa dl dd .third {
	margin: 0 0 8px 0;
}


.tokyo dl dd p span,
.sendai dl dd p span,
.nagoya dl dd p span,
.hakata-osaka dl dd p span,
.kanazawa dl dd p span {
	margin: 0 0 0 15px;
}



.access-gmap {
	width: 100%;
}


/*----------------------------------- 
  Hotel
------------------------------------*/
h2.hotel {
	text-align: center;
	font-size: 28px;
	line-height: 2.0em;
}
h2.hotel img {
	width: 101px;
	height: auto;
	margin: 0 auto 10px auto;
	display: block;
}

.hotel-introduction {
	width: 900px;
	text-align: center;
	margin: 80px auto 120px auto;
}

.hotel-introduction p {
	font-size: 20px;
	line-height: 2.0em;
	letter-spacing: 0.1em;
}

.hotel-contents {
	width: 900px;
	margin: 150px auto;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.hotel-contents:last-child {
	margin-bottom: 0;
}

.hotelBox01,
.hotelBox03 {
	flex-direction: row-reverse;
}

.hotel-contents .text {
	width: 44%;
}
.hotel-contents .image {
	width: 48%;
}

.hotelBox02 .image,
.hotelBox04 .image {
margin-left: 2%;
}

.hotelBox01 .image,
.hotelBox03 .image {
margin-right: 2%;
}

.hotel-contents h2 {
	font-size: 28px;
	line-height: 2.0em;
	margin-bottom: 20px;
	letter-spacing: 0.05em;
}
.hotel-contents h3.leadText {
	font-size: 20px;
	line-height: 1.8em;
	margin-bottom: 30px;
	letter-spacing: 0.05em;
}

.hotel-contents figure figcaption {
	font-size: 15px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	letter-spacing: normal;
}


.hotelBox01 .text {
	margin: 0 0 0 6%;	
}

.hotelBox02 .text{
	margin: 20px 6% 0 0;
}

.hotelBox03 .text {
	margin: 20px 0 0 6%;
}

.hotelBox04 .text {
	margin: 80px 6% 0 0;
}


/*----------------------------------- 
  Reservation
------------------------------------*/
.reservation {
	background-color: #E6E2D9!important;
}

.reservation h2 {
	margin: 140px auto 20px auto;
	padding-top: 0;
	text-align: center;
	font-size: 28px;
	line-height: 2.0em;
}
.reservation-contents {
	width: 96%;
	border-top: 1px solid #909090;
	margin: 30px auto;
}
.reservation-contents .infoAccessTitle {
	font-size: 26px;
	line-height: 1.6em;
	margin: 30px 0 15px 0;
	letter-spacing: 0.05em;
}
.reservation-contents p,
.reservation-contents address {
	font-size: 15px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	letter-spacing: normal;
	margin-bottom: 8px;
}
.reservation-contents .strong {
	font-size: 17px;
}
.reservation .back-button {
	margin: 30px auto;
}


/*----------------------------------- 
  News (article)
------------------------------------*/
.newsBox {
	width: 100%;
	margin: 140px auto 80px auto;
}
h2.newsMainTitle {
	width: 100%;
	font-size: 28px;
	line-height: 2.4em;	
	margin: 30px auto 50px;
	font-weight: normal;
}

.news-back-button a {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	text-align: center;
	text-decoration: none!important;
	font-size: 18px;
	padding: 15px 78px 10px;
	margin: 40px auto;
	display: inline-block;
	border: 1px solid #707070;
}


.postBox {
	width: 680px;
	margin: 30px auto;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	letter-spacing: normal;
}


.postBox .postContentsBox {
	width: 680px;
	margin: 20px auto;
}

.postBox .postTitle {
	text-align: left;
	font-size: 30px;
	line-height: 1.8em;
	font-weight: 500;
	margin: 15px 0;
}
.postBox .date {
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #A8A4A4;
}
.postBox .postContentsBox {
	text-align: left;
}
.postBox .postContentsBox img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.postBox .postContentsBox p {
	margin-bottom: 20px;
}

/*----------------------------------- 
  category / tag
------------------------------------*/
.categoryList {
	margin: 0 10%;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.categoryList li {
	margin: 0 20px;
	font-size: 21px;
	line-height: 2.2em;
	list-style: none;

}
.categoryList li a {
	text-decoration: none!important;
	color: #A8A4A4;	
}
.categoryList li a:hover {
	text-decoration: underline!important;
	color: #000000!important;
}
.categoryList li.current a {
	text-decoration: underline!important;
	color: #000000!important;
}

.tagListBox {
	width: 680px;
	margin: 30px auto;
	border-top: 1px solid #707070;
	padding: 30px 0 0 0;
	text-align: left;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	letter-spacing: normal;
}
.tagListBox h3 {
	font-size: 18px;
	line-height: 2.2em;
	margin: 0 0 10px 0;
}
.tagList {	
	display: flex;
	display: flex;
	justify-content: row;
	flex-wrap: wrap;
}
.tagList li {
	font-size: 18px;
	line-height: 2.2em;
	margin: 0 30px 0 0;
	list-style: none;
}
.tagList li a {
	text-decoration: none!important;
}
.tagList li a:hover {
	text-decoration: underline!important;
	color: #8D8D8D;
}

/*----------------------------------- 
  Pagenation
------------------------------------*/
.pagenation {
	margin: 0 30%;
	text-align: center;
}
.page-numbers {
	display: flex;
	justify-content: center;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	letter-spacing: normal;
}
.page-numbers li {
	list-style: none;	
	margin: 0;
}
.page-numbers li a {
	font-size: 18px;
	padding: 5px 15px;
	margin: 0 10px;
	text-decoration: none!important;
}
.page-numbers li .current {
	border: 1px solid #707070;
	border-radius: 50px;
	font-size: 18px;
	padding: 5px 15px;
	margin: 0 10px;
}
.page-numbers li .dots {
	font-size: 18px;
	padding: 8px 15px;
	margin: 0;
}
.prev,
.next {
	width: 78px;
	height: auto;
	margin-top: 5px!important;
}
.prev img,
.next img {
	max-width: 100%;
	height: auto;
}

@media all and (min-width: 969px) and (max-width: 1280px) {
	
	
}