@charset "utf-8";

/* ---------- Normal ---------- */
@font-face {
  font-family: 'GenJyuuGothic';
  src: url('fonts/GenJyuuGothic-P-Normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* ---------- Bold ---------- */
@font-face {
  font-family: 'GenJyuuGothic';
  src: url('fonts/GenJyuuGothic-P-Bold.woff') format('woff');
  font-weight: 700;
  font-style: bold;
}

.fb-root {
	display:none;
}

h2 {
	text-decoration: none;
	font-weight: normal;
	font-size: 1.5rem;
	color: #231815;
	letter-spacing: 0.3em;
	text-align: left;
	margin: 0 0 5% 5%;
}

/* ---------- 多言語メニュー---------- */

.Language-menu {
	display: none;
}

/* --------- */

#container {
    width: 100%;
    text-align: center;
    overflow: hidden;/* スマホ右端の隙間を無くす */
}

.no-smart {
	display: none;
}

/* ---------- TOPスライドショーとコピー ---------- */

#top-slider {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column-reverse;

}

/* .top-clearfix:after { 
    display:block;
    clear:both;
    visibility:hidden;
    content:".";
	line-height:0;
} */

#copy {
	text-align: center;
	margin: 40px auto 0 auto;
	
}

#copy img {
	width: 60%;

}



#slider-box {
	position: relative;
	width: 100%;
}

#slider-box:after { /* floatの解除 */
    display:block;
    clear:both;
    visibility:hidden;
    content:".";
	line-height:0;
}

#slider-box #slider img {
	height: auto;
	width: 100%;
}

.mainimg {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.mainimg li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.mainimg li:first-child {
	position: relative;
	display: block;
	float: left;
}

.mainimg img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

/* ---------- TOP用メニュー ---------- */

#sticky-menubar {
	display: none;
	visibility: hidden;
}

h1 {
	display: none;
	visibility: hidden;
}

/* ---------- 以下からの枠 ---------- */

#wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
}

/* --------------------- 【記事1】--------------------- */

#kiji-1 {
	width:100%;
	margin:0 auto;
	padding-top: 3%;
	display: flex;
	flex-direction: column;/* 順番入替用*/
}

/* ---------- PICK UP ---------- */

.osusume-contents {
	width: 100%;
	order: 2;/* 順番入替用*/
	-webkit-order: 2;
	-ms-flex-order: 2;
}

.osusume-contents h2 {
	font-weight: bold;
	font-size: 1.5rem;
	padding-bottom: 5px;
	-webkit-text-size-adjust: 100%;/* iPhone版Safari文字サイズの自動調整OFF */
}

.osusume-contents .yajirushi {
	font-weight: normal;
	padding-right: 3%;
}

.osusume-box-waku{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10%;
}

.osusume-box {
	width: 48%;
	float: left;
}

.box-b-sp {
}

.box-r-sp {
}

.smart-sp-l {
	margin: 0 2% 0 0;
}

.smart-sp-r {
	margin: 0 0 0 2%;
}

/* ---------- PICK UP -画像-文字 ---------- */

.osusume-img {
	width: 100%;
}
.osusume-img .caption {
	font-size: 1.3rem;
	line-height: 1.7em;
	text-align: left;
	letter-spacing: 0.01em;
}
.osusume-img .yajirushi {
	display: none;
}
.osusume-img .mask {
}
.osusume-img:hover .mask {
}

.osusume-name {
	display: none;
}

.smart-osusume-name {
	font-size: 1.5rem;
	padding: 15px 0;
	letter-spacing: 0.01em;
	font-weight: bold;
	text-align: left;
}

/* ---------- PICK UP -ボタン ---------- */

.osusume-btn {
	text-align: right;
	margin: 14px 14.5px 0 0;
}

.button {
  display: inline-block;
  width: 110px;
  height: 25px;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  border: 1px solid #9FA0A0;
  color: #595757;
  line-height: 23px;
  overflow: hidden;
  font-size: 1.2rem;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: -100%;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  top: 0;
  background-color: #333;
}

/* ---------- メインテキスト ---------- */

.main-text-contents {
	width: 100%;
	margin-bottom: 12%;
	text-align: left;
	order: 1;/* 順番入替用*/
	-webkit-order: 1;
	-ms-flex-order: 1;
	-webkit-text-size-adjust: 100%;/* iPhone版Safari文字サイズの自動調整OFF */
}

.main-text-box {
	width: 90%;
	margin: 0 auto;
}

.main-text-midashi {
	display: none;
	text-align: center;
	margin: 0;
	padding: 0;
	text-decoration: none;
	margin-bottom: 6%;
	font-size: 1.6rem;
	line-height: 0.9em;
	letter-spacing: 0.17em;
	font-family: 'GenJyuuGothic';
	font-weight: bold;
}

.main-text-midashi ul li {
	float: left;
	padding-right: 2.5%;
}

.main-text-midashi .test-s {
	font-size: 1rem;
	letter-spacing: 0.07em;
	color: #595757;
	font-family: 'GenJyuuGothic';
	font-weight: normal;
	padding-top: 4%;
}

.main-text {
	font-size: 1.2rem;
	line-height: 2em;
	color: #231815;
	margin-bottom: 5%;
	letter-spacing: 0.02em;
	font-family: 'GenJyuuGothic';
	font-weight: normal;
}

.main-text-1 {
	margin-bottom: 5%;
}

/* --------------------- 【記事2】--------------------- */

#kiji-2 {
	width:100%;
	margin:0 auto 20% auto;
}

/* --------------------- 【記事3】--------------------- */

#kiji-3 {
	width:100%;
	margin:0 auto 10% auto;
}

.kiji-3-l {
	width: 100%;
	margin-bottom: 20%;
	border-top:1px dashed #BEBEBE;
	border-bottom: 1px dashed #BEBEBE;
}

.kiji-3-r {
	width: 100%;
}

/* ---------- イベント ---------- */

.event-contents {
	margin-bottom: 20%;
	width: 100%;
}

.event_bn {
	width: 95%;
	margin: 0 auto 5% auto;
	padding-top: 15%;
}

.event_bn ul li {
	float: left;
	width: 50%;
	margin-bottom: 5%;
}

.event_bn ul li img {
	width: 95%;
}

.event_bn.clearfix:after{
	height: 0;
}

/* ---------- ニュース（ブログ） ---------- */

.news_kiji {
	width: 95%;
	text-align: center;
}

.news_kiji ul li {
	float: left;
	width: 50%;
	margin-bottom: 5%;
	line-height: 1em;
}

.news_kiji ul li img {
	width: 90%;
}

.news_kiji ul li a .news_moji {
	font-size:1rem;
	color: #595757;
	letter-spacing: 0.01em;
	padding: 0 5%;
}

/*
.top-yoyaku {
	display: none;
}
*/

.smart-yoyaku {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 12%;
	text-align: center;
	line-height: 2.5em;
}

.yoyaku-midashi {
	font-size: 1.7rem;
	border-bottom: 1px solid #231815;
	padding-bottom: 2%;
}

.yoyaku-tel {
	font-size: 2.5rem;
	font-weight: bold;
	padding-top: 4%;
}

.yoyaku-time {
	font-size: 1.5rem;
}

/* ---------- インスタ ---------- */

.insta-contents {
	position: relative;
}

.insta-midashi {
}

.insta-btn {
	position: absolute;
	bottom: 0;
	right: 7%;
}

.insta-btn-size {
	width: 200px;
	height: 30px;
	line-height: 28px;
	font-size: 1.4rem;
}

.insta_kiji {
	margin:0 auto;
	padding-top: 5px;
}

#instafeed {
	width: 100%;
	margin: 0 auto 0 5%;
}

#instafeed .trim_box {
	float: left;
	margin: 0 5% 5% 0;
}

#instafeed .trim {
	display: table-cell; /*上下中央*/
    width: 130px;
    height: 130px;
	text-align: center; /*左右中央*/
	vertical-align: middle; /*上下中央*/
	background-color:#FFF;
}

.trim img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

.trim:hover img {
	opacity: 0.6 ; /* 濃さ0～1 */
	filter: alpha(opacity=60) ;	/* Ie用 */
}

.instafeed_box {
	padding-bottom: 5%;
}

/* --------------------- 【記事4-MAP】--------------------- */

#kiji-4 {
	width:100%;
	margin:0 auto 18% auto;
}

#top_map {
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pagetop {
	display: none;
}

/* --------------------- 【記事5-ACCESS】--------------------- */

#kiji-5 {
	width:100%;
	margin:0 auto 5% auto;
	padding: 0;
}

#kiji-5 h2 {
	width:95%;
	margin:0 auto 10% auto;
	padding: 0;
}

.top-access {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.top-access ul li {
	float: left;
	width: 50%;
	margin-bottom: 8%;
}

/* ---------- フッター ---------- */

#new-footer {
	width:100%;
	background-color:#EDEDED;
	color:#595757;
	padding-top: 7%;
}

.new-footer_box_1 {
	width: 90%;
	margin:0 auto;
	padding:0;
	position: relative;
}

.new-footer_box_1 h3 {
	text-decoration: none;
	font-weight: normal;
	font-size: 1.5rem;
	color: #231815;
	letter-spacing: 0.3em;
	text-align: left;
	margin: 0 0 5% 0;
}

.L-menu {
	padding-bottom: 5%;
	font-size: 2.2rem;
	color: #231815;
	letter-spacing: 0.01em;
	line-height: 2em;
	text-align: left;
}

.L-menu a:link { color: #231815; }
.L-menu a:visited { color: #231815; }
.L-menu a:hover { color: #9b9a9a; }
.L-menu a:active { color: #9b9a9a; }


.new-info-box {
	line-height: 1.7em;
}

.new-fb-box {
}

.new-info-menu {
	text-align: left;
}

.new-info-menu-l {
}

.new-info-menu-l p {
}

.new-info-menu-l p.text1 {
}

.new-info-menu-r {
	padding-top: 25px;
	line-height: 2em;
	color: #231815;
}

.new-footer_menu {
	margin:0 0 5% 0;
	text-align: left;
}

.new-footer_menu ul li a {
	position: relative;
	display: block;
	padding: 15px 25px 15px 5px;
	border-bottom: 1px dotted #918b8a;
}

.new-footer_menu ul li a:after { /* 矢印 */
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.smart-display-none { /* 「団体のお客様へ」一旦非表示 */
	display:none;
}

/* ---------- Facebook ---------- */

.fb-page{
	margin: 0 auto;
	text-align: center;
}

.fb-btn-size {
	width: 340px;
	height: 30px;
	letter-spacing: 0.4em;
	margin-bottom: 7%;
	font-size: 1.7rem;
	line-height: 30px;
	margin-top: 5%;
}

.new-footer_box_2 {
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.new-footer_rogo {
	text-align:center;
	font-size:1.3rem;
	margin-bottom:2%;
	border-top: 1px solid #C9CACA;
	padding-top: 5%;
}

.new-footer_rogo img {
	vertical-align:middle;
	margin-right:3%;
}

.new-info-menu-l a:link { color: #595757; }
.new-info-menu-l a:visited { color: #595757; }
.new-info-menu-l a:hover { color: #9b9a9a; }
.new-info-menu-l a:active { color: #9b9a9a; }

.new-info-menu-r a:link { color: #231815; }
.new-info-menu-r a:visited { color: #231815; }
.new-info-menu-r a:hover { color: #7b7473; }
.new-info-menu-r a:active { color: #7b7473; }

/* ---------- TOPへもどる ---------- */

.go-top {
	text-align: right;
}

/* ---------- コピーライト ---------- */

.new-copy {
	text-align:center;
	font-size:1.2rem;
	letter-spacing:0;
}

/* ---------- 予約エンジン提供元の提示 ---------- */

.new-travel {
	width:100%;
	background-color:#EDEDED;
	color:#595757;
}

.new-travel p {
	font-size:1rem;
	padding-bottom: 5%;
}