@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*共通*/
.dpy-none {
	display:none;
}

.wrap-1200 {
	width: 90%;
    max-width: 1250px;
    margin: auto;
}

a[title="nolink"] {
  pointer-events: none;
}

html{
	overflow-y: scroll;
}
body {
	font-family: "游明朝", "YuMincho";
	background: none;
}
p {
	color: #000!important;
}

.tagline ,
.article-header ,
/* #sidebar , */
.toc ,
.admin-panel ,
.sns-share ,
.sns-follow ,
.search-menu-button ,
.sidebar-menu-button ,
footer .site-name-text ,
.author-info {
	display: none;
}
.breadcrumb {
	display:none;
}

.entry-content , 
.entry-content>* {
	margin: 0;
}

.content {
	padding: 0;
	margin: 0;	
}

.wrap {
	width: auto;
}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
	width: 100%!important;
}

.content_wrap {
	width: 90%;
	max-width:1000px;
	margin: auto;
}

a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #fff;
	opacity: 0.8;
}

.main {
	padding: 0!important;
	margin: 0!important;
/*     width: 100%; */
	background: #fffff6;
}

.type-page {
	    margin-top: -1px;
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
	margin-top: 0!important;
}

h2:before {
	  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(https://hotel-oasis.jp/wp-content/uploads/2021/07/leaf-icon.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
	    margin-right: 9px;
}

.wp-block-buttons {
	background: #60290d;
    display: block;
    width: 65%;
    margin: auto;
	margin-top: 40px;
	
}

.wp-block-button {
	width: 100%;
    display: block;
    text-align: center;

}

.wp-block-button a {
	 background: none;
    width: 100%;
    display: block;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
}

.wp-block-button a:after {
	content: '';
	display: inline-block;
    border-style: solid;
    border-width: 8px 0 6px 8px;
    border-color: transparent transparent transparent #fff;
    margin-left: 12px;
}

.common-pdg {
	padding: 52px 0;
}

.fa-bars:before ,
.fa-home:before ,
.fa-arrow-up:before ,
.menu-caption ,
.menu-drawer a {
	color: #004126;
}

.menu-drawer a {
    border-bottom: 1px solid;
    padding: 14px 0;	
}


.menu-close-button {
	color: #004126;
	text-align: right;
	margin-right: 14px;
	
}

.sub-head {
	font-size: 33px;
}

.sub-page-content {
/* 	padding-top: 60px; */
	
}

.kodawari-mt {
/* 	margin-top: 100px; */
}

.mt-45 {
	margin-top: 45px!important;
}

.mt-15 {
	margin-top: 16px;
}

.video {
	margin-top: 100px;
}

.sp-block {
	display: none;
}

.flex-wrap {
	display: flex;
	border-bottom: 1px dotted!important;
}

.tbl-none {
	display: none;
}

.yukadan {
	margin-bottom: 13px!important;
}

/*トップページ*/
.front-top-page .main {
	background: none;
}

.ban-18 {
	text-align: right;
    color: red!important;
    font-weight: bold;
/* 	font-family: sans-serif; */
}

.single-news .sub-head {
	margin-bottom: 1.8em;
}

.single-news .main {
	width: 100%;
}

.single-news .entry-content {
	width: 90%;
	max-width:1000px;
	margin: auto;
}

.news-box {
	background: url(https://hotel-oasis.jp/wp-content/uploads/2021/07/news_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 45px 0;
	margin-bottom: 0!important;
}

.news-box .content_wrap {
	background: rgba(255,255,255,0.9);
   	padding: 22px 20px 40px;
	border-radius: 4px;
}

.news-box p {
	color: #333!important;
	padding: 7px 0;
	padding-left: 5px;
}

.news-box .date {
	margin-bottom: 0!important;
	display: inline-block;
}

.news-box .news-txt {
	display: inline-block;
	padding-left: 54px;
}

h2 {
  border-bottom: solid 3px #42b975;
  position: relative;
	background: none;
	padding: 0!important;
	margin-top: 40px;
	margin-bottom: 10px!important;
	background: none!important;
}

h2:after {
position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #b0c1ba;
  bottom: -3px;
  width: 15%;
}

.whatsnew {
/* 	display: none; */
}

div.whatsnew hr {
	display: none; 
}

div.whatsnew dl {
	display: none;
    border-bottom: 1px dotted!important;
}

div.whatsnew  a {
	color: #333;
}

.under-entry-content ,
.entry-footer {
	display: none;
}

.format-standard {
	width: 90%;
	max-width:1000px;
	margin: auto;
	margin-top: 50px;
}

.room-introduction {
	background: #fffff6;
	margin-bottom: 0!important;
}


.room-box {
	width: 100%;
	max-width: 1000px;
    margin: auto;
}

.room-introduction h2 {
	margin-top: 0!important;
}

.room-box .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
	height: 98%;
}

.bed-caution {
	margin-top: 15px;
}

.facility figure {
	margin-bottom: 0!important;
}

.facility img {
	vertical-align: bottom;
}

.facility p {
	text-align: center;
	margin-top: 2px;
}



/*フード・ドリンク*/
.foods-box {
	    position: relative;
    padding: 50px 25px;
    border-radius: 9px;
	    padding-top: 25px;
}

.food-box {
	background: #fff8eb;
	border: 1px solid #ffedce;
}

.drink-box {
	background: #f0fff6;
	border: 1px solid #d5f8e3;
}

.food-box .title {
	color: #e09100!important;
}

.drink-box .title {
    color: green!important;
}

.foods-box figure {
    width: 60px;
    left: 0;
    right: 0;
    margin: auto;
    top: 32px;
	margin-bottom: 0!important;
}

.foods-box figure img {
	    vertical-align: bottom;
}

.foods-box .title {
	font-size: 22px;
    margin-bottom: 10px;
}

.food-introduction {
	background: url(https://hotel-oasis.jp/wp-content/uploads/2021/07/food-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
/*     color: #fff; */
}

.new-food {
	display: none;
}

.new-btn {
	background: none;
    border: 2px solid #60290d;
}

.new-btn a {
	color: #60290d!important;
}

.new-btn a:after {
content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 6px 8px;
    border-color: transparent transparent transparent #60290d;
    margin-left: 12px;
}
	
.food-column {
/* 	display: none; */
	margin-bottom: 2px!important;
}


.access-map .wp-block-group {
	margin-bottom: 15px;
}

.access-column-l {
	width: 38%!important;
}

.access-column-r {
	width: 60%!important;
}

.access-map h3 {
	font-size: 16px;
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 0;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border: none;
	background: #efefef;
}

.access-map h3:before {
/* 	content: '■'; */
	color: #004216;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.access-map p {
/* 	padding-left: 32px; */
	font-size:16px;
}

/*フッター*/
.footer {
	margin-top: 0;
}

.food-page {
	display: none;
}

footer {
	background: #278a00!important;
/* 	background: #004216!important; */
	color: #fff;
}

footer a {
	color: #fff!important;
}

.navi-footer-in a:hover {
	background: none!important;
}

.footer-bottom {
	padding: 0;
	margin-top: 12px;
}

.copyright {
	font-size: 12px;
	margin-top: 22px;
}

/*客室・料金*/
.room-column {
	margin-bottom: 50px!important;
}

.room-column .wp-element-caption {
	    font-size: 16px;
    margin-top: 2px;
    color: #803c1a;
    font-weight: bold;
    text-align: center;
}

.room-column .rank , 
.facility-box .kind {
	color: #164902!Important;
    font-size: 22px;
	font-weight: bold;
	margin-bottom: 12px!important;
	border-bottom: solid 3px #42b975;
    position: relative;
}

.room-column .rank:after ,
.facility-box .kind:after {
	position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #b0c1ba;
    bottom: -3px;
    width: 15%;
}

.room-column .room-number {
	font-size: 16px;
	margin-bottom: 0px!important;
}

.room-column .room-number a {
	color: #333;
}

.room-column .room-number a:hover {
	color: #333;
}

table tr td {
	background: #fff;
}

table tr:nth-of-type(2n+1) {
	background: none;
}

.price-box- {
	display: none;
}

.price-box .title ,
.facility-box .title {
	font-size: 18px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0;
    padding-bottom: 4px;
    margin-bottom: 0;
    border: none;
	text-align: left;
    background: #007b43;
    color: #fff!important;
}

.price-box table{
	margin-bottom: 0!important;
}

.price-box table tr td,
.servicetime-box table tr td,
.stay-box table tr td {
	height: 45px!important;
}

.stay-box {
	margin-bottom: 0!important;
}

.hosoku {
	margin: 0!important;
	font-size: 14px;
}

.facility-box {
	text-align: left!important;
}

/*メンバーサービス*/
.member-service table {
	margin-bottom: 10px;
}


.member-service .column {
border: 1px solid #eee;	
}

   
.member-service .title {
	background-color: #f7fffb;
	background-image: url(https://hotel-oasis.jp/wp-content/uploads/2021/10/1409389.png);
    height: 290px;
    text-align: center;
	line-height: 290px;
	position: relative;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	border-right: 1px solid #eee;
	
}


.member-service .title p {
	position: relative;
}



.member-service .title p:before {
				  content: '';
  display: inline-block;
  width: 85px;
  height: 85px;
/*   background: url(http://japanitc.xsrv.jp/samplecheck/oasis/wp-content/uploads/2021/10/main.gif); */
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
	position: absolute;
    z-index: -999;
    opacity: 0.4;
    top: -21px;
    left: 0;
    right: 0;
    margin: auto;
}

.member-service .txt {
	background: white;
	padding: 6px;
	padding-top: 32px;
	padding-left: 20px;
	margin: 0!important;
	margin-left: -38px!important;
}


/*ギャラリー*/
.gallery .wp-block-columns {
	margin-bottom: 25px!important;
}

.gallery .wp-block-columns figure {
	margin-bottom: 0!important;
}

.gallery .catch {
	font-size: 24px;
	    margin-bottom: 22px;
    color: #742d09!important;
    font-weight: bold;
}

.gallery .txt {
	margin-bottom: 20px!important;
	    width: 820px;
    margin: auto;
	font-size: 16px;
    line-height: 2;
}

.gallery .wp-block-columns {
	display:none;
}

/*こだわり*/
.kodawari-column {
	display: none!important;
}

.kodawari .wp-block-column:not(:first-child) {
	margin-left: 10px;
}

.kodawari .box figure {
	margin-bottom: 10px!important;
	border-radius: 7px;
}

.kodawari .box figure img {
	vertical-align: bottom;
	width: 100%;
}

.kodawari .wp-block-cover {
	margin-bottom: 10px!important;
}

.kodawari .wp-block-cover img {
	border-radius: 7px;
}

.kodawari .wp-block-nextend-smartslider3 {
	margin-bottom: 30px;
}

.kodawari .title {
	color: #742d09!important;
    font-weight: bold;
    font-size: 20px;
	border-bottom: 3px double #aa9991;
	margin-bottom: 10px!important;
}

.kodawari .new-title {
		color: #742d09!important;
    font-weight: bold;
    font-size: 26px;
	border-bottom: 3px double #aa9991;
	margin-bottom: 10px!important;
	text-align: center;
	position: relative;
	    margin-top: 58px;
padding-bottom: 12px;
}

.kodawari .new-title:before {
		  content: '';
  display: inline-block;
  width: 85px;
  height: 85px;
  background-image: url(https://hotel-oasis.jp/wp-content/uploads/2021/07/leaf-icon.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
	position: absolute;
    z-index: -999;
    opacity: 0.4;
    top: -21px;
    left: 0;
    right: 0;
    margin: auto;
}
	
.kodawari .txt {
	margin-bottom: 8px!important;
}

.kodawari .kodawari-img {
/* 	min-height: 320px;	 */
}

.kodawari .kodawari-img img {
/* 	width:  350px!important;       */
/*     height: 320px!important;      */
    border-radius: 7px;  /* 角丸半径を50%にする(=円形にする) */
    background-position: center;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
}

.kodawari  .wp-block-columns {
	margin-top: 0px;
	    margin-bottom: 0;
}

/*サイトマップ*/
.sitemap-pdg {
	padding: 30px 0;
}

.sitemap_link {
	background: none;
	width: 100%;
	margin: 10px auto 20px!important;
}

.sitemap_link .wp-block-button{
	text-align: left;
}

.sitemap_link a {
	color: #333;
	text-align: left;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.sitemap_link a:hover {
	color: #333;
}

.sitemap_link a:after {
	display: none;
}

.sitemap_link a:before {
	content: '';
	display: inline-block;
    border-style: solid;
    border-width: 8px 0 6px 8px;
    border-color: transparent transparent transparent #333;
    margin-right: 12px;
}

.breadcrumb.sbp-main-before + .content, .breadcrumb.pbp-main-before + .content {
	margin-top: 0;
}

.admin-pv {
	display: none;
}

.single-post .sub-head ,
.blog .sub-head ,
.archive .sub-head ,
.single-news .sub-head {
	background: url(https://hotel-oasis.jp/wp-content/uploads/2021/12/050-scaled.jpg);
    background-position: center;
	background-size: cover;
	width: 100%;
	min-height: 300px;
	text-align: center;
	line-height: 300px;
	color: #fff!important;
	font-weight: bold;
}

.single-post .content-in ,
.blog .content-in ,
.archive .content-in ,
.single-news .content-in ,
.sidebar {
	background: #fffff6;
}

.blog .content-in ,
.single-post .content-in ,
.archive .content-in {
	justify-content: center;
}

.widget_search ,
.widget_recent_comments ,
.widget_meta ,
.single-news .sidebar {
	display:none;
}

.widget_recent_entries ul li {
	border-bottom: 1px dotted;
}

.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
	background: none;
}

.sidebar h3 {
	position: relative;
    color: #fff;
	text-align: center;
	font-weight: bold;
    background: -webkit-linear-gradient(
135deg,#278a00 25%,#2ca559 0,#2ca559 50%,#278a00 0,#278a00 75%,#2ca559 0);
background: linear-gradient(
-45deg,#278a00 25%,#2ca559 0,#2ca559 50%,#278a00 0,#278a00 75%,#2ca559 0);
    background-size: 12px 12px;
}

.blog .a-wrap:hover {
	background: none;
}

.archive-title {
	display: none;
}

.news-list{
	list-style-type:none;
}

.news-list a {
	display: flex;
	color: #333;
	border-bottom: 1px dotted;
	padding: 7px 0;
}

.news-list .date{
	padding-top: 0;
	padding-bottom: 0;
}

.news-list .title{
	border: none;
    font-size: 18px;
	font-weight: normal;
	padding-left: 50px;
    padding-top: 0;
	padding-bottom: 0;
	line-height: 1.8;
}

/*以下は202505追加分。ロードバイク洗車･整備施設 グロナビ背景*/
.page-id-1355 #navi,
.page-id-1700 #navi,
.page-id-1880 #navi,
.page-id-1930 #navi,
.page-id-2261 #navi {
    background-color: #F3EE64 !important; 
}

.page-id-1355 .custom-buttons-container,
.page-id-1700 .custom-buttons-container, 
.page-id-1880 .custom-buttons-container, 
.page-id-1930 .custom-buttons-container,
.page-id-2261 .custom-buttons-container {
    background-color: #F3EE64 !important;
}

.page-id-1355 #navi-in li a,
.page-id-1700 #navi-in li a,
.page-id-1880 #navi-in li a,
.page-id-1930 #navi-in li a,
.page-id-2261 #navi-in li a {
    color: black !important;
}

/* 以下は202505追加分。追加したヘッダー内のボタンの配置とスタイルをCSSで調整 */
.logo.logo-header.logo-image + div {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.logo.logo-header.logo-image + div > div {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    width: auto;
}

.header-button01 {
    display: inline-block;
    padding: 5px 15px;
    background-color: #0468C5;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    text-decoration: none;
    margin-right: 10px;
    width: 240px;
    text-align: center;
}

.header-button02 {
    display: inline-block;
    padding: 5px 15px;
    background-color: #FF9909;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    text-decoration: none;
    margin-right: 10px;
    width: 240px;
    text-align: center;
}

.header-button01 + .header-button02 {
    margin-top: 10px;
    margin-right: 0;
}

.button-text {
    font-size: 18px;
    color: #333;
}

/* グローバルナビゲーション上のボタン */
.custom-buttons-container {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	background-color: #278a00;
}

.header-button {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 15px;
	border-radius: 2px;
	text-decoration: none;
   	text-align: center;
	color: #000;
	width: 260px; 
}

.button-room-rate {
	background-color: #ffffff;
	margin-right: 100px;
	font-size: 16px;
}

.button-bike-wash {
	background-color: #ffffff;
	font-size: 16px;
}

.header-button:hover {
	background-color: #e0f2f7;
	color: #444444;
}

/* 202505追加分ここまで */

/* 202507追加分ここから */
/* 宿泊予約ページの表組み */
/* 表組み内ボタン*/
.hotel-reservation-button {
    display: inline-block; /* ボタンの幅をコンテンツに合わせる */
    padding: 4px 8px; /* 内側の余白 */
    background-color: #954e2a!important; /* 背景色（茶色） */
    color: #fff; /* 文字色（白） */
    text-decoration: none; /* 下線をなくす */
    border-radius: 5px; /* 角を丸くする */
    transition: background-color 0.3s ease; /* ホバー時のアニメーション */
    background-color: #0056b3; /* ホバー時の背景色 */
}

/*宿泊予約ページの表組み th幅 */
.hotel-reservation-table th {
	width: 300px;
	text-align: left;
}
/* 202507追加分ここまで */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.custom-buttons-container {
		display: none;
  }

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.navi-footer {
		display: none;
	}
	
	.footer-bottom {
		margin-top: 0;
	}
	
	.copyright {
		margin-top: 0;
	}
	
		.member-service .txt {
		margin-left: 0!important;
			margin-top: -38px!important;
	}
	
  /*202505追加分*/
    .header-button01,
    .header-button02 {
		font-size: 15px;
        padding: 4px 12px;
		width: 220px
    }

    .button-text {
        font-size: 16px;
    }		

	.custom-buttons-container {
		display: none;
	  }
  }

/*600px以下*/
@media screen and (max-width: 600px){
	.member-service .title {
		margin-bottom: 0!important;
	}
	
	.smart-margin {
		margin-bottom: 32px!important;
	}
	
	.sp-none {
		display: none!important;
	}
	
	.sp-block {
		display: block!important;
	}
	
	.news .date {
		padding: 0;
	}
	
	.news .news-txt {
	display: block;
	padding-left: 0;
		padding: 0;
	}

  /*202505追加分*/
	.header-button01,
    .header-button02 {
        font-size: 14px;
        padding: 3px 10px;
		width: 200px
    }

    .button-text {
        font-size: 14px;
    }
	
	.custom-buttons-container {
		display: none;
  }

/* 202507追加分ここから */
/*宿泊予約ページの表組みの装飾*/
.hotel-reservation-table th {
	width: 240px;
	text-align: left;
	}
}
	
	

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.ban-18 {
	font-size: 12px;
    text-align: center;
}
	
	.wp-block-buttons {
		width: 88%;
	}
	
	.wp-block-button a {
		font-size: 14px;
	}
	
	.bed-caution {
		font-size: 14px;
	}
	
	.access-column-l,
	.access-column-r {
		width: 100%!important;
	}
	
  /*202505追加分*/
	.header-button01,
    .header-button02 {
        font-size: 13px;
        padding: 2px 8px;
		width: 180px
    }

    .button-text {
        font-size: 12px;
    }

	.custom-buttons-container {
		display: none;
  }

/* 202507追加分ここから */
/*宿泊予約ページの表組みの装飾*/
.hotel-reservation-table th {
	width: 200px;
	text-align: left;
	}
}