@charset "UTF-8";

	/* ◆共通 */
	body {
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #fff;
		font-family: Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		color: #000000;
		-webkit-text-size-adjust: 100%;
		/* margin: 0 auto; */
		/* max-width: 1080px; */
		overflow-x: hidden;
	}

	a:link,
	a:visited {
		color: #393939;
		text-decoration: none;
	}

	img {
		border-style: none;
		/* 画像の枠線を消す */
		-ms-interpolation-mode: bicubic;
		/* 拡大、縮小してもキレイに表示する */

		/*	max-width: 100%;
		height: auto !important;*/
		max-width: 400px;
		/* 画像の下の隙間を消す*/
		/*	vertical-align:bottom;	*/
	}

	/* ◆共通フォントサイズ設定 */
	html {
		font-size: 62.5%;
	}

	body {
		font-size: 14px;
		font-size: 1.4rem;
	}

	h1 {
		font-size: 17px;
		font-size: 1.7rem;
		margin: 0;
	}

	h2 {
		font-size: 16px;
		font-size: 1.4rem;
		margin: 0;
	}

	h1.site_title {
		font-size: 13px;
		margin: 0;
		padding-bottom: 7px;
		text-align: center;
		line-height: 14px;
	}

	h3.title_trending-spots,
	h3.title_near-info,
	h3#title_16d,
	h3.title_roughly-weather{
		margin:0;
		padding:0;
	}

	h3.title_near-info,
	h3#title_16d{
		font-size:16px;
	}

	h3.title_roughly-weather{
		margin:0;
		padding:0;
		font-size:14px;
	}

	h3.title_trending-spots{
		font-size:18px;
	}

	.clearfix {}

	.clearfix:after {
		display: block;
		content: "";
		clear: both;
	}

	.only_mobile {
		display: none;
	}

	@media screen and (max-width: 480px) {
		.only_mobile {
			display: inherit;
		}
	}

	.header_area {
		width: 100%;
		margin: 0 auto;
		position: relative;
		background-color: #E8E8E8;
		position: fixed;
		z-index: 99;
	}

	.header_area .top_title_pc a,
	.header_area .top_title a {
		display: inline-block;
	}

	#header {
		max-width: 1080px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
		background-color: #E8E8E8;
	}

	@media screen and (max-width: 1080px) {
		#header {
			height: 52px;
		}
	}

	@media screen and (max-width: 480px) {
		#header {
			height: 90px;
		}
	}

	#container {
		width: 100%;
		margin: 0;
		padding: 0;
		margin: 0 auto;
		max-width: 1080px;
		overflow: hidden;
		/*top: 5px;*/
		position: relative;
		top: 0;
		/* display: none; */
	}

	#container.ready {
		display: block;
	}

	#content {
		background-color: #fff;
		margin: 0 auto;
		overflow: hidden;
	}

	#content .content_area {
		max-width: 1080px;
		margin: 0 auto;
		/* background-color: #f4f4f4; */
	}

	/** Paging **/
	.pagination a {
		color: #393939;
	}

	.pagination .current {
		text-decoration: none;
		font-weight: bold;
	}

	div.paginator {
		margin-top: 30px;
		display: flex;
		justify-content: center;
	}

	ul.pagination {
		margin: 0px;
		display: flex;
		list-style-type: none;
	}

	.pagination li {
		padding: 2px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	li.first,
	li.prev,
	li.next,
	li.last {
		color: #393939;
		border: 1px solid #D3D3D3;
		height: 38px;
		width: 38px;
		border-radius: 50%;
		display: flex;
	}

	li.prev {
		margin-left: 10px;
		margin-right: 5px;
	}

	.pagination li.next {
		margin-left: 5px;
		margin-right: 10px;
	}

	.pagination li.page-item {
		height: 42px;
		width: 42px;
		color: #393939;
		background: #FFFFFF;
		border-top: solid 1px #dcdddd;
		border-bottom: solid 1px #dcdddd;
	}

	.pagination li.active a {
		color: #FFFFFF;
		background: #e9e4d4;
		height: 36px;
		width: 36px;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

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

		/* スマホサイズはこちらを読み込み */
		.pagination {
			padding: 0px;
		}
	}

	/* ◆TOPタイトル*/
	.top_title {
		width: 100%;
		min-height: 24px;
		text-align: center;
		padding-top: 15px;
		/* 上の余白 */
		padding-bottom: 9px;
		color: black;
	}

	.top_title .header-item {
		position: absolute;
		left: 0;
	}

	.top_title .header-item .back {
		margin-left: 10px;
	}

	.top_title .header-item .back img {
		width: 15px;
	}

	.top_title .favorite {
		position: absolute;
		right: 0;
	}

	.top_title .favorite a {
		margin-right: 14px;
	}

	.top_title .favorite a img {
		width: 25px;
	}

	/* ◆TOPタイトル PC用*/

	.top_title_pc {
		width: 100%;
		text-align: center;
		padding-top: 15px;
		/* 上の余白 */
		padding-bottom: 8px;
		color: black;
	}

	.top_title_pc img,
	.top_title img {
		width: 344px;
	}

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

		/* スマホサイズはこちらを読み込み */
		.top_title_pc img,
		.top_title img {
			width: 228px;
		}
	}

	/* ◆TOPタイトル スマホ 会員用*/
	.top_title_member {
		width: 100%;
		height: 62px;
		text-align: center;
		background: #B1C5E8;
		/* タイトル画像 */
		background-image: url("../img/main_logo.svg");
		background-repeat: no-repeat;
		background-position: 50% center;
		background-size: 214px 46px;
	}

	.top_title_member a {
		display: block;
		height: 72px;
	}

	.top_title_member span {
		visibility: hidden;
	}

	/* ◆TOPタイトル PC 会員用*/
	.top_title_pc_member {
		width: 100%;
		/* height: 72px; */
		text-align: center;
		background: #B1C5E8;
		/* タイトル画像 */
		background-image: url("../img/main_logo_pc.png");
		background-repeat: no-repeat;
		background-position: 50% center;
	}

	.top_title_pc_member a {
		display: block;
		/* height: 72px; */
	}

	.top_title_pc_member span {
		visibility: hidden;
	}

	/* ◆TOPタイトル ガラケー会員用*/
	.top_title_keitai_member {
		width: 100%;
		height: 60px;
		text-align: center;
		padding-top: 10px;
		/* 上の余白 */
		background: #094300;
	}

	.top_title_keitai_member a {
		position: absolute;
		display: block;

		width: 40px;
		height: 30px;
		top: 20px;
		right: 30px;

		text-decoration: none;
		/* 下線を消す */
	}

	.top_title_keitai_member span {
		visibility: hidden;
	}


	/* 背景画像をリンク可能とする */
	.top_title_nologin a {
		position: absolute;
		display: block;

		width: 48px;
		height: 38px;
		top: 12px;
		right: 20px;

		background-image: url("../img/nologin.png");
		background-repeat: no-repeat;
		background-size: 48px 38px;
		text-decoration: none;
		/* 下線を消す */
	}

	/* 背景画像をリンク可能とする */
	.top_title_verified a {
		position: absolute;
		display: block;

		width: 48px;
		height: 38px;
		top: 12px;
		right: 20px;

		background-image: url("../img/login.png");
		background-repeat: no-repeat;
		background-size: 48px 38px;
		text-decoration: none;
		/* 下線を消す */
	}

	.top_title span {
		visibility: hidden;
		/* 仮の文字を表示しないようにする */
	}

	/* TOP画面PR用帯 */
	.top_pr_title {
		font-size: 14px;
		font-weight: bold;

		color: #000000;
		/* background: #64A0DF; オリジナルの青*/
		background: #FCE444;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
		text-align: center;
		vertical-align: middle;
	}

	.top_more_pr_title {
		font-size: 14px;
		font-weight: bold;

		color: #000000;
		/* background: #64A0DF; オリジナルの青*/
		background: #FF6377;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
		text-align: center;
		vertical-align: middle;
	}

	/* TOP画面PR用テーブル */
	.top_pr_table {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		margin: 0;
		padding: 0px;
		/* 上下の余白 */

		/* background: #d3e6e4; オリジナルの薄い青 */
		background: #FEF7C4;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
	}

	.top_pr_table td {
		border: 1px #BCCCDB solid;
		/* セルの枠線 */
	}

	.top_pr_table .cell {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.top_pr_table a:link,
	.top_pr_table a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	.top_pr_table .pr_image {
		float: left;
		width: 70px;
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 5px 10px 10px 10px;
	}

	.top_pr_table h3 {

		font-size: 14px;
		font-weight: bold;

		color: #000000;
		text-decoration: underline;
		/* 下線を引く */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 0px 5px;
	}

	.top_pr_table p {
		font-size: 10px;
		color: #000000;

		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 10px 5px 10px;
	}

	.top_more_pr_table {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		margin: 0;
		padding: 0px;
		/* 上下の余白 */

		/* background: #d3e6e4; オリジナルの薄い青 */
		background: #FFC0CB;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
	}

	.top_more_pr_table td {
		border: 1px #BCCCDB solid;
		/* セルの枠線 */
	}

	.top_more_pr_table .cell {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.top_more_pr_table a:link,
	.top_more_pr_table a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	.top_more_pr_table .pr_image {
		float: left;
		width: 70px;
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 5px 10px 10px 10px;
	}

	.top_more_pr_table h3 {

		font-size: 14px;
		font-weight: bold;

		color: #000000;
		text-decoration: underline;
		/* 下線を引く */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 0px 5px;
	}

	.top_more_pr_table p {
		font-size: 10px;
		color: #000000;

		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 10px 5px 10px;
	}

	.top_popular_spot_list a {
		display: inline-block;
		margin-bottom: 4px;
		padding: 0px 4px;
		border: 1px solid #ddd;
		background: #fff;
		border-radius: 4px;
		text-decoration: none;
		color: #393939;
	}
	@media screen and (max-width: 1080px) {
		.top_popular_spot_list {
			padding: 10px;
		}
	}
	/* ジャンルサーチ */
	.search_genre {
		background: #E5F8F4;
		/* padding-top:4px; */
	}

	.activity_banner {
		width: 100%;
		height: 76px;
		position: relative;
	}

	.activity_1 {
		background: url("/img/activity_search/activity_1.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_2 {
		background: url("/img/activity_search/activity_2.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_3 {
		background: url("/img/activity_search/activity_3.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_4 {
		background: url("/img/activity_search/activity_4.jpg");
		background-size: cover;
		background-position: 50% 20%;
	}

	.activity_5 {
		background: url("/img/activity_search/activity_5.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_6 {
		background: url("/img/activity_search/activity_6.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_7 {
		background: url("/img/activity_search/activity_7.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_8 {
		background: url("/img/activity_search/activity_8.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_9 {
		background: url("/img/activity_search/activity_9.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_10 {
		background: url("/img/activity_search/activity_10.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_11 {
		background: url("/img/activity_search/activity_11.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_12 {
		background: url("/img/activity_search/activity_12.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_13 {
		background: url("/img/activity_search/activity_13.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_14 {
		background: url("/img/activity_search/activity_14.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_15 {
		background: url("/img/activity_search/activity_15.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_16 {
		background: url("/img/activity_search/activity_16.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_17 {
		background: url("/img/activity_search/activity_17.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_19 {
		background: url("/img/activity_search/activity_19.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_20 {
		background: url("/img/activity_search/activity_20.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_21 {
		background: url("/img/activity_search/activity_21.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_22 {
		background: url("/img/activity_search/activity_22.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_23 {
		background: url("/img/activity_search/activity_23.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_24 {
		background: url("/img/activity_search/activity_24.jpg");
		background-size: cover;
		background-position: 50% 100%;
	}

	.activity_25 {
		background: url("/img/activity_search/activity_25.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_26 {
		background: url("/img/activity_search/activity_26.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_27 {
		background: url("/img/activity_search/activity_27.jpg");
		background-size: cover;
		background-position: 50% 75%;
	}

	.activity_28 {
		background: url("/img/activity_search/activity_28.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_29 {
		background: url("/img/activity_search/activity_29.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_30 {
		background: url("/img/activity_search/activity_30.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_31 {
		background: url("/img/activity_search/activity_31.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_32 {
		background: url("/img/activity_search/activity_32.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_33 {
		background: url("/img/activity_search/activity_33.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_34 {
		background: url("/img/activity_search/activity_34.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_35 {
		background: url("/img/activity_search/activity_35.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_36 {
		background: url("/img/activity_search/activity_36.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_37 {
		background: url("/img/activity_search/activity_37.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_38 {
		background: url("/img/activity_search/activity_38.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_39 {
		background: url("/img/activity_search/activity_39.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_40 {
		background: url("/img/activity_search/activity_40.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_41 {
		background: url("/img/activity_search/activity_41.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_44 {
		background: url("/img/activity_search/activity_44.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_45 {
		background: url("/img/activity_search/activity_45.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_112 {
		background: url("/img/activity_search/activity_112.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_114 {
		background: url("/img/activity_search/activity_114.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_116 {
		background: url("/img/activity_search/activity_116.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_117 {
		background: url("/img/activity_search/activity_117.jpg");
		background-size: cover;
		background-position: center center;
	}

	.activity_banner_text {
		position: absolute;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		width: 100%;
		height: 76px;
		line-height: 76px;
		font-size: 1.8rem;
		color: #fff;
	}

	.hot_words {
		margin: 0px;
		color: #000;
		/* width: 94%; */
		padding-left: 10px;
		border-left: 6px solid #20615b;
		margin: 0 auto;
		margin-bottom: 8px;
		box-sizing: border-box;
		font-size: 15px;
		margin-left: 23px;
	}

	.hot_words_pc {
		margin-bottom: 3px;
	}

	.hot_word_list {
		list-style: none;
		margin: 0 23px;
		padding: 0;
		padding-bottom: 8px;
		width: 88%;
	}

	.hot_word_list li {
		display: inline-block;
		padding: 5px 10px;
		margin: 5px 1px;
		border-radius: 15px;
		background: #D3EDEC;
		font-color: #A6B0AE
	}

	.hot_word_list li a {
		color: #343434;
		font-weight: bold;
	}

	ul.top_list_name {
		list-style: none;
		margin: 0 auto;
		padding: 0 12px 0 0;
	}

	ul.top_list_name.area_child {
		max-width: 160px;
		line-height: 100%;
		margin-bottom: 3px;
	}

	ul.top_list_name.area_chugoku {
		width: 130px;
	}

	ul.top_list_name.genre_child {
		width: 225px;
		line-height: 100%;
		margin-bottom: 0;
	}


	ul.top_list_name.genre_child.pc_genre_child {
		width: 100%;
	}

	ul.top_list_name li {
		display: inline-block;
		font-size: 10px;
		font-weight: nomal;
		color: #888;
		margin: 0;
		padding: 0;
	}

	ul.top_list_name li a:link,
	ul.top_list_name li a:visited {
		font-size: 10px;
		color: #888;
		font-weight: nomal;
		margin: 0;
		padding: 0;
	}


	div.top_list_name {
		list-style: none;
		margin: 0 auto;
		padding: 0 0 0 0;
	}

	div.top_list_name.area_child {
		max-width: 160px;
		line-height: 100%;
		/* margin-bottom:3px; */
	}

	div.top_list_name_pc.area_child {
		max-width: initial;
	}

	div.top_list_name.area_child.pc_area_child {
		max-width: none;
	}


	div.top_list_name.area_chugoku {
		width: 130px;
	}

	div.top_list_name_pc.area_chugoku {
		width: initial;
	}

	div.top_list_name.genre_child {
		width: 225px;
	}


	div.top_list_name span {
		display: inline-block;
		font-size: 10px;
		font-weight: nomal;
		color: #888;
		margin: 0;
		padding: 0;
	}

	div.top_list_name span a:link,
	div.top_list_name span a:visited {
		font-size: 10px;
		color: #2C2C2C;
		font-weight: nomal;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

	.top_area_pc div.top_list_name span a:link,
	.top_area_pc div.top_list_name span a:visited {
		font-size: 11px;
	}

	/* ◆共通タイトル*/
	.common_title {
		text-align: left;
		font-weight: bold;
		padding: 7px;
		/* 上下の余白 */

		/* 背景グラデーション表示 */
		background: #FFFFFF;
		color: #393939;
		padding-left: 11px;
	}

	.common_title span {
		visibility: hidden;
		/* 仮の文字を表示しないようにする */
	}

	.common_title_pc {
		text-align: left;
		font-weight: bold;
		padding: 7px;
		/* 上下の余白 */
		padding-left: 25px;
		background: #FFF;
		color: #333333;
	}

	/* タイトル右のお気に入りスイッチ（ＳＰ）*/
	.add_h_mypoint_text {
		position: absolute;
		right: 9px;
		top: 17px;
		font-size: 0.9rem;
		color: #FFF
	}

	.cmn-toggle {
		position: absolute;
		visibility: hidden;
	}

	.cmn-toggle+label {
		display: block;
		position: relative;
		cursor: pointer;
		outline: none;
		user-select: none;
	}

	input.cmn-toggle-round+label {
		margin: 2px;
		padding: 2px;
		width: 42px;
		height: 18px;
		border-color: #E44010;
		border-radius: 30px;
	}

	input.cmn-toggle-round+label:before,
	input.cmn-toggle-round+label:after {
		display: block;
		position: absolute;
		top: 2px;
		left: 4px;
		bottom: 2px;
		content: "";

	}

	input.cmn-toggle-round+label:after {
		width: 14px;
		height: 14px;
		background-color: #fff;
		border-radius: 100%;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
		transition: margin 0.4s;
		top: 3.8px;
		left: 7px
	}

	/* ON */
	input.cmn-toggle-round+label:before {
		right: 1px;
		background-color: #adadad;
		border-radius: 30px;
		transition: background 0.4s;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-ms-border-radius: 30px;
		-o-border-radius: 30px;
	}

	/* OFF */
	input.cmn-toggle-round:checked+label:before {
		background-color: #fd7e39;
		border-color: #fd7e39;
	}

	input.cmn-toggle-round:checked+label:after {
		margin-left: 21px;
		border-color: #fd7e39;
	}

	/* タイトル右のお気に入りスイッチ（ＳＰ）ここまで*/


	/* 長いタイトルは左ボタン分を開ける */
	#common_title_long {
		/* 背景の余白（top, right, bottom, left） */
		padding: 7px;
		position: relative;
	}

	/* mypoint追加あり */
	#common_title_add_point {
		padding-right: 70px;
		position: relative;
	}

	/* mypointボタン */
	.add_h_mypoint_button {
		/* width:30px; */
		position: absolute;
		right: 10px;
		top: 4px;
	}

	#h_mypoint_img {
		width: 100%;
	}

	.common_title_pc a {
		/* position: absolute;
		display:block;

		width: 50px;
		height: 30px;
		left: 10px;
		top: 16px;

		background-image: url("../img/back2.png");
		background-repeat: no-repeat; */
		/* text-decoration: none;	下線を消す */
		/* background-size: 50px 30px; */
	}

	.common_title_pc span {
		visibility: hidden;
		/* 仮の文字を表示しないようにする */
	}


	.landing_title {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		padding: 10px;
		/* 上下の余白 */

		/* 背景グラデーション表示 */
		background: #20615b;
		color: black;
	}

	/* ヘッダ ◆コース情報*/
	.course_address {
		text-align: left;
		vertical-align: middle;
		font-size: 13px;
		width: 100%;
		margin: 0;
		padding: 4px;
		/* 上下の余白 */
		background: #1766DD;
	}

	.course_address .icon {
		width: 16px;
		height: 16px;
	}

	.course_address div {
		text-align: right;
		/* 右寄せ */
	}

	.course_address_pc {
		text-align: left;
		vertical-align: middle;
		font-size: 15px;
		width: 100%;
		margin: 0;
		padding: 4px;
		/* 上下の余白 */
		background: #1766DD;
	}

	.course_address_pc .icon {
		width: 20px;
		height: 20px;
	}

	.course_address_pc div {
		text-align: right;
		/* 右寄せ */
	}

	/* ヘッダ◆トピックス */
	.topics_link_waku {
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.topics_link {
		width: 100%;
		margin: 0;
		color: #000000;
		text-align: center;
		/* 中央寄せ */

		font-weight: bold;
		font-size: 14px;

		overflow: hidden;
		/* 表示できない部分は表示しない */
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;

		/* 背景の透過 */
		/*background-color: rgba(255,255,255,0.4);*/
		background-color: #FFFFFF;
		/* IEだけ個別にfilterで背景を透過させる */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);

		/*
		filter:alpha(opacity=50);
		-moz-opacity:0.50;
		-khtml-opacity: 0.50;
		opacity:0.50;
	*/
	}

	.topics_link .title {
		font-size: 16px;
		text-decoration: underline;
		vertical-align: middle;

		/*	text-shadow:1px 1px 1px black;*/
		/* Android対応 強調表示*/
		/*
		background-image: url("../img/golfball.png");
		background-repeat: no-repeat;
		background-position: 2% center;
	*/
	}

	.topics_link .arrow {
		width: 10px;
	}


	/* ◆画像AD */
	.image_ad_link .iframe {
		height: 40px;
	}

	/* ◆画像AD */
	.top_ad_link {
		width: 100%;
		/*background: #E3F2DA;   */
		color: #5C5C5C;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 0px 0px;
	}

	/* ◆テキストAD */
	.text_ad_link {
		width: 100%;
		margin: 0;
		color: #EC7343;
		text-align: center;
		/* 中央 */
		vertical-align: middle;
		font-size: 14px;
		font-weight: bold;
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 5px 5px 5px;
		background-color: #FFFFFF;
		filter: alpha(opacity=95);
		-moz-opacity: 0.95;
		-khtml-opacity: 0.95;
		opacity: 0.95;
	}

	/* フッタ ◆リンク*/
	#footer {
		text-align: center;
		background: #fff;
		margin: 0px auto;
		max-width: 1080px;
		position: relative;
		border-top: 1px solid #d7d7d7;
		padding-top: 10px;
	}

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

		/* スマホサイズはこちらを読み込み */
		#footer {
			text-align: center;
			background: #fff;
			margin: 0 auto;
			max-width: 100%;
			box-sizing: border-box;
			overflow-x: hidden;
		}
	}

	a.footer_link

	/* 通常リンク */
		{
		font-size: 11px;
		color: #000;
		text-decoration: none;
		/* 下線を消す */
	}

	a.footer_link:link,
	a.footer_link:visited {
		color: #393939;
		/* リンクの色を変えない */
	}

	a.footer_link:hover

	/* カーソルが上にある時のリンク */
		{}

	.footer_separator

	/* セパレータ文字 */
		{
		font-size: 12px;
		color: #FFFFFF;
	}

	.footer_division_wrap {
		padding: 20px 17px;
	}

	.foot_tag_link {
		font-size: 14px;
		color: #000;
	}

	.foot_tag_link h2 {
		font-size: 14px;
		margin: 0px;
		padding: 0px 0px 7px 0;
	}

	.foot_tag_link ul {
		padding: 0px;
		margin: 0px;
	}

	.foot_tag_link ul li {
		display: inline;
		padding: 0px 5px;
		margin: 0;
	}

	.foot_tag_link ul li a {
		color: #2C2C2C;
	}

	.site_discription {
		font-size: 14px;
		color: #000;
		margin: 45px 5px 18px 5px;
		text-align: left;
		line-height: 22px;
	}

	.pc_weather_detail .foot_tag_link {
		width: 75% !important;
		margin: 0 auto;
	}

	.pc_weather_detail .site_discription {
		width: 73% !important;
		margin: 0 auto;
		padding-top: 10px;
	}

	.footer {
		background-color: #fff;
		/* http://hac-design.com/css/margin.html */
		/* 背景の余白（top, right, bottom, left） */
		padding: 30px 0px 0px 0px;
		color: black;
	}

	.footer_pc {
		/* background-color: #F4F4F4; */
		/* http://hac-design.com/css/margin.html */
		/* 背景の余白（top, right, bottom, left） */
		padding: 30px 0px 100px 0px;
		color: black;
		width: calc(100% - 323px);
	}

	.pre_footer {
		padding-bottom: 8px;
	}

	.footer_link {
		background-color: #FFFFFF;
		display: table;
		table-layout: fixed;
		width: 98%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		position: relative;
	}

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

		/* スマホサイズはこちらを読み込み */
		.footer_link {
			background-color: #FFFFFF;
			display: table;
			table-layout: fixed;
			width: 100%;
			padding: 3px 10px;
			position: relative;
		}
	}

	.footer_link a {
		display: block;
		text-decoration: none;
		font-size: 14px;
		color: #393939;
		width: auto;
		padding: 8px;
		text-align: left;
		height: 24px;
	}

	.footer_link a::after {
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		right: 1px;
		position: absolute;
	}

	.footer_up_btn {

		width: 100px;
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;

		text-decoration: none;
		/* 下線を消す */

		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 10px 0px 10px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 30px 5px 30px;

		color: #fff;
		background: #27ac6a;
	}

	.footer_top_btn {

		width: 100px;
		font-size: 1.3rem;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
		border: solid 0px;
		border-radius: 4px;
		text-decoration: none;
		margin: 0px 10px 0px 10px;
		padding: 6px 20px 6px 20px;
		color: #000000 !important;
		letter-spacing: -0.1em;
	}

	.footer_logo {
		width: 100%;
		height: 100%;
		bottom: 0;
	}

	.footer_logo2 {
		width: 190px;
		text-align: center;
	}

	p.copyright {
		font-size: 1rem;
		color: #000000;
	}

	.spot_address_link_wrap {
		background-color: #E9E4D4;
		width: 300px;
		margin: 10px auto;
		border-radius: 8px;
		border: 1px solid #393939;
	}

	.widget_link_wrap {
		width: 330px;
		margin: 0px auto;
		border-radius: 8px;
		border: 1px solid #393939;
		background: #E9E4D4;
	}

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

		.spot_address_link_wrap {
			width: 260px;
		}

		.widget_link_wrap {
			width: 330px;
		}
	}

	.spot_address_link_wrap span {
		font-size: 14px;
		font-weight: initial;
		font-family: ヒラギノ角ゴシック;
	}

	.widget_link_wrap span {
		font-size: 12px;
		font-weight: initial;
		font-family: ヒラギノ角ゴシック;
	}

	.spot_address_link_wrap div,
	.widget_link_wrap div {
		color: #393939;
		padding: 8px 5px;
		text-align: center;
	}

	.acc_citysearch_wrap {
		/* padding: 4px 10px;		上下の余白 */
		background: #527798;
		background-image: url("../img/arrow_wh2.png");
		/* width: 260px;  */
		height: 40px;
		margin: 0 auto;
	}

	.acc_citysearch_wrap div {
		color: #FFF;
		padding: 10px 3px;
		text-align: center;
		font-weight: initial;
	}

	/* ◆このエリアの広域天気予報を見る */

	/* ◆気象情報　タブ */

	.course_title_header_option {
		margin-bottom: 12px;
		margin-top: 8px;
		display: flex;
	}

	.course_title_header_map {
		border: 1px #393939 solid;
		border-radius: 5px;
		line-height: 20px;
		box-sizing: border-box;
		text-align: center;
		width: 60px;
		height: 20px;
		font-size: 11px;
		margin-right: 10px;
		color: #000;
	}

	.course_title_header_category {
		margin: 0px;
		padding: 0px;
		font-size: 11px;
	}

	.course_title_header_category li {
		display: inline;
		list-style-type: none;
		line-height: 2;
		border-radius: 4px;
		vertical-align: top;
		text-align: center;
	}
	.course_title_header_category li.tag {
		padding: 3px 7px;
		background: #77C9E2;
		color: #FFF;
	}

	.is_win .course_title_header_category li.tag {
		padding: 0px 7px;
	}

	.course_title_header_category li.tag a {
		color: #FFF;
		text-decoration: none;
	}

	.course_title_header {
		background-color: #FFF;
		padding: 0px 10px 2px 11px;
	}

	.course_title_header.pc {
		padding: 0px 10px 2px 25px;
	}

	.course_weather_tab_wrap {
		background-color: #f4f4f4;
		padding: 0 5px;
	}

	.course_weather_table {
		width: 100%;
		border-collapse: collapse;
		border: none;
		background: #fff;
		box-sizing: border-box;
		/* height: 63px; 画像の高さは62pxだが、63pxにしておかないと下にはみ出る */
	}

	.course_weather_table tr {
		margin: 0px;
	}

	.course_weather_table td {
		text-align: center;
		margin: 0px;
		padding: 2px 0;
	}

	.course_weather_table td a {
		display: block;
		line-height: 0px;
	}

	.course_weather_table img {
		width: 95%;
		height: auto;
		max-width: 140px;
	}

	.course_weather_table_pc {
		width: 100%;
		margin: 0;
		padding: 6px;
		background: #fff;
		/*
		display: box;	/* IEが非対応の為、以下div内でfloat:leftする。 */
	}

	.course_weather_table_pc td {
		text-align: center;

	}

	.course_weather_table_pc td a {
		display: block;
		line-height: 0px;
	}

	.course_weather_table_pc img {
		width: 100%;
		height: auto;
		max-width: 95px;
	}

	.course_weather_tab_header_sp {
		padding: 15px 10px;
		background: #FFFFFF;
	}
	@media screen and (max-width: 1080px) {
		.course_weather_tab_header_sp {
			padding: 0px 10px 15px;
		}
		
	}

	.course_weather_tab_header_sp h1,
	.course_weather_tab_header_sp h2
	{
		font-size: 18px;
		width: 70%;
		word-break: break-all;
	}

	.course_weather_tab_header_sp>.course_title_header_option {
		margin-bottom: 0px;
	}

	.course_weather_tab_header_color_sp {
		color: #393939;
	}

	.course_weather_tab_header_course_name_sp {
		font-size: 18px;
		font-weight: bold;
		display: flex;
		justify-content: space-between;
	}

	.SatBColor {
		background-color: #E3F3FF !important;
		border-bottom: 1px #E3F3FF solid !important;
	}

	.SatBColor td {
		border-bottom: 1px #E3F3FF solid !important;
	}

	.SunBColor {
		background-color: #FFE3E3 !important;
		border-bottom: 1px #FFE3E3 solid !important;
	}

	.SunBColor td {
		border-bottom: 1px #FFE3E3 solid !important;
	}

	.course_weather_tab_header_course_address_sp {
		font-size: 12px;
	}

	.course_weather_tab_header_map {
		border: 1px #393939 solid;
		border-radius: 5px;
		line-height: 20px;
		box-sizing: border-box;
		text-align: center;
		width: 60px;
		height: 20px;
		font-size: 11px;
		margin-right: 10px;
		color: #000;
	}

	.course_title_header_option .btn {
		display: inline-block;
		border: 1px #393939 solid;
		border-radius: 5px;
		line-height: 17px;
		box-sizing: border-box;
		text-align: center;
		width: auto;
		padding: 0 10px;
		height: 17px;
		font-size: 11px;
		margin-top: 2px;
		color: #000;
	}

	.course_title_header_option {
		margin-bottom: 12px;
		margin-top: 5px;
		display: flex;
	}

	/* タブ2019 */
	table.course_weather_table2_sp {
		table-layout: fixed;
		border-spacing: 5px;
		align-items: center;
		padding: 5px 0;
		min-width: 358px;
		max-width: 600px;
		width: 100%;
		height: 115px;
		margin: 0 auto;
	}

	table.course_weather_table2_sp a {
		color: #5F5E5E;
		text-decoration: none;
	}

	.course_weather_table2_sp .tab_wrap {
		min-height: 50px;
		border-radius: 5px;
		background: #ffffff;
		display: flex;
		align-items: center;
		padding: 5px 0;
		justify-content: center;
	}

	.course_weather_table2_sp .active .tab_wrap {
		background: #fd7e39;
		color: #fff;
	}

	.course_weather_table2_sp span.course_weather_tabicon {
		display: inherit;
	}

	.course_weather_table2_sp span.course_weather_text {
		max-width: 66px;
		display: inline-block;
		font-size: 11px;
		line-height: 1.2;
		text-align: center;
		font-weight: bold;
	}

	.course_weather_table2_sp span.course_weather_tabicon img {
		width: 100%;
		vertical-align: bottom;
	}

	.course_weather_table2_sp .active .course_weather_tabicon img {
		filter: brightness(1000%);
	}

	.course_weather_table2_sp .weather .course_weather_tabicon {
		margin-right: 3.6%;
		max-width: 26px;
		height: 26px;
		margin: auto;
	}

	.course_weather_table2_sp .weather2 .course_weather_tabicon {
		margin-right: 3.6%;
		max-width: 33%;
		margin: auto;
	}

	.course_weather_table2_sp .fourteendays .course_weather_tabicon {
		margin-right: 3px;
		max-width: 38px;
		margin: auto;
	}

	.course_weather_table2_sp .amagmo .course_weather_tabicon {
		margin-right: 7%;
		max-width: 31%;
		margin: auto;
	}

	.course_weather_table2_sp .wave .course_weather_tabicon {
		margin-right: 7%;
		max-width: 62%;
		margin: auto;
	}

	.course_weather_table2_sp .typhoon .course_weather_tabicon {
		margin-right: 3px;
		max-width: 30%;
		margin: auto;
	}

	.course_weather_table2_sp .seatemp .course_weather_tabicon {
		margin-right: 3px;
		max-width: 43%;
		margin: auto;
	}

	.course_weather_table2_sp .tide .course_weather_tabicon {
		margin-right: 6px;
		max-width: 32%;
		margin: auto;
	}

	.course_weather_table2_sp .wind_map .course_weather_tabicon {
		margin-right: 6px;
		max-width: 26px;
		margin: auto;
	}

	.course_weather_table2_sp .area_live .course_weather_tabicon {
		margin-right: 6px;
		max-width: 38%;
		margin: auto;
	}

	.course_weather_table2_sp .swell .course_weather_tabicon {
		margin-right: 6px;
		max-width: 33px;
		margin: auto;
	}

	table.course_weather_table_pc2 {
		width: 100%;
		table-layout: fixed;
		font-size: 12px;
		padding: 3px 0px 10px 0px;
		font-weight: bold;
	}

	table.course_weather_table_pc2 td {
		padding: 0 2.5px;
	}

	table.course_weather_table_pc2 td:first-child {
		padding: 0 2.5px 0 0;
	}

	table.course_weather_table_pc2 td:last-child {
		padding: 0 0 0 2.5px;
	}

	table.course_weather_table_pc2 a {
		color: #3a3937;
		text-decoration: none;
	}

	.course_weather_table_pc2 .tab_wrap {
		border-radius: 5px;
		background: #ffffff;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		margin-top: 5px;
	}

	.course_weather_table_pc2 .active .tab_wrap {
		background: #fd7e39;
		color: #fff;
	}

	.course_weather_table_pc2 span.course_weather_tabicon {
		line-height: 0;
		display: block;
		padding: 5px 5px 0 5px;
		width: 40px;
		margin: 0 auto;
		/*
			max-height:60px;
			min-height:60px;
	*/
		height: 45px;
	}

	.course_weather_table_pc2 span.course_weather_tabicon {
		line-height: 0;
		display: block;
		padding: 7px 5px 0 5px;
		width: 40px;
		margin: 0 auto;
		/*
			max-height:60px;
			min-height:60px;
	*/
		height: 28px;
	}

	.course_weather_table_pc2 .course_weather_tabicon img {
		width: 100%;
		width: 26px;
	}

	.course_weather_table_pc2 .active .course_weather_tabicon img {
		filter: brightness(1000%);
	}

	.course_weather_table_pc2 .fourteendays .course_weather_tabicon {
		width: 38px;
	}

	.course_weather_table_pc2 .fourteendays .course_weather_tabicon img {
		width: 38px;
	}

	.course_weather_table_pc2 .amagmo .course_weather_tabicon {
		width: 40px;
	}

	.course_weather_table_pc2 .typhoon .course_weather_tabicon {
		width: 49px;
	}

	.course_weather_table_pc2 .wave .course_weather_tabicon {
		width: 44px;
	}

	.course_weather_table_pc2 .wave .course_weather_tabicon img {
		width: 39px;
	}

	.course_weather_table_pc2 .seatemp .course_weather_tabicon {
		width: 58px;
	}

	.course_weather_table_pc2 .seatemp .course_weather_tabicon img {
		width: 31px;
	}

	.course_weather_table_pc2 .tide .course_weather_tabicon {
		width: 40px;
	}

	.course_weather_table_pc2 .wind_map .course_weather_tabicon {
		width: 54px;
	}

	.course_weather_table_pc2 .area_live .course_weather_tabicon {
		width: 40px;
	}

	.course_weather_table_pc2 .area_live .course_weather_tabicon img {
		width: 31px;
	}

	.course_weather_table_pc2 .swell .course_weather_tabicon {
		width: 40px;
	}

	.course_weather_table_pc2 .swell .course_weather_tabicon img {
		width: 39px;
	}

	.course_weather_table_pc2 span.course_weather_text {
		display: block;
		height: 20px;
		font-size: 11px;
	}

	/* ◆このエリアの広域天気予報を見る */
	a.widelink {
		display: block;
		width: 100%;
		/* 全体をリンクにする */
		height: 100%;
		/* 全体をリンクにする */
		text-decoration: none;
		/* 下線を消す */
		font-size: 13px;
	}

	a.width_widelink {
		display: block;
		width: 100%;
		/* 全体をリンクにする */
		text-decoration: none;
		/* 下線を消す */
		font-size: 14px;
	}

	.course_weather_link {
		background: #EAEAEA;
		max-width: 100%;
	}

	.course_neighbor_weather_link {
		margin-top: 15px;
	}

	.course_neighbor_weather_link>div {
		text-align: center;
		margin: 10px 20px;
		background: #ffffff;
		border-radius: 5px;
		height: 52px;
	}

	.course_neighbor_weather_link span {
		margin-left: 10px;
		font-size: 16px;
		font-weight: initial;
		color: #393939;
	}

	.course_neighbor_weather_link_pc {
		display: flex;
	}

	.course_neighbor_weather_link_pc>div {
		width: calc(100% / 2);
		text-align: center;
		margin: 10px 10px;
		background: #ffffff;
		border-radius: 5px;
		height: 52px;
	}

	.course_neighbor_weather_link_pc span {
		margin-left: 10px;
		font-size: 16px;
		font-weight: initial;
		color: #393939;
	}

	.spot_address_wrapper {
		/* background: #e4e4e7; */
		/* padding-bottom: 6px; */
	}

	.pc_cl .spot_address_wrapper.point_location {}

	.spot_address_header {
		/* background:#f4f4f4!important; */
		color: #333333 !important;
	}

	.spot_targetfish_box {
		padding-top: 14px;
		padding-bottom: 3px;
		text-align: center;
		font-size: 15px;
		color: #000000;
	}

	.weather_link_box_sp {
		text-align: center;
		padding: 15px 0px 8px 0px;
	}

	.weather_link_box_sp img {
		width: 85%;
	}

	.weather_link_box_sp div:first-child a img {
		padding-bottom: 5px;
		/* width:85%; */
	}

	.course_weather_link_header,
	.spot_address_header {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		padding: 5px;
		background: #C0C0C0;
		color: #000;
	}

	.course_weather_link_headerPillar {
		position: relative;
		padding: 0.5em 0.2em 0.5em 1.2em;
		/*文字の上下 左右の余白*/
		color: #000000;
		/*文字色*/
		text-align: left;
		display: inline-block;
		font-size: 16px;
	}

	/*
	.course_weather_link_headerPillar:before{
	position: absolute;
	content: '';
	left: 4px;
	height: 54%;
	border: none;
	width: 4px;
	border-right: solid 4px;
	border-color: #cccccc;
	}
	*/

	.neighbor_weather_link_list {
		background: #fff;
		padding: 11px 15px;
		font-size: 15px;
		margin-bottom: 15px;
	}

	.pc_cl .neighbor_weather_link_list {
		padding: 10px 15px;
	}

	.course_weather_link .neighbor_city_name {
		color: #666;
		text-decoration: underline;
		display: inline-block;
		margin: 0px 5px 5px 5px;
	}


	.course_weather_link table {
		width: 100%;
		margin: 0;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 5px 0 5px;
		/* 上下の余白 */

		/* 背景グラデーション表示 */
		background: #DBEDFF;
		/* グラデーション表示不可の場合の初期値 */
		color: #000;

		/**
		filter:progid:DXImageTransform.Microsoft.Gradient
			(Enabled='1',GradientType='0',StartColorStr='#33CC99',EndColorStr='#00CC33');
		background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#00CC33));
		background: -moz-linear-gradient(top, #33CC99, #00CC33);

		border-top:solid 1px #51636F;

		-pie-background: linear-gradient(top, #33CC99, #00CC33);
		background: linear-gradient(to bottom, #33CC99, #00CC33);
		behavior:url("../PIE.htc");
		*/
	}

	.course_weather_link table .left {
		width: 35px;
		text-align: left;
	}

	.course_weather_link table .left img.cityicon {
		width: 28px;
	}

	.course_weather_link table .text {
		text-align: left;
	}

	.course_weather_link table .text img {
		vertical-align: bottom;
		margin: 0 0 0 5px;
	}

	.course_weather_link table .right {
		width: 20px;
		text-align: right;
	}

	.spot_address_wrapper .spot_address_box {
		padding: 0;
		text-align: center;
		color: #666;
	}

	.spot_address_wrapper .spot_address_box p {
		font-size: 17px;
		margin: 9px 0 4px 0;
	}

	.spot_address_wrapper .spot_address_box a,
	.map_address a {}

	.map_address {
		width: 300px;
		background: #fff;
		color: #000;
		margin: 0 auto;
	}

	.map_address h2 {
		padding-top: 5px;
		font-size: 16px;
	}

	.spot_address_box .map_attention {
		font-size: 0.8em;
	}

	/* ◆マイホームコース */
	.my_home_course_btn {
		background-color: transparent;
		text-align: center;
		padding: 10px 0px;
		background-color: #f98e2f;
		margin: 10px 0 0 0;
		position: relative;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
	}

	.pc_cl .my_home_course_btn {
		margin: 10px 50px 1px 50px;
		padding: 10px 50px 9px 50px;
		border-radius: 4px;
		/* width:660px */
	}


	.my_home_course_btn a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -999px;
	}

	.my_home_text {
		font-style: normal;
		font-weight: bold;
		color: #222222;
	}

	.my_home_course_btn img {
		vertical-align: middle;
		padding: 0 5px;
		width: 30px;
	}

	/* マイホームコースへ追加ボタン */
	.my_home_course_btn .add_btn,
	.my_home_course_btn .del_btn {}



	/* 一部カスタマイズ*/
	.my_home_course_btn .del_btn {
		/* 背景の余白（top, right, bottom, left） */
		/* padding: 7px 45px 7px 72px;
		background-position: 16% center; */
	}


	.my_home_course_btn a:link,
	.my_home_course_btn a:visited {
		/* color: #ffffff; 		 */
		/* リンクの色を変えない */
	}

	.my_home_course_btn p {
		display: inline-block;
		margin: 0;
		vertical-align: middle;
	}

	/* ◆マイホームコース｜Q&A良くあるご質問 */
	/* トップ画面用 */
	.my_home_qa_btn_top {
		background: #9BC7E2;
		text-align: center;
		/* 背景の余白（top, right, bottom, left） */
		padding: 2px 0px 5px 0px;
	}

	/* それ以外用 */
	.my_home_qa_btn {
		text-align: center;
		/* 背景の余白（top, right, bottom, left） */
	}

	.my_home_qa_btn button {
		width: 45%;
		margin: 10px 3px;
		border: solid 1px;
		/* ボタンの境界線 */
		border-radius: 4px;
		border-color: #173D28;
		background: #ffffff;
		line-height: 30px;
		font-size: 15px;
		padding: 4px 0;
	}

	.pc_cl .my_home_qa_btn button {
		width: 42%;
		margin: 10px 8px;
		padding: 6px 0;
	}

	.my_home_btn,
	.qa_btn,
	.cities_search_link_btn {
		text-align: center;
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 10px 0px 0px 0px;
	}

	/* ◆週間天気予報 */
	.week_yohou_title {
		margin: 0;
		font-style: normal;
		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		font-size: 16px;
		padding: 10px;
		color: #393939;
	}

	.week_yohou_title_time {
		position: absolute;
		right: 19px;
		bottom: 12px;
		color: #C7C7C7;
		text-align: right;
		width: 33%;
		font-size: 13px;
	}


	.week_yohou {
		width: 100%;
		line-height: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		margin: 0;
		color: #000000;
		background: #FFFFFF;

		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
	}

	.week_yohou caption {
		width: 100%;
		margin: 0;
		color: #000000;
		background: #FFFFFF;

		font-size: 14px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 5px 0px;
		/* color: #ffffff;
		background: #20615b; */

	}

	.week_yohou td {
		font-size: 14px;
		font-weight: initial;
		min-height: 32px;
		border-right: 1px #FFFFFF solid;
		/* セルの右の境界線 */
		color: #393939;
		font-family: ヒラギノ角ゴシック, W3;
	}

	.week_yohou .tenki_img img {
		width: 30px;
	}

	.week_yohou .tenki {
		height: 40px;
		/* 天気アイコンの表示高さ */
	}

	.date_title h3{
		font-size: 16px;
		margin:0px;
		padding:0px;
	}

	/* 平日 */
	.week_yohou .date_title {
		color: #ffffff;
		background: #66CDAA;
	}

	.week_yohou .date_title_sp {
		color: #393939;
		background: #ffffff;
		border-right: 1px #DDDDDD solid;
		font-size: 12px;
	}

	.week_yohou .br {
		margin-top: 8px;
	}

	.week_yohou td {
		padding-top: 10px;
	}

	.pc_weather_detail .week_yohou td {
		padding: 5px 10px;
	}

	.pc_weather_detail .week_yohou tr:first-child td {
		padding-top: 16px;
	}

	.pc_weather_detail .week_yohou tr:last-child td {
		padding: 5px 0 13px 0;
	}

	.pc_weather_detail .week_yohou .tenki td {
		padding: 0px;
	}

	.pc_weather_detail .week_yohou .kion td {
		padding: 5px 0;
	}

	.pc_weather_detail .week_yohou td img {
		width: 50px;
	}

	.week_yohou .tenki_title {
		color: #ffffff;
		background: #C0C0C0;
	}

	.week_yohou .tenki_title_sp {
		color: #393939;
		background: #ffffff;
		border-right: 1px #DDDDDD solid;
		font-size: 12px;
	}

	.week_yohou .kion_title {
		color: #ffffff;
		background: #66CDAA;
	}

	.week_yohou .kion_title_sp {
		color: #393939;
		background: #ffffff;
		border-right: 1px #DDDDDD solid;
		font-size: 12px;
	}

	.week_yohou .kousui_title {
		/* font-size: 10px;	 */
		/* これだけ小さい字にしておく */
		color: #ffffff;
		background: #C0C0C0;
	}

	.week_yohou .kousui_title_sp {
		color: #393939;
		background: #ffffff;
		border-right: 1px #DDDDDD solid;
		padding-top: 0px;
		font-size: 12px;
		padding-bottom: 10px;
	}




	.date_normal,
	.date_sat,
	.date_sun,
	.kion_data,
	.kousui_data {
		background: #ffffff;
		/* セルの背景色 */
	}

	td.kousui_data {
		line-height: 10px;
	}

	.saitei {
		color: #096EFE
	}

	.saikou {
		color: #FF2727;
	}

	/* 土曜 */
	.week_yohou .Sat {
		color: #096EFE
	}

	/* 日曜 */
	.week_yohou .Sun {
		color: #FF2727;
	}

	/* 祝日 */
	.week_yohou .holiday {
		color: #FF2727;
	}

	/* ◆1時間、3時間毎の天気予報 */
	.hour_yohou_tab {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		height: 10px;
		/* この２つの値を揃えないと、 */
		line-height: 10px;
		/* テキストが中央に表示されない */

		color: #000000;
		text-align: center;
		font-size: 12px;
		font-weight: bold;

		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		background: #104281;
	}

	.hour_yohou_tab .tab_header {
		/* 背景グラデーション表示 */
		background: #7C94B2;
		/* IEはグラデーションなし */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4));
		/* Chrome,Safari */
	}

	.hour_yohou_tab td {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 5px 5px 0px 5px;

		vertical-align: middle;
		border-top: solid 6px #104281;
		/* セルの枠線 */
		border-left: solid 8px #104281;
		/* セルの枠線 */
		border-right: solid 8px #104281;
		/* セルの枠線 */
		border-radius: 16px 16px 0px 0px;
		/* 角丸 */
	}

	.hour_yohou_tab .cell {
		padding: 7px;
		/* 上下の余白 */
	}

	.hour_yohou_tab a,
	.hour_yohou_tab a:visited {
		color: #FFFFFF;
		/* 文字の色を変えない */
	}

	/* アクティブなタブだけ色が異なる */
	.hour_yohou_tab .active {
		background: #FF8906;
	}

	.hour_yohou_tab .active .cell {
		color: #FFFFFF;
		/* 文字の色 */
	}

	.hour_yohou_tab_contents {
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: #FFFFFF;
	}

	.hour_yohou_tab_contents .oneHour,
	.hour_yohou_tab_contents .threeHours {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.hour_yohou_element {
		background: #ffffff;
	}

	.hour_yohou_element .ad_link_waku {
		margin-top: 5px;
	}

	.hour_yohou_element .hour_yohou_wrap_pc .ad_link_waku,
	.pc_cl .ad_link_waku {
		margin: 10px 15px 0px 15px;
	}

	.hour_yohou_element .hour_yohou_wrap_pc .ad_link_waku img,
	.pc_cl .ad_link_waku img {
		height: 90px
	}

	.hour_yohou {
		clear: both;
		width: 100%;
		table-layout: auto;
		/* 中身の幅を均一で */
		margin: 0 auto;
		padding: 0;
		color: #393939;
		font-size: 11px;
		font-weight: bold;
		font-style: normal;
		border-bottom: 1px #D1D1D1 solid;
		/* セルの下の境界線 */
		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */

		/*	border: 1px #c7c7c7 solid;*/
	}

	.hour_yohou_font {
		font-family: ヒラギノ角ゴシック, W3;
	}

	.hour_yohou_wrap_pc .hour_yohou {
		table-layout: fixed;
	}

	/* タイトル行 */
	.hour_yohou tr {
		width: 100%;
		height: 25px;
	}

	.hour_yohou tr.tbl_title {
		height: 20px;
	}

	.hour_yohou .f_14 {
		font-size: 14px;
	}

	.hour_yohou_detail td {
		padding: 5px 0;
	}

	.hour_yohou th {
		background: #ffffff;
		height: 18px;
		font-size: 12px;
		border: none;
		border-bottom: 1px #D1D1D1 solid;
		font-weight: 300;
	}

	.hour_yohou td {
		/* height: 24px; */
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		border: none;
		border-bottom: 1px #D1D1D1 solid;
		/* セルの下の境界線 */
		/*border-left: 1px #c7c7c7 solid;*/
		font-weight: 300;
	}

	.hour_yohou .tenki_img {
		background: #ffffff;
	}

	.hour_yohou .tdgray {
		background: #F2F2F2;
	}

	.hour_yohou_wrap_pc {
		text-align: center;
		padding-bottom: 5px;
		/* margin-bottom: 8px; */
		/* background: #F1F9FF; */
	}

	.pc_font_12 th,
	.pc_font_12 td {
		font-size: 11px;
		font-weight: bold;
		font-style: normal;
	}

	.hour_yohou_wrap_pc .pc_font_12 .tenki_img img {
		width: 25px;
	}

	.pc_font_12 th {
		font-size: 10px;
	}

	.pc_font_12 em {
		font-size: 0.7em !important;
		font-weight: bold !important;
		font-style: normal !important;
	}

	.hour_yohou_subject_pc {
		clear: both;
		/* width: 98%; */
		table-layout: fixed;
		/* margin: 0 auto; */
		/* padding: 1px 10px; */
		color: #000000;
		font-size: 12px;
		font-weight: bold;
		font-style: normal;
		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		background: #e4e4e7;
		/* background: #F1F9FF; */
	}

	.inland .hour_yohou_subject_pc {
		/* background: #EFF5F0; */
	}


	.yohou_subject_pc_table {
		width: 100%;
	}

	.yohou_subject_pc_table td {
		/* height:28px; */
	}

	.yohou_subject_pc_table td img {
		vertical-align: middle;
		position: relative;
		top: -1px;
		/* margin-left:8px; */
		/* margin-right:4px; */
	}

	.yohou_subject_pc_table td.date_title {
		width: 600px;
		text-align: left;
		vertical-align: middle;
	}

	.yohou_subject_pc_table td.change_hour {
		text-align: right;
		padding-right: 6px;
	}

	.yohou_subject_pc_table td.change_hour a {
		text-decoration: none;
		border: 2px solid #000000;
		margin: 0;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: 6px;
		width: 80px;
		font-size: 11px;
		color: #000000;

	}

	.yohou_subject_pc_table .date_title span {
		font-size: 14px;
	}

	.yohou_subject_pc_table .bordertop {
		border-top: 2px solid #F2F2F2;
	}

	.yohou_subject {
		text-align: left;
		font-style: normal;
		width: 100%;
		float: left;
		font-size: 12px;
		padding-top: 0px;
	}

	.yohou_subject_pc_table .yohou_subject {
		padding-top: 0px;
	}


	.yohou_subject td {
		border: solid 0px #DDDDDD;
		padding-bottom: 0px;
	}

	td[class^="week_yohou_btn_link"] {
		width: 100px;
	}

	.hour_yohou_wrap_pc td[class^="week_yohou_btn_link"] {
		width: 105px;
		padding-right: 7px;
	}

	/* td.week_yohou_btn_link{
		width:90px;
	}  */

	[class^="week_yohou_btn_link"] .btn_wrap {
		margin: 0;
		padding: 3px 6px;
		border-radius: 6px;
		background: #fff;
		font-size: 1.2rem;
		/* width:80px; */
	}

	.week_yohou_btn_link .btn_wrap {
		/* border: 1px solid #2F4F4F; */
		color: #2C2C2C;
	}

	.week_yohou_btn_link_inland .btn_wrap {
		/* border: 1px solid #2F4F4F; */
		color: #2C2C2C;
	}

	[class^="week_yohou_btn_link"] .btn_wrap span {
		margin: 0;
		padding-left: 4px;
	}

	.yohou_subject .date_title {
		font-size: 16px;
		padding-right: 2px;
		padding-left: 0px;
		margin-left: 0px;
		font-weight: bold;
	}

	.yohou_subject td.prt_uptime {
		margin: 0;
		padding: 0;
		text-align: right;
		/* width:60px; */
	}

	.yohou_subject td.prt_uptime_sp {
		font-size: 1em;
		text-align: left;
	}

	.yohou_subject td.prt_uptime_sp a {
		text-decoration: none;
	}

	.yohou_subject_pc_table td.prt_uptime {
		margin: 0;
		padding: 0;
		text-align: right;
		width: 68px;
	}


	.yohou_subject td.prt_uptime a {
		color: #2C2C2C;
	}

	.tide_sun_moon {
		background-color: #F1F9FF;
	}

	.inland .tide_sun_moon {
		background-color: #EFF5F0;
	}

	.hour_yohou td div.surise_sunset_wrapper {
		/*margin:20px 0 0 0;*/
	}

	.hour_yohou td div.surise_sunset_wrapper div {
		/*color: #626262;*/
	}

	.hour_yohou td div.surise_sunset_wrapper div.small_font,
	.yohou_subject_pc_table td div.surise_sunset_wrapper div.small_font {
		/*	font-size: 0.8em;*/
		display: inline;
	}

	.surise_sunset_wrapper .tide_info_bar_small img {
		margin-top: -3px;
		width: 16px;
	}

	.hour_yohou em {
		font-size: 0.5em;
		line-height: 0.5em;
		font-style: normal;
		font-weight: normal;
	}

	.hour_yohou tr th {
		padding: 2px 5px;
		white-space: nowrap;
	}

	.hour_yohou_wrap_pc .hour_yohou tr th {
		padding: 0;
	}

	.hour_Cell {
		/* background: #F2F2F2!important;
		width:10px; */
	}

	/* 風向きアイコンの表示幅、高さ */
	.wind_img {
		width: 20px;
		height: 20px;
	}

	/* 平日：日付のカラム */
	.hour_yohou .date {
		color: #303030;
		/* background: #F1F9FF; */
		/* border-color: #F1F9FF; */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 1px 10px;
		/*border:none;*/
		/*border-bottom: 1px #c7c7c7 solid;	*/
		/* セルの下の境界線 */
	}

	/* 平日：日付以外のカラム */
	.hour_yohou .etc {
		color: #000000;
		background: #ffffff;
		line-height: 110%;
	}

	/* 土曜 */
	.hour_yohou .Sat .date {
		background: #F1F9FF;
	}

	.hour_yohou .Sat .etc {
		background: #ffffff;
	}

	/* 日曜 */
	.hour_yohou .Sun .date {
		background: #F1F9FF;
	}

	.hour_yohou .Sun .etc {
		background: #ffffff;
	}

	/* 祝日 */
	.hour_yohou .holiday .date {
		background: #F1F9FF;
	}

	.hour_yohou .holiday .etc {
		background: #ffffff;
	}

	/* 画像を真ん中に */
	.hour_yohou img {
		vertical-align: middle;
		width: 23px;
	}

	.hour_yohou_wrap_pc .hour_yohou img {
		width: 23px;
	}

	/* スプライト画像を真ん中に */
	.hour_yohou span {
		vertical-align: middle;
	}

	.pc_font_12 .etc .sprite_wind {
		width: 18px;
		height: 18px;
		padding: 0 4px;
	}

	[class^="hour_yohou_wrap"] {
		border-bottom: 1px #c7c7c7 solid;
		/* background: #F1F9FF; */
		/* border-top: 5px solid #20BFEF; */
	}

	.hour_yohou_wrap {
		/* padding-top:4px; */
		/* margin-bottom:8px; */
		/* border-top:10px solid #20BFEF; */
		/* border-bottom:1px #c7c7c7 solid;
		background: #F1F9FF; */
	}

	.hour_yohou_wrap.inland,
	.hour_yohou_wrap_pc.inland {
		/* padding-top:4px; */
		/* margin-bottom:8px; */
		/* border-top:10px solid #17B912; */
		/* border-bottom:1px #c7c7c7 solid;*/
		/* background: #EFF5F0; */
	}


	.3hourBotton {
		position: absolute;
		top: 2px;
		right: 0;
		border: 1px solid #ddd;
		color: #666;
		padding: 1px 2px;
		border-radius: 4px;
		background: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
	}

	.hour_chenge_botton {
		position: absolute;
		top: 2px;
		right: 0;
		border: 1px solid #ddd;
		color: #666;
		padding: 1px 2px;
		border-radius: 4px;
		background: #fff
	}

	.wrap_Sat {
		/* background: #c7dced;
		border-color: #c7dced; */
	}

	.wrap_Sun {
		/* background: #f5cecf;
		border-color: #f5cecf; */
	}

	.wrap_holiday {
		/* background: #f5cecf;
		border-color: #f5cecf; */
	}

	.date_Sat {
		color: #1562A6;
	}

	.date_Sun {
		color: #AA1110;
	}

	.date_holiday {
		color: #AA1110;
	}

	/* ◆有料会員への勧誘 */
	.invite_member {
		text-align: center;
		vertical-align: middle;
		font-size: 12px;
		margin: 0;
		padding: 3px;
		/* 上下の余白 */
		color: #686868;
		background: #E7E7E7;
	}

	.invite_member a:link,
	.invite_member a:visited {
		color: #686868;
		/* リンクの色を変えない */
	}

	.invite_member_arrow {
		text-align: center;
		color: #000000;
		background: #C7C7C7;
	}

	.invite_member_arrow a:link,
	.invite_member_arrow a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	.invite_member_support {
		text-align: center;
		font-size: 12px;
		color: #686868;
		background: #E7E7E7;
	}

	.invite_member_support a:link,
	.invite_member_support a:visited {
		color: #000000;
	}


	.about_kousuiryo {
		text-align: center;
		font-size: 13px;
		color: #666;
		background: #FFFFFF;
		/* 背景の余白（top, right, bottom, left） */
		padding: 16px 0px 16px 0px;
		border-top: 1px #D1D1D1 solid;

	}

	.pc_cl .about_kousuiryo {
		display: flex;
		padding: 9px 175px;

	}

	.pc_cl .about_kousuiryo div {
		width: calc(100% / 2);
		border: none;
		padding-top: 5px;
		margin: 0 10px;
		padding-bottom: 5px;
		text-align: center;
		align-content: center;
		box-sizing: border-box;
		flex-wrap: wrap;
		align-items: center;
		background: #ffffff;
		/* border: 1px #2F4F4F solid; */
		border-radius: 5px;
		/* padding: 4px 8px; */
		/* text-decoration: none; */
	}

	.about_kousuiryo a:link,
	.about_kousuiryo a:visited {
		color: #333333;
		/* リンクの色を変えない */
		background: #ffffff;
		/* border:1px #b7b7b7 solid;
		border-radius: 5px; */
		padding: 4px 8px;
		text-decoration: underline;
		font-weight: 300;

	}

	.pc_cl .about_kousuiryo a:link,
	.pc_cl .about_kousuiryo a:visited {
		border: initial;
		border-radius: initial;
		padding: initial;
		/* text-decoration: initial; */
		-webkit-border-radius: initial;
		-moz-border-radius: initial;
		-ms-border-radius: initial;
		-o-border-radius: initial;
	}


	.about_myhomecourse {
		text-align: center;
		font-size: 12px;
		color: #000000;
		background: #C7C7C7;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 5px 0px;
	}

	.about_myhomecourse a:link,
	.about_myhomecourse a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	/* ◆追尾型バナー */
	.homing_banner {
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
	}

	.dummybox {
		height: 50px;
	}

	/* ◆TOPページ */
	/* ◆ゴルファーの為のゴルフ場気象検索 */
	.search_title,
	.common_sub_title {
		width: 100%;
		margin: 0;

		font-size: 14px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 0px;
		color: #000000;
		background: #C0C0C0;
		height: 34px;
	}

	.search_title h2 {
		/* 背景の余白（top, right, bottom, left） */
		padding: 6px 0px 6px 0px;
		font-size: 1.6rem
	}

	.search_title_pc h2 {
		padding: 5px 0px 5px 0px;
	}


	.search_title h2 span.normal_small_text {
		font-size: 12px;
		font-weight: normal;
		margin: 0 0 0 5px;
	}

	/* TOPページ　市区町村天気 */
	.top_cities_search {
		vertical-align: middle;
	}

	.top_cities_search a {
		text-decoration: none;
		color: #000;
		display: flex;
		justify-content: center;
	}

	.top_cities_search span {
		font-size: 1.8rem;
		margin-left: 13px;
		align-self: center;
	}

	.top_cities_search img {
		vertical-align: middle;
		width: 35px;
		align-self: center;
		margin-top: 8px;
	}

	/* TOPページ TOPに戻る*/
	.page_top_btn {
		width: 250px;
		height: 46px;
		margin: 0px auto;
		/* background-color: #F4F4F4; */
		border: 0.1em #898989 solid;
		border-radius: 30px;
		margin-bottom: 20px;
	}

	.page_top_btn a {
		text-decoration: none;
		color: #000;
		display: flex;
		justify-content: center;
	}

	.page_top_btn span {
		font-size: 1.6rem;
		margin-left: 13px;
		align-self: center;
		font-weight: bold;
		margin: auto 0px;
		padding-top: 10px;
		color: #393939;
	}


	.tsuriten_link_title {
		width: 100%;
		margin: 0;
		color: #000000;
		background: #FFFFFF;

		font-size: 14px;
		/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
		font-weight: bold;
		*/ font-style: normal;

		text-align: center;
		vertical-align: middle;
		padding: 5px 0px 5px 0px;
		color: #ffffff;

		/* 背景の余白（top, right, bottom, left） */
		background: #3A6C54;
		/* グラデーション表示不可の場合の初期値 */

		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#588B7D', EndColorStr='#1C4D2D');
		background: -webkit-gradient(linear, left top, left bottom, from(#588B7D), to(#1C4D2D));
		/* Chrome,Safari */
		background: -moz-linear-gradient(top, #588B7D, #1C4D2D);

		-pie-background: linear-gradient(top, #588B7D, #1C4D2D);
		/* IE10 */
		background: linear-gradient(to bottom, #588B7D, #1C4D2D);

		/* ieハック */
		behavior: url("../PIE.htc");
	}

	.common_sub_title_left {
		width: 100%;
		box-sizing: border-box;
		/* paddingがはみ出る対策 */
		-webkit-box-sizing: border-box;
		/* Android 用*/
		margin: 0;
		color: #000000;
		background: #e4e4e7;
		font-size: 14px;
		font-weight: bold;
		font-style: normal;
		text-align: left;
		vertical-align: middle;
		padding: 5px 5px 5px 20px;
	}

	.search_result {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin: 0;
		color: #000000;
		background: #FFFFFF;
		font-size: 14px;
		font-style: normal;
		text-align: left;
		vertical-align: middle;
		padding: 10px 10px 10px 20px;
		color: #000000;
		background: #ffffff;
	}

	.search_no_result {
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		color: #666666;
		margin: 30px 0;
	}

	.search_input {
		box-sizing: border-box;
		max-width: 668px;
		color: #000000;
		background: #fff;
		margin: 0px auto;
		padding: 3px 10px;

		top: 3px;
		position: relative;
	}

	.category {
		display: inline-flex;
		line-height: 18px;
		padding: 2px 5px;
	}

	.category_abbr {
		display: inline-block;
		width: 16px;
		height: 16.5px;
		border-radius: 50%;
		text-align: center;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		margin-right: 4px;
	}

	.category_name {
		font-size: 10px;
		color: #FFFFFF;
		vertical-align: bottom;
	}

	div.form_wrapper {
		width: 100%;
	}

	dl.search_form {
		box-sizing: border-box;
		position: relative;
		text-align: left;
		margin: 0 auto;
	}

	dl.search_form_pc {
		margin: 12px 0 5px;
	}

	dl.search_form dt {
		padding: 0 10px;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	dl.search_form {
		display: flex;
		height: 35px;
	}

	dl.search_form dt {
		flex: 1;
		position: relative;
	}

	dl.search_form dt .search_word {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		border: solid 1px #dcdddd;
		border-right: 0;
		margin: 0 auto;
		padding: 0;
		position: relative;
		border-radius: 8px 0 0 8px;
		padding: 0 30px;
		font-size: 16px;
	}
	dl.search_form dt .search_word::placeholder {
		font-size: 14px;
	}

	dl.search_form dt:after {
		content: '';
		display: block;
		position: absolute;
		width: 14px;
		height: 14px;
		left: 10px;
		top: 50%;
		background-image: url(/img/search_icon.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		transform: translate(0, -50%);
	}

	.search_word::placeholder {
		letter-spacing: -0.1em;
	}

	dl.search_form dd {
		margin: 0;
		padding: 0;
	}

	.search_input .search_btn {
		margin: 0;
		padding: 0;
		width: 77px;
		height: 100%;
		text-align: center;
		color: #ffffff;
		background: #fd7e39;
		border: none;
		border-radius: 0 8px 8px 0;
	}

	.address_search_btn {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.address_search_btn>button {
		width: 300px;
		height: 40px;
		border-radius: 8px;
		margin: 18px;
		font-size: 1.1em;
		cursor: pointer;
		border: 1px solid #898989;
		color: #000;
		/* background-color: #F4F4F4; */
	}

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

		/* スマホサイズはこちらを読み込み */
		div.form_wrapper {
			position: relative;
		}

	}

	/* ◆TOP 台風トピック */
	div.typhoon_alert {
		width: 100%;
		background-color: #F8FFC4;
		height: 38px;
	}

	div.typhoon_alert {
		position: relative;
	}

	div.typhoon_alert a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}

	table.typhoon_info {
		width: 100%;
		text-align: left;
		margin: 0px auto 4px;
	}

	table.typhoon_info_pc {
		width: 100%;
		text-align: left;
		margin: 0px auto 5px;
	}

	span.typhoon_img {
		top: -4px;
		left: 0px;
		position: relative;
	}

	span.typhoon_img img {
		vertical-align: bottom;
	}

	span.typhoon_text {
		color: #393939;
		font-size: 0.9em;
		font-weight: bold;
		position: relative;
		line-height: 2.5em;
		left: 0px;
	}

	@media screen and (max-width: 1080px) {
		span.typhoon_img {
			left: 2px;
		}

		span.typhoon_text {
			left: 0px;
		}
	}

	span.typhoon_text_arrow {
		color: #000000;
		font-size: 1.1em;
		font-weight: bold;
	}



	/* ◆TOP エリアテーブル */
	.top_area {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		/* justify-content: space-between; */
		color: #000000;
		font-weight: bold;
		margin: 3px 0 10px 0;
		padding: 0px 0px 0px 0px;
		/* 上下の余白 */
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		/* background: #F4F4F4; */
		border-top: 0.1em #E3E3E3 solid;
	}

	@media screen and (max-width: 1080px) {
		.select_area {
			margin-left: 10px;
			margin-right: 10px;
		}
	}

	.select_area .subtitle_en {
		font-size: 10px;
		color: #C10000;
		margin-bottom: 0px;
		margin-top: 0px;
		line-height: 12px;
	}

	.select_area .top_area {
		justify-content: space-between;
	}

	.area_table {
		table-layout: fixed;
		border: 1px #BCCCDB solid;
		display: table;
		;
	}

	.top_area .top_area_td .area_hokkaido {
		vertical-align: middle;
		position: relative;
	}

	.top_area .top_area_td {
		width: calc((100% - 10px) / 2);
		height: 40px;
		border-bottom: 0.1em #E3E3E3 solid;
		border-collapse: collapse;
		align-content: center;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 1px;
		position: relative;
	}

	@media screen and (max-width: 480px) {
		.top_area .top_area_td {
			width: 100%;
		}
	}

	.top_area .top_area_td.area_hokkaido {
		vertical-align: middle;
	}

	/* .top_area .top_area_td {
		width:100%;
		height: 40px;
		border-bottom: 0.1em #E3E3E3 solid;
		border-collapse: collapse;
		align-content: center;
		box-sizing: border-box;
		align-items: center;
		padding-top:5px;
		padding-bottom:5px;
		position: relative;
	} */

	.top_area .top_area_td .cell::after {
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		right: 5px;
		position: absolute;
	}

	.top_area td {
		border: 1px #BCCCDB solid;
	}

	.top_area .cell {
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 8px;
		font-size: 14px;
		font-weight: normal;
	}

	.top_area h3.cell {
		/* 背景の余白（top, right, bottom, left） */
		margin: 0px;
		padding: 10px 0px 10px 8px;
		font-size: 15px;
	}

	.top_area .top_area_td h3.cell {
		text-align: left;
		padding: 0;
		font-size: 14px;
		/* padding-left: 2px; */
	}

	.top_area a:link,
	.top_area a:visited {
		color: #2C2C2C;
		/* リンクの色を変えない */
	}

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

		/* スマホサイズはこちらを読み込み */
		.top_area {
			width: 100%;
			color: #000000;
			margin: 4px 0 0 0;
			padding: 0px 0px 0px 0px;
			/* 上下の余白 */
			border-collapse: collapse;
			/* 境界線を重ねて表示 */
			/* background: #F4F4F4; */
			border-top: 0.1em #E3E3E3 solid;
		}
	}

	.other_info {
		width: 100%;
		margin: 0;
		padding: 20px;
		background: #E5F8F4;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}

	.other_info .other_info_link {
		display: block;
		margin-bottom: 15px;
		width: calc(96% / 2);
	}

	.other_info .other_info_link:nth-child(odd) {
		margin-right: 20px;
	}

	.other_info_sp {
		width: 100%;
		margin: 0;
		padding: 18px 25px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}

	.other_info_pc {
		width: 100%;
		margin: 0;
		padding: 18px 0;
		background: #f4f5f5;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}

	[class^="other_info"] .other_info_link {
		display: block;
		margin-bottom: 9px;
		width: 100%;
	}

	.other_info_pc .other_info_link {
		width: 45%;
		padding: 0 0 5px 30px;
	}


	.footer_separator {
		font-size: 12px;
		color: #E5F8F4;
	}

	/* ◆TOP 人気アクティビティスポット */
	.search_popular_activity {
		/* background-color: #F4F4F4; */
	}

	@media screen and (max-width: 1080px) {
		.search_popular_activity {
			margin: 0 10px;
		}
	}

	.subtitle_en {
		font-size: 10px;
		color: #C10000;
		margin-bottom: 0px;
		margin-top: 10px;
		line-height: 12px;
	}

	.subtitle {
		font-size: 18px;
		color: #393939;
		line-height: 24px;
	}

	.popular_activity_box {
		/* width: 94.5%; */
		width: 100%;
		/* margin:0px auto; */
		padding: 1px 0 2px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/* background-color: #F4F4F4; */
	}


	.popular_activity_box .popular_activity_col {
		box-sizing: border-box;
		height: initial;
		width: calc((100% - 12px) / 3);
		/* min-width: 113px; */
		height: 60px;
		margin-bottom: 6px;
		padding: 0;
		text-align: center;
		border: 0px;
		border-radius: 6px;
		line-height: normal;
		display: flex;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		position: relative;
	}

	@media screen and (max-width: 370px) {
		.popular_activity_box .popular_activity_col {
			width: calc((100% - 6px) / 2);
		}
	}


	.popular_activity_box .popular_activity_col.popular_activity_1 {
		background: url("/img/popular_activity/activity_1.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_2 {
		background: url("/img/popular_activity/activity_2.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_3 {
		background: url("/img/popular_activity/activity_3.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_4 {
		background: url("/img/popular_activity/activity_4.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_5 {
		background: url("/img/popular_activity/activity_5.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_6 {
		background: url("/img/popular_activity/activity_6.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_7 {
		background: url("/img/popular_activity/activity_7.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_8 {
		background: url("/img/popular_activity/activity_8.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_9 {
		background: url("/img/popular_activity/activity_9.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_10 {
		background: url("/img/popular_activity/activity_10.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_11 {
		background: url("/img/popular_activity/activity_11.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_12 {
		background: url("/img/popular_activity/activity_12.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_13 {
		background: url("/img/popular_activity/activity_13.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_14 {
		background: url("/img/popular_activity/activity_14.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_15 {
		background: url("/img/popular_activity/activity_15.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_16 {
		background: url("/img/popular_activity/activity_16.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_17 {
		background: url("/img/popular_activity/activity_17.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_18 {
		background: url("/img/popular_activity/activity_18.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_19 {
		background: url("/img/popular_activity/activity_19.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_20 {
		background: url("/img/popular_activity/activity_20.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_21 {
		background: url("/img/popular_activity/activity_21.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_22 {
		background: url("/img/popular_activity/activity_22.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_23 {
		background: url("/img/popular_activity/activity_23.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_24 {
		background: url("/img/popular_activity/activity_24.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_25 {
		background: url("/img/popular_activity/activity_25.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_26 {
		background: url("/img/popular_activity/activity_26.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_27 {
		background: url("/img/popular_activity/activity_27.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_28 {
		background: url("/img/popular_activity/activity_28.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_29 {
		background: url("/img/popular_activity/activity_29.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_31 {
		background: url("/img/popular_activity/activity_31.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_32 {
		background: url("/img/popular_activity/activity_32.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_33 {
		background: url("/img/popular_activity/activity_33.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_34 {
		background: url("/img/popular_activity/activity_34.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_35 {
		background: url("/img/popular_activity/activity_35.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_36 {
		background: url("/img/popular_activity/activity_36.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_38 {
		background: url("/img/popular_activity/activity_38.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_39 {
		background: url("/img/popular_activity/activity_39.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_40 {
		background: url("/img/popular_activity/activity_40.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_41 {
		background: url("/img/popular_activity/activity_41.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_44 {
		background: url("/img/popular_activity/activity_44.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_45 {
		background: url("/img/popular_activity/activity_45.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_112 {
		background: url("/img/popular_activity/activity_112.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_114 {
		background: url("/img/popular_activity/activity_114.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_116 {
		background: url("/img/popular_activity/activity_116.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col.popular_activity_117 {
		background: url("/img/popular_activity/activity_117.jpg");
		background-size: cover;
		background-position: center center;
	}

	.popular_activity_box .popular_activity_col .text {
		position: absolute;
		bottom: 0px;
		height: 20px;
		background: rgba(0, 0, 0, 0.7);
		line-height: 20px;
		text-align: center;
		width: 100%;
		font-size: 15px;
		border-radius: 0px 0px 6px 6px;
		color: #FFFFFF;
	}

	.popular_activity_box::after {
		content: "";
		display: block;
		width: 32%;
		min-width: 113px;
	}

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

		/* スマホサイズはこちらを読み込み */
		.popular_activity_box .popular_activity_col .text {
			position: absolute;
			bottom: 0px;
			height: 20px;
			background: rgba(0, 0, 0, 0.7);
			line-height: 20px;
			text-align: center;
			width: 100%;
			font-size: 1.0rem;
			border-radius: 0px 0px 6px 6px;
			color: #FFFFFF;
		}
	}

	/* ◆TOP フィールド・ランドマーク */
	.search_area {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		color: #000000;
		/* font-weight: bold; */
		margin: 0;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		/* background: #F4F4F4; */
	}

	@media screen and (min-width: 480px) {
		.search_area {
			justify-content: space-between;
			flex-wrap: wrap;
		}
	}

	.search_area .search_field {
		width: calc(50% - 5px);
		border: none;
		/* セルの枠線 */
		border-top: 1px;
		border-bottom: 1px;
		box-sizing: border-box;
		flex-wrap: wrap;
	}

	.search_area .search_landmark {
		width: calc(50% - 5px);
		border: none;
		/* セルの枠線 */
		border-top: 1px;
		border-bottom: 1px;
		box-sizing: border-box;
		flex-wrap: wrap;
	}

	.search_field .subtitle_en {
		font-size: 10px;
		color: #C10000;
		margin-bottom: 0px;
		margin-top: 3px;
		line-height: 12px;
	}

	.search_landmark .subtitle_en {
		font-size: 10px;
		color: #C10000;
		margin-bottom: 0px;
		margin-top: 3px;
		line-height: 12px;
	}

	.search_area .field_categories_box {
		margin-bottom: 6px;
		margin-top: 2px;
		padding: 0;
		line-height: normal;
		position: relative;
		border-top: 0.1em #E3E3E3 solid;
	}

	.field_categories_box .col .icon {
		display: flex;
		justify-content: flex-start;
		height: 30px;
		border-top-width: 5px;
		margin-top: 5px;
	}

	.field_categories_box .col .arrow_img {
		display: flex;
		height: 10px;
		border-top-width: 5px;
		align-items: center;
		position: absolute;
		right: 5px;
	}

	.field_categories_box .arrow {
		display: flex;
		justify-content: flex-end;
		right: 0px;
	}

	.field_categories_box .col {
		display: flex;
		padding-top: 5px;
		padding-bottom: 5px;
		height: 37px;
		border-bottom-width: 0px;
		align-items: center;
		border-bottom: 0.1em #E3E3E3 solid;
		position: relative;
	}

	.field_categories_box .col .js-modal__btn .text {
		display: flex;
		font-size: 14px;
		color: #393939;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 8px;
		font-weight: 400;
	}

	.field_categories_box .col .js-modal__btn .item_detail {
		font-size: 9px;
		display: flex;
		color: #393939;
		padding-left: 8px;
		margin-bottom: 0px;
		margin-top: 0px;
		flex-wrap: wrap;
	}

	.various_landmarks_box .arrow_img {
		display: flex;
		height: 10px;
		border-top-width: 5px;
		align-items: center;
		right: 5px;
		position: absolute;
	}

	.various_landmarks_box .col {
		display: flex;
		padding-top: 5px;
		padding-bottom: 5px;
		height: 37px;
		border-bottom-width: 0px;
		align-items: center;
		border-bottom: 0.1em #E3E3E3 solid;
		position: relative;
		width: calc(50% - 5px);
	}

	.various_landmarks_box .col .cell {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding-right: 15px;
		/* padding-top: 15px; */
	}

	.various_landmarks_box .col a {
		width: 100%;
	}

	.various_landmarks_box .col .cell .text {
		display: flex;
		align-items: center;

		font-size: 14px;
		color: #393939;
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight: normal;
		height: 37px;
	}

	.search_area .various_landmarks_box {
		margin-bottom: 6px;
		margin-top: 2px;
		padding: 0;
		line-height: normal;
		position: relative;
		border-top: 0.1em #E3E3E3 solid;
	}

	@media screen and (min-width: 481px) {
		.search_area .various_landmarks_box {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
	}

	@media screen and (max-width: 1080px) {
		.search_area {
			box-sizing: border-box;
			width: auto;
			margin-left: 10px;
			margin-right: 10px;
		}
	}

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

		/* スマホサイズはこちらを読み込み*/
		.search_area .search_field {
			box-sizing: border-box;
			width: 100%;
			border: none;
			/* セルの枠線 */
			border-top: 1px;
			border-bottom: 1px;
			box-sizing: border-box;
			flex-wrap: wrap;
			margin-left: 0;
			margin-right: 0;
		}

		.search_area .search_landmark {
			box-sizing: border-box;
			width: 100%;
			border: none;
			/* セルの枠線 */
			border-top: 1px;
			border-bottom: 1px;
			box-sizing: border-box;
			flex-wrap: wrap;
			margin-left: 0;
			margin-right: 0;
		}

		.search_area .field_categories_box {
			margin-bottom: 6px;
			padding: 0;
			line-height: normal;
			position: relative;
			border-top: 0.1em #E3E3E3 solid;
			margin-top: 2px;
		}

		.search_area .various_landmarks_box {
			margin-bottom: 6px;
			padding: 0;
			line-height: normal;
			position: relative;
			border-top: 0.1em #E3E3E3 solid;
			margin-top: 2px;
			width: 100%;
		}

		.field_categories_box .col {
			display: flex;
			padding-top: 5px;
			padding-bottom: 5px;
			height: 35px;
			border-bottom-width: 0px;
			align-items: center;
			border-bottom: 0.1em #E3E3E3 solid;
		}

		.various_landmarks_box .col {
			display: flex;
			padding-top: 5px;
			padding-bottom: 5px;
			height: 28px;
			border-bottom-width: 0px;
			align-items: center;
			border-bottom: 0.1em #E3E3E3 solid;
			position: relative;
			width: 100%;
		}

		.various_landmarks_box .col .sub_menu li ::after {
			right: 5px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
		}

		.various_landmarks_box .col .cell {
			width: 100%;
			height: 100%;
			padding-top: 7px;

		}

		.various_landmarks_box .col .cell .text {
			height: 30px;
		}
	}

	/* ◆サブエリアモーダル用 */
	.js-modal__bg,
	.top_pref_bg {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		display: none;
	}

	.js-modal__main {
		width: 760px;
		background: #fff;
		border-radius: 20px 20px 0 0;
		position: fixed;
		z-index: 101;
		opacity: 0;
		display: block;
	}

	.js-modal__main .scroll_area {
		position: fixed;
		background: #fff;
		overflow-y: scroll;
		overflow-x: hidden;
		display: block;
		top: 10px;
		width: 100%;
		height: 100%;
		border-radius: 20px 20px 0 0;
		-webkit-overflow-scrolling: touch;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.js-modal__main .scroll_area::-webkit-scrollbar {
		width: 0.7em;
	}

	.js-modal__main .scroll_area::-webkit-scrollbar-thumb {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: rgba(199, 199, 199, 0.8);
		-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
	}

	.js-modal__main .scroll_area::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
		-webkit-border-radius: 10px;
		border-radius: 10px;
		display: none;
	}

	.js-modal__btn {
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		width: 100%;
	}

	.js-modal__btn--close--fix {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		position: absolute;
		top: -4px;
		right: 10px;
		z-index: 101;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.js-modal__btn--close--fix:before {
		content: "";
		width: 20px;
		height: 20px;
		border-right: 3px solid #000000;
		transform: rotate(-45deg);
		position: absolute;
		top: 12px;
		left: -3px;
	}

	.js-modal__btn--close--fix:after {
		content: "";
		width: 20px;
		height: 20px;
		border-right: 3px solid #000000;
		transform: rotate(45deg);
		position: absolute;
		top: -2px;
		left: -3px;
	}

	/*下から上*/
	@keyframes SlideUp {
		0% {
			opacity: 0;
			transform: translateY(-1%);
		}

		100% {
			opacity: 1;
			transform: translateY(-80%);
		}
	}

	/*上から下*/
	@keyframes SlideDown {
		0% {
			opacity: 1;
			transform: translateY(-80%);
		}

		100% {
			opacity: 0;
			transform: translateY(-1%);
		}
	}

	.js-modal__main._slideUp {
		animation: SlideUp .5s ease-in-out forwards;
	}

	.js-modal__main._slideDown {
		animation: SlideDown .5s ease-in-out forwards;
	}

	/* ◆サブエリアモーダル用 */
	@media screen and (max-width: 480px) {

		/* スマホサイズはこちらを読み込み*/
		.js-modal__bg,
		.top_pref_bg {
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.6);
			position: fixed;
			top: 0;
			left: 0;
			z-index: 100;
		}

		.js-modal__main {
			width: 100%;
			background: #fff;
			border-radius: 20px 20px 0 0;
			position: fixed;
			z-index: 101;
			opacity: 0;
			overflow-y: scroll;
			overflow-x: hidden;
		}

		.js-modal__btn {
			cursor: pointer;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			width: 100%;
		}

		.js-modal__btn--close--fix {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			position: absolute;
			top: 0px;
			right: 23px;
			z-index: 101;
			cursor: pointer;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}

		.js-modal__btn--close--fix:before {
			content: "";
			width: 20px;
			height: 20px;
			border-right: 3px solid #000000;
			transform: rotate(-45deg);
			position: absolute;
			top: 12px;
			left: -3px;
		}

		.js-modal__btn--close--fix:after {
			content: "";
			width: 20px;
			height: 20px;
			border-right: 3px solid #000000;
			transform: rotate(45deg);
			position: absolute;
			top: -2px;
			left: -3px;
		}

		/*下から上*/
		@keyframes SlideUp {
			0% {
				opacity: 0;
				transform: translateY(-1%);
			}

			100% {
				opacity: 1;
				transform: translateY(-80%);
			}
		}

		/*上から下*/
		@keyframes SlideDown {
			0% {
				opacity: 1;
				transform: translateY(-80%);
			}

			100% {
				opacity: 0;
				transform: translateY(-1%);
			}
		}

		.js-modal__main._slideUp {
			animation: SlideUp .5s ease-in-out forwards;
		}

		.js-modal__main._slideDown {
			animation: SlideDown .5s ease-in-out forwards;
		}

		.js-modal__main::-webkit-scrollbar {
			display: none;
		}
	}

	.map_search a {
		color: #393939;
	}

	/* モーダルーフィールドリスト */
	.js-modal__main .title {
		border-bottom: 0.1em #E3E3E3 solid;
		width: 745px;
	}

	.js-modal__main .map_search {
		font-size: 15px;
		color: #393939;
		line-height: 45px;
		cursor: pointer;
		border-top: 0.1em #E3E3E3 solid;
		width: 745px;
	}

	.js-modal__main .map_search img {
		margin-left: 20px;
		vertical-align: middle;
	}

	.js-modal__main .map_search span {
		display: table-cell;
		padding-left: 10px;
		width: 690px;
		font-weight: bold;
		color: #393939;
	}

	.js-modal__main .title .field_title {
		font-size: 18px;
		color: #393939;
		line-height: 24px;
		margin-top: 32px;
		margin-left: 20px;
		margin-bottom: 10px;
	}

	.js-modal__main .field_return_btn {
		font-size: 15px;
		color: #393939;
		line-height: 45px;
		margin-left: 20px;
		cursor: pointer;
		width: 735px;
	}

	.js-modal__main .return_btn {
		font-size: 15px;
		color: #393939;
		line-height: 45px;
		margin-left: 20px;
		cursor: pointer;
		width: 735px;
		font-weight: bold;
	}

	.js-modal__main .field_menu_list {
		position: relative;
		width: 100%;
		cursor: pointer;
	}

	.field_menu_list .area_list {
		padding-left: 0px;
		display: none;
		border-top: 0.1em #E3E3E3 solid;
	}

	.field_menu_list a:link,
	.field_menu_list a:visited {
		color: #393939;
	}

	.js-modal__main .field_menu_list .field_list {
		font-size: 14px;
		list-style: none;
		border-bottom: 0.1em #E3E3E3 solid;
		border-top: 0.1em #E3E3E3 solid;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 0px;
		position: relative;
		width: 710px;
	}

	.field_return_btn .map_search {
		border-bottom: 0.1em #E3E3E3 solid;
	}

	.js-modal__main .field_list li {
		border-bottom: 0.1em #E3E3E3 solid;
		height: 45px;
		text-align: left;
		line-height: 3.4;
		width: 710px;
	}

	.js-modal__main .field_list .js-cate__btn {
		/* cursor: pointer; */
	}

	.js-modal__main .field_list .js-cate__btn::after {
		right: 20px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
	}

	.js-modal__main .field_list .js-area_btn {
		display: table;
		width: 710px;
	}

	.js-modal__main .field_list .js-area_btn a {
		display: table;
		width: 710px;
	}

	.js-modal__main .field_list .js-area_btn span {
		display: table;
		width: 710px;
	}

	.js-modal__main .field_list .js-pref_btn {
		display: table;
		width: 710px;
	}

	.js-modal__main .field_list .js-pref_btn span {
		display: table;
		margin-left: 20px;
		width: 95%;
	}

	.js-modal__main .field_list .js-sub_area_btn {
		display: table;
		width: 710px;
	}

	.js-modal__main .field_list .js-sub_area_btn span {
		display: table;
		margin-left: 40px;
		color: #393939;
		width: 95%;
	}

	.js-modal__main .field_list .js-area_btn .isActive {
		color: #1C5190;
	}

	.js-modal__main .field_list .js-pref_btn .isActive {
		color: #1C5190;
	}

	.js-modal__main .field_list .js-pref_btn .isActive {
		color: #1C5190;
	}

	.js-modal__main .field_list .js-pref_btn .isActive::after {
		right: 0px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		transform: rotate(-90deg);
	}

	.js-modal__main .field_list .js-area_btn span::after {
		right: 20px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		transform: rotate(90deg);
	}

	.js-modal__main .field_list .js-pref_btn span::after {
		right: 0px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		transform: rotate(90deg);
	}

	.js-modal__main .field_list .js-sub_area_btn .subarea::after {
		right: 0px;
		content: "";
	}

	.js-modal__main .field_list li:last-child {
		border-bottom: none;
	}

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

		/* スマホサイズはこちらを読み込み*/
		.js-modal__main .title {
			border-bottom: 0.1em #E3E3E3 solid;
			width: 100%;
		}

		.js-modal__main .map_search {
			font-size: 15px;
			color: #393939;
			line-height: 45px;
			cursor: pointer;
			border-top: 0.1em #E3E3E3 solid;
			width: 100%;
			position: relative;
		}

		.js-modal__main .map_search img {
			margin-left: 20px;
			vertical-align: middle;
		}

		.js-modal__main .map_search span {
			display: inline-block;
			padding-left: 10px;
			position: absolute;
			font-weight: bold;
			width: 85%;
			color: #393939;
		}

		.js-modal__main .title .field_title {
			font-size: 18px;
			color: #393939;
			line-height: 24px;
			margin-top: 32px;
			margin-left: 20px;
			margin-bottom: 10px;
		}

		.js-modal__main .field_return_btn {
			font-size: 15px;
			color: #393939;
			line-height: 45px;
			margin-left: 20px;
			cursor: pointer;
			width: 95%;
		}

		.js-modal__main .return_btn {
			font-size: 15px;
			color: #393939;
			line-height: 45px;
			margin-left: 20px;
			cursor: pointer;
			width: 95%;
			font-weight: bold;
		}

		.js-modal__main .field_menu_list {
			position: relative;
			width: 100%;
		}

		.field_menu_list .area_list {
			padding-left: 0px;
			display: none;
			border-top: 0.1em #E3E3E3 solid;
		}

		.field_menu_list a:link,
		.field_menu_list a:visited {
			color: #393939;
		}

		.js-modal__main .field_menu_list .field_list {
			font-size: 14px;
			list-style: none;
			border-bottom: 0.1em #E3E3E3 solid;
			border-top: 0.1em #E3E3E3 solid;
			padding-left: 20px;
			padding-right: 20px;
			margin-top: 0px;
			position: relative;
			width: 89%;
		}

		.field_return_btn .map_search {
			border-bottom: 0.1em #E3E3E3 solid;
		}

		.js-modal__main .field_list li {
			border-bottom: 0.1em #E3E3E3 solid;
			height: 45px;
			text-align: left;
			line-height: 3.4;
			width: 100%;
			cursor: pointer;
		}

		.js-modal__main .field_list .js-cate__btn {
			cursor: pointer;
		}

		.js-modal__main .field_list .js-cate__btn::after {
			right: 20px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
		}

		.js-modal__main .field_list .js-area_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .field_list .js-area_btn a {
			display: table-cell;
			width: 60px;
		}

		.js-modal__main .field_list .js-area_btn span {
			width: 100%
		}

		.js-modal__main .field_list .js-pref_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .field_list .js-pref_btn span {
			display: table;
			margin-left: 20px;
		}

		.js-modal__main .field_list .js-sub_area_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .field_list .js-sub_area_btn span {
			display: table;
			margin-left: 40px;
			color: #393939;
		}

		.js-modal__main .field_list .js-area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .field_list .js-pref_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .field_list .js-sub_area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .field_list .js-area_btn .isActive::after {
			right: 23px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .field_list .js-pref_btn .isActive::after {
			right: 4px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .field_list .js-area_btn span::after {
			right: 22px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .field_list .js-pref_btn span::after {
			right: 2px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .field_list .js-sub_area_btn .subarea::after {
			content: "";
		}

		.js-modal__main .field_list li:last-child {
			border-bottom: none;
		}
	}

	/* モーダルー都道府県リスト */
	.js-modal__main .sub_title {
		width: 735px;
	}

	.js-modal__main .sub_title .pref_title {
		font-size: 18px;
		color: #393939;
		line-height: 24px;
		margin-top: 32px;
		margin-left: 20px;
		margin-bottom: 10px;
	}

	.pref_menu_list {
		position: relative;
	}

	.pref_menu_list a:link,
	.pref_menu_list a:visited {
		color: #393939;
	}

	.pref_menu_list .area_list {
		display: none;
		padding-left: 0px;
		border-top: 0.1em #E3E3E3 solid;
	}

	.js-modal__main .pref_menu_list .pref_list,
	.js-pref-modal__main .pref_menu_list .pref_list {
		font-size: 14px;
		color: #1a1a1a;
		list-style: none;
		border-bottom: 0.1em #E3E3E3 solid;
		border-top: 0.1em #E3E3E3 solid;
		padding-right: 0px;
		margin-top: 0px;
		position: relative;
		width: 735px;
		padding-left: 0px;
		/* background-color: #dcdddd; */
	}

	.js-modal__main .pref_list li,
	.js-pref-modal__main .pref_list li {
		border-bottom: 0.1em #E3E3E3 solid;
		height: 45px;
		text-align: left;
		line-height: 3.4;
		width: 100%;
		color: #393939;
		cursor: pointer;
	}

	.js-modal__main .pref_list .js-area_btn,
	.js-pref-modal__main .pref_list .js-area_btn {
		display: table;
		margin-left: 10px;
		margin-right: 10px;
		/* width: 716px; */
	}

	.js-modal__main .pref_list .js-area_btn span,
	.js-pref-modal__main .pref_list .js-area_btn span {
		display: table;
		width: 100%;
	}

	.js-modal__main .pref_list .js-pref_btn,
	.js-pref-modal__main .pref_list .js-pref_btn {
		display: table;
		width: 716px;
	}

	.js-modal__main .pref_list .js-pref_btn span,
	.js-pref-modal__main .pref_list .js-pref_btn span {
		margin-left: 20px;
		display: table;
		width: 100%;
	}

	.js-modal__main .pref_list .js-sub_area_btn {
		display: table;
		width: 716px;
	}

	.js-modal__main .pref_list .js-sub_area_btn span,
	.js-pref-modal__main .pref_list .js-sub_area_btn span {
		margin-left: 40px;
		display: table;
		width: 100%;
	}

	.js-modal__main .js-area_btn .isActive {
		color: #1C5190;
	}

	.js-modal__main .js-pref_btn .isActive {
		color: #1C5190;
	}

	.js-modal__main .js-sub_area_btn .isActive {
		color: #1C5190;
	}

	.js-modal__main .pref_list .js-area_btn .isActive::after {
		right: 20px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		transform: rotate(-90deg);
	}

	.js-modal__main .pref_list .js-pref_btn .isActive::after {
		right: 2px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		transform: rotate(-90deg);
	}

	.js-modal__main .pref_list .js-area_btn span::after {
		right: 20px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		transform: rotate(90deg);
	}

	.js-modal__main .pref_list .js-pref_btn span::after {
		right: 3px;
		position: absolute;
		content: url(/img/arrow-forward.svg);
		align-content: flex-end;
		transform: rotate(90deg);
	}

	.js-modal__main .pref_list .js-sub_area_btn .subarea::after {
		right: 0px;
		content: "";
	}

	.js-modal__main .pref_list li:last-child {
		border-bottom: none;
	}

	.js-modal__main .space {
		height: 350px;
	}

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

		/* スマホサイズはこちらを読み込み*/
		.js-modal__main .sub_title {
			width: 100%;
		}

		.js-modal__main .sub_title .pref_title {
			font-size: 18px;
			color: #393939;
			line-height: 24px;
			margin-top: 32px;
			margin-left: 20px;
			margin-bottom: 10px;
		}

		.pref_menu_list {
			position: relative;
		}

		.pref_menu_list a:link,
		.pref_menu_list a:visited {
			color: #393939;
		}

		.pref_menu_list .area_list {
			display: none;
			padding-left: 0px;
			border-top: 0.1em #E3E3E3 solid;
		}

		.js-modal__main .pref_menu_list .pref_list,
		.js-pref-modal__main .pref_menu_list .pref_list {
			font-size: 14px;
			color: #393939;
			list-style: none;
			border-bottom: 0.1em #E3E3E3 solid;
			border-top: 0.1em #E3E3E3 solid;
			padding-right: 20px;
			margin-top: 0px;
			position: relative;
			width: 95%;
			padding-left: 0px;
		}

		.js-modal__main .pref_list li,
		.js-pref-modal__main .pref_list li {
			border-bottom: 0.1em #E3E3E3 solid;
			height: 45px;
			text-align: left;
			line-height: 3.4;
			color: #393939;
		}

		.js-modal__main .pref_list .js-area_btn,
		.js-pref-modal__main .pref_list .js-area_btn {
			display: table;
			margin-left: 20px;
			width: 95%;
		}

		.js-modal__main .pref_list .js-area_btn span,
		.js-pref-modal__main .pref_list .js-area_btn span {
			width: 100%;
			display: table;
		}

		.js-modal__main .pref_list .js-pref_btn,
		.js-pref-modal__main .pref_list .js-pref_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .pref_list .js-pref_btn span,
		.js-pref-modal__main .pref_list .js-pref_btn span {
			margin-left: 20px;
			width: 100%;
			display: table;
		}

		.js-modal__main .pref_list .js-sub_area_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .pref_list .js-sub_area_btn span,
		.js-pref-modal__main .pref_list .js-sub_area_btn span {
			margin-left: 40px;
			width: 100%;
			display: table;
		}

		.js-modal__main .js-area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .js-pref_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .js-sub_area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .pref_list .js-area_btn .isActive::after {
			right: 20px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .pref_list .js-pref_btn .isActive::after {
			right: 4px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .pref_list .js-area_btn span::after {
			right: 20px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .pref_list .js-pref_btn span::after {
			right: 4px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .pref_list .js-sub_area_btn .subarea::after {
			right: 0px;
			content: "";
		}

		.js-modal__main .pref_list li:last-child {
			border-bottom: none;
		}

		.js-modal__main .space {
			height: 200px;
		}
	}

	/* ◆TOP マップリンク */
	.map_link {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		color: #000000;
		font-weight: bold;
		margin: 0;
		padding: 0px;
		/* 上下の余白 */
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		background: #FFFFFF;
	}

	.map_link tr {
		vertical-align: middle;
	}

	.map_link td {
		height: 30px;
		/*border: 1px #BCCCDB solid;*/
		/* セルの枠線 */
	}

	.map_link .cell {
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 8px;
		font-size: 16px;
	}

	.top_map {
		/* width: 100%; */
		max-width: 668px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		color: #000000;
		font-weight: bold;
		margin: 0 auto;
		padding: 8px 0 4px;
		border-collapse: collapse;
		background: #fff;
		align-items: center;
	}

	.top_map .top_map_td {
		box-sizing: border-box;
		width: calc(50% - 15px);
		height: 35px;
		border: none;
		text-align: center;
		align-content: center;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.top_map .top_map_td:first-child {
		margin-left: 10px;
	}

	.top_map .top_map_td:last-child {
		margin-right: 10px;
	}

	.top_map .top_map_td a {
		border: solid 1px #dcdddd;
	}

	.map_link_button_pc:link,
	.map_link_button_pc:visited {
		color: #393939;
	}

	.map_link_button_pc {
		margin: 0 auto;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: #ffffff;
		font-weight: bold;
	}

	.map_link_button_pc .map_icon_pc {
		display: inline-block;
		background: url("/img/map_icon.svg") no-repeat left center;
		background-size: auto 90%;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 45px;
	}

	.map_link_button_pc .myplace_icon_pc {
		display: inline-block;
		background: url("/img/myplace_icon.svg") no-repeat left center;
		background-size: auto 90%;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 45px;
	}

	/* ◆TOP 人気スポット */
	.search_trending_spots {
		/* background-color: #F4F4F4; */
		position: relative;
		margin-bottom: 7px;
	}

	@media screen and (max-width: 1080px) {
		.search_trending_spots {
			margin-left: 10px;
			margin-right: 10px;
		}
	}

	.search_trending_spots .subtitle_en {
		font-size: 10px;
		color: #C10000;
		margin-bottom: 0px;
		margin-top: 10px;
		line-height: 12px;
		left: 0;
	}

	.search_trending_spots .subtitle_area {
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
		left: 0;
	}

	.search_trending_spots .subtitle_area .subtitle {
		font-size: 18px;
		color: #393939;
		line-height: 24px;
	}

	.search_trending_spots .subtitle_area a {
		font-size: 13px;
		color: #38AAE6;
		padding-top: 5px;
	}

	.scroll_area {
		width: 1610px;
	}

	.scroll_main {
		overflow-x: scroll;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.search_trending_spots {
		margin-bottom: -3px;
	}

	@media screen and (max-width: 1080px) {
		.trending_spots_box {
			margin-left: 10px;
		}
	}

	.scroll_main::-webkit-scrollbar {
		height: 0.3em;
	}

	.scroll_main::-webkit-scrollbar-thumb {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: rgba(199, 199, 199, 0.3);
		-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
	}

	.scroll_main::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
		-webkit-border-radius: 10px;
		border-radius: 10px;
		display: none;
	}

	.trending_spots_box {
		padding: 0;
		/* background-color: #F4F4F4; */
	}

	.trending_spots_box .trending_spots_col {
		width: 145px;
		height: 136px;
		margin-bottom: 0px;
		padding: 0;
		text-align: center;
		border: 0px;
		border-radius: 6px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		line-height: normal;
		display: inline-block;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		position: relative;
		margin-right: 10px;

		background: url("/img/popular_activity/activity_default.jpg");
		background-size: contain;
		background-position: center 10%;
	}

	.trending_spots_box .trending_spots_col.trending_spots_1 {
		background: url("/img/popular_activity/activity_1.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_2 {
		background: url("/img/popular_activity/activity_2.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_3 {
		background: url("/img/popular_activity/activity_3.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_4 {
		background: url("/img/popular_activity/activity_4.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_5 {
		background: url("/img/popular_activity/activity_5.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_6 {
		background: url("/img/popular_activity/activity_6.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_7 {
		background: url("/img/popular_activity/activity_7.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_8 {
		background: url("/img/popular_activity/activity_8.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_9 {
		background: url("/img/popular_activity/activity_9.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_10 {
		background: url("/img/popular_activity/activity_10.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_11 {
		background: url("/img/popular_activity/activity_11.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_12 {
		background: url("/img/popular_activity/activity_12.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_13 {
		background: url("/img/popular_activity/activity_13.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_14 {
		background: url("/img/popular_activity/activity_14.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_15 {
		background: url("/img/popular_activity/activity_15.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_16 {
		background: url("/img/popular_activity/activity_16.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_17 {
		background: url("/img/popular_activity/activity_17.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_18 {
		background: url("/img/popular_activity/activity_18.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_19 {
		background: url("/img/popular_activity/activity_19.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_20 {
		background: url("/img/popular_activity/activity_20.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_21 {
		background: url("/img/popular_activity/activity_21.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_22 {
		background: url("/img/popular_activity/activity_22.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_23 {
		background: url("/img/popular_activity/activity_23.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_24 {
		background: url("/img/popular_activity/activity_24.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_25 {
		background: url("/img/popular_activity/activity_25.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_26 {
		background: url("/img/popular_activity/activity_26.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_27 {
		background: url("/img/popular_activity/activity_27.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_28 {
		background: url("/img/popular_activity/activity_28.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_29 {
		background: url("/img/popular_activity/activity_29.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_31 {
		background: url("/img/popular_activity/activity_31.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_32 {
		background: url("/img/popular_activity/activity_32.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_33 {
		background: url("/img/popular_activity/activity_33.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_34 {
		background: url("/img/popular_activity/activity_34.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_35 {
		background: url("/img/popular_activity/activity_35.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_36 {
		background: url("/img/popular_activity/activity_36.jpg");
		background-size: cover;
		background-position: bottom center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_38 {
		background: url("/img/popular_activity/activity_38.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_39 {
		background: url("/img/popular_activity/activity_39.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_40 {
		background: url("/img/popular_activity/activity_40.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_41 {
		background: url("/img/popular_activity/activity_41.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_112 {
		background: url("/img/popular_activity/activity_112.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_114 {
		background: url("/img/popular_activity/activity_114.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_116 {
		background: url("/img/popular_activity/activity_116.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col.trending_spots_117 {
		background: url("/img/popular_activity/activity_117.jpg");
		background-size: cover;
		background-position: center center;
	}

	.trending_spots_box .trending_spots_col .text {
		position: absolute;
		bottom: 0px;
		height: 48px;
		border-radius: 0 0 6px 6px;
		background: #F4F4F4;
		width: 100%;
	}

	.trending_spots_box .trending_spots_col .text p {
		display: table-cell;
		vertical-align: middle;
		color: #393939;
		font-size: 14px;
		line-height: 1.2;
		height: 48px;
		padding-left: 6px;
		padding-right: 6px;
		text-align: left;
		overflow-wrap: break-word;
		word-break: break-all;
	}

	.trending_spots_box::after {
		content: "";
		display: block;
		width: 32%;
		min-width: 113px;
	}

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

		/* スマホサイズはこちらを読み込み*/
		.search_trending_spots .subtitle_area {
			width: 100%;
			display: inline-flex;
			justify-content: space-between;
			margin-bottom: 4px;
			position: sticky;
			left: 0;
		}

		.scroll_main {
			overflow-x: scroll;
			margin: 0px;
			;
		}

		.scroll_area {
			width: 1390px;
		}

		.trending_spots_box .trending_spots_col {
			box-sizing: border-box;
			height: initial;
			width: 130px;
			height: 128px;
			margin-bottom: 6px;
			padding: 0;
			text-align: center;
			border: 0px;
			border-radius: 6px;
			line-height: normal;
			display: inline-block;
			align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			position: relative;
			margin-right: 3px;
		}

		.search_trending_spots {
			margin-bottom: -3px;
		}

		.scroll_main::-webkit-scrollbar {
			display: none;
		}

		.trending_spots_box {
			margin-left: 10px;
		}
	}

	/*Top市町村天気予報へ*/
	[class^="cities_search_link_btn_top"] {
		background: #f4f5f5;
		text-align: center;
		font-size: 13px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 15px 10px;
	}

	.cities_search_link_btn_top_pc {
		padding: 10px 30px 9px 30px;
	}

	.cities_search_link_btn_top_pc img {
		width: 41%;
	}

	.cities_search_link_btn_top_pc .top_cities_search {
		width: 350px;
		height: 52px;
		background-color: #FFFFFF;
		margin: auto;
		border-radius: 8px;
	}

	.cities_search_link_btn_top_pc .top_cities_search {
		width: 350px;
		height: 52px;
		background-color: #FFFFFF;
		margin: auto;
		border-radius: 8px;
	}

	.cities_search_link_btn_top_pc .top_cities_search:hover {
		background: #DEFADD;
	}

	.cities_search_link_btn_top .top_cities_search {
		height: 52px;
		background-color: #FFFFFF;
		margin: auto;
		border-radius: 8px;
	}

	.cities_search_link_btn_top .top_cities_search:hover {
		background: #DEFADD;
	}

	[class^="cities_search_link_btn_top"] p {
		background: #f4f4f6;
		text-align: center;
		color: #000000;
		margin: 0;
		padding: 0;
	}

	.cities_search_link_button {
		position: relative;
		border: 1px solid #C0C0C0;
		border-radius: 18px;
		background-color: #FFF;
		margin: 10px auto;
		padding: 4px;
		max-width: 280px;
		color: #000;
		font-weight: bold;
		font-size: 20px;
	}

	.cities_search_link_button a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.cities_search_link_button img {
		margin: 0 10px;
		vertical-align: middle;
	}

	/*アウトドア気予報から市区町村天気予報へ*/
	/*アウトドア地点の市区町村へのリンクデザイン*/
	div.city_row_link {
		width: 100%;

		overflow: hidden;
		/* 表示できない部分は表示しない */
		vertical-align: middle;
		height: 40px;
		/* この２つの値を揃えないと */
		line-height: 40px;
		/* 縦位置中央に表示されない */
		background: #fff;

		/* 背景に矢印アイコンを置く */
		background-image: url("../img/arrow_bl.png");
		background-repeat: no-repeat;
		background-position: 96% center;

		border-bottom: 1px #e3e3e3 solid;
		/* セルの枠線 */
	}

	div.city_row_link .text {
		width: 85%;
		/* 右の矢印部分を考慮 */
		color: #000000;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		/* これで縦位置中央 */
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 20px;
		font-size: 14px;
	}

	div.city_neibor_links_bg {
		background: #ffffff;
		color: #000000;
		padding: 20px 0px 20px 20px;
	}

	div.city_neibor_links_bg a {
		color: #000000;
	}

	/* ◆TOP その他の気象情報 */


	.other_info_link {
		display: block;
		margin-bottom: 15px;
	}

	.other_info_image {
		display: block;
		width: 76px;
		float: left;
	}

	.other_info_image img {
		width: 100%;
	}

	.other_info_text {
		display: block;
		width: calc(100% - 80px);
		padding-left: 15px;
		box-sizing: border-box;
		float: left;
	}

	.other_info_text h4 {
		font-size: 1.5rem;
		margin: 0px;
		padding: 0px;
		color: #2C2C2C;
	}

	.other_info_desc {
		font-size: 13px;
		color: #2C2C2C;
		margin: 0 auto;
		line-height: 18px;
	}

	.sea_spot_weatherinfo {
		width: 100%;
		margin: 5px auto auto;
		display: block;
		padding: 4px 0;
		text-align: center;
		border: 1px solid #2F4F4F;
	}

	.sea_spot_weatherinfo_pc {
		width: 100%;
		margin: 0 30px 20px 30px;
		display: block;
		padding: 4px 0;
		text-align: center;
		border: 1px solid #2F4F4F;
	}

	/* ◆普段も使える気象情報 */
	.public_weather_title {
		width: 100%;
		margin: 0;
		color: #000000;
		background: #FFFFFF;

		font-size: 14px;
		/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
		font-weight: bold;
		*/ font-style: normal;

		text-align: center;
		vertical-align: middle;
		padding: 5px 0px 5px 0px;
		color: #ffffff;

		/* 背景の余白（top, right, bottom, left） */
		background: #3A6C54;
		/* グラデーション表示不可の場合の初期値 */

		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#588B7D', EndColorStr='#1C4D2D');
		background: -webkit-gradient(linear, left top, left bottom, from(#588B7D), to(#1C4D2D));
		/* Chrome,Safari */
		background: -moz-linear-gradient(top, #588B7D, #1C4D2D);

		-pie-background: linear-gradient(top, #588B7D, #1C4D2D);
		/* IE10 */
		background: linear-gradient(to bottom, #588B7D, #1C4D2D);

		/* ieハック */
		behavior: url("../PIE.htc");
	}

	.public_weather {
		width: 100%;
		background: #51865C;
	}

	.tenkizu_btn {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 12px 4px 0px 0px;
	}

	.taifu_btn {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 12px 0px 0px 4px;
	}

	.pub_yohou_btn {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 4px 0px 10px 0px;
	}

	/*Top姉妹サイト*/
	.tsuriten_link_background {
		background: #E6FFE9;
		text-align: center;
		/* 背景の余白（top, right, bottom, left） */
		padding: 2px 0px 5px 0px;
	}

	/* ◆共通リスト */
	.common_link {
		width: 100%;
		color: #000000;
		text-align: left;
		font-size: 15px;
		/* font-weight: bold; */
		/* border: 1px #BCCCDB solid; */
		border-collapse: collapse;
		background: #ffffff;
	}

	.common_link .text,
	.accordion_below .common_link .text {
		/* 背景の余白（top, right, bottom, left） */
		padding: 8px 0px 8px 10px;
	}

	.common_link .arrow_icon,
	.accordion_below .common_link .arrow_icon {
		text-align: right;
		/* 右寄せ */
		/* 背景の余白（top, right, bottom, left） */
		padding: 4px 10px 0px 0px;
	}

	.common_link tr {
		border-bottom: 1px #E3E3E3 solid;
	}

	.common_link td {
		cursor: pointer;
		/* ポインターにする */
	}

	/* ◆共通アコーディオンリスト */
	.accordion {
		/* padding: 4px 10px;		上下の余白 */
		/* background: #20615B; */
		color: #333;
		font-weight: bold;
		font-size: 14px;
		/* background-image: url("../img/arrow_wh2.png"); */
		background-repeat: no-repeat;
		background-position: 96% center;

		/* border-bottom: 1px #FFFFFF solid; セルの枠線 */
		cursor: pointer;
		/* ポインターにする */
	}

	.accordion.acc_citysearch {
		background-color: #C0C0C0;
		border-top: solid 3px #2F4F4F;
		padding: 7px;
		color: #333;
		text-align: center;
		font-size: 16px;
	}

	.pc_cl .accordion.acc_citysearch {
		margin-bottom: 20px;
	}

	.accordion.acc_citysearch p {
		display: inline-block;
		margin: 0;
	}

	.accordion.acc_citysearch p img {
		vertical-align: middle;
		padding: 0 12px;
	}

	.accordion_below {
		width: 100%;
		color: #000000;
		border-bottom: 1px #FFFFFF;
		background: rgba(255, 255, 255, 1);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.accordion a:link,
	.accordion a:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	/* .course_list_wrap{
		background:#fff;padding:15px 10px 5px 20px; border-bottom:1px #ddd solid;
	}

	.course_div{
		width:100px; border-left:3px solid #00346f; padding:0px 7px; color:#00346f; font-weight:bold;
	}

	.course_list_box{
		margin:10px 0 0 0;
	}

	.course_link_block{
		display:inline-block; margin-right:10px;margin-bottom:10px;
	} */

	.course_list_box .line .row {
		color: #393939;
	}

	.course_link_block a {
		color: #393939;
	}

	/* ◆ランキングエリア */
	.ranking_area {
		background-color: #fff;
		margin-top: 20px;
		position: relative;
	}

	.ranking_area .subtitle {
		font-size: 18px;
		color: #393939;
		line-height: 24px;
	}

	.ranking_box {
		width: 100%;
		padding: 1px 0 2px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background-color: #fff;
		margin-top: 9px;
		margin-bottom: 20px;
	}

	.ranking_box .ranking_data {
		box-sizing: border-box;
		height: initial;
		width: calc(50% - 5px);
		height: 82px;
		margin-bottom: 10px;
		padding: 0;
		line-height: normal;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		position: relative;
		border: 0.1em #E3E3E3 solid;
		background-color: #FFFF;
		position: relative;
	}

	.ranking_box .ranking_data1 {
		border: 0.1em #F2DC93 solid;
	}

	.ranking_box .ranking_data2 {
		border: 0.1em #D0D0D0 solid;
	}

	.ranking_box .ranking_data3 {
		border: 0.1em #E0CDB8 solid;
	}

	.ranking_box .ranking_data4 {
		border: 0.1em #E0CDB8 solid;
	}

	.ranking_box .ranking_data5 {
		border: 0.1em #E3E3E3 solid;
	}

	.ranking_box .ranking_data6 {
		border: 0.1em #E3E3E3 solid;
	}

	.ranking_box .ranking_data {
		border-radius: 5px;
	}

	.ranking_box .ranking_data .text {
		color: #393939;
		font-size: 15px;
		margin-top: 9px;
		margin-left: 43px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 5px;
	}

	.ranking_box .ranking_data .address {
		color: #393939;
		font-size: 12px;
		margin-left: 43px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 5px;
	}

	.ranking_box .ranking_data .icon {
		position: absolute;
		left: 10px;
		top: 12px;
	}

	.ranking_box .ranking_data .genre {
		font-size: 10px;
		color: #FFFFFF;
		background-color: #77C9E2;
		display: inline-block;
		padding: 3px 7px 3px 7px;
		margin-top: 2px;
		margin-left: 10px;
	}

	.ranking_area .continue {
		font-size: 15px;
		color: #38AAE6;
		right: 0px;
		position: absolute;
		bottom: -15px;
	}

	@media screen and (max-width: 1080px) {
		.ranking_area {
			background-color: #fff;
			margin-left: 14px;
			margin-right: 14px;
			margin-top: 20px;
			position: relative;
		}
	}

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

		/* スマホサイズはこちらを読み込み*/
		.ranking_area {
			background-color: #fff;
			margin-left: 14px;
			margin-right: 14px;
			margin-top: 20px;
			position: relative;
		}

		.ranking_box {
			width: 100%;
			padding: 1px 0 2px 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			background-color: #fff;
			margin-top: 6px;
			margin-bottom: 20px;
		}

		.ranking_box .ranking_data {
			box-sizing: border-box;
			height: initial;
			width: 100%;
			height: 82px;
			margin-bottom: 5px;
			padding: 0;
			line-height: normal;
			align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			position: relative;
			border: 0.1em #E3E3E3 solid;
			background-color: #FFFF;
			position: relative;
		}

		.ranking_box .ranking_data .genre {
			font-size: 10px;
			color: #FFFFFF;
			background-color: #77C9E2;
			display: inline-block;
			padding: 3px 7px 3px 7px;
			margin-top: 2px;
			margin-left: 10px;
		}

		.ranking_area .continue {
			font-size: 15px;
			color: #38AAE6;
			right: 0px;
			position: absolute;
			bottom: -20px;
		}
	}

	/*ランキング画面の地図リンク*/
	.map_pc {
		width: 668px;
		display: flex;
		color: #393939;
		font-weight: bold;
		margin: auto;
		padding: 8px 0px 8px;
		border-collapse: collapse;
		background: #fff;
		align-items: center;
		margin-top: 25px;
		cursor: pointer;
		justify-content: space-between;
	}

	.map_pc .map_td_pc {
		width: calc((100% - 38px) / 2);
		height: 35px;
		border: none;
		text-align: center;
		align-content: center;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.map_pc .map_td_pc:first-child {
		margin-left: 14px;
	}

	.map_pc .map_td_pc:last-child {
		margin-right: 14px;
	}

	.map_pc .map_link_button_pc:link .map_link_button_pc:visited {
		color: #393939;
		width: 245px;
	}

	.map_pc .map_link_button_pc {
		margin: 0 auto;
		font-size: 15px;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: #ffffff;
		border: solid 1px #dcdddd;
	}

	.map_pc .map_link_button_pc .pref_icon_pc {
		display: inline-block;
		/* margin: 5px 0; */
		background: url("/img/pref_icon.svg") no-repeat left center;
		background-size: contain;
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left: 55px;
		font-size: 1.2em;
	}

	/* ◆スマホ ランキング画面のマップリンク */
	/* .top_map {
		width: 95%;
		display: flex;
		flex-wrap: wrap;
		color: #000000;
		font-weight: bold;
		margin: 10px 0 0 0;
		padding: 0px 10px;
		border-collapse: collapse;
		background: #F4F4F4;
		padding-bottom: 0px;
		margin-top: 0px;
	} */

	/* .top_map .pref_map_td{
		width: 100%;
		border: none;
		text-align:center;
		align-content: center;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.top_map .top_map_td{
		width:calc(100% / 2);
		border: none;
		text-align:center;
		align-content: center;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-top: 6px;

	} */

	.map_link {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		color: #000000;
		font-weight: bold;
		margin: 0;
		padding: 0px;
		/* 上下の余白 */
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		background: #FFFFFF;
	}

	.map_link tr {
		vertical-align: middle;
	}

	.map_link td {
		height: 30px;
		/*border: 1px #BCCCDB solid;*/
		/* セルの枠線 */
	}

	.map_link .cell {
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 8px;
		font-size: 16px;
	}

	.map_link_button:link,
	.map_link_button:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	.map_link_button {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		font-size: 12px;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		background: #ffffff;
		font-weight: normal;
		line-height: 1.1;
	}

	.map_link_button span {
		font-size: 14px;
		font-weight: bold;
	}

	.pref_link_button {
		margin: 0 auto;
		font-size: 17px;
		width: 97%;
		height: 97%;
		border-radius: 8px;
		background: #ffffff;
		color: #393939;
	}

	.pref_link_button .pref_icon {
		display: inline-block;
		margin: 10px 0;
		background: url("/img/pref_icon.svg") no-repeat left center;
		padding-left: 55px;
		color: #393939;
		background-size: 45px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.map_link_button .map_icon {
		display: inline-block;
		background: url("/img/map_icon.svg") no-repeat left 3px;
		background-size: auto 90%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 40px;
	}

	.map_link_button .myplace_icon {
		display: inline-block;
		background: url("/img/myplace_icon.svg") no-repeat left 3px;
		background-size: auto 90%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 40px;
	}

	/* ◆人気アクティビティ検索リスト (genresearch/pref)*/
	.course_list_wrap {
		background: #fff;
		padding: 10px 10px 5px 20px;
		display: table;
		width: 100%;
		border-collapse: collapse;
		border-top: 0.01em #E3E3E3 solid;
	}

	.course_list_wrap tr td .line {
		border-bottom: 0.1em #E3E3E3 solid;
		padding: 5px 0;
	}

	.course_list_wrap tr td .line .rank_img_box {
		display: grid;
		place-items: center;
		margin-left: 25px;
	}

	.course_list_wrap tr td .line .rank_img_box img {
		width: 30px;
	}

	.course_list_wrap tr td .line .row {
		padding-left: 25px;
	}

	.course_list_wrap_sp {
		border-top: 0.1em #E3E3E3 solid;
		background: #fff;
		padding: 10px 10px 5px 10px;
		display: table;
		width: 100%;
		border-collapse: collapse;
		border-top: 0.01em #E3E3E3 solid;
	}

	.course_list_wrap_sp tr td .line {
		border-bottom: 0.1em #E3E3E3 solid;
		padding: 5px 0;
	}

	.course_list_wrap_sp tr td .line .rank_img_box {
		display: grid;
		place-items: center;
		margin-left: 12px;
	}

	.course_list_wrap_sp tr td .line .rank_img_box img {
		width: 30px;
	}

	.course_list_wrap_sp tr td .line .row {
		padding-left: 12px;
	}

	.course_list_box {
		display: inline-table;
		width: 100%;
		/* border-bottom: 0.5px #ddd solid;
		border-top: 0.5px #ddd solid; */
		padding-bottom: 3px;

	}

	.course_link_block {
		/* display: inline-table; */
		font-size: 15px;
		color: #393939;
		font-weight: bold;
	}

	.course_type_name {
		font-size: 10px;
		color: #FFFFFF;
		padding: 3px 7px 3px 7px;
		background-color: #77C9E2;
		display: inline-block;
	}

	.course_link_adress a {
		font-size: 12px;
		color: #393939;
		font-weight: lighter;
	}

	/* ◆TOPジャンル検索アコーディオンリスト */
	.genre_accordion {
		padding: 3px;
		/* 上下の余白 */
		background: #d3e6e4;
		color: #000000;
		font-weight: bold;
		font-size: 14px;
		background-image: url("../img/plus_button.png");
		background-repeat: no-repeat;
		background-position: 96% center;
		text-align: center;

		border-bottom: 1px #FFFFFF solid;
		/* セルの枠線 */
		cursor: pointer;
		/* ポインターにする */
	}

	.genre_accordion_below {
		width: 100%;
		color: #000000;
		border-bottom: 1px #FFFFFF;
	}

	.genre_accordion a:link,
	.genre_accordion a:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	.genre_accordion h3 {
		color: #000000;
		font-weight: bold;
		font-size: 16px;
		margin: 0px;
		padding: 0px;
	}

	/* ◆トピックス */
	.topics_frame {
		margin: 3px;
		/* 上下の余白 */
		/*	height:100%; */
		border: solid 2px #999;
		border-radius: 1em;

		/* 背景の透過 */
		background-color: rgb(229, 248, 244);
		/* IEだけ個別にfilterで背景を透過させる
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44000000,EndColorStr=#44000000); */
	}

	.topics_title {
		color: #000;
		font-size: large;
		font-weight: bold;
		text-align: center;
	}

	.topics_contents {
		margin: 8px;
		/* 上下の余白 */
		font-size: 1.4rem;
		-webkit-text-size-adjust: 100%;
	}

	/* ◆天気図 タブ*/
	.weathermap_tab,
	.pubweather_tab {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		height: 20px;
		/* この２つの値を揃えないと、 */
		line-height: 20px;
		/* テキストが中央に表示されない */

		color: #000000;
		text-align: center;
		font-size: 14px;
		font-weight: bold;

		margin: 0;
		/* 背景の余白（top, right, bottom, left） */
		padding: 8px 0px 8px 0px;

		border-collapse: collapse;
		/* 境界線を重ねて表示 */

		/* 背景グラデーション表示 */
		background: #E1EDF8;
		/* グラデーション表示不可の場合の初期値 */

		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#FEFEFE', EndColorStr='#BED8F1');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#BED8F1));
		/* Chrome,Safari */
		background: -moz-linear-gradient(top, #FFFFFF, #BED8F1);

		-pie-background: linear-gradient(top, #FEFEFE, #BED8F1);
		/* IE10 */
		background: linear-gradient(to bottom, #FEFEFE, #BED8F1);

		/* ieハック */
		behavior: url("../PIE.htc");
	}

	/* 一般天気だけカスタマイズ */
	.pubweather_tab {
		font-size: 13px;
	}

	.weathermap_tab td,
	.pubweather_tab td {
		vertical-align: middle;
		border: 1px #BCCCDB solid;
		/* セルの枠線 */
		height: 30px
	}

	.weathermap_tab .cell,
	.pubweather_tab .cell {
		/* 背景の余白（top, right, bottom, left） */
		padding: 8px 0px 8px 0px;
	}

	.weathermap_tab a,
	.weathermap_tab a:visited,
	.pubweather_tab a,
	.pubweather_tab a:visited {
		color: #000000;
		/* 文字の色を変えない */
	}

	/* アクティブなタブだけ色が異なる */
	.weathermap_tab .active,
	.pubweather_tab .active {
		/* 背景グラデーション表示 */
		background: #1660BF;
		/* グラデーション表示不可の場合の初期値 */

		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#238BFF', EndColorStr='#0B3F8E');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#238BFF), to(#0B3F8E));
		/* Chrome,Safari */
		background: -moz-linear-gradient(top, #238BFF, #0B3F8E);

		-pie-background: linear-gradient(top, #238BFF, #0B3F8E);
		/* IE10 */
		background: linear-gradient(to bottom, #238BFF, #0B3F8E);

		/* ieハック */
		behavior: url("../PIE.htc");
	}

	.weathermap_tab .active .cell,
	.pubweather_tab .active .cell {
		color: #FFFFFF;
		/* 文字の色 */
	}

	.tab_contents {
		padding: 20px;
		margin: 0px;
		text-align: center;
		background: #393939;
	}

	/* ◆週間天気図 */
	.weathermap_contents {

		padding: 0;
		margin: 0;
		overflow: hidden;
		/* floatによるレイアウト崩れを回避する */

		font-weight: bold;
		background: #393939;
	}

	.weathermap_list {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 20px 0px 20px;
		width: 100%;
	}

	.weathermap_list li {
		list-style-type: none;
		float: left;
		/* リストを横並びに */
		text-align: center;
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 10px 10px 10px 10px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
		color: #FFFFFF;
		/* 文字の色 */
		font-size: 14px;
	}

	/* ◆動画シミュレーション */
	.simu_link {

		border: solid 2px;
		/* 境界線 */
		border-color: #424141;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		/* 背景の余白（top, right, bottom, left） */
		padding: 20px 0px 0px 0px;

		background: #393939;
	}

	/* 動画シミュレーションボタン */
	.simu_btn {

		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		color: white;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;

		text-decoration: none;
		/* 下線を消す */


		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 40px 5px 40px;

		/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
		background: #379DCF;
		/* IEはグラデーションなし */
		background: url("../img/arrow_right.png"), -webkit-gradient(linear, left top, left bottom, from(#45B9EE), to(#2478A7));
		/* Chrome,Safari */
		background-repeat: no-repeat;
		background-position: 90% center;
	}

	.simu_btn:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	.simu_text {

		/* 背景の余白（top, right, bottom, left） */
		padding: 4px 0px 10px 0px;
		color: #fff;
	}

	.marker_annotation_img {
		width: 30px !important;
		height: 30px;
		user-select: none;
		border: 0px;
		padding: 0px;
		margin: 0px;
		max-width: none;
	}

	.next_updatetime_title {

		border: solid 0px;
		/* 境界線 */
		border-color: #424141;

		background: #2D2727;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 0px;
		color: #fff;
	}

	.next_updatetime {
		font-size: 16px;
		color: #EDCB04;
		/* リンクの色を変えない */
	}

	.about_updatetime {

		text-align: right;
		border: solid 0px;
		/* 境界線 */
		border-color: #424141;

		background: #393939;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 20px 10px 0px;
	}

	/* 更新予定時刻についてボタン */
	.about_updatetime_button {

		/* ボタンサイズはpaddingで指定 */
		font-size: 12px;
		color: white;
		line-height: 30px;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */

		text-decoration: none;
		/* 下線を消す */

		/* 背景グラデーション表示 */
		background: #707070;
		/* IEはグラデーションなし */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#7D7D7D', EndColorStr='#636363');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#7D7D7D), to(#636363));
		/* Chrome,Safari */

		/* 背景の余白（top, right, bottom, left） */
		padding: 3px 10px 3px 10px;

		right;
		0;
	}

	.about_updatetime_button:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	/* ◆天気図　動画シミュレーション */
	.simulation {
		width: 100%;
		text-align: center;
		/* 背景の余白（top, right, bottom, left） */
		padding: 20px 0px 20px 0px;
		background: #393939;
	}

	.clear {
		clear: both;
	}

	.hide {
		display: none;
	}

	/* ◆天気図　週間予想天気図 */
	.week_tenkizu {
		padding: 0;
		margin: 0;
		vertical-align: middle;

		background: #393939;
		/* 背景の余白（top, right, bottom, left） */
		padding: 20px 0px 20px 0px;
	}

	.week_tenkizu table {
		width: 100%;
		height: 280px;
	}

	.week_tenkizu table .cell {
		width: 10%;

		height: 280px;
		/* この２つの値を揃えないと */
		line-height: 280px;
		/* 縦位置中央に表示されない */
		vertical-align: middle;
		/* これで縦位置中央 */

		display: inline;
		/* 横位置中央はこの指定 */
		text-align: center;
		/* これで横位置中央 */
	}

	.week_tenkizu .left_arrow {
		width: 30px;
		text-align: center;
		background: #555555;
	}

	.week_tenkizu .left_arrow_hide {
		width: 30px;
		text-align: center;
		background: #393939;
	}

	.week_tenkizu .tenkizu {}

	.week_tenkizu .right_arrow {
		width: 30px;
		text-align: center;
		background: #555555;
	}


	/* ◆天気図　週間予想天気図　フリッカブル */
	.tenkizu .viewport {
		width: 280px;
		/* １つの画像を表示する幅。画像と同じ幅を指定 */
		overflow: hidden;
		margin: 0 auto;
	}

	.tenkizu .flipsnap {
		width: 1800px;
		/* 280px(item width) + 20px (right margin) * 6(item count) */
	}

	.tenkizu .item {
		float: left;
		height: 280px;
		/* 日付も含めた高さ */
		width: 280px;
		/* １つの画像の幅 */
		font-size: 14px;
		font-weight: bold;
		text-align: right;

		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 20px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;

		background: #393939;
		border: 0px solid #999;
		color: #FFFF00;
	}

	/* ◆天気図の更新予定時間 */
	.update_time {
		color: #FFFFFF;
		background: #393939;
	}

	.update_time .title {
		color: #FFFF00;
	}

	.update_time .index {
		color: #FFA500;
	}

	/* 天気図画像 */
	.week_tenkizu .item img,
	.tab_contents .tenkizu img {
		height: 256px;
		width: 280px;
	}

	.tab_contents img {
		height: 280px;
		width: 280px;
	}

	.common_row_link {
		width: 100%;

		overflow: hidden;
		/* 表示できない部分は表示しない */
		vertical-align: middle;
		height: 40px;
		/* この２つの値を揃えないと */
		line-height: 40px;
		/* 縦位置中央に表示されない */
		background: #393939;

		/* 背景に矢印アイコンを置く */
		background-image: url("../img/arrow_wh.png");
		background-repeat: no-repeat;
		background-position: 98% center;

		border-bottom: 1px #FFFFFF solid;
		/* セルの枠線 */
	}

	.common_row_link .text {
		width: 85%;
		/* 右の矢印部分を考慮 */
		color: #FFFFFF;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		/* これで縦位置中央 */
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 20px;
		font-size: 14px;
	}

	/* ゴルフ場一覧用カスタマイズ */
	.accordion_below .common_row_link {
		width: 33%;
		color: #000000;
		background: #ffffff;
		border: 1px #e3e3e3 solid;
		border-radius: 3px;
		margin: 1px 0;
		height: initial;
		line-height: normal;
		min-height: 40px;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		box-sizing: border-box;
	}

	.accordion_below::after {
		content: "";
		display: block;
		width: 33%;
	}

	.accordion_below .common_row_link .text {
		color: #444;
		width: auto;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		/* これで縦位置中央 */
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 3px 0px 3px;
		font-size: 12px;
	}

	.accordion_below .common_row_link a.widelink {
		height: auto;
	}

	/* TOP ジャンル一覧用カスタマイズ */
	.accordion_below .common_row_link a:link,
	.accordion_below .common_row_link a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	.genre_accordion_below .common_row_link {

		color: #000000;
		background: #d3e6e4;
		/* 背景に矢印アイコンを置く */
		background-image: url("../img/arrow_bl.png");
		background-repeat: no-repeat;
		background-position: 96% center;
		border-bottom: 1px #BCCCDB solid;
		/* セルの枠線 */
	}


	.genre_accordion_below .common_row_link .text {
		color: #000000;
	}

	.genre_accordion_below .common_row_link h4.text {
		margin: 0px;
		;
	}

	.genre_accordion_below .common_row_link a:link,
	.genre_accordion_below .common_row_link a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	/* 一般天気用カスタマイズ */
	.accordion_zone .common_row_link {

		box-sizing: border-box;
		/* はみ出る対策 */
		-webkit-box-sizing: border-box;
		/* Android 用*/

		color: #000000;
		background: #fff;

		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 10px;

		/* 背景に矢印アイコンを置く */
		background-image: url("../img/arrow_bl.png");
		background-repeat: no-repeat;
		background-position: 96% center;
		border-bottom: 1px #ddd solid;
		/* セルの枠線 */
	}

	.accordion_zone .common_row_link .text {
		color: #000000;
	}

	.accordion_zone .common_row_link a:link,
	.accordion_zone .common_row_link a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}


	/* ◆台風情報 */
	.common_sub_title.typhoon_title {
		background: #527798;
		color: #FFFFFF;
		margin: auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.typhoon_date {
		text-align: center;
		color: #393939;
		padding: 15px;
		background: #FFFFFF;
		font-weight: bold;
	}

	.typhoon_map {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 20px 0px;
		background: #FFFFFF;
		text-align: center;
	}

	.typhoon_map img {
		height: 300px;
		width: 300px;
	}

	.typhoon_map span {
		text-align: left;
	}

	.typhoon_tabs {
		display: flex;
		justify-content: center;
		background: #FFFFFF;
	}

	.typhoon_tab {
		height: 30px;
		width: 168px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		color: #383838;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		cursor: pointer;
	}

	.typhoon_tab.active {
		background: #527798;
		color: #FFFFFF;
	}

	.typhoon_live {
		text-align: left;
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 106px 5px 107px;
	}

	.typhoon_yohou_date {
		text-align: left;
		/* 背景の余白（top, right, bottom, left） */
		padding: 2px 106px 0px 107px;
	}

	.typhoon_yohou {
		text-align: left;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 106px 8px 107px;
	}

	.about_typhoon {
		text-align: right;
		border: solid 0px;
		border-color: #424141;
		background: #FFFFFF;
		display: flex;
		justify-content: center;
		padding: 21px 0px 30px 0px
	}

	/* 台風概況ボタン */
	.about_typhoon_button {

		font-size: 12px;
		font-weight: bold;
		border: solid 0px;
		text-decoration: none;
		background: #527798;
		border-radius: 5px;
	}

	.about_typhoon_button div {
		width: 250px;
		height: 46px;
		display: flex;
		justify-content: center;
		line-height: 46px;
		color: #FFFFFF;
		font-size: 15px;
	}

	.typhoon_data_wrapper {
		background: #FFFFFF;
	}

	@media screen and (max-width:480px) {
		.typhoon_tab {
			width: 114px;
		}

		.typhoon_live {
			padding: 10px 20px 5px 20px;
		}

		.typhoon_yohou_date {
			padding: 2px 20px 0px 20px;
		}

		.typhoon_yohou {
			padding: 0px 20px 8px 20px;
		}
	}

	/* ◆台風概況 */
	.typhoon_kisyocho {
		color: #FFFF00;
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 0px 0px;
		background: #393939;
		text-align: right;
	}

	.typhoon_headline {
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 0px 10px;
		background: #393939;
		color: #FFFFFF;
		text-align: left;
	}

	.typhoon_summary {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 10px 10px 10px;
		background: #393939;
		color: #FFFFFF;
		text-align: left;
	}

	.typhoon_noexist {
		/* 背景の余白（top, right, bottom, left） */
		padding: 20px 10px 20px 10px;
		background: #393939;
		color: #fff;
		text-align: left;
	}

	/* ◆エリア実況 タブ*/
	.amedas_tabs {
		width: 100%;
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		display: flex;
		justify-content: center;
	}

	.amedas_tabs .amedas_tab {
		height: 35px;
		width: 207px;
		margin: 5px 1px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		/* 角丸 */
		background: #527798;
	}

	.amedas_tabs .amedas_tab.active {
		background: #FD7E39;
		font-weight: bold;
	}


	.amedas_tabs .cell {
		padding: 7px;
		/* 上下の余白 */
		color: #FFFFFF;
	}

	.amedas_tab_contents {
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: #527798;
	}

	/* ◆エリア実況　ピンポイント */
	.hour_amedas {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		margin: 0;
		padding: 0;
		color: #000000;

		font-size: 12px;
		/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
	}

	/* アメダスポイント名 */
	.hour_amedas .title {
		text-align: left;
		padding-left: 10px;
		color: #FFFFFF;
		font-size: 14px;
		font-style: normal;
		background: #527798;
	}

	/* タイトル行 */
	.hour_amedas th {
		background: #FFFFFF;
		font-size: 10px;
		font-weight: normal;
		height: 18px;
	}

	.hour_amedas td {
		width: 100%;
		height: 24px;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		border-bottom: 1px #c7c7c7 solid;
		/* セルの下の境界線 */
	}

	/* 風向きアイコンの表示幅、高さ */
	.hour_amedas .wind_img {
		width: 20px;
		height: 20px;
	}

	.hour_amedas .heading {
		border-bottom: 1px #c7c7c7 solid;
		/* セルの下の境界線 */
	}

	/* 平日 */
	.hour_amedas .date {
		background: #EEF6FE;
		border-bottom: 1px #c7c7c7 solid;
		/* セルの下の境界線 */
	}

	/* 平日 */
	.hour_amedas .etc {
		color: #000000;
		background: #FFFFFF;
	}

	/* 土曜 */
	.hour_amedas .Sat .date {
		background: #4790FF;
	}

	.hour_amedas .Sat .etc {
		background: #EAF4FE;
	}

	/* 日曜 */
	.hour_amedas .Sun .date {
		background: #FD514F;
		color: #ffffff;
	}

	.hour_amedas .Sun .etc {
		background: #FFEAE9;
	}

	/* 祝日 */
	.hour_amedas .holiday .date {
		background: #FD5151;
		color: #ffffff;
	}

	.hour_amedas .holiday .etc {
		background: #FFEAE9;
	}

	/* 画像を真ん中に */
	.hour_amedas img {
		vertical-align: middle;
	}

	/* 風、気温、降水、日照ボタン */
	.amedas_map_tab {

		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
	}

	.amedas_map_tab_button {

		display: block;
		/* ブロック要素にする */

		font-size: 12px;
		line-height: 24px;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;
		/* 角丸 */

		color: #FFFFFF;
		text-decoration: none;
		/* 下線を消す */

		/* 背景グラデーション表示 */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#42B7E8', EndColorStr='#3C6C90');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#42B7E8), to(#3C6C90));
		/* Chrome,Safari */

		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;

		right;
		0;
	}

	.amedas_map_tab_button:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	.amedas_kazamuki_hanrei,
	.amedas_kion_hanrei,
	.amedas_kousui_hanrei,
	.amedas_nisshou_hanrei {
		width: 350px;
		height: 40px;
		background: rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		padding: 5px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	/* ◆アメダスアコーディオン */
	.amedas_accordion table {
		width: 100%;
		margin: 0;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		padding: 5px;
		/* 上下の余白 */
		/* 背景グラデーション表示 */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#5C5C5C', EndColorStr='#2C2C2C');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(#2C2C2C));
		/* Chrome,Safari */
		cursor: pointer;
		/* ポインターにする */
	}

	.amedas_accordion table .left {
		width: 50px;
	}

	.amedas_accordion table .text {
		text-align: left;
	}

	.amedas_accordion table .right {
		width: 50px;
		text-align: right;
	}

	.amedas_accordion_below .common_link .text {
		/* 背景の余白（top, right, bottom, left） */
		padding: 6px 0px 6px 10px;
	}

	.amedas_accordion_below .common_link .arrow_icon {
		text-align: right;
		/* 右寄せ */
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 10px 0px 0px;
	}

	.amedas_accordion_below .common_link tr {
		border: 1px #BCCCDB solid;
		/* セルの枠線 */
	}

	.amedas_accordion_below .common_link td {
		cursor: pointer;
		/* ポインターにする */
	}

	/* ◆アメダスアコーディオンリスト */
	.amedas_accordion_below {
		width: 100%;
		color: #000000;
		border-bottom: 1px #FFFFFF;
	}

	.amedas_accordion a:link,
	.amedas_accordion a:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	/* ◆ウィンドマップ */
	.wind_map {
		background: #393939;

		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 15px 0px 0px 0px;
	}

	.wind_map .map_canvas {
		text-align: center;
		width: 300px;
		height: 300px;
	}

	// Google Map表示くずれ対応 2014/9/10
	// コース詳細と、ウィンドマップが該当IDのmap_canvas
	#map_canvas {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	}

	#map_canvas img {
		max-width: none !important;
		/* IE向け */
		max-width: initial !important;
		max-width: unset !important;
		/* unset 値に対応しているブラウザ向け */
	}

	#map_canvas label {
		width: auto;
		display: inline;
	}

	/*
	.gm-style img{
	max-width: initial;
	max-width: unset;
	}

	.gm-style label{
		width : auto;
		display : inline;
	}
	*/

	.wind_map_simu {

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 5px 0px;
	}

	.wind_map_simu a {
		cursor: pointer;
	}

	.wind_map_hanrei {

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 0px;
	}

	.amagumo_map_hanrei {
		width: 350px;
		height: 40px;
		background: rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}

	.amagumo_map_hanrei img {
		margin-top: 13px;
	}

	/* ◆戻るボタン、進むボタン */
	.prev_btn,
	.next_btn {
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		/* 下線を消す */
		width: 117px;
		height: 37px;
		background: #8AACCB;
		margin: 0px 0.5px;
	}

	.prev_btn .cell,
	.next_btn .cell {
		margin: 8px;
	}

	.prev_btn {
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}

	.next_btn {
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
	}

	.amedas_pref,
	.amedas_area {
		position: relative;
	}

	.common_mini_title {
		position: absolute;
		z-index: 50;
		width: 100%;
		margin: 0;
		color: #FFFFFF;
		background: rgba(0, 0, 0, 0.5);

		font-size: 12px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 4px 0px 4px 0px;
	}

	.hour_yohou_head {
		width: 100%;
		background: #fff;
		padding: 4px 6px;
		box-sizing: border-box;
	}

	.update_spot_name {
		float: left;
		border-left: 5px solid #20615b;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		padding: 2px 0px 2px 6px;
	}

	.update_spot_name_pc {
		float: left;
		border-left: 5px solid #20615b;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		padding: 2px 0px 2px 6px;
	}

	.yohou_update_time {
		float: right;
		margin: 0;
		color: #888888;
		font-size: 10px;
		font-weight: bold;
		font-style: normal;
		text-align: right;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 2px 0px 2px 0px;
	}


	.yohou_update_time a {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 10px 0px 0px;
	}

	.yohou_update_time a:link,
	.yohou_update_time a:visited {
		color: #888888;
		/* リンクの色を変えない */
	}


	/* ■アメダス 広域・周辺エリア */
	.amedas_map table {
		width: 100%;
		height: 280px;
	}

	.amedas_map table .cell {
		width: 10%;

		height: 280px;
		/* この２つの値を揃えないと */
		line-height: 280px;
		/* 縦位置中央に表示されない */
		vertical-align: middle;
		/* これで縦位置中央 */

		display: inline;
		/* 横位置中央はこの指定 */
		text-align: center;
		/* これで横位置中央 */
	}

	.amedas_map .left_arrow {
		width: 30px;
		text-align: center;
		background: #555555;
	}

	.amedas_map .left_arrow_hide {
		width: 30px;
		text-align: center;
		background: #393939;
	}

	.amedas_map .tenkizu {}

	.amedas_map .right_arrow {
		width: 30px;
		text-align: center;
		background: #555555;
	}

	/* ■雨雲の動き */
	/* 動画シミュレーションボタン */
	/*
	.pref .amagumo_map_simu .amagumo_map .amagumo_simu_btn,
	.area .amagumo_map_simu .amagumo_map .amagumo_simu_btn {
	*/
	.amagumo_simu_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		color: white;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;

		text-decoration: none;
		/* 下線を消す */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 20px 5px 15px;

		/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
		background: #379DCF;
		/* IEはグラデーションなし */
		background: url("../img/arrow_right.png"), -webkit-gradient(linear, left top, left bottom, from(#45B9EE), to(#2478A7));
		/* Chrome,Safari */
		background-repeat: no-repeat;
		background-position: 90% center;
	}

	.amagumo_past_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		color: white;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;

		text-decoration: none;
		/* 下線を消す */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 20px 5px 15px;

		/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
		background: #EE7D59;
		/* IEはグラデーションなし */
		background: url("../img/arrow_right.png"), -webkit-gradient(linear, left top, left bottom, from(#F39071), to(#E65D2F));
		/* Chrome,Safari */
		background-repeat: no-repeat;
		background-position: 90% center;
	}


	.amagumo_simu_btn:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	.amagumo_past_btn:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	.amagumo_tabs {
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		display: flex;
		justify-content: center;
	}

	.amagumo_tabs .amagumo_tab {
		height: 35px;
		width: 310px;
		margin: 5px 1px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		/* 角丸 */
		background: #527798;
	}

	.amagumo_tabs .amagumo_tab.active {
		background: #FD7E39;
		font-weight: bold;
	}

	.amagumo_tabs .cell {
		padding: 7px;
		/* 上下の余白 */
		color: #FFFFFF;
	}

	.amagumo_tab_contents {
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: #527798;
	}

	/* 広域エリア、周辺エリア*/
	.amagumo_tab_contents .area,
	.amagumo_tab_contents .pref {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.amagumo_map {
		margin-top: 10px;
		padding: 0px;
	}

	.amagumo_map_simu {
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 0px;
	}

	/* ◆コース基本情報 コースマップ */
	.course_map {
		background: #393939;

		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 15px 0px 5px 0px;
	}

	.course_map h4 {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 10px 0px 20px;
		color: #fff;
	}

	.course_map_d {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.course_map_d .title {
		background: #393939;
		color: #fff;
		font-size: 16px;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 0px;
	}

	/* コース基本情報 タイトル部品 */
	.course_detail_header {
		padding: 3px 0 3px 5px;
		font-weight: bold;
		border-left: #20615b 6px solid;
		margin: 5px 0px;
	}


	/* コース基本情報 */
	.course_detail {

		width: 100%;
		box-sizing: border-box;
		/* はみ出る対策 */

		font-size: 14px;
		font-weight: bold;

		color: #000000;
		background: #FFFFFF;

		margin: 0;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		margin-bottom: 30px;
	}

	.course_detail table {

		margin: 0;
		padding: 0px;
		/* 上下の余白 */
	}

	.course_detail td {

		word-break: break-all;
		/* 長いurlを折り返す */

		border-bottom: 2px #E9E9E9 solid;
		/* セルの枠線 */
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.course_detail td a:link,
	.course_detail td a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	.course_detail .header {

		box-sizing: border-box;
		/* はみ出る対策 */

		white-space: nowrap;
		text-align: center;
		background: #BADCFF;
		padding: 5px;
		/* 上下左右の余白 */

		table-layout: fixed;
		width: 60px;
	}


	.to_course_weather_link {
		width: 100%;
		background: #e5f8f4 url("/img/arrow_bl.png") no-repeat center right;
		padding: 10px 20px 10px 5px;
		box-sizing: border-box;
		color: #333 !important;
		display: block;
		text-decoration: none;
	}


	/* コース概要 */
	.course_summary {

		width: 100%;
		background: #FFFFFF;

		margin: 0;
		/* 背景の余白（top, right, bottom, left） */
		padding: 15px 0px 15px 0px;
	}

	.course_summary table {

		width: 90%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		color: #000000;
		text-align: center;
		font-size: 16px;

		/*font-weight: bold;*/
		/* テーブル間の余白（左右、上下） */
		border-spacing: 6px 0px;

		margin: 0;
		padding: 0px;
		/* 上下の余白 */
	}

	.course_summary .header {
		color: #ffffff;
		padding: 0px;
		/* 上下の余白 */
		width: 20px;
	}

	.course_summary .header td {

		font-size: 16px;
		background: #376733;
		color: #ffffff;
		border: 0px #000000 solid;
		/* セルの枠線 */

		/* 背景グラデーション表示 */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#2E702C', EndColorStr='#07382D');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#2E702C), to(#07382D));
		/* Chrome,Safari */

	}

	.course_summary .data td {

		background: #FFFFFF;
		color: #000000;
		font-size: 24px;
		font-weight: bold;
		border-bottom: 3px #11462D solid;
		/* セルの枠線 */
		border-left: 3px #11462D solid;
		/* セルの枠線 */
		border-right: 3px #11462D solid;
		/* セルの枠線 */
	}

	/* ◆アメダス　エリアウェザー　フリッカブル */
	.amedas_map .viewport {
		width: 280px;
		/* １つの画像を表示する幅。画像と同じ幅を指定 */
		overflow: hidden;
		margin: 0 auto;
	}

	.amedas_map .flipsnap {
		width: 1800px;
		/* 300px(item width) + 20px (right margin) * 6(item count) */
	}

	.amedas_map .item {
		float: left;
		height: 280px;
		width: 280px;
		/* １つの画像の幅 */
		font-size: 14px;
		font-weight: bold;
		text-align: right;

		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 20px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;

		background: #393939;
		border: 0px solid #999;
		color: #FFFF00;
	}

	.amedas_map {
		width: 100%;
		max-width: 500px;
	}



	.amedas_map .amedas_kazamuki_btn,
	.amedas_map .amedas_kion_btn,
	.amedas_map .amedas_kousui_btn,
	.amedas_map .amedas_nisshou_btn {
		display: flex;
		justify-content: center;
		/* 背景の余白（top, right, bottom, left） */
		padding: 25px 0px 20px 0px;
	}

	.amedas_hanrei {
		padding-bottom: 30px;
	}

	/* ◆一般天気用アコーディオンリスト */
	.accordion_area {
		padding: 10px;
		/* 上下の余白 */
		background: #808080;
		font-weight: bold;
		font-size: 14px;
		background-image: url("../img/arrow_wh2.png");
		background-repeat: no-repeat;
		background-position: 96% center;

		border-bottom: 1px #FFFFFF solid;
		/* セルの枠線 */
		cursor: pointer;
		/* ポインターにする */
		color: #fff;
	}

	.accordion_pref {
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 20px;
		background: #e3e3e3;
		color: #000;
		font-weight: bold;
		font-size: 14px;
		background-image: url("../img/arrow_bl3.png");
		background-repeat: no-repeat;
		background-position: 96% center;

		border-bottom: 1px #FFFFFF solid;
		/* セルの枠線 */
		cursor: pointer;
		/* ポインターにする */
	}

	/* ◆一般天気 */
	.pubweather_sub_title {
		width: 100%;
		margin: 0;
		color: #000000;
		background: #FFFFFF;

		font-size: 14px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 0px;
		color: #ffffff;
		background: #1766DD;
	}

	.pubweather_tab_contents {
		color: #000000;
		font-weight: bold;
		padding: 10px;
		margin: 0px;
		background: #EEEEEE;
	}


	.pubweather_tab_contents .tenki {
		width: 100%;
		box-sizing: border-box;
		/* はみ出る対策 */
		-webkit-box-sizing: border-box;
		/* Android 用*/
		border: 2px #D5D5D5 solid;
		/* セルの枠線 */
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.pubweather_tab_contents .tenki img {
		vertical-align: middle;
		/* 画像とテキストを中央揃え */
	}

	.pubweather_tab_contents .kion {
		width: 100%;
		box-sizing: border-box;
		/* はみ出る対策 */
		-webkit-box-sizing: border-box;
		/* Android 用*/
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 10px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.pubweather_tab_contents .kion table {
		width: 100%;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		border: 2px #D5D5D5 solid;
		/* 枠線 */
	}

	.pubweather_tab_contents .kion .place {
		width: 20%;
		color: #000000;
		background: #DED6C2;
		font-weight: bold;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 10px 5px 10px;
	}

	.pubweather_tab_contents .kion .max_text {
		width: 10%;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		background: #FF1412;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.pubweather_tab_contents .kion .max_value {
		width: 20%;
		color: #FF1412;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		background: #FFDEDE;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 10px 5px 10px;
	}

	.pubweather_tab_contents .kion .min_text {
		width: 10%;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		background: #1371FF;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.pubweather_tab_contents .kion .min_value {
		width: 20%;
		color: #1371FF;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		background: #C4DBFD;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 10px 5px 10px;
	}

	.pubweather_tab_contents .kazenami {
		width: 100%;
		box-sizing: border-box;
		/* はみ出る対策 */
		-webkit-box-sizing: border-box;
		/* Android 用*/
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 10px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.pubweather_tab_contents .kazenami table {
		width: 100%;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		border: 2px #D5D5D5 solid;
		/* セルの枠線 */
	}

	.pubweather_tab_contents .kazenami tr {
		width: 100%;
		font-weight: bold;
		color: #000000;

		border: 2px #D5D5D5 solid;
		/* セルの枠線 */
	}

	.pubweather_tab_contents .kazenami .kaze_text {
		text-align: center;
		font-size: 14px;
		width: 30px;
		color: #000000;
		background: #BBD7FF;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.pubweather_tab_contents .kazenami .kaze_value {
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 10px 5px 10px;
	}

	.pubweather_tab_contents .kazenami .nami_text {
		text-align: center;
		font-size: 14px;
		width: 30px;
		background: #83B0F5;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.pubweather_tab_contents .kazenami .nami_value {
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 10px 5px 10px;
	}

	.pubweather_tab_contents .kousui table {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 10px 0px 0px 0px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;

		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		border: 2px #D5D5D5 solid;
		/* セルの枠線 */
	}

	.pubweather_tab_contents .kousui td {
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		border: 2px #EEEEEE solid;
		/* セルの境界線 */
	}

	.pubweather_tab_contents .kousui .time_title {
		color: #FFFFFF;
		background: #869DBF;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.pubweather_tab_contents .kousui .time_h {
		font-size: 11px;
		color: #000000;
		background: #B1C5E0;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.pubweather_tab_contents .kousui .kousui_title {
		font-size: 11px;
		color: #FFFFFF;
		background: #929AA5;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 5px 5px 5px;
	}

	.pubweather_tab_contents .kousui .kousui_value {
		color: #000000;
		font-size: 16px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 10px 5px 10px;
		background: #D7D7D7;
	}



	.wind_map_zoom {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 0px 10px 0px;
	}

	.zoomin_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		color: white;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;

		text-decoration: none;
		/* 下線を消す */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 20px 5px 15px;

		/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
		background: -webkit-gradient(linear, left top, left bottom, from(#45B9EE), to(#2478A7));
		/* Chrome,Safari */
		background-repeat: no-repeat;
		background-position: 90% center;
	}

	.zoomout_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		color: white;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;

		text-decoration: none;
		/* 下線を消す */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 20px 5px 15px;

		/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
		background: -webkit-gradient(linear, left top, left bottom, from(#F39071), to(#E65D2F));
		/* Chrome,Safari */
		background-repeat: no-repeat;
		background-position: 90% center;
	}

	.zoomin_btn a:link,
	.zoomin_btn a:visited,
	.zoomout_btn a:link,
	.zoomout_btn a:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	/* ◆マイホームコースリスト */
	.my_home_course_parent {
		padding-bottom: 8px;
		background-color: #FFFFFF;
	}

	.my_home_course {
		width: 100%;
		padding: 3px;
		background: #FFFF;
		font-size: 14px;
		border-bottom: 1px #FFFFFF solid;
		text-decoration: none;
		text-align: left;
		padding: 0px;
		height: 61px;
	}

	.my_home_course_td {
		width: 100%;
	}

	.my_home_course .btn {
		width: 10px;
		height: 25px;
		padding-right: 15px;
	}

	.my_home_course .course {
		display: inline-flex;
		text-decoration: none;
		/* 下線を消す */
	}

	/* 子要素全てに同じスタイル */
	.my_home_course * {
		vertical-align: middle;
	}

	.my_home_course a {
		color: #393939;
		text-decoration: none;
		font-weight: bold;
		width: 100%;
	}

	.my_home_course .city {
		color: #393939;
		text-decoration: none;
		font-weight: bold;
		width: 95%;
		height: 60px;
	}

	.my_home_course .city .col {
		width: 97%;
	}

	.my_home_course .adress {
		text-decoration: none;
		font-size: 12px;
		font-weight: normal;
		opacity: 1;
		margin-top: 11px;
		margin-bottom: 6px;
	}

	.my_home_course .cate {
		text-decoration: none;
		font-size: 10px;
		background-color: #77C9E2;
		color: #ffffff;
		padding: 5px;
		font-weight: normal;
	}

	.my_home_course .col {
		display: inline-block;
		line-height: 9px;
		padding-top: 2px;
	}

	/* .my_home_course_parent table:first-child .up{
		visibility: hidden;
	}

	.my_home_course_parent table:last-child .down{
		visibility: hidden;
	} */

	/* ieではlast-childが効かないので、別の方法で実現 */
	.my_home_course_parent #last_btn {
		visibility: hidden;
	}

	.my_home_course_text {
		background: #ffffff;
		/* border-bottom: 1px #FFFFFF solid; */
		padding: 8px 10px 7px 10px;
		font-size: 12px;
		text-align: left;
		color: #000000;
	}

	.my_home_course_text .my_home_course_title {
		margin: 15px 0;
		font-weight: bold;
	}

	.my_home_course_explanation_wrappper {
		margin-top: 15px;
		padding: 0 5px 15px 5px;
		border: #1b2538 solid 1px;
		border-radius: 8px;
	}

	.my_home_course_explanation>img {
		width: 80%;
		max-width: 400px;
		border: 1.5px solid #ddd;
		display: block;
		margin: 5px auto 0 auto;
	}

	.my_home_course_explanation>div {
		/*width: 400px;*/
		/*max-width: 65%;*/
		text-align: center;
		padding: 10px 0;
	}

	.my_home_course_link {
		margin-top: 20px;
	}

	.my_home_course_link>div {
		width: 300px;
		height: 40px;
		margin: 10px auto;
		border-radius: 8px;
		background: #E9E4D4;
	}

	.my_home_course_link_btn {
		color: #1b2538;
		padding: 8px 3px;
		text-align: center;
		margin-left: 10px;
		font-size: 16px;
		font-weight: initial;
		font-family: ヒラギノ角ゴシック;
	}

	.my_home_course_text_app {
		background: #1c3b2a;
		color: #fff;

		/*border-bottom: 1px #FFFFFF solid;*/
		/* セルの枠線 */
		/* 背景の余白（top, right, bottom, left） */
		padding: 15px 20px 15px 20px;
		font-size: 14px;
		text-align: center;
	}

	/*コースのリスト*/
	.my_home_course_list {
		background: #FFFF;
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 4px;
		font-size: 18px;
		text-align: left;
		font-weight: bolder;
	}
	@media screen and (max-width: 1080px) {
		.my_home_course_list {
			padding: 10px 10px 4px 10px;
		}
	}
	.my_home_course_parent .cate_img {
		border-style: none;
		width: 90px;
		height: 60px;
		padding: 0px 10px 4px 0px;
	}
	@media screen and (max-width: 1080px) {
		.my_home_course_parent .cate_img {
			padding: 0px 10px 4px 10px;
		}
	}

	.my_home_course_parent .city {
		border-style: none;
		width: 100%;
		height: 60px;
		padding: 20px 10px 20px 18px;
	}

	.my_home_course_list .info {
		font-size: 12px;
		text-align: left;
		margin-bottom: 10px;
		margin-top: 2px;
		font-weight: normal;
	}

	.my_home_course_update {
		text-align: center;
		background: #393939;

		/* 背景の余白（top, right, bottom, left） */
		padding: 15px 40px 15px 40px;
	}

	.my_home_course_update_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		color: white;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 4px;

		text-decoration: none;
		/* 下線を消す */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 40px 5px 40px;

		/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
		background: -webkit-gradient(linear, left top, left bottom, from(#F39071), to(#E65D2F));
		/* Chrome,Safari */
		background-repeat: no-repeat;
		background-position: 90% center;
	}

	.my_home_course .course {

		text-decoration: none;
		/* 下線を消す */
	}


	.my_home_course_message {

		border-top: 1px #FF0000 solid;
		/* セルの枠線 */
		border-bottom: 1px #FF0000 solid;
		/* セルの枠線 */
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 20px 10px 20px;

		color: #FF0000;
		background: #FFEEEE;
		text-align: left;
	}

	.my_home_course_sort_button {
		width: 84px;
		height: 27px;
		border-radius: 8px;
		color: #898989;
		white-space: nowrap;
		background-color: #fff;
		border: 0.1em #898989 solid;
	}

	.sort_img {
		width: 22px;
		background-image: url(/img/icon/sort_grab.png);
		background-repeat: no-repeat;
		background-position: center;
		margin-right: 10px;
		background-size: 35px;
		flex-shrink: 0;
	}
	@media screen and (max-width: 1080px) {
		.sort_img {
			margin-left: 10px;
			margin-right: 0px;
		}
	}

	.course a {
		display: inline-flex;
	}

	/* インフォメーション */
	.infomation_text {
		font-size: 14px;
		background: #ffffff;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	/* インフォメーション */
	.about_tsuriten {
		font-size: 14px;
		background: #e9e4d4;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	.footer_text_sample1 {
		font-size: 14px;

		color: #FFFFFF;
		background: #0684c3;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	.footer_text_sample2 {
		font-size: 14px;

		color: black;
		background: #d3ecf8;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	.footer_text_sample3 {
		font-size: 14px;

		color: black;
		background: #fafee2;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	.footer_caution {
		font-size: 14px;
		font-weight: bold;

		color: black;
		background: #51865C;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	.infomation_sub_title {
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		background: #dcdddd;
		padding: 10px 10px 10px 10px;
	}

	.otoiawase_mail {
		margin-bottom: 20px;
	}

	.otoiawase_mail_btn {
		font-size: 14px;
		color: #000000;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
		border: solid 0px;
		border-radius: 4px;
		padding: 5px 20px 5px 20px;
		background: #FAEBD7;
	}

	.otoiawase_mail a:link,
	.otoiawase_mail a:visited {
		color: #000000;
		/* リンクの色を変えない */
	}

	/* facebool, twitterのいいねボタン */
	.fb_tw_btn {
		text-align: center;

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 5px 0px;
	}

	.fb_tw_btn div {
		float: left;
		box-sizing: border-box;
		/* はみ出る対策 */
		-webkit-box-sizing: border-box;
		/* Android 用*/

		width: 50%;
	}

	.fb_tw_btn .fb-like {
		text-align: right;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 5px 0px 0px;
	}

	.fb_tw_btn .twitter {
		text-align: left;
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 5px;
	}

	/* twitterのボタンの幅調整 */
	iframe.twitter-share-button {
		width: 90px !important;
	}

	.fb-share-button {
		height: 30px;
	}

	.sns_list {
		/*    border: 1px solid #CCC;*/
		margin-top: 7px;
		padding: 0px;
		overflow: hidden;
		position: relative;
	}

	.sns_list ul {
		position: relative;
		left: 50%;
		list-style: none outside none;
		float: left;
		margin: 0 0 0 0;
		padding: 0;
	}

	.sns_list ul li {
		float: left;
		height: 25px;
		margin-right: 2px;
		padding: 2px;
		/*    border: 1px solid #999;*/
		position: relative;
		left: -50%;
	}

	/* fbのシェアボタンだけがbottom設定になっており、下にズレるので、調整 */
	.sns_list ul li div span {
		vertical-align: top !important;
	}

	/* fbリンク */
	.pre_footer table {
		width: 100%;
		margin: 0;
		padding: 0px;
		/* 上下の余白 */

		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		/*	border: 1px white solid; */
		font-size: 10px;
	}

	.pre_footer_pc table {
		width: 100%;
		margin-bottom: 8px;
		padding: 6px;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		font-size: 12px;
	}

	a.footer_link_pc {
		font-size: 12px;
		color: #000;
		text-decoration: none;
	}

	.about_link {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		background-color: #20615b;
		color: black;
		/* 背景の余白（top, right, bottom, left） */
		padding: 15px 0px 15px 0px;
	}

	/* ◆PR用ページ*/
	.pr_sub_title {
		font-size: 14px;
		font-weight: bold;

		color: #FFFFFF;
		background: #FF6400;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	.pr_text {
		font-size: 14px;

		color: #FFFFFF;
		background: #51865C;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;
	}

	.pr_contents {
		margin: 20px 15px;
		/* 上下の余白 */
		font-size: 14px;
		line-height: 1.8;
		-webkit-text-size-adjust: 100%;
	}

	.pr_contents_title {
		color: #000000;
		font-weight: bold;
		font-size: large;
	}

	.pr_contents a {
		color: #333;
	}

	.pr_search_info {
		width: 100%;
		margin: 0;
		font-size: 14px;
		font-style: normal;
		text-align: center;
		vertical-align: middle;
		padding: 0px;
		color: #000000;
		background: #C0C0C0;
	}

	/* ◆トピックス */
	.pr_frame {
		margin: 10px 0;
		/* 上下の余白 */
		height: 100%;
		border: solid 2px #999;
		border-radius: 1em;
		background-color: #ffffff;
	}
	@media screen and (max-width: 1080px) {
		.pr_frame {
			margin: 10px;
		}
	}

	.pr_frame img {
		vertical-align: middle;
		/* 画像とテキストを中央揃え */
	}

	/* ◆エリア実況、風、気温、降水、日照ボタン */
	.amedas_header {
		width: 100%;
		margin: 0;
		background: #FD7E39;
		padding: 2px 0px 2px 0px;
	}

	.amedas_simu_btns {
		margin-top: 20px;
		margin-bottom: 17px;
		display: flex;
		justify-content: center;
	}

	.amedas_simu_btns .amedas_simu_btn {
		width: 126px;
		height: 26px;
		background: #8AACCB;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		margin: 0px 0.5px;
	}

	.amedas_simu_btns .amedas_simu_btn .cell {
		margin-top: 2.5px;
	}

	.amedas_simu_btns .amedas_simu_btn.active {
		background: #FD7E39;
	}

	.amedas_simu_btn.kazamuki_btn {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.amedas_simu_btn.nisshou_btn {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	/* PR/tutorial用 */
	#tutorial_menu {
		font-size: 14px;
		background: #dcdddd;
		padding-bottom: 10px;
		margin-top: 10px;
	}

	#tutorial_menu h2 {
		font-size: 18px;
		font-weight: bold;
		color: #000000;
		background: #dcdddd;
		padding: 10px 10px 10px 10px;
	}

	#tutorial_menu h3 {
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		padding-left: 20px;
	}

	#tutorial {
		margin-top: 50px;
		padding: 10px 10px 10px 10px;
	}

	#tutorial h2 {
		font-size: 18px;
		margin-bottom: 10px;
		border-bottom: 1px #fff solid;
	}

	#tutorial .tutorial_content {
		margin-bottom: 30px;
	}


	#tutorial .tutorial_img {
		margin: 10px;
		text-align: center;
	}

	#tutorial .tutorial_img img {
		width: 100%;
		max-width: 400px;
	}

	#tutorial .to_tutorial_m {
		margin-top: 10px;
		text-align: right;
	}




	.md_frame {
		width: 100%;

		/*	margin :10px;*/

		/* 背景の透過 */
		/* IEだけ個別にfilterで背景を透過させる */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
		background-color: rgba(255, 255, 255, 0.4);
	}

	.md_contents_title {
		color: red;
		font-weight: bold;
	}

	.md_contents {
		color: #000000;
		text-align: left;
		/* 左寄せ */

		font-weight: bold;
		font-size: 14px;

		/*margin :10px;*/
		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 10px 10px 10px;

	}

	.md_footer {
		background-color: #20615b;

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 0px;
		color: black;
	}

	.md_top_link {
		color: red;
		text-align: center;

		font-weight: bold;
		text-decoration: underline;
		/* 下線を消す */

		/* 背景の余白（top, right, bottom, left） */
		padding: 10px 0px 10px 0px;
	}

	md_top_link a:link,
	md_top_link a:visited {
		color: red;
		/* リンクの色を変えない */
	}

	/* ◆ウィンドマップ リセットボタン */
	.reset_btn {
		color: #000000;

		font-weight: bold;
		text-align: center;
		text-decoration: none;
		/* 下線を消す */

		width: 80px;

		background: #335480;
		/* IEはグラデーションなし */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#ECEDF0', EndColorStr='#C5C5C5');
		background: -webkit-gradient(linear, left top, left bottom,
				from(#909090), color-stop(0.5, #909090), to(#808080));

		border: 0px solid #7d99ca;
		border-radius: 5px;

		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 0px 4px 0px 4px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 15px 5px 15px;
	}

	.wind_map_link {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 15px 15px 15px;
	}

	.wind_map_link a:link,
	.wind_map_link a:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	/* ◆ブログパーツ用タイトル*/
	.blogparts_title {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		padding: 8px;
		/* 上下の余白 */

		/* 背景グラデーション表示 */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#013C88', EndColorStr='#0E2F5C');
		background: -webkit-gradient(linear, left top, left bottom, from(#013C88), to(#0E2F5C));
		/* Chrome,Safari */
		background: -moz-linear-gradient(top, #3F81CB, #0E2F5C);
	}

	/* ◆ブログパーツ 1時間、3時間毎の天気予報 */
	.hour_yohou_blogparts {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		margin: 0;
		padding: 0;
		color: #000000;

		font-size: 10px;
		/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
	}

	/* タイトル行 */
	.hour_yohou_blogparts th {
		background: #c7c7c7;
		height: 18px;
		font-size: 10px;
	}

	.hour_yohou_blogparts tr {
		width: 100%;
	}

	.hour_yohou_blogparts td {
		height: 24px;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		border-bottom: 1px #c7c7c7 solid;
		/* セルの下の境界線 */
	}

	.hour_yohou_blogparts em {
		font-size: 0.5em;
		line-height: 0.5em;
		font-style: normal;
		font-weight: normal;
	}

	/* 平日 */
	.hour_yohou_blogparts .date {
		color: #ffffff;
		background: #A0A0A0;
		border-color: #A0A0A0;
		border-bottom: 1px #c7c7c7 solid;
		/* セルの下の境界線 */
	}

	/* 平日 */
	.hour_yohou_blogparts .etc {
		color: #000000;
		background: #EEEEEE;
	}

	/* 土曜 */
	.hour_yohou_blogparts .Sat .date {
		background: #4790FF;
	}

	.hour_yohou_blogparts .Sat .etc {
		background: #EAF4FE;
	}

	/* 日曜 */
	.hour_yohou_blogparts .Sun .date {
		background: #FD514F;
		color: #ffffff;
	}

	.hour_yohou_blogparts .Sun .etc {
		background: #FFEAE9;
	}

	/* 祝日 */
	.hour_yohou_blogparts .holiday .date {
		background: #FD5151;
		color: #ffffff;
	}

	.hour_yohou_blogparts .holiday .etc {
		background: #FFEAE9;
	}

	/* 画像を真ん中に */
	.hour_yohou_blogparts img {
		vertical-align: middle;
	}

	/* 風向きアイコンの表示幅、高さ */
	.hour_yohou_blogparts .wind_img {
		width: 16px;
		height: 16px;
	}

	/* ◆週間天気予報 */
	.week_yohou_title_blogparts {
		margin: 0;
		color: #000000;

		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */

		font-size: 13px;
		padding: 3px;
		color: #ffffff;
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#68748E', EndColorStr='#515F7A');
		background: -webkit-gradient(linear, left top, left bottom, from(#68748E), to(#515F7A));
		/* Chrome,Safari */
		background: -moz-linear-gradient(top, #68748E, #515F7A);
	}

	.week_yohou_blogparts {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		margin: 0;
		color: #000000;
		background: #EAECE9;
		/* セルの背景色 */

		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
		/* 境界線を重ねて表示 */
	}

	.week_yohou_blogparts caption {
		width: 100%;
		margin: 0;
		color: #000000;

		font-size: 10px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 3px 0px 3px 0px;
		color: #000000;
		background: #ADBDCD;
	}

	.week_yohou_blogparts td {
		font-size: 11px;
		background: #EAECE9;
		/* セルの背景色 */
		border-right: 1px #EAECE9 solid;
		/* セルの右の境界線 */
	}

	.week_yohou_blogparts .tenki {
		height: 34px;
		/* 天気アイコンの表示高さ */
	}

	/* 平日 */
	.week_yohou_blogparts .date_title {
		color: #ffffff;
		background: #15232C;
	}

	.week_yohou_blogparts .tenki_title {
		color: #ffffff;
		background: #51636F;
	}

	.week_yohou_blogparts .kion_title {
		color: #000000;
		background: #90B6CD;
	}

	.week_yohou_blogparts .kousui_title {
		font-size: 10px;
		/* これだけ小さい字にしておく */
		color: #000000;
		background: #BFD0DA;
	}

	/* 土曜 */
	.week_yohou_blogparts .Sat {
		color: #096EFE
	}

	/* 日曜 */
	.week_yohou_blogparts .Sun {
		color: #FF3639;
	}

	/* 祝日 */
	.week_yohou_blogparts .holiday {
		color: #FF3639;
	}

	.week_yohou_blogparts .tenki_img {
		width: 36px;
		height: 36px;
	}

	/* マイホームコース確認画面 */
	.content_entry {
		text-align: left;
		font-size: 14px;
		color: #333333;
		background-color: #EEEEEE;
		padding: 5px 0px 5px 0px;
		max-width: 1080px;
		margin: 0 auto;
	}

	.content_entry a {
		color: #333333;
		text-decoration: none;
		/* 下線を消す */
	}

	.button_yes,
	.button_no {
		background: -moz-linear-gradient(top, #FFF 0%, #E6E6E6);
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
		border: 2px solid #DDD;
		color: #333;
		font-size: 14px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 1px 1px 1px rgba(000, 000, 000, 0.3);
		-webkit-box-shadow: 1px 1px 1px rgba(000, 000, 000, 0.3);
		padding: 5px 20px 5px 20px;
	}

	/* 共通　ログイン状態表示用部品 */
	.login_status {
		text-align: left;
		font-size: 12px;
		color: #333333;
		background-color: #FFFFFF;
		padding: 4px 5px 2px;
		/*padding: 2px 15px 2px 15px;*/
		/* 余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		display: flex;
		justify-content: space-between;
	}

	.login_status_sp {
		text-align: right;
		font-size: 12px;
		/*	color: #333 !important;*/
		background-color: #fff;
		padding: 4px 5px 2px;
		/*padding: 2px 15px 2px 15px;*/
		/* 余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		/*display: flex;*/
		justify-content: space-between;
	}

	.bread_crumbs_band {
		text-align: left;
		font-size: 12px;
		color: #333333;
		padding: 5px 10px 5px 0px;
		/*padding: 2px 15px 2px 15px;*/
		/* 余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		/*display: flex;*/
		justify-content: space-between;
		/* border-top: 3px solid #20615b; */
	}
	@media screen and (max-width: 1080px) {
		.bread_crumbs_band {
			padding-left: 10px;
		}
		.detail-v2__header {
			padding-left: 10px !important;
		}
	}

	.bread_crumbs_band_pc.pref,
	.bread_crumbs_band.pref {
		background: #FFFFFF;
	}

	.login_status a {
		color: #333333;
		text-decoration: underline;
		/*	text-decoration:none; 下線に変更（2016/11/30） */
		border-style: normal;
		color: #2E57A4;
	}

	.login_status a:visited {
		color: #2E57A4;
	}

	.login_status_pc {
		text-align: left;
		font-size: 12px;
		color: #333333;
		background-color: #FFFFFF;
		padding: 4px 15px 4px 15px;
		/* 余白（top, right, bottom, left） */
		margin: 0px 0px 0px 0px;
		display: flex;
		justify-content: space-between;
	}

	.login_status_pc a {
		color: #333333;
		text-decoration: underline;
		/*	text-decoration:none; 下線に変更（2016/11/30） */
		border-style: normal;
		color: #2E57A4;
	}

	.login_status_pc a:visited {
		color: #2E57A4;
	}


	/* ◆マイホームコース用タイトル */
	.mhc_title {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		padding: 14px;
		/* 上下の余白 */

		/* 背景グラデーション表示 */
		background: #4994CE;
	}

	/* ◆マイホームコース用本文 */
	.mhc_detail {
		text-align: left;
		font-size: 14px;
		color: #333333;
		background-color: aliceblue;
		padding: 5px 15px 5px 15px;
	}

	.mhc_detail a:link,
	.mhc_detail a:visited {
		color: #333333;
		/* リンクの色を変えない */
	}

	.mhc_detail_big {
		text-align: left;
		font-size: 16px;
		color: #333333;
		background-color: aliceblue;
		padding: 5px 15px 5px 15px;
	}

	.mhc_detail_big a:link,
	.mhc_detail_big a:visited {
		color: #333333;
		/* リンクの色を変えない */
	}

	.mhc_obi {
		background: #a8f386;
		padding: 10px;
		border: 1px solid #B0AFA6;
		text-align: center;
		font-weight: bold;
		color: green;
	}

	.mhc_obi_red {
		background: #a8f386;
		padding: 10px;
		border: 1px solid #B0AFA6;
		text-align: center;
		font-weight: bold;
		color: red;
	}

	.mhc_list {
		background: white;
		padding: 10px;
		border: 1px solid #B0AFA6;
		text-align: center;
		font-weight: bold;
		color: blue;
	}

	.button {
		background: -moz-linear-gradient(top, #FFF 0%, #E6E6E6);
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
		border: 2px solid #DDD;
		color: #333;
		font-size: 14px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 1px 1px 1px rgba(000, 000, 000, 0.3);
		-webkit-box-shadow: 1px 1px 1px rgba(000, 000, 000, 0.3);
		padding: 5px 20px 5px 20px;
	}

	/* iframe {     vertical-align: bottom; } */
	/* 下の隙間を埋める */

	.new_ad_link_waku {}

	.new_ad_link {
		max-height: auto;
		/* 最大値をここで設定 */
		vertical-align: bottom;
	}

	/* 天気予報内の広告枠 */
	.new_ad_link_yohou {
		padding-top: 2px;
		padding-bottom: 2px;
		/*	background: #EEEEEE; */
	}

	.ad_link_waku {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	@media screen and (max-width: 1080px) {
		.new_topics_link {
			margin: 0 10px;
		}
	}

	.new_ad_link img {
		/* PCの場合320になってしまうのを解放する*/
		max-width: 100%;
		height: auto !important;
		/* 画像の下の隙間を消す*/
		vertical-align: bottom;
	}

	.new_ad_link .new_topics_link_waku img {

		vertical-align: baseline;
	}

	.tenki_tbl td {
		text-align: center;
		/* 画像とテキストを中央揃え */
		vertical-align: middle;
		/* 画像とテキストを中央揃え */
	}

	.tenki_tbl img {
		/* 画像の下の隙間を消す*/
		vertical-align: bottom;
	}

	.aboutwind {
		text-align: center;
	}

	.aboutwind table {
		margin: 0 auto;
		border-collapse: collapse;
	}

	.aboutwind table td {
		min-width: 35px;
		border: 1px solid #D1D1D1;
		font-size: 1.1rem;
		text-align: center;
		padding: 5px;
		color: #000000;
	}

	.amagumo_area_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 12px;
		color: black;
		line-height: 30px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */

		text-decoration: none;
		/* 下線を消す */

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 20px 5px 15px;
	}

	.amagumo_tab_area td {
		width: 148px;
		color: grey;
		background-color: #DADADB;
	}

	.amagumo_tab_area .active {
		color: grey;
		background-color: #FFFFFF;
	}

	.amagumo_tab_area .nonactive span {
		color: grey;
	}

	.amagumo_tab_area tr {
		align: center;
	}

	.amagumo_tab_area a:link,
	.amagumo_tab_area a:visited {
		color: #000000;
	}

	.amagumo_header {
		width: 100%;
		margin: 0;
		background: #FD7E39;
		padding: 2px 0px 2px 0px;
	}

	.amagumo_time {
		width: 100%;
		max-width: 500px;
		color: #000000;
		background: #FFFFFF;

		font-size: 14px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 5px 0px;
	}

	.amagumo_btns {
		margin-top: 25px;
		display: flex;
		justify-content: center;
	}

	.amagumo_btns .amagumo_btn {
		width: 117px;
		height: 37px;
		background: #8AACCB;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		display: flex;
	}

	.amagumo_btns .amagumo_btn a {
		color: #FFFFFF;
		text-decoration: none;
		margin: auto;
	}

	.amagumo_btns .amagumo_btn.active {
		background: #FF8906;
	}

	/* ◆戻るボタン、進むボタン */
	.amagumo_btn.amagumo_left_btn {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}

	.amagumo_btn.amagumo_right_btn {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
	}

	.amagumo_radio input {
		display: none;
	}

	.amagumo_radio label {
		width: 60px;
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin-left: 5px;
		margin-right: 5px;
		padding: 0px 0px 0px 10px;
		border-radius: 2px;
		color: white;
		font-size: 15px;
		text-align: center;
		line-height: 1;
	}

	.amagumo_radio label:before {
		position: absolute;
		content: "";
		top: 50%;
		left: -10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #bdc3c7;
		border-radius: 50%;
	}

	.amagumo_radio input[type="radio"]:checked+label:after {
		position: absolute;
		content: "";
		top: 50%;
		left: -4px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-radius: 50%;
		background: white;
	}

	.amagumo_table {
		text-align: center;
		border-collapse: collapse;
		border-spacing: 0;
		margin-top: 2px;
		table-layout: fixed;
		color: #fff;
	}

	.amagumo_table .slider_control {
		text-align: center;
	}

	.amagumo_slider {
		height: 50px;
		width: 240px;
	}

	.amagumo_slider .layout {
		width: 235px;
		margin-top: -20px;
	}

	.amagumo_table .tr {
		width: 200px;
		/*	margin-top: -20px;*/
	}

	.amagumo_table td,
	.amagumo_table th {
		border-collapse: collapse;
	}


	.amagumo_play_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 2px;

		text-decoration: none;
		/* 下線を消す */

		height: 20px;
		margin-left: -6px;
		margin-right: 10px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 7px 20px 7px 20px;
		background: #3497C9;
		/* IEはグラデーションなし */

		/* その他詳細はソース側で動的に実現 */
	}

	.amagumo_play_btn:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}


	/* 最初非表示にすると、時刻目盛り部分がズレるので、ここで指定 */
	.jslider-scale ins {
		margin-left: -13px !important;
	}

	/* 雨雲ピン立て */
	.amagumo_map .contents {
		width: 100%;
		max-width: 500px;
		position: relative;
	}

	.amagumo_map .contents .amagumo_time {
		position: absolute;
		font-size: 14px;
		color: #FFFFFF;
		background: rgba(0, 0, 0, 0.5);
	}

	.amagumo_map .contents img {
		width: 100%;
		max-width: 514px;
		max-height: 494px;
	}

	.amagumo_map .contents .blinking img {
		width: 15px;
		height: 15px;
	}

	.amagumo_map .contents img.point {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	/* 雨雲ピン点滅アニメーション。Chrome, IE, Firefoxそれぞれ用意しないと動かない。
	*/
	@-webkit-keyframes pulse {
		from {
			opacity: 1.0;
			/*透明度100%*/
		}

		to {
			opacity: 0.1;
			/*透明度00%*/
		}
	}

	@-moz-keyframes pulse {
		from {
			-moz-opacity: 1.0;
			opacity: 1.0;
			/*透明度100%*/
		}

		to {
			-moz-opacity: 0.1;
			opacity: 0.1;
			/*透明度00%*/
		}
	}


	@-ms-keyframes pulse {
		from {
			filter: alpha(opacity=100);
			opacity: 1.0;
		}

		to {
			filter: alpha(opacity=10);
			opacity: 0.1;
		}
	}

	.blinking img {
		-webkit-animation-name: pulse;
		/* 実行する名前 */
		-webkit-animation-duration: 0.5s;
		/* 0.3秒かけて実行 */
		-webkit-animation-iteration-count: infinite;
		/* 何回実行するか。infiniteで無限 */
		-webkit-animation-timing-function: ease-in-out;
		/* イーズインアウト */
		-webkit-animation-direction: alternate;
		/* alternateにするとアニメーションが反復 */
		-webkit-animation-delay: 0s;
		/* 実行までの待ち時間 */

		-ms-animation-name: pulse;
		/* 実行する名前 */
		-ms-animation-duration: 0.5s;
		/* 0.3秒かけて実行 */
		-ms-animation-iteration-count: infinite;
		/* 何回実行するか。infiniteで無限 */
		-ms-animation-timing-function: ease-in-out;
		/* イーズインアウト */
		-ms-animation-direction: alternate;
		/* alternateにするとアニメーションが反復 */
		-ms-animation-delay: 0s;
		/* 実行までの待ち時間 */

		-moz-animation-name: pulse;
		/* 実行する名前 */
		-moz-animation-duration: 0.5s;
		/* 0.3秒かけて実行 */
		-moz-animation-iteration-count: infinite;
		/* 何回実行するか。infiniteで無限 */
		-moz-animation-timing-function: ease-in-out;
		/* イーズインアウト */
		-moz-animation-direction: alternate;
		/* alternateにするとアニメーションが反復 */
		-moz-animation-delay: 0s;
		/* 実行までの待ち時間 */
	}

	.pc_weather_detail {
		/* min-width: 1080px; */
		max-width: 1080px;
		margin: 0 auto;
	}

	/*
		PC 広告表示用テーブル
		超きっちり隙間ない状態にする
	*/
	@media screen and (max-width:480px) {

		/* スマホサイズはこちらを読み込み */
		.pc_weather_detail {
			min-width: auto;
			max-width: auto;
			margin: 0 auto;
		}
	}

	.pc_weather_detail .cm_pc {
		border-collapse: collapse;
		border-spacing: 0;
		border: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: top;
	}

	.pc_weather_detail .pc_cl {
		box-sizing: border-box;
		width: calc(100% - 323px);
		/* width:70%; */
		min-width: 735px;
		float: left;
	}

	.pc_weather_detail .pc_cr {
		width: 300px;
		float: right;
	}

	.pc_weather_detail .pc_cr .ad_link_waku img {
		width: 100%;
	}

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

		/* スマホサイズはこちらを読み込み */
		.pc_weather_detail {
			width: auto;
			margin: 0 auto;
		}

		.pc_weather_detail .pc_cl {
			width: 100%;
			float: left;
		}

	}

	/*
	wavesimulatorタブ用
	*/
	.wavesimulator_tabs {
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		display: flex;
		justify-content: center;
	}

	.wavesimulator_tabs .wavesimulator_tab {
		height: 35px;
		width: 310px;
		margin: 5px 1px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		/* 角丸 */
		background: #527798;
	}

	.wavesimulator_tabs .wavesimulator_tab.active {
		background: #FD7E39;
		font-weight: bold;
	}

	.wavesimulator_tabs .cell {
		padding: 7px;
		/* 上下の余白 */
		color: #FFFFFF;
	}

	.wavesimulator_tab_contents {
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: #527798
	}

	.wavesimulator_slider_table {
		display: flex;
		justify-content: center;
		margin-top: 35px;
	}

	/* 広域エリア、周辺エリア*/
	.wavesimulator_tab_contents .area,
	.wavesimulator_tab_contents .pref {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.wavesimulator_header {
		width: 100%;
		margin: 0;
		background: #FD7E39;
		padding: 2px 0px 2px 0px;
	}

	.wavesimulator_map {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
		background: #527798;
	}

	.wavesimulator_map .contents {
		width: 514px;
		height: 514px;
		position: relative;
		margin-top: 15px;
	}

	.wavesimulator_map .contents .wavesimulator_time {
		position: absolute;
		width: 100%;
		color: #FFFFFF;
		background: rgba(0, 0, 0, 0.5);

		font-size: 14px;
		font-weight: bold;

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 5px 0px;
	}

	.wavesimulator_map .contents img {
		width: 100%;
		height: 100%;
		max-width: none;
	}

	.wavesimulator_map_hanrei {
		width: 100%;
	}

	.wavesimulator_map_hanrei_wrapper {
		width: 514px;
		height: 40px;
		background: rgba(0, 0, 0, 0.25);
		display: flex;
		justify-content: center;
	}

	.wavesimulator_map_hanrei img {
		display: block;
		margin: auto;
	}

	.wavesimulator_slider {
		height: 50px;
		width: 240px;
		margin-top: 15px;
	}

	.wavesimulator_slider .layout {
		width: 235px;
		margin-top: -20px;
	}

	.wavesimulator_play_btn {
		border-radius: 6px;
		height: 20px;
		margin-left: -6px;
		margin-right: 10px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 6.5px 21.5px;
	}

	.wavesimulator_play_btn:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	/*雷の予測タブ用*/
	.kaminari_tabs {
		width: 100%;
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		display: flex;
		justify-content: center;
	}

	.kaminari_tabs .kaminari_tab {
		height: 35px;
		width: 310px;
		margin: 5px 1px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		/* 角丸 */
		background: #527798;
	}

	.kaminari_tabs .kaminari_tab.active {
		background: #FD7E39;
		font-weight: bold;
	}


	.kaminari_tabs .cell {
		padding: 7px;
		/* 上下の余白 */
		color: #FFFFFF;
	}

	.kaminari_tab_contents {
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: #527798;
	}

	/* 広域エリア、周辺エリア*/
	.kaminari_tab_contents .area,
	.kaminari_tab_contents .pref {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.kaminari_header {
		width: 100%;
		margin: 0;
		background: #FD7E39;
		padding: 2px 0px 2px 0px;
	}

	.kaminari_map {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
		margin-top: 15px;
	}

	/* ◆巻き戻しボタン、実況ボタン、予想ボタン */
	.kaminari_btns {
		margin-top: 25px;
		display: flex;
		justify-content: center;
	}

	.kaminari_btns .kaminari_btn {
		width: 117px;
		height: 37px;
		background: #8AACCB;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		display: flex;
	}

	.kaminari_btns .kaminari_btn a {
		text-decoration: none;
		margin: auto;
	}

	.kaminari_btn.active {
		background: #FF8906;
	}

	.kaminari_left_btn {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}

	.kaminari_right_btn {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
	}

	.kaminari_slider {
		height: 50px;
		width: 240px;
	}

	.kaminari_slider .layout {
		width: 235px;
		margin-top: -20px;
	}

	.kaminari_play_btn {
		/* ボタンサイズはpaddingで指定 */
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;

		border: solid 0px;
		/* ボタンの境界線 */
		border-radius: 2px;

		text-decoration: none;
		/* 下線を消す */

		height: 20px;
		margin-left: -6px;
		margin-right: 10px;
		/* 背景の余白（top, right, bottom, left） */
		padding: 7px 20px 7px 20px;
		background: #3497C9;
		/* IEはグラデーションなし */

		/* その他詳細はソース側で動的に実現 */
	}

	.kaminari_play_btn:visited {
		color: #FFFFFF;
		/* リンクの色を変えない */
	}

	.kaminari_hanrei {
		height: 40px;
		width: 350px;
		background: rgba(0, 0, 0, 0.25);
		border-radius: 5px;
	}

	.kaminari_hanrei img {
		margin-top: 13px;
	}

	/*海面水温タブ用*/
	.seatemperature_tab {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		height: 10px;
		/* この２つの値を揃えないと、 */
		line-height: 10px;
		/* テキストが中央に表示されない */

		color: #000000;
		text-align: center;
		font-size: 12px;
		font-weight: bold;

		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		background: #393939;
	}

	/*海面水温タブ用 2019*/
	.seatemp_or_tide_btns {
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		display: flex;
		justify-content: center;
	}

	.seatemp_or_tide_btns div {
		height: 35px;
		width: 313px;
		margin: 5px 1px 0px 0px;
		color: #FFFFFF;
		border-radius: 5px 5px 0px 0px;
		/* 角丸 */
		background: #527798;
		display: flex;
		cursor: pointer;
	}

	.seatemp_or_tide_btns .cell {
		text-decoration: none;
		font-size: 13px;
		margin: auto;
	}

	.seatemp_or_tide_btns div.active {
		background: #FD7E39;
		font-weight: bold;
	}

	.seatemp_or_tide_header {
		width: 100%;
		margin: 0;
		background: #FD7E39;
		padding: 2px 0px 2px 0px;
	}

	.seatemperature_tab .tab_header {
		/* 背景グラデーション表示 */
		background: #7C94B2;
		/* IEはグラデーションなし */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4));
		/* Chrome,Safari */
	}

	.seatemperature_tab td {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 5px 5px 0px 5px;

		vertical-align: middle;
		border-top: solid 6px #393939;
		/* セルの枠線 */
		border-left: solid 8px #393939;
		/* セルの枠線 */
		border-right: solid 8px #393939;
		/* セルの枠線 */
		border-radius: 16px 16px 0px 0px;
		/* 角丸 */
	}

	.seatemperature_tab .cell {
		padding: 7px;
		/* 上下の余白 */
	}

	.seatemperature_tab a,
	.seatemperature_tab a:visited {
		color: #FFFFFF;
		/* 文字の色を変えない */
	}

	/* アクティブなタブだけ色が異なる */
	.seatemperature_tab .active {
		background: #FF8906;
	}

	.seatemperature_tab .active .cell {
		color: #FFFFFF;
		/* 文字の色 */
	}

	.seatemperature_tab_contents {
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: #FFFFFF;
	}

	/* 広域エリア、周辺エリア*/
	.seatemperature_tab_contents .area,
	.seatemperature_tab_contents .pref {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.seatemperature_header {
		width: 100%;
		margin: 0;
		color: #000000;
		background: #FFFFFF;

		font-size: 14px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 5px 0px;
		background: #FF8906;
	}

	.seatemperature_map {
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 0px 0px;
		/* windy処理
		padding: 15px 0px 0px 0px; */
	}

	/*潮流タブ用*/
	.seacurrent_tab {
		width: 100%;
		table-layout: fixed;
		/* 中身の幅を均一で */
		height: 10px;
		/* この２つの値を揃えないと、 */
		line-height: 10px;
		/* テキストが中央に表示されない */

		color: #000000;
		text-align: center;
		font-size: 12px;
		font-weight: bold;

		border-collapse: collapse;
		/* 境界線を重ねて表示 */
		background: #393939;
	}

	.seacurrent_tab .tab_header {
		/* 背景グラデーション表示 */
		background: #7C94B2;
		/* IEはグラデーションなし */
		filter: progid:DXImageTransform.Microsoft.Gradient (Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4');
		/* IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4));
		/* Chrome,Safari */
	}

	.seacurrent_tab td {
		/* コンテンツ間の余白（top, right, bottom, left） */
		margin: 5px 5px 0px 5px;

		vertical-align: middle;
		border-top: solid 6px #393939;
		/* セルの枠線 */
		border-left: solid 8px #393939;
		/* セルの枠線 */
		border-right: solid 8px #393939;
		/* セルの枠線 */
		border-radius: 16px 16px 0px 0px;
		/* 角丸 */
	}

	.seacurrent_tab .cell {
		padding: 7px;
		/* 上下の余白 */
	}

	.seacurrent_tab a,
	.seacurrent_tab a:visited {
		color: #FFFFFF;
		/* 文字の色を変えない */
	}

	/* アクティブなタブだけ色が異なる */
	.seacurrent_tab .active {
		background: #FF8906;
	}

	.seacurrent_tab .active .cell {
		color: #FFFFFF;
		/* 文字の色 */
	}

	.seacurrent_tab_contents {
		padding: 0px;
		margin: 0px;
		text-align: center;
		background: #FFFFFF;
	}

	/* 広域エリア、周辺エリア*/
	.seacurrent_tab_contents .area,
	.seacurrent_tab_contents .pref {
		/* 背景の余白（top, right, bottom, left） */
		padding: 0px 0px 0px 0px;
	}

	.seacurrent_header {
		width: 100%;
		margin: 0;
		color: #000000;
		background: #FFFFFF;

		font-size: 14px;
		font-weight: bold;
		font-style: normal;

		text-align: center;
		vertical-align: middle;

		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 5px 0px;
		background: #FF8906;
	}

	.seacurrent_map {
		/* 背景の余白（top, right, bottom, left） */
		padding: 5px 0px 0px 0px;
		/* windy処理
		padding: 15px 0px 0px 0px; */
	}

	table.tide_bar {
		display: inline-block;
		vertical-align: top;
		background-color: #696969;
		border-spacing: 5px;
	}

	.tide_info_bar {
		font-size: 0.8em;
		text-align: left;
	}

	.tide_info_bar_small {
		text-align: left;
		padding-left: 2px;
		padding-bottom: 5px;
		font-size: 12px;
		letter-spacing: -0.1em;
	}

	.yohou_subject_pc_table .tide_info_bar_small {
		padding-left: 0;
	}

	.tide_info_bar_small img {
		margin: 0;
		padding: 0;
	}

	.yohou_subject_pc_table .tide_info_bar_small img:not(:first-of-type) {
		margin-left: 15px;
	}

	/* .yohou_subject_pc_table .tide_info_bar_small img{
		margin-left: 5px;
	} */

	.tide_info_bar_small img.sun_icon {
		margin-left: 10px;
	}

	.scroll_sticky {
		position: -webkit-sticky;
		position: sticky;
		padding: 1px 10px;
		top: 0;
		background: #C0C0C0;
		/* background: #F1F9FF; */
	}

	.hour_yohou_element .inland .scroll_sticky {
		/* background: #EFF5F0; */
	}

	.bread_login {
		color: #333;
	}

	.bread_login a {
		color: #333;
	}

	.scroll-prevent {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top: 0;
		/*追記*/
		right: 0;
		/*追記*/
	}

	a.course_box {
		display: flex;
		justify-content: space-between;
		padding: 8px 10px 0px 20px;
		text-align: left;
		color: #393939;
		border-bottom: solid 1px #F4F4F4;
		padding-bottom: 8px;
		background-color: #fff;
	}

	.course_box_name {
		font-size: 15px;
		font-weight: bold;
	}

	.course_box_img {
		display: grid;
		place-items: center;
	}

	.warning-box {
		flex-wrap: wrap;
		background-color: #F8FFC4;
		display: flex;
		font-size: 11px;
		gap: 8px 0;
		padding: 10px 5px 10px 0;
	}

	.warning-box-type {
		display: flex;
		margin-left: 22px;
		align-items: center;
		flex-wrap: wrap;
		gap: 3px 0;
	}

	.warning-box-type__name {
		margin-right: 6px;
		padding-top: 2px;
		white-space: nowrap;
	}

	.warning-box-type__weather_phenomena {
		display: inline-block;
		padding: 3px 10px 1px;
		color: #fff;
		background-color: #FF8A00;
		border-radius: 12px;
		text-align: center;
		margin: 0 1px;
		white-space: nowrap;
	}

	.warning-box-type__weather_phenomena.special_alert {
		color: #fff;
		background-color: #DD0E1A;
	}

	.warning-box-type__weather_phenomena.alert {
		color: #fff;
		background-color: #FA5D5D;
	}

	.warning-box-type__weather_phenomena.warning {
		color: #000;
		background-color: #FAD65D;
		min-width: 28px;
		margin-right: 5px;
	}

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

		/*　画面サイズが481pxからはここを読み込む　*/
		.accordion_below {
			padding: 0px 5px;
			box-sizing: border-box;
		}

		.accordion_below .common_row_link {
			width: 24.6%;
		}

		.accordion_below::after {
			content: "";
			display: block;
			width: 24.6%;
		}

		.accordion_below::before {
			content: "";
			display: block;
			width: 24.6%;
			order: 1;
		}

		.site_discription {
			font-size: 13px;
			margin: 13px 5px 0 5px;
		}

		.footer_division_wrap {
			padding: 17px 14.1%;
		}

		.foot_tag_link h2 {
			padding: 0 0 2px 0;
		}

		.footer {
			padding: 21px 0px 12px 0px;
		}

		.footer_top_btn {
			padding: 6px 32px;
		}

		.popular_activity_box {
			width: 100%;
			margin: 0px;
			padding: 1px 0px 2px 0px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			/* background:#F4F4F4; */
		}


		.popular_activity_box .popular_activity_col {
			box-sizing: border-box;
			height: initial;
			width: 32.6%;
			height: 90px;
			margin-bottom: 8px;
			padding: 0;
			text-align: center;
			border: 0px;
			border-radius: 6px;
			line-height: normal;
			display: flex;
			align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			position: relative;
		}

		.popular_activity_box .popular_activity_col .text {
			position: absolute;
			bottom: 0px;
			height: 30px;
			background: rgba(0, 0, 0, 0.7);
			line-height: 30px;
			text-align: center;
			width: 100%;
			font: size 15px;
			border-radius: 0px 0px 6px 6px;
			color: #FFFFFF;
		}

		.popular_activity_box::after {
			content: "";
			display: block;
			width: 32.6%;
		}

		.activity_banner {
			width: 100%;
			height: 136px;
			position: relative;
		}

		.activity_banner_text {
			position: absolute;
			background: rgba(0, 0, 0, 0.5);
			text-align: center;
			width: 100%;
			height: 136px;
			line-height: 136px;
			font-size: 2.4rem;
			color: #fff;
		}

		.top_cities_search span {
			font-size: 1.5rem;
			margin-left: 13px;
			align-self: center;
			margin-top: 5px;
		}

		.top_cities_search img {
			vertical-align: middle;
			width: 28px;
			align-self: center;
			margin-top: 12px;
		}
	}

	@media screen and (max-width:481px) {
		.amedas_tabs .amedas_tab {
			height: 35px;
			width: 115px;
			margin: 5px 1px 0px 0px;
			border-radius: 5px 5px 0px 0px;
			background: #527798;
		}

		.amedas_simu_btns .amedas_simu_btn {
			width: 83px;
			height: 26px;
			background: #8AACCB;
			color: #FFFFFF;
			font-size: 14px;
			font-weight: bold;
			margin: 0px 0.5px;
		}
	}

	/* タブレット対応 */
	@media screen and (max-width: 1080px) {
		/* サブエリアモーダル */
		.js-modal__main {
			width: 100%;
			background: #fff;
			border-radius: 20px 20px 0 0;
			position: fixed;
			z-index: 101;
			opacity: 0;
			overflow-y: scroll;
			overflow-x: hidden;
		}

		.js-modal__btn--close--fix {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			position: absolute;
			top: -4px;
			right: 15px;
			z-index: 101;
			cursor: pointer;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}

		/* モーダルー都道府県リスト */
		.js-modal__main .sub_title {
			width: 100%;
		}

		.js-modal__main .sub_title .pref_title {
			font-size: 18px;
			color: #393939;
			line-height: 24px;
			margin-top: 32px;
			margin-left: 20px;
			margin-bottom: 10px;
		}

		.pref_menu_list {
			position: relative;
		}

		.pref_menu_list a:link,
		.pref_menu_list a:visited {
			color: #393939;
		}

		.pref_menu_list .area_list {
			display: none;
			padding-left: 0px;
			border-top: 0.1em #E3E3E3 solid;
		}

		.js-modal__main .pref_menu_list .pref_list,
		.js-pref-modal__main .pref_menu_list .pref_list {
			font-size: 14px;
			color: #1a1a1a;
			/* background-color: #dcdddd; */
			list-style: none;
			border-bottom: 0.1em #E3E3E3 solid;
			/* border-top: 0.1em #E3E3E3 solid; */
			padding-right: 20px;
			margin-top: 0px;
			position: relative;
			width: 97.5%;
			padding-left: 0px;
		}

		.js-modal__main .pref_list li,
		.js-pref-modal__main .pref_list li {
			border-bottom: 0.1em #E3E3E3 solid;
			height: 45px;
			text-align: left;
			line-height: 3.4;
			color: #393939;
		}

		.js-modal__main .pref_list .js-area_btn,
		.js-pref-modal__main .pref_list .js-area_btn {
			display: table;
			margin-left: 10px;
			margin-right: 10px;
			width: calc(100vw - 20px);
		}

		.js-modal__main .pref_list .js-area_btn span,
		.js-pref-modal__main .pref_list .js-area_btn span {
			width: 100%;
			display: table;
		}

		.js-modal__main .pref_list .js-pref_btn,
		.js-pref-modal__main .pref_list .js-pref_btn {
			display: table;
			/* width: 100%; */
		}

		.js-modal__main .pref_list .js-pref_btn span,
		.js-pref-modal__main .pref_list .js-pref_btn span {
			margin-left: 20px;
			width: 100%;
			display: table;
		}

		.js-modal__main .pref_list .js-sub_area_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .pref_list .js-sub_area_btn span,
		.js-pref-modal__main .pref_list .js-sub_area_btn span {
			margin-left: 40px;
			width: 100%;
			display: table;
		}

		.js-modal__main .js-area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .js-pref_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .js-sub_area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .pref_list .js-area_btn .isActive::after {
			right: 20px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .pref_list .js-pref_btn .isActive::after {
			right: 0px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .pref_list .js-area_btn span::after {
			right: 20px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .pref_list .js-pref_btn span::after {
			right: 0px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .pref_list .js-sub_area_btn .subarea::after {
			right: 0px;
			content: "";
		}

		.js-modal__main .pref_list li:last-child {
			border-bottom: none;
		}

		.js-modal__main .space {
			height: 200px;
		}

		/* モーダルーフィールドリスト */
		.js-modal__main .title {
			border-bottom: 0.1em #E3E3E3 solid;
			width: 100%;
		}

		.js-modal__main .map_search {
			font-size: 15px;
			color: #393939;
			line-height: 45px;
			cursor: pointer;
			border-top: 0.1em #E3E3E3 solid;
			width: 100%;
			position: relative;
		}

		.js-modal__main .map_search img {
			margin-left: 20px;
			vertical-align: middle;
		}

		.js-modal__main .map_search span {
			display: inline-block;
			padding-left: 10px;
			position: absolute;
			font-weight: bold;
			width: 85%;
			color: #393939;
		}

		.js-modal__main .title .field_title {
			font-size: 18px;
			color: #393939;
			line-height: 24px;
			margin-top: 32px;
			margin-left: 20px;
			margin-bottom: 10px;
		}

		.js-modal__main .field_return_btn {
			font-size: 15px;
			color: #393939;
			line-height: 45px;
			margin-left: 20px;
			cursor: pointer;
			width: 95%;
		}

		.js-modal__main .return_btn {
			font-size: 15px;
			color: #393939;
			line-height: 45px;
			margin-left: 20px;
			cursor: pointer;
			width: 95%;
			font-weight: bold;
		}

		.js-modal__main .field_menu_list {
			position: relative;
			width: 99.5%;
		}

		.field_menu_list .area_list {
			padding-left: 0px;
			display: none;
			border-top: 0.1em #E3E3E3 solid;
		}

		.field_menu_list a:link,
		.field_menu_list a:visited {
			color: #393939;
		}

		.js-modal__main .field_menu_list .field_list {
			font-size: 14px;
			list-style: none;
			border-bottom: 0.1em #E3E3E3 solid;
			border-top: 0.1em #E3E3E3 solid;
			padding-left: 20px;
			padding-right: 20px;
			margin-top: 0px;
			position: relative;
			width: 96%;
		}

		.field_return_btn .map_search {
			border-bottom: 0.1em #E3E3E3 solid;
		}

		.js-modal__main .field_list li {
			border-bottom: 0.1em #E3E3E3 solid;
			height: 45px;
			text-align: left;
			line-height: 3.4;
			width: 100%;
			cursor: pointer;
		}

		.js-modal__main .field_list .js-cate__btn {
			cursor: pointer;
		}

		.js-modal__main .field_list .js-cate__btn::after {
			right: 20px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
		}

		.js-modal__main .field_list .js-area_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .field_list .js-area_btn a {
			display: table-cell;
			width: 60px;
		}

		.js-modal__main .field_list .js-area_btn span {
			width: 100%
		}

		.js-modal__main .field_list .js-pref_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .field_list .js-pref_btn span {
			display: table;
			margin-left: 20px;
		}

		.js-modal__main .field_list .js-sub_area_btn {
			display: table;
			width: 100%;
		}

		.js-modal__main .field_list .js-sub_area_btn span {
			display: table;
			margin-left: 40px;
			color: #393939;
		}

		.js-modal__main .field_list .js-area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .field_list .js-pref_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .field_list .js-sub_area_btn .isActive {
			color: #1C5190;
		}

		.js-modal__main .field_list .js-area_btn .isActive::after {
			right: 23px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .field_list .js-pref_btn .isActive::after {
			right: 0px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(-90deg);
		}

		.js-modal__main .field_list .js-area_btn span::after {
			right: 22px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .field_list .js-pref_btn span::after {
			right: 0px;
			position: absolute;
			content: url(/img/arrow-forward.svg);
			align-content: flex-end;
			transform: rotate(90deg);
		}

		.js-modal__main .field_list .js-sub_area_btn .subarea::after {
			content: "";
		}

		.js-modal__main .field_list li:last-child {
			border-bottom: none;
		}
	}

	.csshidden {
		display: none;
	}

	.js-pref-modal__main .pref_menu_list {
		list-style-type: none;
	}

	.js-pref-modal__main {
		background-color: #FFFFFF;
		border-radius: 20px;
	}

	.pref-modal-sub_title {
		font-size: 18px;
		color: #393939;
		line-height: 24px;
		margin-top: 32px;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.js-pref-modal__main .pref_menu_list .pref_list {
		border: none;
	}

	.js-pref-modal__main .pref_list .js-area_btn:last-child {
		border-bottom: none;
	}

	#primary__header {
		overflow: hidden;
		position: sticky;
		z-index: 99;
		width: 100%;
		background-color: #fff;
		top: 0;
		/* transition: top 0.1s; */
	}

	.primary__header__wrapper {
		position: relative;
		width: auto;
		max-width: 1080px;
		margin-left: auto;
		margin-right: auto;
	}

	.primary__header__weather-info-box {
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		column-gap: 5px;
		justify-content: flex-start;
		height: max-content;
	}

	.primary__header__weather-info-box::-webkit-scrollbar {
		display: none;
	}

	.primaty__header__weather-info-parts {
		border: 1px solid #dcdddd;
		border-radius: 8px;
		width: 90px;
		height: 23px;
		display: flex;
		align-content: center;
		padding: 5px;
		align-items: center;
		color: #000;
		position: relative;
		flex-shrink: 0;
	}

	.primary__weather-info-parts-text {
		position: relative;
		height: 30px;
		width: 100%;
	}

	.primary__weather-info-parts-text p {
		margin: 0;
		font-size: 10px;
		width: 83px;
	}

	.primary__weather-info-parts-title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		color: #000;
	}

	.primaty__header__weather-info-parts-temperature-closebutton {
		position: absolute;
		bottom: 0px;
		right: -2px;
	}

	.primary__header__title-buttons {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.primary__header__under-info {
		background-color: #E9E4D4;
	}

	.primary__header__under-info a {
		margin-right: 22px;
		display: flex;
		gap: 2px;
		align-items: center;
		color: #535353;
	}

	.primary__header__search-toggle-btn {
		cursor: pointer;
	}

	.result_filter_title {
		padding: 0 10px 0 20px;
		margin: 0;
		text-align: left;
		border-top: solid #000 1px;
		font-size: 17px;
		font-weight: bold;
	}

	.result_filter_title span {
		position: relative;
		padding-right: 20px;
	}

	.result_filter_title span::after {
		content: url('/img/arrow-forward.svg');
		transform: translateY(-50%) rotate(90deg);
		transition: transform 0.3s ease;
		position: absolute;
		right: 0;
		top: 50%;
		display: inline-block;
		margin-left: 10px;
		vertical-align: middle;
	}

	.result_filter_title.active span::after {
		transform: translateY(-50%) rotate(-90deg);
	}

	.result_filter_container {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 0 10px 0 20px;
	}

	.result_filter_row {
		display: flex;
		gap: 10px;
		align-items: center;
		padding-bottom: 5px;
		width: 70%;
	}

	.result_filter_input {
		flex-grow: 1;
		padding: 10px;
		border: 1px solid #ccc;
	}

	.result_filter_row:first-child {
		position: relative;
	}

	.result_filter_row:first-child input {
		padding-left: 35px;
	}

	.result_filter_row:first-child::after {
		content: url('/img/search_icon.svg');
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}

	.result_course_toggle_button {
		flex-grow: 1;
		background-color: #fff;
		position: relative;
		padding-right: 30px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		cursor: pointer;
		border: solid 1px #ddd;
		color: #000;
	}

	.result_course_toggle_button:disabled {
		color: #cccccc;
		background-color: #f0f0f0;
		cursor: not-allowed;
	}

	/* 絞り込むとクリアボタンを縦に並べる */
	.result_filter_button_column {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 28%;
		padding-bottom: 5px;
	}

	.result_filter_button {
		border: none;
		cursor: pointer;
		width: 100%;
	}

	.narrow_btn {
		padding: 15px 20px;
		background-color: #808080;
		color: white;
	}

	.clear_btn {
		padding: 6px 20px;
		background-color: #ddd;
		color: #000;
	}

	.result_filter_input_wrapper {
		position: relative;
	}

	.dropdown-menu {
		text-align: left;
	}

	.result_course_dropdown_option {
		display: inline-flex;
		color: #333 !important;
		padding-top: 5px;
		cursor: pointer;
		text-align: left;
		box-sizing: border-box;
		white-space: nowrap;
	}

	.result_course_dropdown_option:hover {
		background-color: #f0f0f0;
	}

	.result_course_toggle_button::after {
		content: url('/img/arrow-forward.svg');
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%) rotate(90deg);
		transition: transform 0.3s ease;
	}

	.result_course_toggle_button.active::after {
		transform: translateY(-50%) rotate(-90deg);
	}

	.result_course_dropdown_option.result_filter_region {
		position: relative;
		padding-right: 30px;
	}

	.result_course_dropdown_option.result_filter_region::after {
		content: url('/img/arrow-forward.svg');
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%) rotate(90deg);
		transition: transform 0.3s ease;
	}

	.result_course_dropdown_option.result_filter_region.active::after {
		transform: translateY(-50%) rotate(-90deg);
	}

	/* 地方の選択肢は縦並びのまま */
	.result_course_dropdown_option.result_filter_region {
		display: block;
		cursor: pointer;
		text-align: left;
		width: 100%;
	}

	.separator {
		margin: 0 5px; /* スラッシュの前後に余白 */
		pointer-events: none; /* クリックを無効化 */
		color: inherit; /* 見た目の色を周囲に合わせる */
	}

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

	/* Smartphone */
	.primary__header__wrapper {
		padding-top: 47px;
	}

	.back_btn {
		position: absolute;
		left: 10px;
		top: 10px;
	}

	.primary__header__title {
		position: absolute;
		left: 10px;
		top: 15px;
	}

	.primary__header__title>a {
		display: block;
	}

	.centered_title {
		left: 50%;
		transform: translateX(-50%);
	}

	.primaty__header-main-logo {
		width: 180px;
	}

	.primary__header__weather-info-box {
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		column-gap: 5px;
		justify-content: flex-start;
		margin: 0 0 5px;
		height: max-content;
	}

	.primary__header__title-buttons {
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.primary__header__weather-info-box>a:first-child {
		margin-left: 10px;
	}

	.primary__header__weather-info-box>a:last-child {
		margin-right: 10px;
	}

	.primary__header__under-info {
		background-color: #E9E4D4;
		padding: 6px 0px;
	}

	.primary__header__under-info div {
		display: flex;
		justify-content: space-between;
		font-weight: bold;
		overflow-x: scroll;
		overflow-y: hidden;
		flex-wrap: nowrap;
		width: 100%;
		min-width: 340px;
		max-width: 640px;
		margin-inline: auto;
	}

	.primary__header__under-info div::-webkit-scrollbar {
		display: none;
	}	

	.primary__header__under-info a {
		margin: 0 auto;
		display: flex;
		gap: 2px;
		align-items: center;
		color: #535353;
		flex-wrap: nowrap;
		text-wrap: nowrap;
	}

	.primaty__header__weather-info-parts {
		width: 80px;
	}

	.result_course_toggle_button {
		padding: 3px 30px 3px 6px;
	}

	.result_filter_button_column {
		position: static;
		flex-direction: row-reverse;
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding-bottom: 5px;
	}

	.result_filter_button {
		width: none;
	}

	.clear_btn {
		padding: 3px 0;
		width: 30%;
	}

	.narrow_btn {
		padding: 3px 0;
		width: 68%;
	}

	.result_filter_input_wrapper {
		position: static;
	}

	.result_filter_input {
		padding: 6px;
	}

	.result_filter_row {
		width: 100%;
	}
}

@media screen and (min-width: 1081px) {
/* PC, Tablet */

.primary__header__wrapper {
	display: flex;
	align-items: center;  /* 高さを中央揃え */
	justify-content: space-between;  /* 両端を詰めて中央にメニュー */
	width: 100%;
	height: 53px;
	margin: 10px auto;
}

.primary__header__title {
	margin-right: 50px;
}

.primary__header__weather-info-box {
	margin-right: 10px;
	margin-left: auto;
}

.primaty__header-main-logo {
	width: 350px
}

.primary__header__under-info div {
	display: flex;
	justify-content: start;
	align-items: center;
	max-width: 1080px;
	margin: 0 auto;
	padding: 10px 0;
}
	
.primaty__header__weather-info-parts {
	width: 90px;
}
}
.weather__digest__in__choice__place {
    display: flex;
    justify-content: center;
}

 .weather__digest__in__choice__place-text {
	color: #393939 !important;
	padding: 0;
	margin: 10px 0 0 0;
	display: inline-block;
	text-decoration: underline !important;
	text-decoration-color: #66645D !important;
	text-decoration-thickness: 2px !important;
	font-size: 1.6rem;
 }
  .weather__digest__in__choice__place-text.no-space {
   margin: 0;
   padding: 3px 0;
   font-size: 1.4rem;
 }


/*フッターリニューアル*/
.primary-footer-text {
	padding: 0 20px;
}


.primary__footer-link-box {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	max-width: 1080px;
	list-style: none;
	padding: 0;
	align-items: center;
}

.primary__footer-link-box a {
	box-sizing: border-box;
	padding: 4px 2px;
	text-align: center;
	text-decoration: none;
	color: #3976F5;
	font-size: 14px;
}


/*pc 5列2段 */
@media screen and (min-width: 769px){
.primary__footer-link-box a {
	flex: 0 0 20%;
	position: relative;
}

.primary__footer-link-box a::after {
	content: "";
    position: absolute;
    right: 0;
    top: 6px;                      /* ← 上の余白（短くしたい分） */
    bottom: 6px;                   /* ← 下の余白（短くしたい分） */
    width: 1px;
	background: #d7d7d7;
}
.primary__footer-link-box a:nth-child(5n)::after {
	display: none;
}
}

/*sp 3列3段+1列1段 */
@media screen and (max-width: 768px) {
.primary__footer-link-box {
	justify-content: flex-start;
}
.primary__footer-link-box a:nth-child(3n)::after {
	display: none;
}
.primary__footer-link-box a {
	flex: 0 0 33.333%;
	font-size: 12px;
	position: relative;
}
.primary__footer-link-box a::after {
	content: "";
    position: absolute;
    right: 0;
    top: 6px;                      /* ← 上の余白（短くしたい分） */
    bottom: 6px;                   /* ← 下の余白（短くしたい分） */
    width: 1px;
	background: #d7d7d7;
}


.primary__footer-link-box a:last-child::after {
	flex-basis: 33.333%;
	display: none;
}
}

/*copyright*/
.primary__footer-poricy-box {
background: #707070;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
column-gap: 4rem;
font-size: 12px;
color: #fff
}

@media screen and (min-width: 751px) {
.weather__digest__in__choice__place-text {
	font-size: 1.6rem;
}

.weather__digest__in__choice__place-text.no-space {
	font-size: 1.4rem;
}
}

.course_cities_weather_link {
margin-top: 10px;
}