/*
Theme Name: tabiulala2020
Theme URI: https://www.tabiulala.com
Author: design Xanthus
Author URI: https://d-xanthus.com/
Description: ルーツ様 旅うららサイト用テーマ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tabiulala2020
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, sticky-post, theme-options, translation-ready
*/

/*========================================================
　基本タグ、クラス
========================================================*/

html {
	font: 15px/1.6 "YakuHanJP",Arial,"Yu Gothic","YuGothic","游ゴシック体","游ゴシック",-apple-system,BlinkMacSystemFont,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	/* Arial,"Yu Gothic","YuGothic","游ゴシック体","游ゴシック", */
	-webkit-font-smoothing: subpixel-antialiased;
}

body { -webkit-text-size-adjust: 100%; }

@media screen and ( min-width: 641px )  {

	html { font-size: 16px; }

	h2 { font-size: 1.5em; }
}

/*body { overflow-x: hidden; }*/

/*---------------------------------------
　テキストカラー関連
---------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6,
th { color: #212121; }


a,
nav a:hover,
.site-head a:hover,
.site-foot a:hover,
.sidebar a:hover { color: #e73736; }

.btn-tx a:hover { background: #e73736; }

body,
nav a:not(:hover),
.site-head a:not(:hover),
.site-foot a:not(:hover),
.sidebar a:not(:hover),
.a-def a:not(:hover)  { color: #4d4d4d; }

/*---------------------------------------
 テーブル関連タグ
---------------------------------------*/


table thead,
table th { background: #f0f3f5; }

@media screen and ( min-width: 641px )  {

	.contents table th { width: 9em; }
}

/*---------------------------------------
 画像関連タグ
---------------------------------------*/

figcaption,
.wp-block-image figcaption {
	font-size: 0.8125rem;
	line-height: 1.2
}

figcaption,
.blocks-gallery-item__caption { text-align: right; }

.figcaption-center figcaption { text-align: center; }


/*---------------------------------------
 フォーム関連タグ
---------------------------------------*/

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	font-size: 0.875em;
	padding: 0.5em 1.5em;
	background: #e73736;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
	cursor: pointer;
	background: #ff8700;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active { box-shadow: 0 0 1px rgba(0,0,0,0.2); }

input[disabled][type="submit"],
input[disabled][type="submit"]:hover,
input[disabled][type="submit"]:active {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* フォームデザイン
 ---------------------------------------*/

.ulala-form th { background: #fff6f6; }

.ulala-form input[type="text"],
.ulala-form input[type="email"],
.ulala-form input[type="tel"],
.ulala-form input[type="url"],
.ulala-form input[type="search"],
.ulala-form input[type="date"],
.ulala-form input[type="number"],
.ulala-form textarea,
.ulala-form select {
	padding: 0.5em 0.5em;
	border: 1px solid #9d9d9d;
	border-radius: 0;
	box-shadow: none;
}

/* チェックボックス ラジオ共通 */

.ulala-form label {
	display: inline-block;
	cursor: pointer;
}

.ulala-form input[type="checkbox"],
.ulala-form input[type="radio"] { display: none; }

.ulala-form .ulala-checkbox,
.ulala-form .ulala-radio { position: relative; }

.ulala-form .ulala-checkbox:before,
.ulala-form .ulala-radio:before,
.ulala-form .ulala-checkbox:after,
.ulala-form .ulala-radio:after { content: ''; }


.ulala-form .ulala-checkbox:before,
.ulala-form .ulala-radio:before {
	display: inline-block;
	border: 1px solid;
	margin-right: 0.2em;
	background: #fff;
}

.ulala-form .ulala-checkbox:after,
.ulala-form .ulala-radio:after {
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.ulala-form input[type="checkbox"]:checked + .ulala-checkbox:after,
.ulala-form input[type="radio"]:checked + .ulala-radio:after { opacity: 1; }

/* チェックボックス */

.ulala-form .ulala-checkbox:before {
	width: 1em;
	height: 1em;
	border-radius: 2px;
	vertical-align: -0.1em;
}

.ulala-form .ulala-checkbox:after {
	display: block;
	width: 1em;
	height: 0.6em;
	border-bottom: 3px solid #e73736;
	border-left: 3px solid #e73736;
	position: absolute;
	top: 0.3em;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ラジオボタン */

.ulala-form .ulala-radio:before,
.ulala-form .ulala-radio:after { border-radius: 50%; }

.ulala-form .ulala-radio:before {
	width: 1.2em;
	height: 1.2em;
	vertical-align: -0.2em
}

.ulala-form .ulala-radio:after {
	display: block;
	width: 0.7em;
	height: 0.7em;
	background: #e73736;
	position: absolute;
	top: 0.75em;
	left: 0.58em;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* セレクター submit */

.ulala-form select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(images/icon_arrow.svg) no-repeat 95% center, #fcfcfc;
	cursor: pointer;
	padding-right: 2em;
}

.ulala-form input[type="submit"] {
	color: #fff;
	line-height: 2;
	padding: 0 1em;
	border-radius: 2px;
	background: #e73736;
	box-shadow: none;
	cursor: pointer;
}

.ulala-form input[type="submit"]:hover {
	text-decoration: underline;
}



/*========================================================
　 基本レイアウトブロック
========================================================*/

/*.archive:not(.post-type-archive-news) .layout-full main,
.blog .layout-full main,
.stamprally-present-page main { padding-bottom: 0; }

.archive:not(.post-type-archive-news).search-results .layout-full main,
.archive:not(.post-type-archive-news).search-no-results .layout-full main { padding-bottom: 80px; }
*/
/* 非公開設定 */

.status-private {
	position: relative;
}
.status-private:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba( 0,0,0,0.4 );
	z-index: 100;
}

.status-private:after {
	content: '非公開';
	color: #fff;
	font-size: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 110;
}

main > .status-private:before {
	top: -40px;
	bottom: -40px;
}

@media screen and ( min-width: 641px )  {

	main > .status-private:before {
		top: -80px;
		bottom: -80px;
	}
}

/*---------------------------------------
　基本ブロックエレメント
---------------------------------------*/

.layout-full .alignfull {
	max-width: none !important;
	margin-right: -3% !important;
	margin-left: -3% !important;
}

.layout-full .alignfull > .wp-block-group__inner-container {
	max-width: 1080px;
	margin: 0 3%;
}

.wp-block-group__inner-container:before,
.wp-block-group__inner-container:after {
	content: '';
	display: table;
	clear: both;
}

.wp-block-group.has-background {
	padding-right: 0;
	padding-left: 0;
}

.center-box-s { max-width: 960px; }

@media screen and ( min-width: 641px )  {

	.wp-block-group.has-background { padding: 40px 0; }
}

@media screen and ( min-width: 1017px )  {

	.center-box-s,
	.center-box .center-box-s {
		margin-left: auto;
		margin-right: auto;
	}

	.layout-full .alignwide {
		max-width: 95vw;
		margin: 0 calc( 50% - 95vw/2 ) 1em;
	}

	.layout-full .alignfull {
		margin-right: calc( 50% - 50vw ) !important;
		margin-left: calc( 50% - 50vw ) !important;
		margin-bottom: 0;
	}
}

@media screen and ( min-width: 1141px )  {

	.layout-full .alignfull > .wp-block-group__inner-container {
		margin: 0 auto;
	}

	.layout-full .alignwide {
		max-width: 1080px;
		margin-right: calc( 50% - 1080px/2 );
		margin-left: calc( 50% - 1080px/2 );
	}

	.layout-full .alignfull {
		margin-right: calc( 50% - 50vw + 8px ) !important;
		margin-left: calc( 50% - 50vw + 8px ) !important;

	}
}

/* メインブロックカラー関連
---------------------------------*/

.mainblocks {
	padding: 16px 8px;
}

@media screen and ( min-width: 641px )  {
	.mainblocks {
		padding: 24px 48px 40px;
	}
}

@media screen and ( min-width: 980px )  {
	.mainblocks {
		padding: 40px 48px 80px;
	}
}

/* 先頭固定表示 */

.loop-article.sticky {
	background: url(images/bg_dot.jpg);
	border: 1px solid #eee;
}


.wp-block-column { margin-bottom: 1em; }


/*========================================================
　基本・汎用クラス
========================================================*/

/*---------------------------------------
　テキスト関連
---------------------------------------*/

@media screen and ( min-width: 641px )  {

	h1 { font-size: 2em; }

	/*h2 { font-size: 1.75em; }

	h3 { font-size: 1.5em; }

	h4 { font-size: 1.25em; }*/
}

/*美しい明朝 */

@font-face {
	font-family:'Utukushi-M';
	src:url('fonts/jyouyou-Utsukushi-M/jyouyou-Utsukushi-M.woff');
	/* IE9以上用 */
	src:url('fonts/jyouyou-Utsukushi-M/jyouyou-Utsukushi-M.woff?#iefix') format('embedded-opentype'),
	/* IE8以前用 */ url('fonts/jyouyou-Utsukushi-M/jyouyou-Utsukushi-M.woff') format('woff'),
	/* モダンブラウザ用 */ url('fonts/jyouyou-Utsukushi-M/jyouyou-Utsukushi-M.otf') format('opentype');
	/* iOS, Android用 */
	font-weight:normal; /* 念の為指定しておきます */
	font-style:normal;
}

.wbf-Utsukushi {
	font-family: 'Utukushi-M', serif;
	font-weight: normal;
}

@font-face {
	font-family:'LogoTypeG';
	src:url('fonts/jyouyou-LogoTypeG/jyouyou-LogoTypeG.woff');
	/* IE9以上用 */
	src:url('fonts/jyouyou-LogoTypeG/jyouyou-LogoTypeG.woff?#iefix') format('embedded-opentype'),
	/* IE8以前用 */ url('fonts/jyouyou-LogoTypeG/jyouyou-LogoTypeG.woff') format('woff'),
	/* モダンブラウザ用 */ url('fonts/jyouyou-LogoTypeG/jyouyou-LogoTypeG.otf') format('opentype');
	/* iOS, Android用 */
	font-weight:normal; /* 念の為指定しておきます */
	font-style:normal;
}

.wbf-logo {
	font-family: 'LogoTypeG', serif;
	font-weight: normal;
}

/* */

/* icon-moon */

@font-face {
	font-family: 'icomoon';
	src:  url('fonts/dx_icomoon/icomoon.eot?dho5r');
	src:  url('fonts/dx_icomoon/icomoon.eot?dho5r#iefix') format('embedded-opentype'),
	url('fonts/dx_icomoon/icomoon.ttf?dho5r') format('truetype'),
	url('fonts/dx_icomoon/icomoon.woff?dho5r') format('woff'),
	url('fonts/dx_icomoon/icomoon.svg?dho5r#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon_favorite:before {
	content: "\e900";
}
.icon-icon_language:before {
	content: "\e901";
}

/*旅うららアイコン */
@font-face {
	font-family: 'tabiurara-icon';
	src:
	url('fonts/tabiurara-icon/tabiurara-icon.ttf?tjvvdu') format('truetype'),
	url('fonts/tabiurara-icon/tabiurara-icon.woff?tjvvdu') format('woff'),
	url('fonts/tabiurara-icon/tabiurara-icon.svg?tjvvdu#tabiurara-icon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="tabi-icon"], [class*=" tabi-icon"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'tabiurara-icon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.tabi-iconicon_favorite:before {
	content: "\e900";
}
.tabi-iconicon_kamasho:before {
	content: "\e901";
}
.tabi-iconicon_language:before {
	content: "\e902";
}
.tabi-iconicon_odahako:before {
	content: "\e903";
}
.tabi-iconicon_yokohama:before {
	content: "\e904";
}

/*---------------------------------------
　ボタン関連
---------------------------------------*/

.btn-tx a {
	color: #fff;
	padding: 0.4em 1em;
	background: #e73736;
	border: none;

}

.btn-tx a:hover { text-decoration: underline; }

.btn-tx a:before { content: none; }


/* タグワード */

.contents-taglist > li {
	margin-bottom: 0.5em;
}

.tagword a {
	color: #4d4d4d;
	line-height: 2;
	padding: 0 1em;
	border: 2px solid #e73736;
	border-radius: 1.25em;
	background: #fff;
	display: block;
}

.tagword a:before { color: #e73736; }

.tagword a:hover,
.tagword a:hover:before { color: #fff; }

.tagword a:hover {
	text-decoration: none;
	background: #e73736;
}


/*---------------------------------------
　リスト関連
---------------------------------------*/

/*---------------------------------------
　dl関連
---------------------------------------*/

/*---------------------------------------
　レイアウト・背景関連
---------------------------------------*/

.mo-sideby02,
.mo-sideby03 {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.mo-sideby02 > li { width: 49%; }

.mo-sideby03 > li { width: 30%; }

.mo-sideby02 img,
.mo-sideby03 img { margin: 0; }


/* 背景パターン */
.bg-ptn-y-dot { background: url(images/dot_white.png); }

.bg-ptn-bk-dot { background: url(images/dot_black.png); }

.bg-ptn-dot { background: url(images/bg_dot.png); }

.bg-ptn-greenfabric { background: url(images/ptn-fabric-green.png); }

.bg-cover-book { background: url(images/bg-cover-book-y.png); }

.bg-color-triangle { background: url(images/ptn_color_triangle.png); }


/* フレックスボックス */

.flex-box-b > .wp-block-group__inner-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

@media screen and ( min-width: 641px )  {

	.pcflex-box-b > .wp-block-group__inner-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

/*---------------------------------------
　マージン・パディング関連
---------------------------------------*/
.sp-ibrock { display: inline-block; }

.mg-l05 { margin-left: 0.5em; }


/*========================================================
　ウィジェット類 基本設定
========================================================*/

.full-side.sidebar { border-top: 1px solid #eee; }

.widget-title { font-weight: 700; }

.sidebar aside.widget-container,
.foottop-widgetarea aside.widget-container {
	padding: 16px 3%;
	/*background: #ccc;
	border: 1px solid #fff;*/
}

.sidebar .widget-inner,
.foottop-widgetarea .widget-inner {
	max-width: 300px;
	margin: 0 auto;
}

@media screen and ( max-width: 640px )  {

	.sidebar .widget-container,
	.foottop-widgetarea aside.widget-container { margin: 0 -3%; }
}

@media screen and ( min-width: 641px ) and ( max-width: 979px )   {

	.layout-right .sidebar,
	.layout-left .sidebar { margin: 0 -3%; }

	.full-widgbox.center-box  { margin: 0; }

	.layout-right .sidebar > aside.widget-container,
	.layout-left .sidebar > aside.widget-container {
		width: auto;
		max-width: 33.3%;
		padding: 16px 8px;
	}

	aside.widg-width-half {
		max-width: none !important;
		width: 50% !important;
		padding: 16px 8px;
	}

	aside.widg-width-all {
		max-width: none !important;
		width: 100% !important;
		padding: 16px 8px;
	}
}

@media screen and ( min-width: 641px )  {

	.sidebar aside.widget-container,
	.foottop-widgetarea aside.widget-container { padding: 16px 0; }

	.full-widgbox {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.full-widgbox > aside.widget-container {
		width: auto;
		max-width: 33.3%;
		padding: 16px 8px;
	}

	.full-widgbox > aside.widget-container.widget-sidebnrmenu { padding: 16px 0; }

	.sidebar.full-side .widget-inner,
	.widg-width-half .widget-inner,
	.widg-width-all .widget-inner {
		max-width: none;
	}

	.full-widgbox aside.widg-width-half {
		max-width: none !important;
		width: 50% !important;
		padding: 16px 8px;
	}

	.full-widgbox aside.widg-width-all {
		max-width: none !important;
		width: 100% !important;
		padding: 16px 8px;
	}
}

@media screen and ( min-width: 980px )  {

	.layout-right .sidebar aside.widget-container:first-child,
	.layout-left .sidebar aside.widget-container:first-child { padding-top: 0; }
}


/* フッタートップ ウィジェットエリア */

.foottop-widgetarea {
	margin-top: 16px;
	margin-bottom: 16px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and ( max-width: 640px )  {

	.foottop-widgetarea > .widget-container { width: 53%; }
}

@media screen and ( min-width: 641px )  {

	.foottop-widgetarea {
		margin-top: 32px;
		margin-bottom: 32px;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

/* dx-バナーウィジェット */

.sidebanner-ul > li:not(:last-child) { margin-bottom: 16px; }

@media screen and ( min-width: 641px ) and ( max-width: 979px )   {

	.sidebanner-ul {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.sidebanner-ul > li { max-width: 32%; }
}

@media screen and ( min-width: 980px )  {

	.full-widgbox .sidebanner-ul {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.full-widgbox .sidebanner-ul > li {
		max-width: 32%;
		margin: 0 1.9% 8px 0;
	}

	.sidebar.full-side .full-widgbox .sidebanner-ul > li:nth-child(3n) { margin-right: 0; }
}


/* WP画像ウィジェット*/

.widget_media_image { text-align: center; }


/* SNS APP ウィジェット
------------------------------- */

.bg-ptn-random {
	background: url(images/ptn_random-light.png);
	background-size: 40%;
}

.bg-ptn-dot_white { background: url(images/dot_white.png); }

.sns-widgbox,
.app-widgbox {
	/*padding: 16px 8px;*/
	max-width: 400px;
	margin: 0 auto;
}

.sns-widgbox .wbf-Cinzel,
.app-widgbox .wbf-Cinzel {
	font-size: 1.375em;
	border-bottom: 1px solid;
}

.sns-widgbox .mo-sideby03,
.app-widgbox .mo-sideby03 {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.app-widgbox .mo-sideby02 > li,
.sns-widgbox .mo-sideby03 > li { text-align: center; }

.sns-widgbox .mo-sideby03 > li { width: 20%; }

.sns-widgbox li img {
	max-width: none;
	width: auto;
	height: 48px;
}

@media screen and ( min-width: 980px )  {

	.full-widgbox .sns-widgbox .wbf-Cinzel,
	.full-widgbox .app-widgbox .wbf-Cinzel { font-size: 1.8em; }

	.sns-widgbox .mo-sideby03 > li { width: 25%; }

	.sns-widgbox li img { height: 60px; }

	.full-widgbox .app-widgbox li img {
		max-width: none;
		width: auto;
		height: 48px;
	}

}


/*========================================================
　オリジナルデザイン 基本設定
========================================================*/

/*---------------------------------------
 ヘッダー&フッター&サイドバー 基本設定
 ---------------------------------------*/

 .site-title img{
 	width: auto;
 	height: 60px;
 }

/*---------------------------------------
　ヘッダー設定
---------------------------------------*/

.site-head {
	position: fixed;
	top: 0;
	width: 100%;
	border-top: 2px solid #e73736;
	border-bottom: 1px solid #ccc;
	z-index: 5000;
	background: rgba( 255,255,255,0.9 );
}

.head-contents {
	padding: 4px 0 8px;
	text-align: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.head-branding {
	margin-bottom: 0;
}

.head-branding .site-title {
	line-height: 1;
	margin: 0;
}

.head-branding  .site-title img {
	height: 40px;
	line-height: 1;
	margin: 0;
}

.head-subtit {
	font-size: 1rem;
	font-weight: 400;
	display: block;
	margin: 0.1em 0 0;
}

.head-right-contents {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

@media screen and ( min-width: 641px )  {

	.site-head { border-top-width: 3px; }

	.head-contents { padding: 8px 0; }

	.head-branding  .site-title img {
		height: 60px;
		margin: 0;
	}

	.head-subtit {
		font-size: 1.25rem;
		display: inline-block;
		margin: 0 0 0.5em 0.8em;
	}

	/* ログイン時 */
	.admin-bar .site-head { top: 32px; }

	.head-left-contents { width: 100%; }
}

@media screen and ( min-width: 980px )  {

	.head-left-contents {
		width: auto;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
}


/*---------------------------------------
　ナビゲーション設定
---------------------------------------*/

/* スマートフォン設定
-------------------------------*/

@media screen and ( max-width : 640px) {

	/* ドロワーメニュー本体 */
	.drawer-menu {
		text-align: left;
		background: rgba( 238,238,238,0.9 );
		padding: 1em 0.5em;
		border-right: 1px solid #ececec;
		width: 70%;
		height: 100%;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		overflow: auto;
		transition: all 0.6s;
		transform: translateX(-100%);
		-webkit-overflow-scrolling: touch;
	}

	.drawer-menu ul { margin: 0; }


	.drawer-menu ul li a {
		padding:  0.8em 0.3em ;
		display: block;
	}

	.drawer-menu li:not(:last-child) { border-bottom: 1px solid #ccc; }

	.drawer-menu li ul {
		border-top: 1px dotted #ccc;
		margin-left: 1em;
	}

.drawer-menu.active { transform: translateX(0%); /* jQueryで付与・削除 */ }

/* メニューだけをスクロールさせる工夫 */
.overflowHidden { overflow: hidden; }

/* ハンバーガーボタン */

.hamburger-m {
	text-align: center;
	width: 42px;
	height: 51px;
	position: relative;
	display: block;
	cursor: pointer;
		/*position: absolute;
		z-index: 3;
		top:0;
		right: 3%;*/
	}

	.hamburger-m span {
		width: 30px;
		position: absolute;    /* .hamburger-mに対して */
		left: 6px;
		display: block;
		-webkit-transition: 0.35s ease-in-out;
		-moz-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
		border-top: solid 1px;
		border-bottom: solid 2px;
		border-radius: 1ex;
	}


	.hamburger-m span:nth-child(1) { top: 9px; }

	.hamburger-m span:nth-child(2)  {top: 18px; }

	.hamburger-m span:nth-child(3) { top: 27px; }

	.hamburger-m span:nth-child(4) {
		border: none;
		font-size: 10px;
		font-weight: bold;
		top: 34px;
	}

	/* 最初のspanをマイナス45度に */
	.hamburger-m.active span:nth-child(1) {
		top: 18px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* 2番目と3番目のspanを45度に */
	.hamburger-m.active span:nth-child(2),
	.hamburger-m.active span:nth-child(3) {
		top: 18px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}


/* タブレット・PC用 設定
-------------------------------*/

.main-menu li > a > span {
	font-size: 0.8em;
	font-family: Frank Ruhl Libre, "Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: inline-block;
	margin-left: 1em;
}

@media screen and ( min-width : 641px) {

	.main-nav { margin-top: 8px; }

	.main-menu {
		position: relative;
		margin-bottom: -8px;
	}

	.main-menu > li {
		position: static;
		padding-bottom: 8px;
	}

	.main-menu a {
		font-size: 14px;
		display: block;
		padding: 0 0.8em;
	}

	.main-menu > li > a > span {
		display: block;
		width: 100%;
		margin: 0;
	}

	.main-menu .search-excerpt { display: none; }

	.main-menu > li > a:not(:hover) > span { color: #666; }

	.main-menu > li:not(:last-child) > a:before {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		background: #eee;
		position: absolute;
		top: 0;
		right: 0;
		-webkit-transform: skew(-20deg);
		-ms-transform: skew(-20deg);
		transform: skew(-20deg);
	}

	.main-menu > li.menu-item-has-children > a { padding-right: 1.2em; }

	.main-menu > li.menu-item-has-children:before {
		content: '';
		width: 0;
		height: 0;
		display: block;
		border-style: solid;
		border-width: 4px;
		border-color: #ccc transparent transparent;
		float: right;
		position:relative;
		top: 0.6em;
		left: -4px;
	}

	/* 第2階層 */

	.main-menu li ul.sub-menu {
		min-width: 680px;
		width: 100%;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: rgba( 255,255,255,1 );
		border-style: solid;
		border-width: 0 1px 1px 0;
		border-color: #eee;
	}

	.main-menu li ul.sub-menu,
	.main-menu > li.menu-item-has-children > a:after {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha( opacity=0 )";
		overflow: hidden;
		z-index: 1;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		height: 0;
	}

	.main-menu > li:hover ul.sub-menu,
	.main-menu > li.menu-item-has-children:hover > a:after {
		-ms-filter: "alpha( opacity=100 )";
		filter: alpha(opacity=100);
		opacity: 1;
		overflow: visible;
		z-index: 100;
		height: auto;
	}

	.main-menu ul.sub-menu li,
	.main-menu li:hover > ul.sub-menu > li {
		text-align: left;
		height: auto;
	}

	.main-menu ul.sub-menu li {width: auto; }

	.main-menu ul.sub-menu a { padding: 1em; }

	.main-menu > li.menu-item-has-children > a:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		background: none;
		border-style: solid;
		border-width: 8px 6px;
		border-color: transparent transparent #e73736;
		position: absolute;
		bottom: -8px;
		left: 50%;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}

}

@media screen and ( min-width: 980px )  {

	.main-nav { margin: 0 0 0 1em; }
}

@media screen and ( min-width: 1140px )  {

	.main-nav { margin-right: 2em; }

	.main-menu > li > a,
	.main-menu > li.menu-item-has-children > a { padding: 0 1em; }
}

/* ヘッダーウィジェット
-----------------------------------*/

.header-widget-area {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 2px;
}

@media screen and ( min-width: 641px )  {

	.header-widget-area .widget-container:not(:last-child) { margin: 0 1em 0 0; }
}


/* アイコン用ウィジェット */

.head-iconwidget {
	font-size: 10px;
	text-align: center;
	width: 8em;
}

.head-favorite { width: 4em; }

/* GTranslate プラグイン
※jQueryでHTMLおよびクラス加工 */

.widget_gtranslate { margin-right: -16px; }

.translate_selectwrap { position: relative; }

.widget_gtranslate select::-ms-expand { display: none; }

.widget_gtranslate select {
	font-size: inherit;
	/*text-align: center;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border: none;
	padding: 28px 0 0;
	height: auto;
	position: relative;
	z-index: 2;
	background: transparent;
	overflow: hidden;
}


.widget_gtranslate select:hover { cursor: pointer; }

.widget_gtranslate:hover,
.widget_gtranslate:hover select,
.focus-translate { color: #e73736; }

.widget_gtranslate:hover select option { color: #000; }

@media screen and ( min-width: 641px )  {

	.widget_gtranslate select option { font-size: 14px; }
}


/* ヘッドウィジェットアイコン */

.dx-icon { position: relative; }

.dx-icon:before {
	content: '';
	font-size: 2.6em;
	display: block;
	margin: 0 auto;
	font-family: 'tabiurara-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.translate-icon:before { content: "\e902"; }

.favorite-icon:before { content: "\e900"; }

.head-iconset a:hover { text-decoration: none; }


.translate_selectwrap .dx-icon {
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translateX(-50%) translateY(0);
	transform: translate(-50%,0);
	/*z-index: -1;*/
}

.translate_selectwrap .translate-icon.dx-icon {
	left: 1.8em;
	-webkit-transform: translate(0,0);
	-ms-transform: translateX(0) translateY(0);
	transform: translate(0,0);
}

@media screen and ( min-width: 641px )  {

	.head-right-contents {
		position: absolute;
		top: 24px;
		right: 0;
	}

	.header-widget-area { margin: 0; }

}

/*---------------------------------------
　フッター設定
---------------------------------------*/

.site-foot {
	background: #fffdf7;
	border-top: 1px solid #ccc;
}


/* フットロゴ
-------------------------------*/

.foot-branding .site-title {
	text-align: center;
	margin-bottom: 0.5em;
}

.foot-subtit {
	font-size: 1rem;
	font-weight: 400;
	display: inline-block;
	margin: 0 0 0.5em 0.5em;
}

@media screen and ( min-width: 641px )  {

	.foot-branding .site-title img {
		width: auto;
		height: 80px;
	}

	.foot-subtit {
		font-size: 1.25rem;
		margin: 0 0 0.5em 0.8em;
	}
}

@media screen and ( min-width: 980px )  {

	.foot-branding .site-title {
		text-align: left;
		margin-bottom: 1em;
	}
}

/* トップへ戻るボタン
-------------------------------*/

.page-top a  { background: #e73736; }

.page-top a:not(:hover),
.page-top a:hover { color: #fff; }


.page-top.img-btn {
	width: 50px;
	height: auto;
}

.page-top.img-btn a {
	border-radius: none;
	background: none;
	line-height: 1;
}

.page-top.img-btn .topbtn-txt {
	color: #e73736;
	font-size: 11px;
	font-weight: 700;
}

.page-top.img-btn img:hover,
.page-top.img-btn img:active {
	display: block;
	-webkit-animation: hurueru .2s 4;
	-ms-animation: hurueru .2s 4;
	animation: hurueru .2s 4;
}

@keyframes hurueru {
	0% {transform: translate(0px, 0px) rotateZ(0deg)}
	25% {transform: translate(2px, 2px) rotateZ(1deg)}
	50% {transform: translate(0px, 2px) rotateZ(0deg)}
	75% {transform: translate(2px, 0px) rotateZ(-1deg)}
	100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


/* フッターウィジェット
-----------------------------------*/


/* ウィジェット 左*/

.foot-leftwidg-area .widget-container:not(:last-child) { margin-bottom: 0.8em; }

.l-ftitle.widget-title {
	padding-bottom: 0;
	margin-bottom: 0;
}

.foot-leftwidg-area ul.menu > li {
	display: inline-block;
	line-height: 1.4;
	padding: 0.3em 0;
}

.foot-leftwidg-area ul.menu > li a {
	display: block;
	padding: 0 0.3em 0 0.4em;
}

.foot-leftwidg-area ul.menu > li:not(:last-child) > a { border-right: 1px solid; }

/* ウィジェット 右*/

.foot-rightwidg-area {
	text-align: left;
	margin-top: 32px;
}

@media screen and ( min-width: 641px )  {

	.foot-rightwidg-area .widget-container {
		max-width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and ( min-width: 980px )  {

	.foot-contents {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.foot-primary {
		text-align: left;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.foot-rightwidg-area {
		max-width: 38%;
	}

	.foot-rightwidg-area .widget-container {
		max-width: none;
		margin-right: 0;
		margin-left: 0;
	}
}


/* ボトム コピーライト等
-------------------------------*/

.bottom-line {
	font-size: 12px;
	font-size: 0.75rem;
	border-top: 1px solid;
	padding: 4px 0;
}

.manage-dl > p,
.bottom-menu > li { display: inline-block; }

.bottom-menu > li > a {
	display: block;
	padding: 0.2em 0.5em 0.2em 0;
}

.manage-dl > p img {
	width: auto;
	max-height: 22px;
}

.copyright { padding: 0; }

@media screen and ( min-width: 641px )  {

	.bottom-leftcontents {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-justify-content:center;
		-ms-flex-pack: center;
		justify-content:center;
	}

	.bottom-menu > li > a { padding: 0 0.5em 0 0; }

	.bottom-leftcontents p { margin: 0 1em 0 0; }
}

@media screen and ( min-width: 800px )  {

	.bottom-line { padding: 8px 0; }

	.copyright-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.bottom-leftcontents {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media screen and ( min-width: 1140px )  {

	.bottom-line {
		font-size: 14px;
		font-size: 0.875rem;
	}
}

/*========================================================
　サイドバー設定
========================================================*/

.full-side.sidebar {
	padding-top: 16px;
	border-top: 1px solid #eee;
	margin-bottom: 16px;
}

@media screen and ( min-width: 641px )  {

	.full-side.sidebar {
		padding-top: 32px;
		margin-bottom: 32px;
	}
}


/*========================================================
　Wrapper部共通
========================================================*/

.primary-wrap { padding-top: 40px; }

.home .primary-wrap { padding-top: 0; }

@media screen and ( min-width: 641px )  {

	.primary-wrap { padding-top: 80px; }
}

/* パンくずリスト dx-パンくず
-------------------------------*/

.bread-crumb-wrap,
.bread-crumb-wrap a {
	color: #212121;
}

.bread-crumb li:not(:last-child):after { border-left-color: #212121 }

.bread-crumb-wrap {
	padding: 8px 0 ;
	/*background: #f0f3f5;*/
}

.area-yokohama .bread-crumb-wrap { background: #e6f2f8; }
.area-kamasho .bread-crumb-wrap { background: #f7f1ea; }
.area-odahako .bread-crumb-wrap { background: #edf4e9; }

/*.bread-crumb { line-height: 1.5; }*/

.bread-crumb a:not(:hover) { color: #4d4d4d; }

@media screen and ( min-width: 641px )  {

	.bread-crumb-wrap {
		padding: 8px 0;
	}
}

/* サイト内検索 基本
-------------------------------*/
.search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	background: #ccc;
}

.search-form .search-field {
	border-radius: none;
}

.search-form input { width: auto; }

.search-form input[type="text"],
.search-form input[type="search"],
.search-form input[type="submit"] {
	border-radius: 0;
	margin: 0;
}

.search-form input[type="text"],
.search-form input[type="search"] {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.search-submitbtn {
	color: #fff;
	line-height: 1;
	margin: 0;
	padding: 0.5em 0.6em;
	position: relative;
	right: 0;
	display: block;
}

.search-submitbtn:hover { color: #ff0; }

.search-submitbtn:active { top: 1px; }

/*========================================================
　contents部分基本
========================================================*/

@media screen and ( max-width: 1140px )  {

	article.contents { overflow: hidden; }

}

.contents > h2 {
	padding-left: 0.5em;
	border-left: 4px solid #e73736;
	/*background: #faecec;*/
	clear: both;
}

.contents > h3 {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #eee;
}

@media screen and ( min-width: 641px )  {

	.contents > h2,
	.contents > h3 { margin-bottom: 1em; }

	.contents > h2:not(:first-child) { margin-top: 3em; }
}

/* 地域基本カラー
-------------------------------*/

.txt-yokohama { color: #007ec3; }
.txt-kamasho { color: #ad814b; }
.txt-odahako { color:  #84b169; }

.bg-yokohama { background: #007ec3; }
.bg-kamasho { background: #ad814b; }
.bg-odahako { background: #84b169; }


/* ポストラベル */

.head-labelline { margin-bottom: 2em; }

.post-label {
	font-size: 0.875em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

}

.single .post-label {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.post-label a.post-labellink,
.headtown-area {
	padding: 0.1em 0.8em;
	border: 1px solid;
}

.post-label a.post-labellink {
	font-weight: 700;
	background: #fff;
}

.headtown-area {
	border-left-width: 0;
	border-color: #ccc;
	background: #fff;
}

.post-label a.post-labellink:hover { text-decoration: none; }

.tit-yokohama .post-label a.post-labellink,
.homeevent-yokohama .post-label a.post-labellink { color: #007ec3; }
.tit-yokohama .post-label a.post-labellink:hover,
.homeevent-yokohama .post-label a.post-labellink:hover {
	color: #fff;
	background: #007ec3;
	border-color: #007ec3;
}

.tit-kamasho .post-label a.post-labellink,
.homeevent-kamasho .post-label a.post-labellink { color: #ad814b; }
.tit-kamasho .post-label a.post-labellink:hover,
.homeevent-kamasho .post-label a.post-labellink:hover {
	color: #fff;
	background: #ad814b;
	border-color: #ad814b;
}

.tit-odahako .post-label a.post-labellink,
.homeevent-odahako .post-label a.post-labellink { color: #84b169; }
.tit-odahako .post-label a.post-labellink:hover,
.homeevent-odahako .post-label a.post-labellink:hover {
	color: #fff;
	background: #84b169;
	border-color: #84b169;
}

.tit-news .post-label a.post-labellink { color: #3ea1ac; }
.tit-news .post-label a.post-labellink:hover {
	color: #fff;
	background: #3ea1ac;
	border-color: #3ea1ac;
}

@media screen and ( min-width: 641px )  {

	.head-labelline {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

/* イベント日程 */

.event-date:not(:first-child):before {
	content: '・';
	display: inline-block;
	padding: 0 0.1em 0 0;
	margin: 0 0.2em;
}

.event-period .event-date:not(:first-child):before { content: '〜' }

/* 目的カテゴリー*/

.cat-link-container a {
	font-size: 0.875em;
	line-height: 2;
	display: inline-block;
	padding: 0 1em;
	background: #f6f1e9;
	border: 1px solid #fff;/*#ded9d2*/
	border-radius: 1em;
}

.cat-link-container a:not(:hover) { color: #4d4d4d; }

.cat-link-container a:before {
	color: #e73736;
	content: '\f3c5';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.2em;
}

/*a.col-gourmet { background: #f5e7f0; }
a.col-shopping { background: #f6eddd; }
a.col-lodging { background: #f1f3fa; }
a.col-spa { background: #eaf3fc; }
a.col-leisure { background: #ddf1e2; }
a.col-amusement { background: #f4f1e7; }
a.col-museum { background: #dae7e0; }
a.col-workshop { background: #e7e8f8; }
a.col-wedding { background: #deedeb; }
a.col-living { background: #ebeff2; }
a.col-shrine_jingu_temple { background: #eee4de; }
a.col-transportation { background: #e9f2f3; }*/

a.col-gourmet:before { color: #f47acb; }
a.col-shopping:before { color: #f59c1f; }
a.col-lodging:before { color: #2056cf; }
a.col-spa:before { color: #54a1f7; }
a.col-leisure:before { color: #25a740; }
a.col-amusement:before { color: #f4cd21; }
a.col-museum:before { color: #265a3c; }
a.col-workshop:before { color: #3c4174; }
a.col-wedding:before { color: #787d7b; }
a.col-living:before { color: #9ea1a3; }
a.col-shrine_jingu_temple:before { color: #362519; }
a.col-transportation:before { color: #53a8b7; }

/*========================================================
　アーカイブ & 固定 ＆ シングル&固定共通（サイズ以外）
========================================================*/

/* ページタイトル
-------------------------------*/
.single-post .contents-head,
.single-yokohama .contents-head,
.single-kamasho .contents-head,
.single-odahako .contents-head { padding-bottom: 20px; }


.contents-head .event-meta,
.contents-head .cat-link-container { margin-top: 1rem; }

/* メインタイトル */

.main-title {
	color: #262626;
	padding: 0 0 0.3em;
	border-bottom: 1px solid;
}

.main-title,
.tit-img { display: block; }

.sp-furigana {
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.2;
	display: block;
}

.hidden-tittxt .imgtit_txtwrap { display: none; }

/* imgタイトル */

.img-titlehead .imgtit_wrap {
	margin-right: -3%;
	margin-left: -3%;
	position: relative;
}

.img-titlehead .tit-img {
	height: 160px;
	overflow: hidden;
	background: #ccc;
}

/*.img-titlehead .tit-img:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(images/ptn_line-b.png);
	z-index: 1;
}*/

.img-titlehead .tit-img img {
	max-width: none;
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.imgtit_txtwrap {
	position: absolute;
	padding: 0 8px;
	top: 50%;
	right: 3%;
	left: 3%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	z-index: 5;
	background: url(images/ptn_line-b.png);
}

.img-titlehead .entry-title { margin-top: 0; }

@media screen and ( min-width: 641px )  {

	.img-titlehead .imgtit_wrap {
		margin: 0;
	}

	.img-titlehead .tit-img { height: 240px; }

	.imgtit_txtwrap {
		padding: 16px;
		right: 26%;
		left: 26%;
	}
}

@media screen and ( min-width: 641px )  {

	.img-titlehead .tit-img { height: 280px; }
}

/* 背景有り対応 */

.mainblocks .img-titlehead { margin: -16px -8px 40px; }

@media screen and ( min-width: 641px )  {

	.mainblocks .img-titlehead { margin: -24px -48px 80px; }
}

@media screen and ( min-width: 980px )  {

	.mainblocks .img-titlehead { margin: -40px -48px 80px; }
}

/* イベント開催日 会場*/

/*.contents-head .event-meta { border: 1px solid #eee; }*/

.contents-head .event-scheduleset { font-size: 1.0625em; }

.contents-head .event-meta i {
	font-size: 1.2em;
	float: left;
	padding: 0.4em 0.1em 0 0;
}

.event-place { font-weight: 700; }

.contents-head .event-meta .event-place,
.contents-head .event-meta .event-place a { color: #fff; }

.contents-head .event-meta .event-place a { display: block; }

.tit-yokohama.contents-head  .event-meta .event-place { background: #007ec3; }
.tit-kamasho.contents-head  .event-meta .event-place { background: #ad814b; }
.tit-odahako.contents-head  .event-meta .event-place { background: #84b169; }

.contents-head .event-scheduleset,
.contents-head .event-meta .event-place { display: block; }

@media screen and ( min-width: 641px )  {

	.contents-head { margin-bottom: 60px; }

	.single-post .contents-head,
	.single-yokohama .contents-head,
	.single-kamasho .contents-head,
	.single-odahako .contents-head {
		padding-bottom: 40px;
	}

	.contents-head .event-meta {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.contents-head .event-meta i {
		font-size: 1.25em;
		float: none;
		padding: 0.2em 0.3em 0 0;
	}

	.contents-head .event-scheduleset,
	.contents-head .event-meta .event-place,
	.contents-head .event-meta .event-place a { line-height: 1.4; }

	.contents-head .event-meta .event-place {
		padding: 0 1em;
		margin-left: 1em;
	}

	.contents-head .event-meta .event-place a {
		position: relative;
		top: 50%;
		-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}

	.contents-head .event-meta + .entry-title { margin-top: 0; }
}


/*---------------------------------------
　検索ブロック Mapブロック 設定
---------------------------------------*/

.search-gmap-block {
	padding-bottom: 40px;
	position: relative;
	margin-bottom: 16px;
}

/* 検索バー
-------------------------------*/

.search-sort-area {
	margin: -20px 0 0;
}

.spot-search-area {
	text-align: left;
	padding: 24px 0;
	background: url(images/bg_dot.png),#fffdf7;
	box-shadow: 0 2px 3px rgba( 0,0,0,0.2 );
	position: relative;
	z-index: 5;
}

.search-area-titlewrap { margin-bottom: 0.875em; }

.search-area-titlewrap .spot-search-tit { margin-bottom: 0; }

.spot-search-tit img {
	width: auto;
	height: 2.6em;
	vertical-align: bottom;
}

.search-counttxt {
	margin-top: 0.5em;
	text-align: right;
	line-height: 1;
}

@media screen and ( min-width: 641px )  {

	.search-sort-area {
		margin: -20px 0 0;
	}

	.search-area-titlewrap {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.search-counttxt {
		font-size: 1.125em;
		margin: 0;
	}

}

/* 検索方法選択タブ */

.balloon-select dd {
	margin: 0;
}

.balloon-select {
	list-style: none;
	padding: 0;
	margin: 0
}

.balloon-select dl { position: relative; }

.balloon-select dt {
	font-weight: 400;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
}

.balloon-select dt:after {
	content: '↓';
	vertical-align: text-top;
	width: 1em;
}

.balloon-select dt.bal-current:after { content: '↑' }

.balloon-select dl { margin: 0 0 1em ; }

.balloon-select dt:hover,
.balloon-select dt.bal-current { background: #fffdf7; }

.balloon-select dt,
.areasearch-keyword input {
	border: 1px solid #c5c5c5;
	border-radius: 2px;
}

.balloon-select dt,
.areasearch-keyword input { padding: 0.5em; }

.balloon-select dd {
	position: absolute;
	top: calc( 100% + 8px );
	right: 0;
	left: 0;
	z-index: 5;
}

.all-check {
	/*color: #e73736;*/
	font-weight: 400!important;
	position: relative;
	padding-left: 1.1em;
	width: max-content;
	border-bottom: 1px solid #ccc;
}

.all-check:before {
	content: '';
	display: block;
	width: 1em;
	height: 0.6em;
	border-bottom: 3px solid;
	border-left: 3px solid;
	position: absolute;
	top: 0.5em;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.all-check:hover {
	color: #e73736;
	cursor: pointer;
}

/*.all-check.after-on .ulala-checkbox:after { opacity: 1; }*/

.areasearch-keyword {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.areasearch-keyword input {
	display: block;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.areasearch-keyword .search-submitbtn {
	font-size: 1.2em;
	background: #e73736;
	border-radius: 2px;
	margin-left: 8px;
	padding: 0.4em 1em;
}

/* 検索結果 */

.searchword-list {
	font-weight: 700;
	line-height: 1.6;
	margin-top: 0.5em;
}

.searchword-list > span {
	font-size: 0.9125rem;
	font-weight: 400;
	text-indent: 0;
	line-height: 1;
	margin: 0 0 0.5em 0.5em;
	padding: 0.1em 1em;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	position: relative;
}

.searchword-list > span > a {
	display: inline-block;
	font-size: 1.5em;
	vertical-align: -0.15em;
	margin-left: 4px;
}

.searchword-list > span > a:hover { text-decoration: none; }

.searchword-list > span > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

@media screen and ( min-width: 641px )  {
	.searchword-list {
		padding-left: 4.5em;
		text-indent: -4.5em;
	}
}

@media screen and ( min-width: 768px )  {

	.areasearch-menu,
	.balloon-select {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.balloon-select{
		font-size: 0.8rem;
	}

	.areasearch-menu {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
	}

	.balloon-select {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-right: 4%;
	}

	.balloon-select dl {
		margin: 0;
		position: static;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.balloon-select dl:not(:last-child) {
		margin-right: 2%;
	}
}

@media screen and ( min-width: 980px )  {

	.balloon-select {
		font-size: 0.9375rem;
	}
}

/* 検索コンテンツ */

.search-balloon {
	padding: 1em 0.5em;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba( 0,0,0,0.3 );
}

.balloon-close {
	display: block;
	width: 1.5em;
	height: 1.5em;
	background: #fff;
	position: absolute;
	top: 4px;
	right: 4px;
	border-radius: 50%;
}

.balloon-close:before,
.balloon-close:after {
	content: '';
	display: block;
	width: 70%;
	height: 3px;
	background: #999;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 1px;
}

.balloon-close:before {
	-webkit-transform: translate(-50%,-50%)rotate(45deg);
	-ms-transform: translate(-50%,-50%)rotate(45deg);
	transform: translate(-50%,-50%)rotate(45deg);
}

.balloon-close:after {
	-webkit-transform: translate(-50%,-50%)rotate(-45deg);
	-ms-transform: translate(-50%,-50%)rotate(-45deg);
	transform: translate(-50%,-50%)rotate(-45deg);
}

.search-list {
	list-style: none;
}

.search-list li {
	font-weight: 700;
	line-height: 2;
}

.in-child .sub-search-list { margin-top: 0; }

.search-list li.non-child,
.in-child .sub-search-list > li {
	display: inline-block;
	margin-right: 2em;
}

/*.search-list > li {
	font-weight: 700;
	display: inline-block;
	line-height: 2;
	margin-right: 2em;
}*/

@media screen and ( min-width: 641px )  {

	.search-balloon {
		padding: 2em;
	}
}

/* Googleマップ
-------------------------------*/

.acf-map {
	width: 100%;
	height: 75vw;
	max-height: 368px;
	border: 1px solid #eee;
}

.spot-tablecontainer .acf-map { max-height: 368px; }

.multiple-gmap  .acf-map { max-height: 560px; }

/* マーカーインフォ */

.marker-info {
	max-width: 400px;
}

.marker-info .thum-box {
	width: 80px;
	padding-top: 80px;
	margin-bottom: 0.5em;
}

.marker-cat {
	font-size: 0.75em;
	display: inline-block;
	line-height: 2;
	padding: 0 0.5em;
	border: 1px solid;
	border-radius: 2em;
	margin: 0 0.2em 0.2em 0;
}

@media screen and ( min-width: 641px )  {

	.marker-info .thum-box { margin-bottom: 0; }
}

/* 並べ替えラジオ
-------------------------------*/
.sort-radio-area {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.sort-radio-block {
	font-size: 15px;
	font-size: 0.9375rem;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.contents .sort-radio-block p { margin-bottom: 0; }

.sort-radio-block label,
.order-btn {
	padding: 0 0.5em;
	border: 1px solid #e5e5e5;
	margin-left: 0.5em;
	border-radius: 2px;
}

.sort-radio-block input[type="radio"] { display: none; }

.sort-radio-block .sort-txt:before {
	content: '';
	display: inline-block;
	width: 0.6em;
	height: 1em;
	margin-right: 0.4em;
	border-style: solid;
	border-width: 0 3px 3px 0;
	border-radius: 1px;
	border-color: #9d9d9d;
	vertical-align: 0;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
}

.sort-radio-block input[type="radio"]:checked + .sort-txt:before {
	border-color: #e73736
}

a.order-btn {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0.5em 0 0.5em 1.5em;
	border: none;
}

a.order-btn:not(:hover) { color: #6d6d6d; }

a.order-btn:hover { text-decoration: none; }

a.order-btn:before {
	content: '';
	display: block;
	width: 0.8em;
	height: 0.8em;
	border-style: solid;
	border-radius: 1px;
	position: absolute;
	left: 0.8em;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}


a.order-btn.order-up:before {
	border-width: 3px 3px 0 0;
	top: 60%;
}

a.order-btn.order-down:before {
	border-width: 0 0 3px 3px;
	top: 45%;
}

@media screen and ( max-width: 340px )  {

	.sort-radio-block {
		font-size: 13px;
	}
}


/*========================================================
　 アーカイブページ
========================================================*/

/*---------------------------------------
　ループ内 設定
---------------------------------------*/

@media screen and ( max-width: 640px )  {

	.thum-box img.img-width {
		max-width: none;
		width: auto;
		height: 100%;
	}

	.loop-article .btn-tx { text-align: center }
}

.thum-box {
	float: left;
	width: 36vw;
	padding-top: 36vw;
	margin: 0 1em 0 0;

}

.s-thum.thum-box {
	float: right;
	width: 24vw;
	padding-top: 24vw;
	margin: 0 0 0 1em;
}


.loop-head {
	overflow: hidden;
	margin-bottom: 0.5em;
}

.loop-head > div:not(:last-child) { margin-bottom: 0.3rem; }

.loop-head .post-label { margin-top: 0.3em; }

.loop-title { margin-top: 0; }

.loop-title a:not(:hover),
.event-place a:not(:hover) { color: #212121; }

.loop-event-meta { line-height: 1.2; }

.loop-head .cat-link-container { font-size: 0.875em; }

.loop-head .cat-link-container a { margin-top: 0.5em; }

.loop-article .contents-taglist { font-size: 0.7rem; }

.loop-txt { clear: both; }

.contents .loop-article p { margin-bottom: 0.3em; }

.contents .loop-article .btn-tx { margin: 0;}

.loop-txt .tag-container { margin: 8px 0; }

/* スタンプラリー アイコン*/
.stamp-icon {
	/*font-size: 0.9375em;*/
	display: inline-block;
}

.stamp-icon:before {
	content: '';
	width: 1.125em;
	height: 1.125em;
	display: inline-block;
	margin: 0 0.2em 0 0.8em;
	background: url(images/ico_stamprally.png) no-repeat center center;
	background-size: contain;
	vertical-align: -0.2em;
}

@media screen and ( min-width: 641px )  {

	.thum-box {
		width: 30%;
		padding-top: 19.8%;
	}

	.s-thum.thum-box {
		width: 18%;
		padding-top: 13.5%;
	}

	.loop-txtwrap { overflow: hidden; }

	.loop-txt {
		clear: none;
	}
}

@media screen and ( min-width: 732px )  {

	.layout-full .loop-article.sticky {
		padding: 24px;
		max-width: 1080px;
		margin: 0 calc( 50% - 1080px/2 ) 40px;
	}
}

@media screen and ( min-width: 980px )  {

	.tit-before-wrap,
	.wrap-cat-btn {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.tit-before-wrap {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.tit-before-wrap .loop-event-meta { margin-left: 1em; }

	.wrap-cat-btn {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 8px;
	}

	.tit-before-wrap .post-label,
	.wrap-cat-btn .btn-tx {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.loop-txt .tag-container { margin: 0; }
}

.town-area {
	font-size: 0.8em;
	/*padding-top: 0.3em;*/
	border-top: 1px solid #eee;
	margin-top: 0.3em;
}

/*---------------------------------------
　Page Navi プラグイン設定
---------------------------------------*/

.archive-foot { margin-top: 40px; }

.wp-pagenavi {
	clear: both;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #4d4d4d;
	line-height: 1.8;
	width: 1.8em;
	display: inline-block;
	margin: 0 1%;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 50%;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last {
	border-radius: 0;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #fff;
	text-decoration: none;
	background: #e73736;
}

.wp-pagenavi span.current {
	/*font-weight: bold;*/
}

.wp-pagenavi .first,
.wp-pagenavi .last { display: none; }

@media screen and ( min-width: 641px )  {

	.archive-foot { margin-top: 80px; }

	.wp-pagenavi a,
	.wp-pagenavi span { margin: 0 6px; }

	.wp-pagenavi .first,
	.wp-pagenavi .last {
		display: inline;
		border-radius: 0;
		padding: 0 0.5em;
	}

	.wp-pagenavi .first { margin-left: 0; }

	.wp-pagenavi .last { margin-right: 0; }
}


/*---------------------------------------
　各アーカイブ個別
---------------------------------------*/


/*========================================================
　シングルページ 固定ページ
========================================================*/

/* シングルページナビ
-------------------------------*/

.single-nav { border-top: solid 1px #ccc; }

.single-nav a { color: #212121; }

.single-nav a:hover { color: #506fd6; }

/* スポットイベント情報
-------------------------------*/

.spot-event-container {
	font-size: 0.875em;
	padding: 16px 8px;
	background: #fffbef;
	border: 1px solid #ccc;
	margin-bottom: 40px;
}

.spot-event-title {
	padding-bottom: 0.3em;
	border-bottom: 1px solid;
}

.spot-event-container .loop-article:not(:last-child) {
    padding-bottom: 8px;
    border-bottom: 1px dotted;
    margin-bottom: 8px;
}

@media screen and ( min-width: 641px )  {

	.spot-event-container { padding: 16px 24px; }
}


/* CF7フォーム
-------------------------------*/

.form-box { background: #f5f5f5; }


/* 概要テーブル
-------------------------------*/

.spot-tb-block {
	padding: 32px 0;
	background: url(images/bg_dot.png);
}

.spot-tablecontainer > table { background: #fff; }

.area-yokohama .spot-tablecontainer th { background: #e6f2f8; }
.area-kamasho .spot-tablecontainer th { background: #f7f1ea; }
.area-odahako .spot-tablecontainer th { background: #edf4e9; }
/* 支払い */

.pay-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pay-list > li {
	display: inline-block;
	margin: 0 0.2em 0 0;
}

.pay-list > li:not(:first-child):before { content: '／'; }

.pay-note { margin-top: 0.5em; }

.pay-note > p,
.pay-note > p .alignnone { margin: 0; }

.contents .pay-note img {
	vertical-align: middle;
	margin: 0;
}

@media screen and ( min-width: 641px )  {

	.spot-tb-block { padding: 40px 0; }
}

/* タグリスト
-------------------------------*/
.single .contents-taglist { font-size: 0.8125em; }

/* 更新日、プラグインPost Expirator設定
-------------------------------*/

.contents p.modified-date,
.contents .modified-date + p {
	font-size: 0.8em;
	text-align: right;
	margin-bottom: 0;
}

/* プラグインFavorites設定
-------------------------------*/

button.simplefavorite-button {
	font-weight: 700;
	padding: 0.1em 0.8em;
	border: 1px solid;
}

button.simplefavorite-button.active { opacity: 1; }

@media screen and ( min-width: 641px )  {

	button.simplefavorite-button {
		line-height: 1.8em;
		margin: 0;
	}
}

.addtoany_content { text-align: center; }


/*---------------------------------------
　スリックスライダー共通
---------------------------------------*/

/* arrows */

.slick-arrow:hover:after { border-color: #e73736 }

/* ページャー */

.slick-dots {
	top: 100%;
	bottom: auto;
}

.slick-dots li button { background: #999; }

.slick-dots .slick-active button,
.slick-dots li button:hover { background: #e73736; }


/* ページギャラリー設定
-------------------------------*/

.page-gallerycontainer { margin: 40px 0; }

.page-gallerycontainer:first-child { margin-top: 0; }

.page-gallerylist {
	list-style: none;
	padding: 0;
	margin: 0;
}


/* arrows ページャー設定*/

.page-gallerylist .slick-arrow:after {
	width: 10px;
	height: 10px;
}

.page-gallerylist .slick-arrow { z-index: 10; }

.page-gallerylist .slick-prev { left: 0; }

.page-gallerylist .slick-next { right: 0; }

/*.main-page-slick .slick-dots li {margin: 0; }*/

@media screen and ( min-width: 641px )  {

	.main-page-slick button.slick-arrow {
		width: 30px;
		height: 30px;
	}

	.main-page-slick .slick-arrow:after {
		width: 16px;
		height: 16px;
	}

	.thumb-page-slick button.slick-arrow {
		top: auto;
		left: 50%;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}

	.thumb-page-slick .slick-next { bottom: 0; }

	.thumb-page-slick .slick-prev:after {
		top: 60%;
		border-width: 3px 0 0 3px;
	}

	.thumb-page-slick .slick-next:after {
		top: 40%;
		border-width: 0 3px 3px 0;
	}

}

/* ギャラリースライド */

.page-gallerylist li.slick-slide figure {
	position: relative;
	padding-top: 66%;
	margin: 0;
	background: #262626;
}

.page-gallerylist .slick-slide img {
	/*width: auto;*/
	/*height: 100%;*/
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.page-gallerylist .slick-slide img.img-height {
	width: auto;
	max-height: 100%;
}

/* メイン */

.main-page-slick.slick-dotted.slick-slider { margin-bottom: 40px; }

.main-page-slick figcaption {
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 100%;
	max-height: 100%;
	padding: 40px 10px 9px;
	position: absolute;
	z-index: 5;
	bottom: 0;
	overflow: auto;
	background: linear-gradient(0deg,
		rgba(0,0,0,0.7),rgba(0,0,0,0.3) 70%,transparent);
}

.main-page-slick .slick-dots li {
	width: 6px;
	height: 6px;
	margin: 0 8px;
}

.main-page-slick .slick-dots li button {
	width: 6px;
	height: 6px;
	padding: 3px;
}

/* サブ */
.thumb-page-slick li { padding: 0 2px; }

@media screen and ( min-width: 641px )  {

	.page-gallerycontainer {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.main-page-slick.slick-dotted.slick-slider { margin-bottom: 0; }

	.main-page-slick {
		width: 78.5%;
	}

	.thumb-page-slick {
		/*width: 19.4%*/
		width: 19.5%;
	}

	.thumb-page-slick li { padding: 0; }

}



/*---------------------------------------
　口コミ コメント
---------------------------------------*/

/*　コメント 表示
---------------------------------------*/

.comments-area {
	font-size:14px;
	line-height: 1.4;
	background: #f2f8fa;
	border: none;
	padding: 32px 8px;
}

.comments-header {
	text-align: center;
	padding: 1em 0.5em;
	margin-bottom: 16px;
	background: #fbfeff;
}

.comments-header h2 {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #5ac3e3;
	margin: 0 0 0.3em;
}

.bypostauthor { border-color: transparent; }

.commentlist li {
	background: #fff;
}

.commentlist > li {
	border-radius: 2px;
	border-top: 1px solid #eee;
	border-left: 1px solid #f5f5f5;

}

.commentlist li:not(:last-child) { margin-bottom: 8px; }

.commentlist li .children {
	list-style: none;
	border-top: 1px solid #eee;
}

.commentlist li .children > li {
	position: relative;
}

.commentlist li .children > li:before {
	content: '-';
	padding-top: 8px;
}

.commentlist .comment-body {
	margin: 0;
	padding: 8px 8px 8px 8px;
	border: none;
	position: relative;
}

.commentlist .children .comment-body { padding-left: 0; }

.comment-author {
	font-size: 1em;
	font-weight: 700;
}

/* 追加タグ */

.kc-comment { min-height: 3em; }

.kc-title {
	color: #e73736;
	margin: 0 0 0.2em;
}

.kc-listfoot {
	font-size: 0.875em;
	text-align: right;
}

/*Comment Images Reloaded プラグイン設定関連 */

.comment-image-box {
	width: 110px;
	float: right;
	margin: 0 0 0 1em
}
.comment-image-box + p { clear: both; }

/*.commentlist .comment-body:after {
	content: '';
	display: block;
	background: url(images/pic_human.jpg) no-repeat center;
	background-size: contain;
}

.commentlist .comment-body:after,
.comment-image-box {
	position: absolute;
	top: 8px;
	right: 8px;
	border: 1px solid #eee;
}
.commentlist .comment-body:after,
.comment-image-box,
.comment-image-box p {
	width: 64px;
	height: 64px;
	overflow: hidden;
}

.comment-image-box { z-index: 5; }

.comment-image-box img {
	max-width: none;
	width: auto;
	height: 100%;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #fff;
}
*/

.cir-link { display: none !important; }

@media screen and ( min-width: 641px )  {

	.comments-area { padding: 32px 24px; }
}


/*---------------------------------------
　各ページ個別
---------------------------------------*/

/* プレゼントページ共通
------------------------------------------*/

h1.tit-img { margin: 0; }

.present-tit .tit-img img { width: 90%; }

.present-tit .imgtit_wrap:before,
.present-tit .imgtit_wrap:after {
	content: '';
	display: block;
	height: 40%;
	position: absolute;
	right: 8px;
	left: 8px;
	background-repeat: no-repeat;
	background-size: contain;
	/*background: #ccc;*/
}

.present-tit .imgtit_wrap:before {
	top: 8px;
	background-position: center top;
	background-image: url(images/title_lineTop-y.png);
}

.present-tit .imgtit_wrap:after {
	bottom: 8px;
	background-position: center bottom;
	background-image: url(images/title_lineBottom-y.png);
}

@media screen and ( min-width: 641px )  {

	.present-tit .tit-img img { width: 70%; }

	.present-tit .imgtit_wrap:before,
	.present-tit .imgtit_wrap:after {
		right: 16px;
		left: 16px;
	}

	.present-tit .imgtit_wrap:before { top: 16px; }

	.present-tit .imgtit_wrap:after { bottom: 16px; }

}

/* プレゼント総合ページ
------------------------------------------*/

.tabipre-tit .tit-img { background: #f63; }

.tabipre-tit .tit-img img { width: 76%; }

.tabipre-tit .imgtit_wrap:before { background-image: url(images/title_lineTop-w.png); }
.tabipre-tit .imgtit_wrap:after { background-image: url(images/title_lineBottom-w.png); }

@media screen and ( min-width: 980px )  {

	.tabipre-tit .tit-img img { width: 58%; }
}

.contents > h2.kichipre-before { border-left-color: #6cc;}

.contents > h2.stamppre-before { border-left-color: #9c3;}

/* 移動ボタン */
.oubo-btnlist > li { margin-bottom: 1em; }

.oubo-btnlist a {
	color: #4d4d4d;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.4;
	padding: 1em;
	display: block;
	background: #ffe6cf;
	position: relative;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.oubo-btnlist a:hover {
	color: #fff;
	text-decoration: none;
}

.oubo-btnlist > li:first-child a:hover { background: #6cc; }
.oubo-btnlist > li:last-child a:hover { background: #9c3; }

.oubo-btnlist a:after {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	border-style: solid;
	border-width: 0 2px 2px 0;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform:translate(0,-50%)  rotate(45deg);
}
@media screen and ( min-width: 641px )  {

	.oubo-btnlist {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.oubo-btnlist > li {
		margin: 0;
		width: 48%;
	}

	.oubo-btnlist a {
		padding: 1.5em;
	}

	.oubo-btnlist a:after { right: 16px; }

}

/* STEP*/

.pre-stepbox h3 {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.step-list {
	margin-left: 0;
	padding-left: 0;
}

.step-list > li { padding-left: 4.3em; }

.step-list > li:not(:last-child) { margin-bottom: 0.5em; }

.step-count {
	font-weight: 700;
	display: inline-block;
	margin: 0 1em 0 -4.3em;
}

.kuchipre-step .step-count { color: #6cc; }

.stamppre-step .step-count { color: #9c3; }

@media screen and ( min-width: 641px )  {

	.step-list { margin: 0 0 0 2em; }

	.step-list + dl {
		margin-left: 2em;
		margin-bottom: 0;
	}
}

/* 各プレゼントページボタン */

.pre-btnlist > li { margin-bottom: 1em; }

.pre-btnlist a {
	color: #fff;
	font-size: 0.95em;
	font-weight: 700;
	line-height: 1.4;
	padding: 1em 0.5em 1em 2.8em;
	display: block;
	border-radius: 8px;
	background: #ccc;
	position: relative;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.pre-btnlist a:hover { text-decoration: none; }

.kuchipre-btn a { background: #6cc; }

.kuchipre-btn a:hover { background: #25baba; }

.stamppre-btn a { background: #9c3; }

.stamppre-btn a:hover { background: #76a518; }

.pre-btnlist a:before,
.pre-btnlist a:after {
	content: '';
	display: block;
	position: absolute;
}

.pre-btnlist a:before {
	width: 1.4em;
	height: 1.4em;
	border: 2px solid;
	border-radius: 50%;
	top: 50%;
	left: 0.8em;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translateX(0) translateY(-50%);
	transform: translate(0,-50%);
}

.pre-btnlist a:after {
	width: 0.6em;
	height: 0.6em;
	border-style: solid;
	border-width: 3px 3px 0 0;
	border-color: #fff;
	top: 50%;
	left: 1.1em;
	-webkit-transform: translate(0,-50%) rotate(45deg);;
	-ms-transform: translateX(0) translateY(-50%) rotate(45deg);;
	transform: translate(0,-50%) rotate(45deg);;
}

@media screen and ( min-width: 641px )  {

	.pre-btnlist {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.pre-btnlist > li {
		margin-bottom: 0;
		width: 32%;
	}
}



/* スタンプラリーページ
------------------------------------------*/

.stamppre-tit .tit-img { background: #9c3; }

.stamprally-title .text-normal { display: block; }

.stamp-soptmap { margin-bottom: 1em; }

.stamp-article .stamp-icon { font-size: 0.9375em; }

.stamp-article .stamp-icon:before { margin-left: 0; }

.stamp-no-map {
	color: #999;
	font-size: 1.25em;
	width: 100%;
	height: 75vw;
	max-height: 368px;
	background: #eee;
	border: 1px solid #eee;
	margin-bottom: 1em;
	margin-bottom: 1em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.no-map-text {
	text-align: center;
	line-height: 1.2;
}

.no-map-text .fa-map-marker-alt { font-size: 1.3em; }

@media screen and ( min-width: 641px )  {

	.stamprally-title > .text-normal { display: inline-block; }

	.stamp-soptmap.acf-map,
	.stamp-no-map {
		width: 200px;
		height: 160px;
		float: left;
		margin: 0 2em 0 0;
	}

	.stamp-eyecatch.thum-box {
		width: 20%;
		padding-top: 13.2%;
		margin-bottom: 0;
	}
}

@media screen and ( min-width: 980px )  {

	.stamp-article .wrap-cat-btn .town-area {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-right: 2em;
	}
}




/* 口コミプレゼント応募ページ
------------------------------------------*/
.kuchipre-tit .tit-img { background: #6cc; }



/* プレゼントタイトル */

.kc-present-container .comment-reply-title {
	color: #e73736;
	padding: 0.3em 4em 0.3em 0.3em;
	border: 2px solid;
	margin-bottom: 1em;
	background: url(images/ptn_lightgray_stripe.png);
	position: relative;
}

.kc-present-container .comment-reply-title.stamprally-title {
	color: #76a518;
}
.stamp-count { color: #76a518; }

.present-limit {
	color: #ff0;
	font-size: 1rem;
	line-height: 1.2;
	text-align: center;
	display: block;
	width: 6em;
	height: 6em;
	border-radius: 50%;
	background: #e73736;
	position: absolute;
	top: -1em;
	right: -3%;
	-webkit-transform: rotate( -15deg );
	-ms-transform: rotate( -15deg );
	transform: rotate( -15deg );
}

.limit-txt {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

@media screen and ( min-width: 641px )  {

	.kc-present-container.alignwide { margin-top: 80px; }

	.kc-present-container .comment-reply-title {
		font-size: 1.75em;
		text-align: center;
		padding: 0.3em 3.6em 0.3em 0.5em;
	}

	.present-limit { font-size: 1.125rem; }
}

@media screen and ( min-width: 980px )  {

	.kc-present-container .comment-reply-title {
		padding: 0.5em 3.6em 0.5em 0.5em;
	}

	.present-limit {
		font-size: 1.25rem;
		top: -1.5em;
	}
}

/* プレゼントリスト */

.present-settitle {
	color: #fff;
	text-align: center;
	padding: 0.3em 0;
}

.present-list {
	list-style: none;
	padding: 0;
	margin: 0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.present-list > li {
	width: 50%;
	padding: 8px 8px 2em;
	border: 2px solid #fff;
	position: relative;
}

.prelist-yokohama .present-list > li { background: #dff0f8; }

.prelist-kamasho .present-list > li { background: #ece3d7; }

.prelist-odahako .present-list > li { background: #dee6da; }

.stamp-list.present-list > li { padding-bottom: 8px; }

.prelist-yokohama .stamp-list.present-list > li { background: url(images/bg_dot.png), #dff0f8; }

.prelist-kamasho .stamp-list.present-list > li { background: url(images/bg_dot.png), #ece3d7; }

.prelist-odahako .stamp-list.present-list > li { background: url(images/bg_dot.png), #dee6da; }


.present-list figure {
	width: 100%;
	padding-top: 80%;
	background: #f5f5f5;
	margin-bottom: 0.5em;
	position: relative;
	overflow: hidden;
}

.present-list figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.present-list figure label { display: inline }

.pre-txt p {line-height: 1.4; }

.pre-txt a {
	color: #4d4d4d;
	font-size: 0.9375em;
}

.pre-checkbox {
	text-align: center;
	background: #fff;
	position: absolute;
	right: 8px;
	bottom: 8px;
	left: 8px;
}

.present-note {
	max-width: 728px;
	margin: 32px auto 0;
}

@media screen and ( min-width: 641px )  {

	.present-list > li {
		width: 33.3%;
		padding: 16px 16px 3em;
	}

	.stamp-list.present-list > li { padding-bottom: 16px; }

	.pre-checkbox {
		padding: 0.2em 0;
		right: 16px;
		bottom: 16px;
		left: 16px;
	}
}

@media screen and ( min-width: 980px )  {

	.present-list > li { width: 25%; }
}


/*　コメント フォーム */

.kuchikomi-formset {
	max-width: 728px;
	margin: 40px auto 0;
}

.kuchikomi-formset .input-title {
	text-align: center;
	padding-bottom: 0.3em;
	border-bottom: 1px solid;
}

.preform-block { margin-top: 40px; }

.kc-form-tb th { font-size: 0.9375em; }

.kc-form-tb td {
	border-left: 2px solid #fff;
	background: #e5e5e5;
}
.kc-form-tb td.bg-kc-open { background: #fffef5; }

.kc-form-tb input,
.kc-form-tb textarea { width: 100%; }

select[name="kc_soptname"] { width: 88vw; }

.kc-form-tb .input-auto input { width: auto; }

.contents .c-imagebox p { margin: 0; }

.kc-present-container .form-allowed-tags,
.kc-present-container .form-submit { text-align: center; }

.kc-present-container .form-allowed-tags { margin-top: 2em; }

.logged-in .form-submit { display: none; }

.kc-addinput input {
	display: block;
	margin-top: 0.5em;
}

@media screen and ( min-width: 641px )  {

	.kuchikomi-formset {
		margin-top: 80px;
		padding: 24px;
		border: 1px solid #ccc;
	}

	.kuchikomi-formset .input-title { font-size: 1.5em; }

	.contents .kc-form-tb th { width: 10em; }

	select[name="kc_soptname"] { width: 100%; }

	.kc-addinput input {
		display: inline-block;
		margin-top: 0.5em;
	}
}


/* 旅うららとは ページ
-------------------------------------------*/

@media screen and ( max-width: 640px )  {

	.guide-map-column .wp-block-column:not(:last-of-type) { margin-bottom: 2em; }

	.guide-map-column .wp-block-column:before {
		content: '';
		display: table;
		clear: both;
	}

	.guide-map-column h3.text-mincho { font-size: 1.25em; }

	.guide-map-column .text-mincho br { display: none; }

	.guide-map-column figure {
		width: 40%;
		float: left;
		margin: 0 0.5em 0 0;
	}

	.guide-map-column figure + p + ul { overflow: hidden; }
}

.guide-map-column figure + p + ul { margin-left: 0; }

/* ボタン */
.wp-block-buttons:not(:last-child) { margin-bottom: 1em; }

.wp-block-buttons .wp-block-button.wp-btnblock,
.wp-block-buttons .wp-block-button.wp-btnblock a {
	display: block;
}

.width34em a { max-width: 34em; }

.wp-block-buttons .wp-block-button.wp-btnblock a { margin: 0 auto; }


/* サイトマップ
-------------------------------------------*/

.sitemap-tb tr td:first-child {
	font-weight: 700;
	min-width: 12em;
	vertical-align: top;
}

.postlist-ul,
.postlist-child {
	list-style: none;
	margin: 0;
	padding: 0;
}

.postlist-ul li:before { padding-right: 0.3em; }

.postlist-ul a:not(:hover) { color: #4d4d4d; }

.postlist-ul {
	line-height: 1.8;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.postlist-ul > li {
	display: inline-block;
	margin-right: 1em;
}

.postlist-ul > li:before { content: '•'; }

.postlist-child {
	font-size: 0.875em;
	line-height: 1.4;
	margin-left: 0.5em;
}

.postlist-child > li:before { content: '-'; }


/* ----------------------------------------
  プラグイン関係
------------------------------------------*/

/* Add To Any Follow プラグイン
-------------------------------------------*/

.contents .widget_a2a_follow_widget { text-align: center; }

.a2a_svg.a2a_s__default.a2a_s_facebook {
	background-color: rgb(24, 119, 242) !important;
}

/* Favorites プラグイン
-------------------------------------------*/

ul.favorites-list {
	max-width: 728px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.favorites-list li {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.favorites-list > li:first-child { border-top: none; }

.favorites-list > li:not(:first-child) { border-top: 1px dotted #4d4d4d !important; }

.favorites-list li:hover { background: #fffdf7; }

.favorites-list li img {
	float: none  !important;
	display: block;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.favorites-list li:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.favorites-list a {
	font-size: 1.25em;
	font-weight: 700;
}

.favorites-list a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.favorites-list a:after { content: ' →' }

.favorites-list a:hover { text-decoration: none; }

@media screen and ( min-width: 641px )  {

	.favorites-list li {
		padding-right: 0.75em !important;
		padding-left: 0.75em !important;
	}
}


/* ----------------------------------------
  新着情報一覧ページ・ウィジェット
------------------------------------------*/

.news-all-list li:hover { background: #ecf0f7; }

.news-all-list a:not(:hover) { color: #212121; }

.news-all-list .news-date { margin-right: 0.2em; }

.news-all-list .cat-links a {
	color: #fff;
	opacity: 1;
}

.news-all-list .cat-links a:hover { opacity: 0.7; }

.cat-links a.bg-yokohama { background: #007ec3; }
.cat-links a.bg-kamasho { background: #ad814b; }
.cat-links a.bg-odahako { background: #84b169; }

.cat-links a.bg-post { background: #e73736; }

.cat-links a.bg-news { background: #3ea1ac; }

@media screen and ( min-width: 641px )  {

	.news-all-list > li { padding: 0.8em 1em 0.8em 0.5em; }
}

/*---------------------------------------
　404ページ、検索（未検索）ページ
---------------------------------------*/

@media screen and ( max-width: 640px )  {

	.set-404 figure img {
		width: 180px;
		height:
	}
}

@media screen and ( min-width: 641px )  {

	.set-404,
	.set-404 > .wp-block-group__inner-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction:  row-reverse;
		flex-direction: row-reverse;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0 3%;
	}

	.set-404 figure {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-bottom: 0;
	}

	.text404wrap {
		margin-right: 20px;
	}
}


/*========================================================
　ホーム(トップ)ページ
========================================================*/

/* ----------------------------------------
 スライダー
-------------------------------------------*/

.slickimg-caption {
	color: #fff;
	font-size: 0.8em;
	line-height: 1.4;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 8px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#cc000000',GradientType=0 );
}

button.slick-arrow {
	border-radius: 0;
	background: rgba( 255,255,255,0 );
}

button.slick-arrow:hover { background: rgba( 255,255,255,0.8 ) }

@media screen and ( min-width: 641px )  {

	.slickimg-caption { padding: 24px; }
}

@media screen and ( min-width: 1146px )  {

	.top-visual { position: relative; }

	.top-visual:before,
	.top-visual:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 20%;
		z-index: 100;
		background: rgba( 255,255,255,0.3 );
	}

	.top-visual:before {
		left: 0;
		border-right: 2px solid #fff;
	}

	.top-visual:after {
		right: 0;
		left: auto;
		border-left: 2px solid #fff;
	}
}

/* ホームスリックスライダー
--------------------------------------------*/

.top-visual .slick-arrow,
.top-visual .slick-dots {
	position: absolute;
	z-index: 999;
	opacity: 0;
	filter: alpha(opacity=00);
	-ms-filter: "alpha( opacity=00 )";
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.top-visual .slick-slider:hover .slick-arrow,
.top-visual .slick-slider:hover .slick-dots {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* arrows */

.top-visual .slick-arrow,
.top-visual .slick-arrow:hover { background: rgba( 255,255,255,0.9 ); }

.top-visual .slick-arrow { border-radius: 50%; }

.top-visual .slick-arrow:after {
	border-color: #999;
	width: 12px;
	height: 12px;
}

@media screen and ( min-width: 1146px )  {

	.top-visual .slick-prev { left: calc( 20% - 12px ); }

	.top-visual .slick-arrow.slick-prev:after { left: 60%; }

	.top-visual .slick-next { right: calc( 20% - 12px ); }

	.top-visual .slick-arrow.slick-next:after { left: 40%; }
}


/* ホーム共通
------------------------------------------*/

.home .wp-block-group { position: relative; }

.home .contents h2 {
	color: #212121;
	font-weight: 400;
	text-align: center;
	border-bottom: 2px dashed #f1a200;
	width: max-content;
	margin-right: auto;
	margin-left: auto;
}

.sub-h2title {
	color: #e73736;
	font-size: 1.125em;
	font-family: Frank Ruhl Libre, "Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-top: -0.5em;
}

.home .contents > .wp-block-group { padding: 40px 0; }

.home-btn .wp-block-button__link {
	padding: 0.5em 3.5em;
}

@media screen and ( min-width: 641px )  {

	.home .contents > .wp-block-group { padding: 80px 0; }


	.home .contents h2 {font-size: 2.1em; }
}

@media screen and ( min-width: 1140px )  {

	.home .contents > .wp-block-group { padding: 100px 0; }
}

/*.section-wrap-wpg {	padding: 40px 0; }*/


/*@media screen and ( min-width: 1146px )  {

	.home .wp-block-group { padding-top: 60px; }

}*/


/* お出かけ情報（カバー式 ）
------------------------------------------*/

.infonav-wrap.wp-block-group.has-background { padding: 0; }

.infonav-wrap .wp-block-group__inner-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.infonav-wrap .wp-block-group__inner-container:before,
.infonav-wrap .wp-block-group__inner-container:after {
	display: none;
}

.infonav-wrap .infonav-box {
	width: 32.6%;
	margin-bottom: 4px;
}

.infonav-wrap .infonav-box:nth-last-child(3),
.infonav-wrap .infonav-box:nth-last-child(2),
.infonav-wrap .infonav-box:last-child { margin-bottom: 0; }

.infonav-wrap .infonav-box:not(:nth-child(3n)) { margin-right: 1%; }

.infonav-box.wp-block-cover,
.infonav-box.wp-block-cover-image {
	min-height: auto;
	height: 32vw;
}

@media screen and ( max-width: 640px )  {

	.infonav-box.wp-block-cover,
	.infonav-box.wp-block-cover-image {
		max-height: 132px;
	}
}

/* ブロック内*/

.infonav-box.wp-block-cover .wp-block-cover__inner-container {
	width: 100%;
	padding: 0 4px;
}

.infonav-box.wp-block-cover .wp-block-image { margin-bottom: 8px; }

.infonav-box.wp-block-cover .wp-block-image figure {
	width: 28px;
	height: 28px;
	background: rgba(231,55,54,0.8);
	border-radius: 50%;
	margin-bottom: 0;
}

.infonav-box .top-navtxt {
	font-size: 1rem !important;
	line-height: 1.2;
	letter-spacing: -0.05em;
	margin-bottom: 0;
}

@media screen and ( max-width: 360px )  {

	.infonav-box.wp-block-cover .wp-block-cover__inner-container { padding: 0; }

	.infonav-box .top-navtxt {
		font-size: 1rem !important;
		letter-spacing: -0.1em;
	}
}

.infonav-box .top-navtxt a:hover { text-decoration: none; }

.infonav-box .top-navtxt a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.infonav-box .top-navtxt a:hover:before { background: rgba( 255,255,255,0.3 ); }


@media screen and ( min-width: 641px )  {

	.infonav-box.wp-block-cover,
	.infonav-box.wp-block-cover-image {
		max-height: 345px;
		margin-bottom: 12px;
	}

	.infonav-box.wp-block-cover .wp-block-image figure {
		width: 40px;
		height: 40px;
	}

	.infonav-box .top-navtxt {
		font-size: 1.5rem !important;
	}
}

@media screen and ( min-width: 1140px )  {

	.infonav-box.wp-block-cover .wp-block-image figure {
		width: 50px;
		height: 50px;
	}

	.infonav-box .top-navtxt {
		font-size: 1.75rem !important;
	}
}


/* 人気スポットランキング
-------------------------------------------*/

#ranking-section { padding-bottom: 0; }

/* ランキング タブ */

.ranking-tab {
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.ranking-tab > li { width: 33.3%; }

.ranking-tab .rank-tab {
	font-size: 1.125em;
	font-weight: 700;
	text-align: center;
	background: #fff;
	padding: 8px 0;
	border-style: solid;
	border-width: 2px 2px 0 2px;
	border-radius: 2px 2px 0 0;
}

.ranking-tab .tab-yokohama {
	color: #007ec3;
	border-color: #007ec3;
}

.ranking-tab .tab-kamasho {
	color: #ad814b;
	border-color: #ad814b;
}

.ranking-tab .tab-odahako {
	color: #84b169;
	border-color: #84b169;
}

.ranking-tab .tab-current .rank-tab { color: #fff; }

.ranking-tab .tab-current .tab-yokohama { background: #007ec3; }
.ranking-tab .tab-current .tab-kamasho { background: #ad814b; }
.ranking-tab .tab-current .tab-odahako { background: #84b169; }

@media screen and ( min-width: 641px )  {

	.ranking-tab { cursor: auto; }

	.ranking-tab .rank-tab { font-size: 1.3em; }

	.ranking-tab .rank-tab:before {
		content: '';
		font-family: 'tabiurara-icon' !important;
		font-weight: 400;
		font-size: 1.6em;
		text-transform: none;
		display: inline-block;
		margin-right: 0.2em;
		vertical-align: -0.2em;
		speak: none;
		line-height: 1;
	}

	.ranking-tab .rank-tab.tab-yokohama:before { content: "\e904"; }
	.ranking-tab .rank-tab.tab-kamasho:before { content: "\e901"; }
	.ranking-tab .rank-tab.tab-odahako:before { content: "\e903"; }
}

/* ランキング コンテンツ */

.rank-box { background: url(images/dot_white.png); }

.rank-contents {
	padding: 8px 8px;
	border-radius: 0 0 4px 4px;
	background: rgba(255,255,255,0.6);
}

.rank-yokohama { border: 4px solid #007ec3; }

.rank-kamasho { border: 4px solid #ad814b; }

.rank-odahako { border: 4px solid #84b169; }

.wpp-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wpp-list > li {
	line-height: 1.3;
	counter-increment: spot-ranking;
	position: relative;
	padding: 0.5em 0 0.5em 2.2em;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.8em auto;
}

.wpp-list > li:not(:last-child) {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.3em;
}

.wpp-list > li:before {
	content: counter(spot-ranking)'.';
	font-size: 1.6em;
	font-family: Frank Ruhl Libre, "Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0.2em 0 -1em;
}

.rank-yokohama .wpp-list > li:before { color: #007ec3; }
.rank-kamasho .wpp-list > li:before { color: #ad814b; }
.rank-odahako .wpp-list > li:before { color: #84b169; }


.wpp-list > li:first-child:before,
.wpp-list > li:nth-child(2):before,
.wpp-list > li:nth-child(3):before { content: none; }


.wpp-list > li:first-child {
	font-weight: 700;
	background-image: url(images/icon_king-crown.png);
}

.wpp-list > li:nth-child(2) { background-image: url(images/icon_2th-crown.png); }

.wpp-list > li:nth-child(3) { background-image: url(images/icon_3th-crown.png); }

.wpp-list > li a:not(:hover) { color: #4d4d4d;  }

@media screen and ( min-width: 980px )  {

	.rank-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.rank-contents { width: 33.3% }

	.wpp-list { padding: 0 16px; }

}

/* 神奈川で人気の3エリア
-------------------------------------------*/
.map-r-section {

	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.map-r-section:after {
	content: '';
	display: block;
	height: 30%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.map-r-section h2,
.map-r-section .sub-h2title {
	position: relative;
	z-index: 5;
}

.map-r-section .map-container {
	height: 60vw;
	position: relative;
}

.map-btn {
	position: absolute;
	margin: 0;
}

.map-btn a {
	/*color: #4d4d4d;*/
	font-size: 0.9em;
	line-height: 1.2;
	text-align: center;
	display: block;
	width: 9em;
	padding: 0.3em 0;
	border-style: solid;
	border-width: 2px;
	background: rgba( 255,255,255,0.8 );
	box-shadow: 1px 1px 2px rgba( 0,0,0,0.2 );
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	position: relative;
}

.map-btn a:after {
	content: '→';
	color: #4d4d4d;
	display: inline-block;
	margin-left: 0.3em;
	vertical-align: 0.1em;
}

.map-btn a:hover,
.map-btn a:hover:after {
	color: #fff;
	text-decoration: none;
}

.mapbtn-yokohama {
	top: 28%;
	left: 58%;
}

.mapbtn-yokohama a {
	color: #007ec3;
	border-color: #007ec3;
}

.mapbtn-yokohama a:hover { background: #007ec3; }

.mapbtn-kamasho {
	top: 51%;
	left: 36%;
}

.mapbtn-kamasho a {
	color: #ad814b;
	border-color: #ad814b;
}

.mapbtn-kamasho a:hover { background: #ad814b; }

.mapbtn-odahako {
	top: 78%;
	left: 0%;
}

.mapbtn-odahako a {
	color: #84b169;
	border-color: #84b169;
}

.mapbtn-odahako a:hover { background: #84b169; }

@media screen and ( min-width: 641px )  {

	#map-section { padding-bottom: 40px; }

	.map-r-section .map-container {
		height: 62vw;
		max-height: 510px;
	}

	.map-btn a { font-size: 1.125em; }

	.mapbtn-yokohama {
		top: 30%;
		left: 64%;
	}

	.mapbtn-kamasho {
		top: 51%;
		left: 40%;
	}

	.mapbtn-odahako {
		top: 74%;
		left: 10%;
	}
}

@media screen and ( min-width: 980px )  {

	.map-btn a { font-size: 1.25em; }

	.mapbtn-yokohama {
		top: 28%;
		left: 62%;
	}

	.mapbtn-kamasho {
		top: 52%;
		left: 40%;
	}

	.mapbtn-odahako {
		top: 73%;
		left: 18%;
	}
}

/* 開催中のイベント
-------------------------------------------*/

.home-eventcontainer.slick-dotted.slick-slider { margin: 0 -3% 40px; }

.home-event-article.loop-article {
	position: relative;
}

.home-event-article.loop-article,
.home-event-article.loop-article:not(:last-child) {
	padding: 0 8px 8px;
	margin-bottom: 16px;
	border-bottom: none;
}

.home-event-article .tit-before-wrap {
	font-size: 0.75em;
	position: absolute;
	top: 0;
	left: 8px;
	z-index: 5;
}

/*.home-event-article .tit-before-wrap a { font-weight: 400; }*/

.home-event-article .thum-box {
	float: none;
	width: 100%;
	padding-top: 66%;
	margin: 0 0 0.5em;
	border: 1px solid #eee;
}

.home-event-article .loop-event-meta {
	font-size: 0.9375em;
	min-height: 2.6em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.home-event-article .loop-event-meta i {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-top: 0.3em;
	margin-right: 0.3em;
}

.home-event-article .loop-event-meta .event-scheduleset {
	display: block;
	padding-left: 1em;
}

.home-event-article .event-scheduleset .event-date:first-child {
	display: inline-block;
	margin-left: -1em;
}

.home-event-article .event-date:not(:first-child)::before { margin: 0; }

.home-event-article .loop-title {
	font-size: 1.0625em;
	min-height: 3em;
}

.home-event-article .event-place {
	font-size: 0.9375em;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 1em;
}

.home-event-article .event-place:before {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background: #4d4d4d;
	border-radius: 1px;
	margin-right: 0.2em;
}

.home-event-article .cat-link-container a {
	font-size: 0.765em;
}

.home-event-article .loop-txtwrap:after {
	content: '';
	display: block;
	width: calc( 100% - 16px);
	height: 2px;
	border-bottom: 1px dotted  #ccc;
	position: absolute;
	bottom: 0;
}

/* arrows ページャー設定*/

.home-eventcontainer .slick-arrow {
	top: 33%;
	z-index: 20;
}

.home-eventcontainer .slick-arrow::after { border-color: rgba( 0,0,0,0.2 ); }

.home-eventcontainer .slick-arrow:hover:after { border-color: #e73736; }

.home-eventcontainer .slick-prev { left: 5px; }

.home-eventcontainer .slick-next { right: 5px; }

.home-eventcontainer .slick-dots li { margin: 0; }

@media screen and ( min-width: 641px )  {

	.home-eventcontainer {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.home-event-article .loop-event-meta { font-size: 1em; }

	.home-event-article .loop-title { font-size: 1.125em; }
}

@media screen and ( min-width: 1141px )  {

	.home-eventcontainer.slick-dotted.slick-slider { margin: 0 -8px 40px; }

	.home-eventcontainer .slick-arrow  { top: 40%; }

	.home-eventcontainer .slick-prev { left: -16px; }

	.home-eventcontainer .slick-next { right: -16px; }
}



/* 旅行プラン検索
-------------------------------------------*/

.homesearch-tb { background: rgba( 255,255,255,0.8 ); }

.homesearch-tb th {
	color: #e73736;
	font-weight: 400;
	background: rgba( 255,246,246,0.8);
}

.contents .homesearch-tb td { padding: 0.8em 0.3em; }

@media screen and ( min-width: 641px )  {

	.contents .homesearch-tb th { min-width: 11em; }

	.contents .homesearch-tb td { padding: 0.8em; }
}

@media screen and ( min-width: 1140px )  {

	.contents .homesearch-tb th { min-width: 12em; }

	.contents .homesearch-tb td { padding: 1.5em 0 1.5em 2em; }

	.home .contents .homesearch-tb td { padding: 1.5em }
}


/* ホーム 検索フォーム*/

.homesearch-tb .search-form {
	font-size: 1.2em;
	border: 1px solid #e73736;
	background: #e73736;
	max-width: 320px;
}

.homesearch-tb .search-form input[type="search"] { border: none; }

/* カテゴリーサーチページ */

.contents-parentstaglist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contents-parentstaglist .in-child { display: block; }

.contents-parentstaglist.tagword a { display: inline-block; }

.contents-parentstaglist li a:before { content: '# '; }

.child-taglist.contents-taglist { margin: 0.5em 0 0 1em; }

@media screen and ( min-width: 1100px )  {

	.child-taglist.contents-taglist { margin-top: 0.8em; }
}


/* タグリンク */

.homesearch-tb .contents-taglist,
.homesearch-tb .contents-parentstaglist { font-size: 0.8125rem; }

.homesearch-tb .contents-taglist > li,
.homesearch-tb .contents-parentstaglist > li { margin-bottom: 0.8em; }


.tagword-label label {
	color: #4d4d4d;
	line-height: 2;
	padding: 0 1em;
	border: 2px solid #e73736;
	border-radius: 1.25em;
	background: #fff;
	display: inline-block;
}

.ulala-form .tagword-label .ulala-checkbox::before { border-color: #ccc; }

.homeserch-footer { text-align: center; }

.home .homeserch-footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.homeserch-footer > a { font-size: 0.875em; }

.homesearch-btn {
	color: #fff;
	line-height: 2;
	padding: 0 1em;
	margin: 0;
}


@media screen and ( min-width: 880px )  {

	.homesearch-tb .contents-taglist,
	.homesearch-tb .contents-parentstaglist { font-size: 0.9375rem; }
}

@media screen and ( min-width: 1100px )  {

	.homesearch-flex {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.homesearch-tb .contents-taglist > li,
	.homesearch-tb .contents-parentstaglist > li { margin-bottom: 1em; }

	/*.homesarch-btn {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-bottom: 0.5em;
	}*/

}