/*
(C) 2021 Wangrove Inc. <wangrove.co.jp>
*/

/*
検索
*/
.cond {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.5);
	border: #88aa88 2px solid;
	border-radius: 10px;
}
.cond table {
	width: 100%;
}
.cond th {
	width: 7rem;
}
.cond td {
	padding: 10px 0;
}
/* スマホ */
@media screen and (max-width:800px) {
	.cond table {
		display: block;
	}
	.cond tbody {
		display: flex;
		flex-direction: column;
	}
	.cond tr {
		display: flex;
		flex-direction: column;
	}
	.cond th {
		display: block;
		width: 100%;
		text-align: left;
	}
	.cond td {
		display: block;
		padding-top: 5px;
		padding-bottom: 15px;
	}
}

/*
検索・カテゴリ
*/
.cond .select-cate {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	column-gap: 10px;
}
.cond .category-wrap {
	position: relative;
	overflow: visible;
}
.cond .selected-cates {
	align-self: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	padding: 5px 0;
	cursor: pointer;
	/* umo-ui */
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	border: var(--umo-ui-border-color) 1px solid;
	border-radius: var(--umo-ui-border-radius) ;
}
.cond .selected-cates:hover,
.cond .selected-cates:active {
	background-color: rgba(255, 255, 255, 0.6);
	/* umo-ui */
	/*border-color: var(--umo-ui-hover-border-color);*/
	outline: 1px solid;
	outline-color: var(--umo-ui-hover-border-color);
}
.cond .selected-cates > span {
	line-height: 1;
}
.category {
	position: absolute;
	top: 100%;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: max-content;
	height: fit-content;
	max-height: calc(100vh - 20px);
	margin: 0;
	padding: 10px;
	background-color: #fff;
	border: var(--umo-ui-border-color) 1px solid;
	border-radius: 10px;
	box-shadow: #000 1px 1px 3px 0;
	z-index: 1;
}
.category:not(.-show) {
	display: none;
}
.category [data-ui="umo-toggle"] {
	border-radius: 5px;
}
.category .categroups {
	flex-shrink: 1;
	overflow-y: auto;
}
.category .categroups__item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding: 0 0 5px 0;
	border-bottom: rgba(0, 0, 0, 0.5) 1px dotted;
}
.category .categroups__item + .categroups__item {
	padding-top: 5px;
}
.category .categroups__name {
	flex-shrink: 0;
	width: 6em;
	margin-right: 10px;
}
.category .categroups__name[data-value="1"] {
	box-shadow: var(--umo-ui-focus-border-color) 0 0 3px 1px inset;
}
.category .categroups__name > [data-parts] {
	width: fit-content;
	height: fit-content;
	padding: 5px;
	border-radius: 5px;
	line-height: 1;
}
.category .categroups__cates {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 10px;
	row-gap: 5px;
}
.category .categroups__cates__item {
}
.category .categroups__cates__name {
	width: fit-content;
	border: var(--umo-ui-border-color) 1px solid;
	border-radius: 5px;
}
.category .categroups__cates__name[data-value="1"] {
	box-shadow: var(--umo-ui-focus-border-color) 0 0 3px 1px inset;
}
.category .categroups__cates__name > [data-parts] {
	width: fit-content;
	height: fit-content;
	padding: 5px;
	border-radius: 5px;
	line-height: 1;
}
.category .category__close {
	flex-shrink: 0;
	width: 8em;
	margin: 20px 0 0 0;
}
/* スマホ */
@media screen and (max-width:800px) {
	.category {
		position: fixed;
		left: 10px;
		top: 10px;
		width: calc(100vw - 20px);
		z-index: 1000;
	}
	.category .categroups__name {
		width: 4em;
	}
}

/*
検索・所在地
*/
.cond .select-pref {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	column-gap: 10px;
}
/* スマホ */
@media screen and (max-width:800px) {
	.cond .select-pref {
		flex-direction: column;
		row-gap: 10px;
	}
}

/*
検索・所在地・都道府県
*/
.cond .areapref-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	overflow: visible;
}
.cond [data-name="pref"] {
    width: fit-content;
	padding: 5px 0.3rem;
    border: var(--umo-ui-border-color) 1px solid;
    border-radius: 5px;
}
.cond [data-name="pref"][data-value="1"] {
    box-shadow: var(--umo-ui-focus-border-color) 0 0 3px 1px inset;
}
.cond [data-name="pref"] [data-parts="umo-toggle__label"] {
	padding-left: 1.2em;
	background-image: url(/img/icon_rect.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1em 1em;
}
.cond [data-name="pref"][data-value="1"] [data-parts="umo-toggle__label"] {
	background-image: url(/img/icon_check.svg);
}
.cond [data-name="pref"][data-wait="1"] [data-parts="umo-toggle__label"] {
	background-image: url(/img/wait.gif);
}
.cond .selected-prefs {
	align-self: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	margin-left: 10px;
	padding: 5px 0;
	cursor: pointer;
	/* umo-ui */
/*	padding-left: 0.3rem;
	padding-right: 0.3rem;
	border: var(--umo-ui-border-color) 1px solid;
	border-radius: var(--umo-ui-border-radius) ;*/
}
.cond .selected-prefs > span {
	line-height: 1;
}
.areapref {
	position: absolute;
	top: 100%;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: max-content;
	height: fit-content;
	max-height: calc(100vh - 20px);
	margin: 0;
	padding: 10px;
	background-color: #fff;
	border: var(--umo-ui-border-color) 1px solid;
	border-radius: 10px;
	box-shadow: #000 1px 1px 3px 0;
	z-index: 1;
}
.areapref:not(.-show) {
	display: none;
}
.areapref [data-ui="umo-toggle"] {
	border-radius: 5px;
}
.areapref .areas {
	flex-shrink: 1;
	overflow-y: auto;
}
.areapref .areas__item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding: 1px 1px 5px 1px;
	border-bottom: rgba(0, 0, 0, 0.5) 1px dotted;
}
.areapref .areas__item + .areas__item {
	padding-top: 5px;
}
.areapref .areas__name {
	flex-shrink: 0;
	width: 6em;
	margin-right: 10px;
}
.areapref .areas__name[data-value="1"] {
	box-shadow: var(--umo-ui-focus-border-color) 0 0 3px 1px inset;
}
.areapref .areas__name > [data-parts] {
	width: fit-content;
	height: fit-content;
	padding: 5px;
	border-radius: 5px;
	line-height: 1;
}
.areapref .areas__prefs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 10px;
	row-gap: 5px;
}
.areapref .areas__prefs__name {
	width: fit-content;
	border: var(--umo-ui-border-color) 1px solid;
	border-radius: 5px;
}
.areapref .areas__prefs__name[data-value="1"] {
	box-shadow: var(--umo-ui-focus-border-color) 0 0 3px 1px inset;
}
.areapref .areas__prefs__name > [data-parts] {
	width: fit-content;
	height: fit-content;
	padding: 5px;
	border-radius: 5px;
	line-height: 1;
}
.areapref .areapref__close {
	flex-shrink: 0;
	width: 8em;
	margin: 20px 0 0 0;
}
/* スマホ */
@media screen and (max-width:800px) {
	.areapref {
		position: fixed;
		left: 10px;
		top: 10px;
		width: calc(100vw - 20px);
		z-index: 1000;
	}
}

/*
検索・所在地・現在地付近
*/
.cond .curloc {
	display: flex;
	flex-direction: row;
}
.cond [data-name="curloc"] {
    width: fit-content;
	padding: 5px 0.3rem;
    border: var(--umo-ui-border-color) 1px solid;
    border-radius: 5px;
}
.cond [data-name="curloc"][data-value="1"] {
    box-shadow: var(--umo-ui-focus-border-color) 0 0 3px 1px inset;
}
.cond [data-name="curloc"] [data-parts="umo-toggle__label"] {
	padding-left: 1.2em;
	background-image: url(/img/icon_rect.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1em 1em;
}
.cond [data-name="curloc"][data-value="1"] [data-parts="umo-toggle__label"] {
	background-image: url(/img/icon_check.svg);
}
.cond [data-name="curloc"][data-wait="1"] [data-parts="umo-toggle__label"] {
	background-image: url(/img/wait.gif);
}

/*
検索・ワード
*/
.cond .word input {
	width: 30em;
}
/* スマホ */
@media screen and (max-width:800px) {
	.cond .word input {
		width: 100%;
	}
}

/*
検索・ボタン
*/
.cond .button-area {
	text-align: center;
}

/*
検索結果一覧
*/
.search-results {
	margin-top: 20px;
}
.results {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
	margin: 0;
	padding: 0 3px;
}
.results__item.ad-news {
	width: 500px;
	height: 500px;
}
.results__item {
	flex-grow: 0;
	flex-shrink: 0;
	display: block;
	width: calc((100% - 3 * 20px) / 4);
	margin: 0;
	padding: 0;
	background-color: #FFFBE9;
	border: #E2E291 1px solid;
	border-radius: 8px;
}
.results__item:hover,
.results__item:active {
	outline: var(--umo-ui-focus-border-color) 1px solid;
}
.results__item__anchor {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.results__item__name {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 3rem;
	padding: 0 0.5em;
	background-color: #E2E291;
	border-radius: 8px 8px 0 0;
	font-size: 1.2rem;
	font-weight: bold;
	color: #004900;
	cursor: pointer;
}
.results__item:hover .results__item__name,
.results__item:active .results__item__name {
	background-color: #E8EAAA;
	color: #CF6D1F;
}
.results__item__name span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.2;
}
.results__item__addr {
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-height: 3rem;
	margin: 3px 0 0 0;
	padding: 0 0.5em;
	color: #113311;
}
.results__item__addr span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5;
}
.results__item__pref {
	display: inline-block;
	padding: 0 3px;
	border: #000 1px solid;
	border-color: var(--umo-border-color);
	border-radius: 3px;
	cursor: pointer;
}
.results__item__pref:hover,
.results__item__pref:active {
	background-color: #eef;
}
.results__item__dist {
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin: 3px 0 0 0;
	padding: 0 0.5em;
	color: #113311;
}
.results__item__dist span {
	line-height: 1.5;
}
.results__item__icons {
	display: flex;
	justify-content: flex-end;
	column-gap: 0.5rem;
	width: 100%;
	margin: 0 0 0.5rem 0;
	padding: 0 0.5rem;
}
.results__item__icons__icon {
	display: block;
	width: 2rem;
	height: 2rem;
	padding: 2px;
	border: #fdb 2px solid;
	border-radius: 5px;
	cursor: pointer;
}
/*.results__item__icons__icon:hover {
	background-color: #fdb8;
	border: #eca 2px solid;
}*/
/* スマホ */
@media screen and (max-width:800px) {
	.results {
		flex-direction: column;
	}
	.results__item {
		width: 100%;
	}
}

/*
ページナビ
*/
.pagenavi {
    margin-top: 50px;
}

/* ------------------------------------
スポット詳細
*/

/*
レイアウト
*/

[data-act="detail"] .container {
}
[data-act="detail"] .container .contents-column {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	column-gap: 50px;
}
[data-act="detail"] .container .contents-column .contents.-left {
	width: 70%;
	flex-shrink: 1;
	flex-grow: 1;
}
[data-act="detail"] .container .contents-column .contents.-right {
	width: 30%;
	flex-shrink: 1;
	flex-grow: 1;
}
/* スマホ */
@media screen and (max-width:800px) {
	[data-act="detail"] .container .contents-column {
		flex-direction: column;
		gap: 0;
	}
	[data-act="detail"] .container .contents-column .contents.-left {
		width: 100%;
	}
	[data-act="detail"] .container .contents-column .contents.-right {
		width: 100%;
	}
}

/*
スポット詳細ヘッダ
*/

[data-act="detail"] section.spot-name {
	margin-bottom: 0;
	line-height: 1;
	font-size: 1.75rem;
	font-weight: bold;
	color: #563D06;
}
[data-act="detail"] section.spot-service {
}
[data-act="detail"] section.spot-service .spot-service__list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
	height: fit-content;
}
[data-act="detail"] section.spot-service .spot-service__list:empty {
	display: none;
}
[data-act="detail"] section.spot-service .spot-service__list li {
    margin-top: 15px;
    margin-right: 8px;
    padding: 6px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    color: #FFF;
}
[data-act="detail"] section.spot-service .spot-service__list li.service01 {
	background-color:#F29500;
}
[data-act="detail"] section.spot-service .spot-service__list li.service02 {
	background-color:#80AFC1;
}
[data-act="detail"] section.spot-service .spot-service__list li.service03 {
	background-color:#3E9B3E;
}
[data-act="detail"] section.spot-service .spot-service__list li.service04 {
	background-color:#ED624A;
}
[data-act="detail"] section.spot-service .spot-service__list li.service05 {
	background-color:#FF9CC0;
}
[data-act="detail"] section.spot-service .spot-service__list li.service06 {
	background-color:#84CFF3;
}
[data-act="detail"] section.spot-service .spot-service__list li.service07 {
	background-color:#ADC93A;
}
[data-act="detail"] section.spot-service .spot-service__list li.service08 {
	background-color:#9BC1E6;
}

/*
スポット詳細情報
*/

[data-act="detail"] section.spot-info {
	margin-top: 30px;
}
[data-act="detail"] section.spot-info [data-parts="umo-tab__tab"] {
	width: 15rem;
	/*height: calc(var(--umo-ui-size) + 10px);*/
	text-align: center;
}
[data-act="detail"] section.spot-info [data-ui="umo-tab"] > [data-parts="umo-tab__contents-frame"] {
    padding-top: 10px;
    border-color: #ED7600;
    border-width: 5px 0 0 0;
}
[data-act="detail"] section.spot-info [data-ui="umo-tab"] > [data-parts="umo-tab__tab-frame"] > [data-parts="umo-tab__tab"] {
	height: calc(var(--umo-ui-size) + 10px);
	background-color: #FFEA94;
	border-color: #FFBE06;
	border-radius: 8px 8px 0 0;
	color: #563D06;
}
[data-act="detail"] section.spot-info [data-ui="umo-tab"] > [data-parts="umo-tab__tab-frame"] > [data-parts="umo-tab__tab"][data-selected="1"] {
	height: calc(var(--umo-ui-size) + 14px);
	background-color: #ED7600;
	border-color: #ED7600;
	color: #FFF;
}
[data-act="detail"] .spot-info__table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
[data-act="detail"] .spot-info__table th,
[data-act="detail"] .spot-info__table td {
	word-break: break-all;
	border: var(--border-color) 1px solid;
	padding: 10px;
}
[data-act="detail"] .spot-info__table th {
	width: 10em;
	background-color: #F2E2C7;
}
[data-act="detail"] .spot-info__table td {
	background-color: #FFFFFF;
}
[data-act="detail"] .spot-info__table td p {
	line-height: 1.5;
}
/* スマホ */
@media screen and (max-width:800px) {
	[data-act="detail"] section.spot-info {
		margin-top: 0px;
	}
	[data-act="detail"] section.spot-info [data-ui="umo-tab"] {
	}
	[data-act="detail"] section.spot-info [data-ui="umo-tab"] > [data-parts="umo-tab__tab-frame"] {
		display: none;
	}
	[data-act="detail"] section.spot-info [data-parts="umo-tab__contents"][data-key="access"] {
		margin-top: 20px;
	}
	[data-act="detail"] section.spot-info [data-ui="umo-tab"] > [data-parts="umo-tab__contents-frame"] {
		border: none;
	}
	[data-act="detail"] section.spot-info [data-ui="umo-tab"] > [data-parts="umo-tab__contents-frame"] {
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	[data-act="detail"] section.spot-info [data-ui="umo-tab"] > [data-parts="umo-tab__contents-frame"] > [data-parts="umo-tab__contents"]:not([data-selected="1"]) {
		display: unset;
	}
	[data-act="detail"] .spot-info__table th {
		width: 6em;
		line-height: 1.5;
	}
}

/* 基本情報 */

[data-act="detail"] .spot-info [data-parts="umo-tab__contents"][data-key="base"] {
}
.spot-info__catchcopy {
	width: 100%;
	margin: 0 0 20px 0;
    line-height: 1.75rem;
    font-size: 1.125rem;
    font-weight: bold;
    color: #A54605;
}
.spot-info__catchcopy:empty {
	display: none;
}
.spot-info__text {
	width: 90%;
	margin: 20px auto 20px;
	white-space: pre-wrap;
}
.spot-info__text:empty {
	display: none;
}
h3.with {
	margin-top: 20px;
}
/* スマホ */
@media screen and (max-width:800px) {
	.base {
		margin-top: 20px;
	}
}

/* メニュー */

/* 料金 */

/* 写真 */

.fcl-info .photo {
	display: block;
	border: #888 1px solid;
}
.fcl-info [data-umo="photo"] .photo-groups {
}
.fcl-info [data-umo="photo"] .photo-groups .photo-group {
}
.fcl-info [data-umo="photo"] .photo-groups .photo-group .photo-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fcl-info [data-umo="photo"] .photo-groups .photo-group .photo-items .photo-item {
	position: relative;
	width: calc( (100% - (5 - 1) * 5px) / 5);
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: #888 1px solid;
}
.fcl-info [data-umo="photo"] .photo-groups .photo-group .photo-items .photo-item.dummy {
	visibility: hidden;
}
.fcl-info [data-umo="photo"] .photo-groups .photo-group .photo-items .photo-item a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fcl-info [data-umo="photo"] .photo-groups .photo-group .photo-items .photo-item .photo-name {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 3px;
	background-color: rgba(0,0,0,0.7);
	font-size: 0.8rem;
	line-height: 1.2rem;
}

/* コメント */

/* アクセス */

[data-act="detail"] .spot-info [data-parts="umo-tab__contents"][data-key="access"] {
}
[data-act="detail"] .spot-info [data-parts="umo-tab__contents"][data-key="access"] .mapArea-d {
}
/* スマホ */
@media screen and (max-width:800px) {
	[data-act="detail"] .spot-info [data-parts="umo-tab__contents"][data-key="access"] .mapArea-d {
		height: calc((100vw - 10px) * 0.8);
	}
}

/* 注釈 */

.note {
	margin-top: 10px;
	padding: 0 10px;
	line-height: 1.3;
	font-size: 0.9rem;
	color: #333333;
}
/* スマホ */
@media screen and (max-width:800px) {
	.note {
		margin-top: 20px;
	}
}

/* 情報訂正 */
.issue {
	margin-top: 10px;
	padding: 0 10px;
	line-height: 1.3;
	font-size: 0.9rem;
	color: #333333;
}

/*
広告（下部）
*/

[data-act="detail"] .ad-bottom {
	margin-top: 50px;
}

/* -
サイドエリア
- */

/*
広告（サイド）
*/

[data-act="detail"] .ad-side {
	width: 100%;
	height: auto;
}
/* スマホ */
@media screen and (max-width:800px) {
	[data-act="detail"] .ad-side {
		margin: 50px 0 20px;
	}
}

/*
近くのスポット
*/

.near {
	width: 100%;
	margin-top: 30px;
}
.near__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.near__list__item {
	display: flex;
	width: fit-content;
	height: auto;
	gap: 10px;
	margin: 0;
	padding: 2px 0;
	background: none;
	border-radius: 8px;
	color: #004400;
	text-decoration: none;
}
.near__list__item:hover,
.near__list__item:active {
	background-color: rgba(255, 255, 255, 0.3);
    color: #000088;
    text-decoration: underline;
}
.near__list__item__name {
	display: block;
	flex-grow: 1;
	word-break: normal;
	word-wrap: normal;
	white-space: normal;
	line-height: 1.5em;
}

/*
評価
*/
.score {
	float: right;
	display: block;
	width: 100%;
	border: #888 1px solid;
}
.score .stars {
	width: 100%;
}

/*
コメント
*/
.comment {
	float: right;
	display: block;
	width: 100%;
	border: #888 1px solid;
	font-size: 0.8rem;
}
.comment .comment-items {
	padding: 5px 5px 0 5px;
}
.comment .comment-item {
	margin-bottom: 5px;
	line-height: 1.8em;
}
.comment .date {
	float: left;
	width: 5.5rem;
}
.comment .name {
	width: 100%;
	padding-left: 5.5rem;
}
.comment .text {
}

/*
ブログ新着
*/
.blog-top {
	float: right;
	display: block;
	width: 100%;
	border: #888 1px solid;
	font-size: 0.8rem;
}
.blog-top .blog-items {
	padding: 5px 5px 0 5px;
}
.blog-top .blog-item {
	margin-bottom: 5px;
	line-height: 1.8em;
}
.blog-top .date {
	display: inline;
	margin-right: 1em;
	color: #FFEA94;
}
.blog-top .title {
	display: inline;
}

/*
おすすめ商品
*/
.product {
	float: right;
	display: block;
	width: 100%;
	border: #888 1px solid;
}
.product .product-items {
	padding: 5px 5px 0 5px;
}
.product .product-items .product-item {
	margin-bottom: 5px;
}
.product .product-items .product-item .product-image {
	float: left;
	width: 4.8rem;
	height: 4.8rem;
	background-color: #fff;
	line-height: 4.8rem;
	text-align: center;
}
.product .product-items .product-item .product-image img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.product .product-items .product-item a:hover .product-image img {
	opacity: 0.8;
}
.product .product-items .product-item .product-name {
	height: 4.8rem;
	padding-left: 5rem;
	font-size: 0.9rem;
	line-height: 1.2rem;
}
.product .product-items .product-item a:hover .product-name {
	color: var(--required-color);
}

/*
評価★
*/
.stars {
	display: flex;
}
.stars .star-back {
	width: 20%;
	background-image: url(/img/star-0.svg);
}
.stars .star-back .star {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/img/star-1.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.stars .star-back .star.no5 {
	width: 50%;
}

/*
詳細ページのビジュアル
*/
.spot-visual {
	display: flex;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.spot-visual .swiper {
    position: relative;
    width: 100%;
    height: 100%;
}
.spot-visual .swiper .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.spot-visual .swiper .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}