@charset "UTF-8";
/*
Theme Name: 新まつもと物語

font-color #2F3030
border-color #B9BABA

*/

/*非表示*/
#jp-carousel-comment-form-container,
#jp-carousel-comments-loading,
.jp-carousel-image-meta,
.jp-carousel-comments {
	display: none!important;
}
/*サイズ調整*/
@media screen and (max-width: 567px) {
	.jp-carousel-wrap .jp-carousel-info {
		left: 0!important;
		right: 0!important;
		text-align: center!important;
	}
}

/**
* TOPページ
*********************************************************/

/* Photogenic Site Award2018 Banner */
#hero_banners { display: none; }
.heroimage.top #hero_banners {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 30px;
    transition: all .5s;
}
.heroimage.top #hero_banners > a,
.heroimage.top #hero_banners > img {
	display: inline-block;
	width: 220px;
}
.heroimage.top #hero_banners > a > img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.heroimage.top #hero_banners {
	    bottom: auto;
	    top: 10px;
	    right: 10px;
	}
	.heroimage.top #hero_banners > a,
	.heroimage.top #hero_banners > img {
		display: block;
		width: 120px;
		height: 58px;/* MTL Matsuo added 2019.10 since height is specified inline automatically by Wordpress (or plugin?) */
	}
}



.home section.tilepane.tilepane_82 .tile_2 a > div::before,
.home section.tilepane.tilepane_82 .tile_5 a > div::before {
	height: 110px;
}
.home section.tilepane.tilepane_82 .tile_6 a > div::before,
.home section.tilepane.tilepane_82 .tile_7 a > div::before {
	height: 120px;
}
.home section.tilepane.tilepane_82 .tile_2 a::after,
.home section.tilepane.tilepane_82 .tile_5 a::after,
.home section.tilepane.tilepane_82 .tile_7 a::after {
	display: none!important;
}
.home section.blog_and_news,
.home section.extramenu {
	background-color: #F3F3F3;
}
.home section.blog_and_news {
	padding-top: 60px;
	padding-bottom: 0;
}
.home section.blog,
.history section.blog,
.nature section.blog,
.culture section.blog {	/* JUL-2019 MTL KAZ: added .history, .nature, .culture */
	padding-top: 60px;
}
.home section.blog .masonry_wrap {
	margin-bottom: 60px;
}
.home section.blog .btn_sleeve {
	bottom: 0;
}
.home section.extramenu {
	padding: 40px 0;
}
.home section.aboutus,
.history section.aboutus,
.nature section.aboutus,
.culture section.aboutus {	/* JUL-2019 MTL KAZ: added .history, .nature, .culture */
/*
	padding: 75px 0 0;
*/
	padding: 0;
}
/*.home section.aboutus .desc {
	display: none;
}*/
.home .swiper-slide.top section.aboutus .desc {
	display: block;
}
.swiper-slide.loading {
	min-height: 100%;
	min-height: 100vh;
	min-height: calc( 100vh - 330px );
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}


/**
* 市民記者ブログ / 一覧
*********************************************************/
.post-type-archive-post section.post > .inner {
	padding-top: 13px;
}
@media screen and (max-width: 676px) {
	.post-type-archive-post section.post {
		padding-top: 5px;
	}
}

/**
* イベント
*********************************************************/
.post-type-archive-event main {
	background-color: #ffff85;
}


/**
* 旅の計画 / 個別
*********************************************************/
.single-guide main {
	background-color: #ebebe6;
	padding-bottom: 0;
}
.single-guide #storycontent {
	padding-bottom: 80px;
}
.single-guide #title_obi {
	background-color: #fff;
	margin-bottom: 30px;
}
.single-guide #page_title + .inner {
	background-color: #fff;
	margin-bottom: 40px;
	padding-bottom: 50px;
}
@media screen and (max-width: 1099px) {
	.single-guide #page_title + .inner {
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media screen and (max-width: 840px) and (min-width: 568px) {
	.single-guide #storycontent .inner.narrow {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}
	@media screen and (max-width: 567px) {
		.single-guide #storycontent .inner.narrow {
			margin-left: 5px;
			margin-right: 5px;
		}
	}
}


/**
* アクセス
*********************************************************/
.page-access main {
	background-color: #EBEBE6;
}
.page-access #title_obi + section {
	padding-top: 0;	/* MTL KAZ: AUG-2018: was 30px */
}
.page-access #title_obi + section > .inner {
/* MTL KAZ: AUG-2018: c/o
	background-color: #fff;
	padding: 40px 0;
*/
	width: auto;	/* MTL KAZ: AUG-2018: added */
}
.page-access #title_obi + section > .inner .inner.narrow {
	width: auto;	/* MTL KAZ: AUG-2018: added */
}
.page-access main .storycontent {}
html:not([lang="ja"]) .page-access main .storycontent {
	letter-spacing: 0.05em;	/* MTL KAZ: AUG-2018: added */
}
.page-access main .storycontent h2 {
/* MTL KAZ: AUG-2018: c/o
	background-color: #008A99;
	padding: 4px 8px;
	color: #fff;
*/
	font-size: 21px;
}

/* MTL KAZ: JUL/AUG-2018: BEGIN */
.page-access main .storycontent p,
.page-access main .storycontent ul li {
/*	font-size: 15px; */	/* in design */
}
@media screen and (min-width: 768px) {
	.page-access main .storycontent p,
	.page-access main .storycontent ul li {
		line-height: 31px;
	}
}
@media screen and (max-width: 767px) {
	.page-access main .storycontent p,
	.page-access main .storycontent ul li {
		line-height: 26px;
	}
}
.page-access main .storycontent .chapter::after,
.page-access main .storycontent .chapter .block::after {
	display: none;
}
.page-access main .storycontent .chapter0 {
	background-color: white;
}
@media screen and (min-width: 1017px), print {
	.page-access main .storycontent .chapter0 {
		padding: 80px calc(50% - 500px) 64px;
	}
}
@media screen and (max-width: 1016px) {
	.page-access main .storycontent .chapter0 {
		padding: 80px 8px 64px;
	}
}
@media screen and (min-width: 768px), print {
	html:not([lang="ja"]) .page-access main .storycontent .chapter0 h2,
	html:not([lang="ja"]) .page-access main .storycontent .chapter0 p {
		margin-left: 10%;
	}
	html:not([lang="ja"]) .page-access main .storycontent .chapter0 img.alignright {
		margin-right: 8%;
	}
	html:not([lang="ja"]) .page-access main .storycontent .chapter0 h2 {
		float: left;
	}
}
@media screen and (max-width: 767px) {
	html:not([lang="ja"]) .page-access main .storycontent .chapter0 h2 {
		text-align: center;
	}
}
html:not([lang="ja"]) .page-access main .storycontent .chapter0 p {
	clear: left;
	margin-bottom: 0;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter0 img.alignright,
html:not([lang="ja"]) .page-access main .storycontent .chapter0 p:last-of-type {
	margin-bottom: 60px;
}
.page-access main .storycontent .chapter0 ul.child-links {
	border-bottom: #b4b4b4 1px solid;
	margin: 40px auto 0;
	font-size: 16px;	/* 15px in design */
}
@media screen and (min-width: 817px) {
	.page-access main .storycontent .chapter0 ul.child-links {
		width: 800px;
	}
}
@media screen and (max-width: 816px) {
	.page-access main .storycontent .chapter0 ul.child-links {
		width: auto;
	}
}
.page-access main .storycontent .chapter0 ul.child-links a {
	color: inherit;
	text-decoration: none;
}
.page-access main .storycontent .chapter0 ul.child-links li {
	list-style-type: none;
	margin-bottom: 0;
	line-height: 25px;
}
.page-access main .storycontent .chapter0 ul.child-links > li {
	border-top: #b4b4b4 1px solid;
	overflow: hidden;
}
@media screen and (min-width: 768px), print {
	.page-access main .storycontent .chapter0 ul.child-links > li {
		padding: 14px 25px;
	}
}
@media screen and (max-width: 767px) {
	.page-access main .storycontent .chapter0 ul.child-links > li {
		padding: 14px 3%;
	}
}
.page-access main .storycontent .chapter0 ul.child-links > li .child-link {
	padding: 3px 0;
}
@media screen and (min-width: 768px), print {
	.page-access main .storycontent .chapter0 ul.child-links > li .child-link {
		float: left;
	}
}
.page-access main .storycontent .chapter0 ul.child-links > li .child-link a {
	font-weight: bold;
}
.page-access main .storycontent .chapter0 ul.child-links > li .child-link a:before {
	padding-right: 0.5em;
	color: #c0474c;
	font-family: FontAwesome;
	font-size: 18px;
	font-weight: normal;
	content: "\f13a";
}
.page-access main .storycontent .chapter0 ul.child-links > li .child-link a:hover span.title {
	text-decoration: underline;
}
.page-access main .storycontent .chapter0 ul.child-links > li ul.grandchild-links {
	margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
	html[lang="de"] .page-access main .storycontent .chapter0 ul.child-links > li ul.grandchild-links {
		margin-left: 284px;
	}
	html:not([lang="de"]) .page-access main .storycontent .chapter0 ul.child-links > li ul.grandchild-links {
		margin-left: 300px;
	}
}
@media screen and (max-width: 767px), print {
	.page-access main .storycontent .chapter0 ul.child-links > li ul.grandchild-links {
		margin-left: 3em;
	}
}
.page-access main .storycontent .chapter0 ul.child-links > li ul.grandchild-links li {
	padding: 3px 0;
}
.page-access main .storycontent .chapter0 ul.child-links > li ul.grandchild-links li a:hover {
	text-decoration: underline;
}
.page-access main .storycontent .chapter1 {
	margin: 0 auto;
	padding-bottom: 0px;
}
@media screen and (min-width: 1017px), print {
	.page-access main .storycontent .chapter1 {
		width: 1000px;
	}
}
@media screen and (max-width: 1016px), print {
	.page-access main .storycontent .chapter1 {
		width: calc(100% - 16px);
	}
}
.page-access main .storycontent .chapter1 h2,
.page-access main .storycontent .chapter1 h3,
.page-access main .storycontent .chapter1 h4 {
	text-align: center;
}
.page-access main .storycontent .chapter1 h2 {
	margin: 54px 0 42px;
}
.page-access main .storycontent .chapter1 .block {
	background-color: white;
	padding: 0 10% 60px;
}
html:not([lang="ja"]) .page-access main .storycontent #by-car .block,
html:not([lang="ja"]) .page-access main .storycontent #by-plane h2 + .block {
	padding-top: 60px;
}
.page-access main .storycontent .chapter1 .block h3 {
	background-color: #727272;
	margin: 0 -12.5% 45px;
	padding: 10px 0.5em;
	line-height: 26px;
	color: white;
	font-size: 18px;
}
.page-access main .storycontent .chapter1 .block[id*="from-tokyo"] h3,
.page-access main .storycontent .chapter1 .block#from-narita-haneda-airport h3,
.page-access main .storycontent .chapter1 .block#from-shinjuku-tokyo-station h3 {
	background-color: #008a99;
}
.page-access main .storycontent .chapter1 .block[id*="from-osaka"] h3,
/* .page-access main .storycontent .chapter1 .block#from-osaka-kyoto h3, */
.page-access main .storycontent .chapter1 .block#from-centrair-nagoya h3,
.page-access main .storycontent .chapter1 .block#from-nagoya-station h3 {
	background-color: #8471ad;
}
.page-access main .storycontent .chapter1 .block#from-hida-takayama h3,
.page-access main .storycontent .chapter1 .block#from-hakuba h3,
.page-access main .storycontent .chapter1 .block#from-tateyama-kurobe-alpine-route h3 {
	background-color: #948258;
}
.page-access main .storycontent .chapter1 .block h4 {
	border-top: #727272 3px dashed;
	margin: 45px 0;
	padding: 20px 0 4px;
	line-height: 26px;
	color: #727272;
	font-size: 18px;
}
.page-access main .storycontent .chapter1 .block[id*="from-tokyo"] h4,
.page-access main .storycontent .chapter1 .block#from-narita-haneda-airport h4,
.page-access main .storycontent .chapter1 .block#from-shinjuku-tokyo-station h4 {
	border-color: #008a99;
	color: #008a99;
}
.page-access main .storycontent .chapter1 .block[id*="from-osaka"] h4,
/* .page-access main .storycontent .chapter1 .block#from-osaka-kyoto h4, */
.page-access main .storycontent .chapter1 .block#from-centrair-nagoya h4,
.page-access main .storycontent .chapter1 .block#from-nagoya-station h4 {
	border-color: #8471ad;
	color: #8471ad;
}
.page-access main .storycontent .chapter1 .block#from-hida-takayama h4,
.page-access main .storycontent .chapter1 .block#from-hakuba h4,
.page-access main .storycontent .chapter1 .block#from-tateyama-kurobe-alpine-route h4 {
	border-color: #948258;
	color: #948258;
}
.page-access main .storycontent .chapter1 .block h4 span.note {
	font-size: 16px;
	font-weight: normal;
}
/* 以下、css/module.cssの内容(外国語版のみ)を統合後、修正 */
html:not([lang="ja"]) .page-access main .storycontent .chapter span.currency {
	white-space: nowrap;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section {
	overflow: hidden;
	margin-bottom: 1em;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter > p + .travel_section,
html:not([lang="ja"]) .page-access main .storycontent .chapter .block > p + .travel_section,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section + .travel_section,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section + p {
	border-top: #b4b4b4 1px solid;
	padding-top: 1.5em;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section .section_title {
	position: relative;
	padding-left: 40px;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section .section_title {
		line-height: 31px;
	}
}
@media screen and (min-width: 768px), print {
	html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section .section_title {
		padding-top: 3px;
		padding-bottom: 3px;
		line-height: 25px;
	}
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section .section_title img.icon {
/*	display: inline-block;
 *	margin-bottom: 0;
 *	margin-right: 1em;
 *	vertical-align: middle;
 */
	position: absolute;
	top: 0px;
	left: 0px;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section .section_title span.note {
	font-size: 16px;	/* 15px in design */
	font-weight: normal;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation {
	margin-left: 12.5%;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li {
	margin-top: 19px;
	font-weight: bold;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li span.traveltime,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li span.frequency,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li span.fare,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li span.note {
	font-weight: normal;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li span.traveltime {
	margin-left: 1em;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li span.frequency,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li span.fare {
	margin-left: 0.5em;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li br + span.traveltime,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li br + span.frequency,
html:not([lang="ja"]) .page-access main .storycontent .chapter .travel_section ul.transportation li br + span.fare {
	margin-left: 0;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .access_banner a {
	line-height: 0;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .access_banner a:after {
	display: none;
}
html:not([lang="ja"]) .page-access main .storycontent .chapter .access_banner a img {
	border: #06c 1px solid;
	margin-bottom: 0;
}
.page-access #breadcrumb {
	border-top: 0;
}
/* MTL KAZ: JUL/AUG-2018: END */


/**
* エリアロビー（ページ）
*********************************************************/
.page-area #title_obi {
	background: url(images/area_bg_title_obi.jpg) no-repeat 50% 70%;
	background-size: cover;
}
.page-area #title_obi .inner {
	padding: 78px 0 110px;
}


/**
* エリア（taxonomy）
*********************************************************/
.tax-area #page_heading {
	padding: 38px 0;	/* Matsuo 2018.9 was .. 130px; */
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.tax-area #page_heading h1 {
	font-size: 24px;
	font-weight: bold;
}
.term-city #page_heading, .term-north #page_heading, .term-east #page_heading, .term-south #page_heading, .term-west #page_heading, .term-alps #page_heading { padding-bottom: 130px; margin-bottom: 40px; } /* Matsuo separated these for lower level areas like Nawate */
.term-city #page_heading 	{ background-image: url(images/area_map_city.png); }
.term-north #page_heading 	{ background-image: url(images/area_map_north.png); }
.term-east #page_heading 	{ background-image: url(images/area_map_east.png); }
.term-south #page_heading 	{ background-image: url(images/area_map_south.png); }
.term-west #page_heading 	{ background-image: url(images/area_map_west.png); }
.term-alps #page_heading 	{ background-image: url(images/area_map_alps.png); }
.tax-area #area_sammary {	/* Matsuo added */
	padding: 0;
}
.tax-area #area_sammary .pic {
	margin-bottom: 40px;
}
.tax-area .spot h2 {
	font-size: 18px;
	font-weight: 500;
	background-color: #EBEBE6;
	padding: 10px 0;
}
/**
* 宿のエリア（taxonomy zone）Matsuo added 2019.5
*********************************************************/
#zone_summary {
	padding: 20px 10px 0;
}

/**
* ぎゅっと松本物語
*********************************************************/
.page-story .section_heading {
	text-align: center;
}
.page-story .section_heading img {
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	.page-story .section_heading img {
		max-width: 40vw;
	}
}
@media screen and (max-width: 575px) {
	.page-story .section_heading img {
		max-width: 50vw;
	}
	.page-story section#history {
		padding-top: 0;
	}
}
@media screen and (max-width: 350px) {
	.page-story .section_heading img {
		max-width: 60vw;
	}
}
/* MTL KAZ/Fel: added below */
.page-story .section_heading img.fade-in-animation {
	visibility: hidden;
}
.fadeInDown,
.slideInFromLeft,
.slideInFromRight {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeInDown {
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@media screen and (min-width: 768px) {
	.slideInFromLeft,
	.slideInFromRight {
		-webkit-animation-duration: 1.2s;
		-ms-animation-duration: 1.2s;
		animation-duration: 1.2s;
	}
	.slideInFromLeft {
		-webkit-animation-name: slideInFromLeft;
		animation-name: slideInFromLeft;
	}
	.slideInFromRight {
		-webkit-animation-name: slideInFromRight;
		animation-name: slideInFromRight;
	}
}
@media screen and (max-width: 767px) {
	.slideInFromLeft,
	.slideInFromRight {
		-webkit-animation-duration: 1s;
		-ms-animation-duration: 1s;
		animation-duration: 1s;
	}
	.slideInFromLeft {
		-webkit-animation-name: slideInFromLeftSP;
		animation-name: slideInFromLeftSP;
	}
	.slideInFromRight {
		-webkit-animation-name: slideInFromRightSP;
		animation-name: slideInFromRightSP;
	}
}
@-webkit-keyframes slideInFromLeft {
	0% { background-position: -800px 100%; }
	100% { background-position: -10% 100%; }
}
@keyframes slideInFromLeft {
	0% { background-position: -800px 100%; }
	100% { background-position: -10% 100%; }
}
@-webkit-keyframes slideInFromLeftSP {
	0% { background-position: -233% 100%; }
	100% { background-position: -10% 100%; }
}
@keyframes slideInFromLeftSP {
	0% { background-position: -233% 100%; }
	100% { background-position: -10% 100%; }
}
@-webkit-keyframes slideInFromRight {
	0% { background-position: right -800px top 100%; }
	100% { background-position: right -10% top 100%; }
}
@keyframes slideInFromRight {
	0% { background-position: right -800px top 100%; }
	100% { background-position: right -10% top 100%; }
}
@-webkit-keyframes slideInFromRightSP {
	0% { background-position: right -233% top 100%; }
	100% { background-position: right -10% top 100%; }
}
@keyframes slideInFromRightSP {
	0% { background-position: right -233% top 100%; }
	100% { background-position: right -10% top 100%; }
}

/**
* 松本に来る理由
*********************************************************/
.page-reasons main {
	padding: 545px 0 110px;
	background: url(images/stories_bg_illust.jpg) no-repeat 50% 0;
}
.page-reasons #storycontent .reason {
	margin-bottom: 150px;
}
.page-reasons #storycontent .inner .reason:last-child {
	margin-bottom: 0;
}
.page-reasons h1 {
	text-align: center;
	font-size: 42px;
	font-weight: bold;
}
.page-reasons h2 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 6px;
}
.page-reasons .storycontent h2::before {
	content: "";
	display: block;
	height: 10px;
	width: 80%;
	margin: 0 auto 27px;
}
.page-reasons .history h2::before {
	background: url(images/common_line_blue_raugh_top.png) repeat-x top center;
}
.page-reasons .nature h2::before {
	background: url(images/common_line_green_raugh_top.png) repeat-x top center;
}
.page-reasons .culture h2::before {
	background: url(images/common_line_orange_raugh_top.png) repeat-x top center;
}
.page-reasons .reason_subtitle {
	text-align: center;
	font-size: 21px;
}
.page-reasons img {
	margin-top: 40px;
}
.page-reasons .reason_description {
	width: 80%;
	font-size: 1.1em;
    margin: 0 auto 50px;
}
.page-reasons .more_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.page-reasons .more_info .coverstory_block,
.page-reasons .more_info .articles_block {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
	text-decoration: none;
	font-size: 19px;
	font-weight: bold;
}
.page-reasons #reason_castle .more_info .coverstory_block {
	background: url(images/reasons_castle.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_alps .more_info .coverstory_block {
	background: url(images/reasons_alps.jpg) no-repeat top;
	background-size: cover;
}
.page-reasons #reason_springs .more_info .coverstory_block {
	background: url(images/reasons_springs.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_country .more_info .coverstory_block {
	background: url(images/reasons_country.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_kusama .more_info .coverstory_block {
	background: url(images/reasons_kusama.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_snow .more_info .coverstory_block {
	background: url(images/reasons_snow.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_food .more_info .coverstory_block {
	background: url(images/reasons_food.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_nakamachi .more_info .coverstory_block {
	background: url(images/reasons_nakamachi.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_music .more_info .coverstory_block {
	background: url(images/reasons_music.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons #reason_ukiyoe .more_info .coverstory_block {
	background: url(images/reasons_ukiyoe.jpg) no-repeat center;
	background-size: cover;
}
.page-reasons .more_info .coverstory_block {
	width: 486px;
	height: 200px;
    color: white;
    padding: 0 10px;
    margin-right: 10px;
    position: relative;
}
.page-reasons .more_info .coverstory_block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
.page-reasons .more_info .coverstory_block:hover::before {
    background-color: rgba(0,0,0,0.6);
}
.page-reasons .more_info .coverstory_block span {
	z-index: 2;
}
.page-reasons .more_info .coverstory_block span,
.page-reasons .more_info .articles_block span {
	margin: 0 auto;
	text-align: center;
	line-height: 1.3;
}
.page-reasons .more_info .coverstory_block span::before {
	content: "";
	display: block;
	height: 46px;
	min-width: 46px;
	margin-bottom: 35px;
	background: url(images/reasons_icon_coverstory.png) no-repeat center;
}
.page-reasons .more_info .articles_block {
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	width: 486px;
	height: 200px;
	border: 8px #ececec solid;
    color: black;
    padding-bottom: 10px;
    margin-left: 10px;
}
.page-reasons .more_info .articles_block:hover {
	text-decoration: underline;
	border: 8px #ccc solid;
}
.page-reasons .history .more_info .articles_block {
	background: url(images/illust_history.jpg) no-repeat center;
	background-position-y: 25%;
}
.page-reasons .nature .more_info .articles_block {
	background: url(images/illust_nature.jpg) no-repeat center;
	background-position-y: 25%;
}
.page-reasons .culture .more_info .articles_block {
	background: url(images/illust_culture.jpg) no-repeat center;
	background-position-y: 25%;
}

@media screen and (min-width: 1040px), print {
	.page-reasons #storycontent .inner {
		width: 1000px;
	}
}
@media screen and (max-width: 767px) {
	.page-reasons #storycontent .reason {
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 610px) {
	.page-reasons main {
		background-size: contain;
		padding: 200px 0 50px;
	}
}
@media screen and (max-width: 567px) {
	.page-reasons main {
		padding-top: 180px;
	}
	.page-reasons h1 {
		font-size: 2.2em;
	    line-height: 1.1;
	}
	.page-reasons h2,
	.page-reasons .reason_subtitle {
	    line-height: 1.2;
	}
	.page-reasons .reason_description {
	    width: 100%;
    	margin: 10px auto 40px;
	}
	.page-reasons .more_info {
    	flex-direction: column;
	}
	.page-reasons .more_info .coverstory_block,
	.page-reasons .more_info .articles_block {
		width: 100%;
	    max-width: 100%;
	    margin-right: 0;
	    margin-left: 0;
	}
}
@media screen and (max-width: 440px) {
	.page-reasons main {
		padding-top: 150px;
	}
}
@media screen and (max-width: 375px) {
	.page-reasons main {
		padding-top: 130px;
	}
}


/**
* 桜開花情報／ロビー
*********************************************************/
.post-type-archive-cherryblossoms main {
	padding-bottom: 0;
}


/**
* パンフレット／鈴木ともこさん一家の上高地案内ブック
*********************************************************/
.postid-112943 #heroimage .inner {
	width: 965px;
	background: url(images/brochure_kamikochi_hero_title1.png) no-repeat top right;
}
.postid-112943 #heroimage .inner::after {
	content: "";
	display: block;
	width: 295px;
	height: 361px;
	background: url(images/brochure_kamikochi_hero_sub.png) no-repeat 50% 50%;
	position: absolute;
	bottom: 13px;
	right: 55px;
}
.postid-112943 #heroimage img {
	margin-bottom: 30px;
}
.postid-112943 #heroimage h2 {
	text-indent: -200%;
	white-space: nowrap;
	overflow: hidden;
	min-height: 110px;
	padding: 13px 0 20px;
	position: relative;
	background: url(images/brochure_kamikochi_hero_title2.png) no-repeat 10% 50%;
}
.postid-112943 #heroimage h2::before,
.postid-112943 #heroimage h2::after {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: url(images/common_dash_line_green.png) repeat-x top left;
	position: absolute;
	left: 0;
}
.postid-112943 #heroimage h2::before {
	top: 0;
}
.postid-112943 #heroimage h2::after {
	bottom: 0;
}
@media screen and (max-width: 965px) {
	.postid-112943 #heroimage .inner {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		background-position: 98% 0;
		background-size: 35% auto;
	}
	.postid-112943 #heroimage img {
		width: 60%;
		height: auto;
	}
	.postid-112943 #heroimage h2 {
		background-position: 2% 50%;
		background-size: auto 70%;
		min-height: 70px;
		overflow: visible;
	}
	.postid-112943 #heroimage .inner::after {
		width: 230px;
		height: 230px;
		background-position: 100% 100%;
		background-size: contain;
		bottom: 10px;
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	.postid-112943 #heroimage {
		padding-top: 0;
	}
	.postid-112943 #heroimage .inner {
		background-image: none;
	}
	.postid-112943 #heroimage img {
		width: 100%;
		height: auto;
		display: block;
	}
	.postid-112943 #heroimage .inner::after {
		width: 280px;
		height: 280px;
	}
}
@media screen and (max-width: 567px) {
	.postid-112943 #heroimage {
		padding-bottom: 0;
	}
	.postid-112943 #heroimage h2 {
		min-height: 40px;
		background-size: auto 55%;
		background-position: 50% 50%;
	}
	.postid-112943 #heroimage .inner::after {
		width: 220px;
		height: 220px;
		bottom: 75px;
	}
}
@media screen and (max-width: 420px) {
	.postid-112943 #heroimage .inner::after {
		width: 150px;
		height: 150px;
	}
}

/**
* 近隣観光 by Hatamachi
*********************************************************/
.page-near_attraction #title_obi {
	background:url(images/area_bg_title_obi.jpg) no-repeat 50% 70%;
	background-size: cover;
}
.page-near_attraction main {
	padding-bottom:0;
}
#near_attraction_main {
	background-color:#ebebe6;
	padding: 0;
}
.page-near_attraction h2.block_title {
	padding: 25px 0 0;
}
/* 地図　*/
.mapimage, .near_attraction_map {	/* Matsuo added these four */
	background-color: white;
	padding: 30px 0 40px;
	text-align: center;
}
.mapimage img {
	max-width: 1100px;
}
.near_attraction_map .inner {
	background: url(images/near_attraction_map_ML.png) no-repeat;
	margin: 0 auto;
	max-width: 1100px;
	height: 646px;
}
.near_attraction_map .map {
	position: relative;
}
.near_attraction_map .map .label,
.near_attraction_map .map .box-label {
	position: absolute;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
}
.near_attraction_map .map .box-label {
	background-color: #fff;
    border: 1px solid #2F3030;
    border-radius: 20px;
    padding: 2px 24px;
}
.near_attraction_map .map .box-label.hub {
	background-color: #c2464a;
    color: #fff;
    border: none;
    padding: 6px 25px;
}

@media screen and (min-width: 1100px), print {
	/* 地図　丸いラベル */
	.near_attraction_map .map .azumino {
	    top: 204px;
	    left: 511px;
	}
	.near_attraction_map .map .hakuba {
	    top: 87px;
	    left: 513px;
	}
	.near_attraction_map .map .karuizawa {
		top: 315px;
	    right: 71px;
	}
	.near_attraction_map .map .matsumoto {
		top: 312px;
	    left: 506px;
	}
	.near_attraction_map .map .nagano {
	    top: 152px;
	    right: 254px;
	}
	.near_attraction_map .map .nagoya {
		top: 588px;
		left: 194px;
	}
	.near_attraction_map .map .narai {
	    top: 394px;
	    left: 389px;
	}
	.near_attraction_map .map .snow_monkeys {
	    top: 34px;
	    right: 75px;
	}
	.near_attraction_map .map .takayama {
		top: 317px;
	    left: 171px;
	}
	.near_attraction_map .map .three_star {
		top: 207px;
	    left: 19px;
	}
	.near_attraction_map .map .tokyo {
	    top: 496px;
	    right: 32px;
	}
	.near_attraction_map .map .tsumago {
		top: 477px;
	    left: 288px;
	}
	/* 地図　文字のみラベル */
	.near_attraction_map .map .alpine_route {
		top: 105px;
	    left: 361px;
	}
	.near_attraction_map .map .gokayama {
		top: 93px;
	    left: 138px;
	}
	.near_attraction_map .map .kanazawa {
	    top: 32px;
	    left: 106px;
	}
	.near_attraction_map .map .lake_suwa {
		top: 409px;
	    right: 427px;
	}
	.near_attraction_map .map .shirakawago {
		top: 152px;
	    left: 186px;
	}

	/* TW / CN */
	/* 地図　丸いラベル */
	html[lang="zh-hant"] .near_attraction_map .map .azumino,
	html[lang="zh-hans"] .near_attraction_map .map .azumino {
	    left: 521px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .hakuba,
	html[lang="zh-hans"] .near_attraction_map .map .hakuba {
	    left: 529px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .karuizawa,
	html[lang="zh-hans"] .near_attraction_map .map .karuizawa {
	    right: 99px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .matsumoto,
	html[lang="zh-hans"] .near_attraction_map .map .matsumoto {
	    left: 530px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .nagano,
	html[lang="zh-hans"] .near_attraction_map .map .nagano {
	    right: 2674px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .snow_monkeys,
	html[lang="zh-hans"] .near_attraction_map .map .snow_monkeys {
	    right: 109px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .takayama,
	html[lang="zh-hans"] .near_attraction_map .map .takayama {
	    left: 192px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .three_star,
	html[lang="zh-hans"] .near_attraction_map .map .three_star {
	    left: 40px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .tokyo,
	html[lang="zh-hans"] .near_attraction_map .map .tokyo {
	    right: 40px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .tsumago,
	html[lang="zh-hans"] .near_attraction_map .map .tsumago {
	    left: 300px;
	}
	/* 地図　文字のみラベル */
	html[lang="zh-hant"] .near_attraction_map .map .alpine_route,
	html[lang="zh-hans"] .near_attraction_map .map .alpine_route {
		max-width: 118px;
		line-height: 1.4;
		top: 77px;
	    left: 361px;
	}
	html[lang="zh-hant"] .near_attraction_map .map .lake_suwa,
	html[lang="zh-hans"] .near_attraction_map .map .lake_suwa {
	    right: 427px;
	}

	/* KO */
	/* 地図　丸いラベル */
	html[lang="ko-KR"] .near_attraction_map .map .hakuba {
	    left: 522px;
	}
	html[lang="ko-KR"] .near_attraction_map .map .three_star {
	    left: 50px;
	}
	/* 地図　文字のみラベル */
	html[lang="ko-KR"] .near_attraction_map .map .alpine_route {
		max-width: 118px;
		line-height: 1.4;
		top: 77px;
	    left: 361px;
	}

	/* TH */
	/* 地図　丸いラベル */
	html[lang="th"] .near_attraction_map .map .azumino {
	    left: 515px;
	}
	html[lang="th"] .near_attraction_map .map .hakuba {
	    left: 522px;
	}
	html[lang="th"] .near_attraction_map .map .snow_monkeys {
		top: 29px;
		right: 27px;
	}
	/* 地図　文字のみラベル */
	html[lang="th"] .near_attraction_map .map .alpine_route {
		max-width: 140px;
		line-height: 1.4;
		top: 77px;
	    left: 340px;
	}

	/* FR */
	/* 地図　丸いラベル */
	html[lang="fr-FR"] .near_attraction_map .map .snow_monkeys {
		max-width: 226px;
	    line-height: 1.4;
	    top: 8px;
	    right: 27px;
	}
	html[lang="fr-FR"] .near_attraction_map .map .three_star {
		max-width: 130px;
	    line-height: 1.4;
	    top: 215px;
	    left: 6px;
	}
	/* 地図　文字のみラベル */
	html[lang="fr-FR"] .near_attraction_map .map .alpine_route {
		top: 103px;
    	left: 336px;
	}

	/* DE */
	/* 地図　丸いラベル */
	html[lang="de-DE"] .near_attraction_map .map .snow_monkeys {
		max-width: 226px;
	    line-height: 1.4;
	    top: 8px;
	    right: 27px;
	}
	html[lang="de-DE"] .near_attraction_map .map .three_star {
		max-width: 130px;
	    line-height: 1.4;
	    top: 215px;
	    left: 6px;
	}
	/* 地図　文字のみラベル */
	html[lang="de-DE"] .near_attraction_map .map .alpine_route {
		top: 103px;
    	left: 351px;
	}

	/* RU */
	/* 地図　丸いラベル */
	html[lang="ru-RU"] .near_attraction_map .map .snow_monkeys {
		max-width: 226px;
	    line-height: 1.4;
	    top: 8px;
	    right: 27px;
	}
	html[lang="ru-RU"] .near_attraction_map .map .three_star {
		max-width: 130px;
	    line-height: 1.4;
	    top: 215px;
	    left: 6px;
	}
	/* 地図　文字のみラベル */
	html[lang="ru-RU"] .near_attraction_map .map .alpine_route {
		max-width: 190px;
		line-height: 1.4;
		top: 77px;
	    left: 301px;
	}
}

@media screen and (max-width: 1099px) {
	.near_attraction_map .map .box-label {
	    padding: 2px 15px;
	}
	.near_attraction_map .map .box-label.hub {
	    padding: 5px 20px;
	}
	.near_attraction_map .inner {
		background: url(images/near_attraction_map_ML.png) no-repeat;
		background-size: contain;
		width: 100vw;
		height: 59vw;
	}
	.near_attraction_map .map .label,
	.near_attraction_map .map .box-label {
		font-size: 1.7vw;
	}
	.near_attraction_map .map .azumino {
	    top: 17.5vw;
    	left: 46vw;
	}
	.near_attraction_map .map .hakuba {
	    top: 7vw;
    	left: 47vw;
	}
	.near_attraction_map .map .karuizawa {
	    top: 28vw;
    	right: 8vw;
	}
	.near_attraction_map .map .matsumoto {
		top: 28vw;
   		left: 45vw;
	}
	.near_attraction_map .map .nagano {
		top: 13.5vw;
    	right: 24vw;
	}
	.near_attraction_map .map .nagoya {
		top: 53vw;
	    left: 17vw;
	}
	.near_attraction_map .map .narai {
	    top: 36vw;
    	left: 35vw;
	}
	.near_attraction_map .map .snow_monkeys {
	    top: 2.5vw;
    	right: 7vw;
	}
	.near_attraction_map .map .takayama {
		top: 28vw;
	    left: 15vw;
	}
	.near_attraction_map .map .three_star {
		top: 21vw;
    	left: 4vw;
	}
	.near_attraction_map .map .tokyo {
	    top: 43vw;
    	right: 4vw;
	}
	.near_attraction_map .map .tsumago {
		top: 43vw;
    	left: 25vw;
	}
	/* 文字のみラベル */
	.near_attraction_map .map .alpine_route {
		top: 9.5vw;
    	left: 32vw;
	}
	.near_attraction_map .map .gokayama {
		top: 8.5vw;
    	left: 12vw;
	}
	.near_attraction_map .map .kanazawa {
	    top: 2vw;
    	left: 9vw;
	}
	.near_attraction_map .map .lake_suwa {
	    top: 37.5vw;
    	right: 39vw;
	}
	.near_attraction_map .map .shirakawago {
		top: 14vw;
    	left: 16.5vw;
	}

	/* TW / CN */
	/* 地図　丸いラベル */
	html[lang="zh-hant"] .near_attraction_map .map .azumino,
	html[lang="zh-hans"] .near_attraction_map .map .azumino {
	    left: 47.5vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .hakuba,
	html[lang="zh-hans"] .near_attraction_map .map .hakuba {
	    left: 48.5vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .karuizawa,
	html[lang="zh-hans"] .near_attraction_map .map .karuizawa {
	    right: 10vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .matsumoto,
	html[lang="zh-hans"] .near_attraction_map .map .matsumoto {
	    left: 48vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .nagano,
	html[lang="zh-hans"] .near_attraction_map .map .nagano {
	    right: 25vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .snow_monkeys,
	html[lang="zh-hans"] .near_attraction_map .map .snow_monkeys {
	    right: 9vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .takayama,
	html[lang="zh-hans"] .near_attraction_map .map .takayama {
	    top: 28.5vw;
    	left: 18vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .three_star,
	html[lang="zh-hans"] .near_attraction_map .map .three_star {
	    left: 5vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .tokyo,
	html[lang="zh-hans"] .near_attraction_map .map .tokyo {
		top: 44vw;
	    right: 4vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .tsumago,
	html[lang="zh-hans"] .near_attraction_map .map .tsumago {
	    left: 27vw;
	}
	/* 地図　文字のみラベル */
	html[lang="zh-hant"] .near_attraction_map .map .alpine_route,
	html[lang="zh-hans"] .near_attraction_map .map .alpine_route {
		max-width: 11vw;
    	top: 7vw;
    	left: 34vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .lake_suwa,
	html[lang="zh-hans"] .near_attraction_map .map .lake_suwa {
		top: 37.5vw;
		right: 41vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .gokayama,
	html[lang="zh-hans"] .near_attraction_map .map .gokayama {
    	left: 12.5vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .kanazawa,
	html[lang="zh-hans"] .near_attraction_map .map .kanazawa {
	    top: 3vw;
    	left: 10vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .lake_suwa,
	html[lang="zh-hans"] .near_attraction_map .map .lake_suwa {
    	right: 41vw;
	}
	html[lang="zh-hant"] .near_attraction_map .map .shirakawago,
	html[lang="zh-hans"] .near_attraction_map .map .shirakawago {
    	left: 17vw;
	}

	/* KO */
	/* 地図　丸いラベル */
	html[lang="ko-KR"] .near_attraction_map .map .azumino {
	    left: 46.5vw;;
	}
	html[lang="ko-KR"] .near_attraction_map .map .hakuba {
	    left: 47.5vw;
	}
	html[lang="ko-KR"] .near_attraction_map .map .three_star {
		left: 6vw;
	}
	/* 地図　文字のみラベル */
	html[lang="ko-KR"] .near_attraction_map .map .alpine_route {
		max-width: 12vw;
		top: 7vw;
		left: 32vw;
	}

	/* TH */
	/* 地図　丸いラベル */
	html[lang="th"] .near_attraction_map .map .azumino {
	    left: 47vw;;
	}
	html[lang="th"] .near_attraction_map .map .hakuba {
	    left: 48vw;
	}
	html[lang="th"] .near_attraction_map .map .three_star {
		left: 3vw;
	}
	/* 地図　文字のみラベル */
	html[lang="th"] .near_attraction_map .map .alpine_route {
		max-width: 14vw;
    	top: 7vw;
    	left: 30vw;
	}

	/* FR */
	/* 地図　丸いラベル */
	html[lang="fr-FR"] .near_attraction_map .map .snow_monkeys {
		line-height: 1.2;
		max-width: 23vw;
	    top: 6.5px;
	    right: 6vw;
	}
	html[lang="fr-FR"] .near_attraction_map .map .three_star {
		line-height: 1.2;
		max-width: 9vw;
    	top: 20vw;
    	left: 3vw;
	}
	/* 地図　文字のみラベル */
	html[lang="fr-FR"] .near_attraction_map .map .alpine_route {
		top: 9.5vw;
    	left: 32vw;
	}
	html[lang="fr-FR"] .near_attraction_map .map .shirakawago {
    	top: 14vw;
    	left: 17vw;
	}
	html[lang="fr-FR"] .near_attraction_map .map .lake_suwa {
	    top: 37vw;
	    right: 39vw;
	}

	/* DE */
	/* 地図　丸いラベル */
	html[lang="de-DE"] .near_attraction_map .map .snow_monkeys {
		line-height: 1.2;
		max-width: 23vw;
	    top: 5px;
	    right: 6vw;
	}
	html[lang="de-DE"] .near_attraction_map .map .three_star {
		line-height: 1.2;
		max-width: 10vw;
	    top: 20vw;
	    left: 2.5vw;
	}
	/* 地図　文字のみラベル */
	html[lang="de-DE"] .near_attraction_map .map .alpine_route {
    	top: 9.5vw;
    	left: 32vw;
	}
	html[lang="de-DE"] .near_attraction_map .map .shirakawago {
    	top: 14vw;
    	left: 17vw;
	}
	html[lang="de-DE"] .near_attraction_map .map .lake_suwa {
	    top: 37vw;
	    right: 39vw;
	}

	/* RU */
	/* 地図　丸いラベル */
	html[lang="ru-RU"] .near_attraction_map .map .snow_monkeys {
		line-height: 1.2;
		max-width: 21vw;
		top: 0;
		right: 7vw;
	}
	html[lang="ru-RU"] .near_attraction_map .map .three_star {
		line-height: 1.2;
		max-width: 14vw;
    	top: 20vw;
    	left: 3vw;
	}
	/* 地図　文字のみラベル */
	html[lang="ru-RU"] .near_attraction_map .map .alpine_route {
		line-height: 1.2;
		max-width: 18vw;
    	top: 7vw;
    	left: 27vw;
	}
}

@media screen and (max-width: 767px) {
	.near_attraction_map .map .box-label {
	    padding: 2px 12px 1px;
	}
	.near_attraction_map .map .box-label.hub {
	    padding: 5px 17px 4px;
	}
}

@media screen and (max-width: 450px) {
	.near_attraction_map .map .box-label {
	    padding: 2px 9px 1px;
	}
	.near_attraction_map .map .box-label.hub {
	    padding: 5px 10px 4px;
	}
}

.near_attraction .tiles li {
	flex-basis: 28%;
	width: 28%;
	background-color:#ffffff;
	overflow:hidden;
	margin-bottom:40px;
}
.near_attraction .desc_t {
	padding:20px;
	text-align:center;
	font-size:130%;
	font-weight:bold;
}
.near_attraction .desc_t a {/* Matsuo */
	color: inherit;
	text-decoration: underline;
}
span.yellow{
color:#dfb860;
}
.near_attraction .desc_c {
	padding:0 20px 20px 20px;
}
.threestar {
	background-color:#ffffff;
	padding-bottom: 30px;	/* Matsuo added */
}
.threestar ul {
	padding:20px;
}
.threestar > ul + p {	/* Matsuo added */
	margin:0 20px;
}
.threestar .tiles li {
	flex-basis: 15%;
	width: 15%;
	overflow:hidden;
}
.threestar .desc_t {
	padding:10px;
	text-align:center;
	font-size:120%;
}
.threestar .link_travel {
	padding:20px;
	text-align:center;
	width:100%;
}

@media screen and (max-width: 650px) {
	#near_attraction_main iframe.youtube-player {
		width: 100vw;
		height: 56vw;
	}
}

@media screen and (max-width: 567px) {
	.near_attraction .tiles li {
		flex-basis: 50%;
		width: 50%;
	}

	.threestar .tiles li {
		flex-basis: 50%;
		width: 50%;
	}
}
@media screen and (max-width: 420px) {
	.near_attraction .tiles li {
		flex-basis: 100%;
		width: 100%;
	}

	.threestar .tiles li {
		flex-basis: 100%;
		width: 100%;
	}
}

/**
* 新松本物語について（aboutus）
*********************************************************/
@media screen and (min-width: 768px) {
	.page-aboutus #storycontent > .inner {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}


/**
* 松本市公式観光フォトアーカイブ (photo)
*********************************************************/
/* Gallery Common */
.page-photo .storycontent .inner > h2,
.page-photo .gallerysinglepic .storycontent #gallery_form_overlay .termsofuse h2 {
	font-size: 119%;
	font-weight: 400;
	text-align: center;
}
.page-photo .storycontent p.error,
.page-photo .storycontent p.btn_line {
	text-align: center;
}
.page-photo .storycontent p.error {
	color: inherit;
	font-size: 125%;
}
.page-photo .storycontent p.btn_line {
}
.page-photo .storycontent p.btn_line a.link_btn,
.page-photo .storycontent p.btn_line input[type="submit"],
.page-photo .storycontent p.btn_line input[type="button"] {
	background-color: #00808e;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-width: 140px;
	padding: 0 1em;
	line-height: 41px;
	color: white;
	font-weight: 400;
}
.page-photo .storycontent p.btn_line a.link_btn {
	display: inline-block;
	text-decoration: none;
}
.page-photo .storycontent p.btn_line a.link_btn:hover,
.page-photo .storycontent p.btn_line input[type="submit"]:hover,
.page-photo .storycontent p.btn_line input[type="button"]:hover {
	background-color: rgba( 0, 128, 142, 0.6 );
}
.page-photo .storycontent p.btn_line input[type="submit"]:hover,
.page-photo .storycontent p.btn_line input[type="button"]:hover {
	color: white;
}

/* Gallery Top / Gallery List / Search Results */
.page-photo #menu_extra {
	display: none;
}
.page-photo #title_obi {
	background: url(images/photo_bg_title_obi.jpg) no-repeat center 10%;
	background-size: cover;
	height: 250px;
}
.page-photo .gallerytop #title_obi {
	background-position: center center;
	height: 700px;
}
.page-photo #title_obi .inner {
	padding-top: 50px;
}
.page-photo .gallerytop #title_obi .inner {
	padding-top: 500px;
}
@media screen and (max-width: 767px) {
	.page-photo .gallerytop #title_obi {
		height: 400px;
	}
	.page-photo .gallerytop #title_obi .inner {
		padding-top: 225px;
	}
}
.page-photo #title_obi .inner h1 {
	padding: 0 10px;
	font-size: 24px;
	-moz-text-shadow: 0px 1px 3px rgba(0,0,0,0.5), 1px 0px 3px rgba(0,0,0,0.5), 0px -1px 3px rgba(0,0,0,0.5), -1px 0px 3px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 1px 3px rgba(0,0,0,0.5), 1px 0px 3px rgba(0,0,0,0.5), 0px -1px 3px rgba(0,0,0,0.5), -1px 0px 3px rgba(0,0,0,0.5);
	text-shadow: 0px 1px 3px rgba(0,0,0,0.5), 1px 0px 3px rgba(0,0,0,0.5), 0px -1px 3px rgba(0,0,0,0.5), -1px 0px 3px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 1px 3px rgba(0,0,0,0.5);	/* IE */
}
.page-photo #title_obi .inner h1 a {	/* MAR-2019 KAZ */
	color: inherit;
}
.page-photo #title_obi .inner #gallery_search_form {
	background-color: white;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.5);
	display: inline-block;
	overflow: hidden;
	position: relative;
	max-width: 90%;
	margin-top: 1.5em;
}
.page-photo #title_obi .inner #gallery_search_form input {
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	vertical-align: top;
}
.page-photo #title_obi .inner #gallery_search_form input#search {
	background-color: white;
	width: calc(478px - 0.4em);
	max-width: calc(100% - 52px - 0.4em);
	height: 50px;
	line-height: 50px;
	padding: 0 0.2em;
}
.page-photo #title_obi .inner #gallery_search_form input#submit_btn {
	background: #959696 url(images/common_ico_search_white.png) no-repeat center center;
	width: 52px;
	height: 50px;
	text-indent: -500px;
}
.page-photo .notice {
	background-color: #ebebe6;
	padding: 9px 10px;
	text-align: center;
}
.page-photo .storycontent {
}
.page-photo .storycontent .ngg-albumoverview,
.page-photo .storycontent .ngg-galleryoverview {
	display: -moz-box !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-moz-box-orient: inline-axis;
	-webkit-box-orient: inline-axis;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-moz-box-align: start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-moz-box-pack: start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-lines: multiple;
	flex-wrap: wrap;
}
/* KAZ: in design
 *.page-photo .storycontent .ngg-albumoverview {
 *	width: 102%;
 *	margin-left: -2%;
 *}
 *.page-photo .storycontent .ngg-galleryoverview {
 *	width: 101.82%;
 *	margin-left: -1.82%;
 *}
 */
.page-photo .storycontent .ngg-albumoverview {
}
.page-photo .storycontent .ngg-galleryoverview {
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact,
.page-photo .storycontent .ngg-galleryoverview .ngg-gallery-thumbnail-box {
	float: none;
	min-width: 23%;
	flex-basis: 23%;
	/* margin-left: 1% !important;
	margin-right: 1% !important; */
	padding: 0 0 1em !important;
}
/* KAZ: in design
 *.page-photo .storycontent .ngg-albumoverview .ngg-album-compact {
 *	min-width: 31.3%;
 *	flex-basis: 31.3%;
 *	margin-left: 2% !important;
 *}
 *.page-photo .storycontent .ngg-galleryoverview .ngg-gallery-thumbnail-box {
 *	min-width: 23.21%;
 *	flex-basis: 23.21%;
 *	margin-left: 1.79% !important;
 *}
 */
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox,
.page-photo .storycontent .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail {
	border: 0;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox {
	border-radius: 0;
	position: static;
	padding: 0 !important;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox:before,
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox:after {
	display: none;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox .Thumb {
	border: 0 !important;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox span.nophotos {
	background-color: #999;
	display: inline-block;
	width: 253px;
	height: 190px;
	line-height: 190px;
	color: white;
	text-align: center;
}
.page-photo .storycontent .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail,
.page-photo .storycontent .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a {
	margin: 0;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact h2 {
	float: left;
	margin-right: 0.5em;
	line-height: 1.6;
	font-size: 125%;
	font-weight: 400;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact h2 a {
	color: inherit;
	text-decoration: none;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact h2 a:hover {
	text-decoration: underline;
}
.page-photo .storycontent .ngg-albumoverview .ngg-album-compact p.ngg-album-gallery-image-counter {
	line-height: 2;
	color: #8b8b8b;
	font-size: 100%;
}
@media screen and (max-width: 767px) {
	.page-photo .storycontent .ngg-albumoverview .ngg-album-compact,
	.page-photo .storycontent .ngg-galleryoverview .ngg-gallery-thumbnail-box {
		min-width: 48%;
		flex-basis: 48%;
	}
}

/* Gallery Single Pic */
.page-photo .gallerysinglepic .storycontent > .inner {
	padding-left: 1%;
	padding-right: 1%;
	max-width: 1078px;
}
.page-photo .gallerysinglepic .storycontent .photo {
	background-color: #ebebe6;
	float: left;
	width: calc(96.36% - 260px);	/* 100% - 260px - 3.64% */
	margin-top: 26px;
	margin-bottom: 60px;
	line-height: 0;
	text-align: center;
}
.page-photo .gallerysinglepic .storycontent .photo img.ngg-singlepic {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.page-photo .gallerysinglepic .storycontent .photoinfo {
	width: 260px;
	margin-top: 40px;
	margin-left: calc(100% - 260px);
}
.page-photo .gallerysinglepic .storycontent .photoinfo table,
.page-photo .gallerysinglepic .storycontent .photoinfo table th,
.page-photo .gallerysinglepic .storycontent .photoinfo table td {
	border-left: 0;
	border-right: 0;
}
.page-photo .gallerysinglepic .storycontent .photoinfo table {
	margin-bottom: 22px;
	font-size: 75%;
}
.page-photo .gallerysinglepic .storycontent .photoinfo table th {
	width: 66px;
	padding: 12px 3px;
}
.page-photo .gallerysinglepic .storycontent .photoinfo table td {
	padding: 12px 10px;
}
.page-photo .gallerysinglepic .storycontent .photoinfo .gmap {
	margin-bottom: 22px;
}
.page-photo .gallerysinglepic .storycontent .photoinfo p.btn_line {
	margin-bottom: 22px;	/* was 60px */
}
.page-photo .gallerysinglepic .storycontent .photoinfo p.btn_line a.link_btn {
	width: calc(100% - 2em);
	font-size: 22px;
	text-align: left;
}
.page-photo .gallerysinglepic .storycontent .photoinfo p.btn_line a.link_btn img.icon {
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 30px;
	vertical-align: middle;
}
.page-photo .gallerysinglepic .storycontent .photoinfo p#gallery_ie_edge_download_note {
	padding-left: 1em;
	line-height: 1.333;
	font-size: 75%;
}
.page-photo .gallerysinglepic .storycontent .photoinfo p#gallery_ie_edge_download_note:before {
	width: 1em;
	margin-left: -1em;
	content: '※';
}
.page-photo .gallerysinglepic .storycontent #gallery_single_description {
	background-color: #ebebe6;
	clear: left;
	padding: 1.75em 2em;
	line-height: 2;
}

/* Terms and Application Form */
/* APR-2019 KAZ: made these common */
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay {
	background-color: rgba( 0, 0, 0, 0.3 );
	display: none;
	position: fixed;
	width: 90vw;
	height: 90vh;
	top: 0;
	left: 0;
	z-index: 9999;
	padding: 5vh 5vw;
	text-align: center;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay > .inner {
	background-color: white;
	display: inline-block;
	position: relative;
	overflow: auto;
	width: 90%;
	max-width: 760px;
	height: calc(90vh - 44px);
	padding: 22px 5%;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay > .inner .close_btn_line {
	position: absolute;
	top: 18px;
	right: 18px;
	line-height: 0;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay > .inner .close_btn_line a {
	background-color: #00808e;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	width: 26px;
	height: 26px;
	padding: 5px;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay > .inner .close_btn_line a img {
	width: 26px;
	margin: 0;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .inner .wpcf7 {
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .inner .wpcf7 table,
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .inner .wpcf7 table th,
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .inner .wpcf7 table td {
	border-left: 0;
	border-right: 0;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .inner .wpcf7 p.accept_line {
	text-align: center;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay #gallery_form_close_line {
	display: none;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay #gallery_form_close_line a.link_btn {
	margin-top: 1.6em;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse {
	overflow: hidden;
	margin-top: 3em;
	line-height: 2;		/* 32px in design */
	text-align: left;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse .inner {
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse h2,
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse h3 {
	border-top: #ccc 1px solid;
	padding-top: 1.25em;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse h2 {
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse h3 {
	margin-bottom: 0;
	padding-left: 1em;
	font-size: 113%;
	font-weight: 600;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse h3:before {
	display: inline-block;
	margin-left: -1em;
	color: #00808e;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	content: '●';
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse p,
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse ol {
	font-size: 88%;
}
.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse ol {
	margin-left: 7em;
}
@media screen and (max-width: 767px) {
	.page-photo .gallerysinglepic .storycontent .photo,
	.page-photo .gallerysinglepic .storycontent .photoinfo {
		width: 98%;
	}
	.page-photo .gallerysinglepic .storycontent .photo {
		float: none;
	}
	.page-photo .gallerysinglepic .storycontent .photoinfo {
		margin-left: 0;
	}
	.page-photo .gallerysinglepic .storycontent .photoinfo table {
		font-size: 100%;
	}
	.page-photo .gallerysinglepic .storycontent .photoinfo table th,
	.page-photo .gallerysinglepic .storycontent .photoinfo table td {
		padding: 10px;
	}
	.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay > .inner {
		height: calc(90vh - 84px);
		padding: 62px 5% 22px;
	}
	.page-photo /* .gallerysinglepic */ .storycontent #gallery_form_overlay .termsofuse ol {
		margin-left: 2em;
	}
}


/**
* sitemap (by Matsuo)
*********************************************************/
.page-sitemap .inner > ul, .page-sitemap .inner > p { margin-bottom: 0}
.page-sitemap .inner > br { display: none }
.page-sitemap .inner > ul > li { clear: both; list-style-type: none; overflow: auto;}
.page-sitemap .inner > ul > li { border-bottom: 1px dashed #999; padding: 12px 0;}
.page-sitemap .inner ul li ul li { list-style-type: none; float: left; margin-left: 20px; }
.page-sitemap .storycontent a { color: inherit; }


/**
* print
*********************************************************/
@media print {
	/* Avoid Breaks in: */
	#googlemap,
	section.stories,
	.page-reasons .more_info,
	.near_attraction .tiles li,
	.pic img,
	.course_sequence .phase.spot,
	.home .areamap {
	    break-inside: avoid;
	}

	/* Do not display: */
	#menu_extra,
	#right_menu_group,
	#goback_to_list,
	#menu_btns,
	#adjacent_post_nav,
	.movielist,
	.embed-youtube,
	iframe.youtube-player,
	.slideshow .swiper-button-next,
	.slideshow .swiper-button-prev,
	.swiper-container-horizontal >.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
	    display: none
	}

	/* Other print adjustments */
	.slideshow {
	    margin-bottom: 0;
	}

	.single main,
	.page main,
	.archive main {
    	padding-top: 0;
	}
	.page-reasons main {
	    padding: 545px 0 110px;
	}

	aside .sticky {
	    position: static;
	}
	header#site_header {
		position: static;
	}
	#header_logo a {
    	width: 100%;
	}

	.swiper-slide.top {
		width: 100% !important;
	}

}