@charset "UTF-8";

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

a:link,
a:visited {
	color: #fff; 
	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;
}


.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: #36885B;
	position: fixed;
	z-index: 99;
}
.header_area .top_title_pc a,
.header_area .top_title a {
	display: inline-block;
}
.header_area .back {
	background: transparent url(../img/back_arrow_icon.png) no-repeat 0 0;
	background-size: contain;
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 19px;
	left: 15px;
	cursor: pointer;
	z-index: 99;
}


.header_area .reload_icon {
	background: transparent url(../img/reload.png) no-repeat 0 0;
	background-size: contain;
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 19px;
	right: 15px;
	cursor: pointer;
	z-index: 99;
}

#header{
	max-width: 1080px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background-color: #36885B;
}
@media screen and (max-width: 1080px) {
	#header {
		height: 52px;
	}
}

#container{
	width: 100%;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	max-width: 1080px;
	overflow: hidden;
	top: 64px;
	position: relative;
}
@media screen and (max-width: 1080px){
	/* スマホサイズはこちらを読み込み */
	#container{
		top: 52px;
	}
}
#content{
	background-color: #E5EAE8;
	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;
}

.pagination li.active a{
	color: #FFFFFF;
	background: #1C5190;
	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;
}

/* ジャンルサーチ */
.search_genre{
	background: #E5F8F4;
	/* padding-top:4px; */
}

.activity_banner{
	width:100%;
	height:76px;
	position:relative;
}ty_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;
}
.activi
.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_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: 4px;
	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: #1F549B;
		border-color: #1F549B;
		}
		input.cmn-toggle-round:checked + label:after {
	margin-left: 21px;
			border-color: #20615B;
		}
/* タイトル右のお気に入りスイッチ（ＳＰ）ここまで*/


/* 長いタイトルは左ボタン分を開ける */
#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: 14px;
	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: #F4F4F4;
	margin: 0px auto;
	max-width: 1080px;
	position: relative;
	top:64px;
}
@media screen and (max-width:480px){
	/* スマホサイズはこちらを読み込み */
	#footer
	{
		text-align: center;
		background: #F4F4F4;
		margin: 0 auto;
		max-width: 100%;
		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: 11px;
	color: #000;
	text-align:center;
}

.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-block;
	padding:0px 5px 0px 0px;
	margin:0;
}

.foot_tag_link ul li a {
	color:#2C2C2C;
	text-decoration: underline;
}

.site_discription{
	font-size: 12px;
	color: #000;
	margin:25px 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: #36885B;
	/* http://hac-design.com/css/margin.html */
	/* 背景の余白（top, right, bottom, left） */
	padding: 30px 0px 12px 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;
	font-size:11px;
}
.pre_footer a:link,
.pre_footer a:visited {
	color: #393939;
	text-decoration: underline;
}

.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: #fff;
}

.spot_address_link_wrap{
	width: 300px; 
	height: 40px; 
	margin: 10px auto;
	border-radius: 8px; 
	border:1px solid #20615B;
	background: #fff;
}

.widget_link_wrap{
	width: 330px;
	height: 40px;
	margin: 0px auto 10px;
	border-radius: 8px;
	border:1px solid #e8e8e8;
	background: #ffffff;
}

.spot_address_link_wrap span{
	font-size: 16px;
	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 3px;
	text-align: center;
}

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

.acc_citysearch_wrap div {
	color: #000;
	padding: 10px 3px;
	font-weight: initial;
	font-size: 16px;
	padding: 0.5em 0.2em 0.5em 1.2em;
}
}

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

/* ◆気象情報　タブ */

.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{
	list-style-type: none;
	margin: 0px 2px 2px 0px;
	background: #77C9E2;
	color: #FFF;
	text-align: center;
	height: 20px;
	display: inline;
	padding: 0px 7px;
	line-height: 20px;
}

.course_title_header_category li 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{
}
.course_weather_table {
	padding: 0 3px;
	width: 100%;
	table-layout: fixed;
	font-weight: bold;
	border-spacing: 2px 5px;
}
.course_weather_table tr{
	line-height: 13px;
}
.course_weather_table .tab_wrap {
	padding: 4px 0;
	border-radius: 5px;
	background: #ffffff;
	text-align: center;
	font-size: 9px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	color: #3a3937;
}
.course_weather_table .course_weather_tabicon {
	display: block;
	width: 40px;
	margin: 0 auto;
}
.course_weather_table img {
	width: 38px;
}
.course_weather_table span.course_weather_text {
	display: grid;
	place-items: center;
	line-height: 11px;
	height: 18px;
	font-size: 11px;
}
@media screen and (max-width: 1080px) {
	.course_weather_table span.course_weather_text {
		font-size: 10px;
		zoom: 0.85;
	}
	.tab_td.wind_map_tab span.course_weather_text {
		letter-spacing: -1px;
	}
}
.course_weather_table .active .tab_wrap {
	background: #36885B;
	color: #fff!important;
}

.course_weather_tab_header_sp {
	padding: 8px 3%;
	background: #FFFFFF;
}

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

.course_weather_tab_header_sp > .course_title_header_option{
	margin-bottom: 0px;
}
.course_weather_tab_header_sp .course_weather_header_info {
	font-size: 12px;
}

.course_weather_header_info {
	display: flex;
	justify-content: space-between;
}
.course_weather_header_info .course_detail_info_link {
	display: grid;
	place-items: center;
}
.course_weather_header_info .course_detail_info_link a {
	border-radius: 4px;
	padding: 0 10px;
	height: 20px;
	display: grid;
	place-items: center;
	border: 1px #393939 solid;
	color: #000;
	white-space: nowrap;
}

.course_weather_tab_header_sp .traffic_info_link {
	width: 168px;
	white-space: nowrap;
	margin-top: 5px;
}

.course_weather_tab_header_sp .traffic_info_link a {
	display: inline-block;
	background-color: #F88B0C;
	border-radius: 4px;
	padding: 1px 10px;
	color: #fff;
	height: 20px;
}

.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;
	align-items: center;
}
.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 {
	margin-bottom: 12px;
	margin-top: 5px;
	display:flex;
}

/* ◆このエリアの広域天気予報を見る */
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: #F4F4F4;
	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__title {
	background-color: #2D4A5F;
	color: #fff;
	padding: 5px 0 5px 15px;
}
.weather_link_box__wrapper {
	background: #A6C9D6;
}

.weather_link_box {
	max-width: 668px;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	color: #000000;
	font-weight: bold;
	margin: 0 auto;
	padding: 16px 0;
	border-collapse: collapse;
	align-items: center;
}
.weather_link_box__btn {
	width: calc(50% - 19px);
	height: 42px;
	border: none;
	text-align: center;
	align-content: center;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.weather_link_box__btn a {
	margin: 0 auto;
	font-size: 15px;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background-color: #DDEBF8;
}
.weather_link_box__btn div {
	display: inline-block;
	margin: 5px 0;
	background-size: contain;
	padding: 4px 0 4px 35px;
	font-size: 1.2em;
	color: #000;
}
.weather_link_box__btn div.top_weathermap_icon {
	background: url(/img/top_weathermap_icon.svg) no-repeat left center;
}
.weather_link_box__btn div.top_typhoon_icon {
	background: url(/img/top_typhoon_icon.svg) no-repeat left center;
}

.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;
}

.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;
}

.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:1px 0px 5px 0px;
	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: #2e6a62;
	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;
}
.my_home_qa_btn button {
	cursor: pointer;
}

.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;
}

.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;		/* 天気アイコンの表示高さ */
}

/* 平日 */
.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:30px;
}
.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: 15px;
	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%;
	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;
	padding-right: 7px;
}

.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: 7px;
	margin-left: 0px;
	font-weight: bold;
	width: 120px;
}

.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:32px;
}

.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;
	justify-content: center;
	align-items: center;
}

.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;
	background-color: #fff;
	border-radius: 5px;
}
.top_cities_search img
{
	vertical-align: middle;
	width: 41px;
	align-self: center;
	margin: 8px 0;
}
.cities_search_area div {
	margin-left: 13px;
	text-align: left;
	line-height: 20px;
	padding-top: 5px;
	font-weight: bold;
}
.cities_search_area_subtitle {
	font-size: 1.2rem;
}
.cities_search_area_title {
	font-size: 1.8rem;
}

/* TOPページ TOPに戻る*/
.page_top_btn {
	width: 250px;
	height: 46px;
	margin: 0px auto;
	background-color: #E5EAE8;
	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;
}


.golten_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;
	margin: 0px auto;
	padding: 3px 14px;
}

.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;
}
dl.search_form dt {
	flex: 1;
	position: relative;
}
dl.search_form dt .search_word {
	display: block;
	box-sizing: border-box;
	height: 45px;
	width: 100%;
	border: none;
	border-right:0;
	margin:0 auto;
	padding:0;
	font-size: 15px;
	position:relative;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 0 37px;
}
dl.search_form dt:after {
	content: '';
	display: block;
	position: absolute;
	width: 19px;
	height: 19px;
	left: 10px;
	top: 14px;
	background-image: url(/img/search_icon.svg);
	background-repeat: no-repeat;
}

.search_word::placeholder {
	letter-spacing: -0.1em;
}
@media screen and (max-width:480px){
	.search_word::placeholder {
		font-size: 0.75em;
	}
}

dl.search_form dd {
	width: 	100px;
	margin: 0;
	padding: 0;
}

.search_input .search_btn {
	border-radius: 0;
	margin:0;
	padding:0;
	width: 100px;
	text-align: right;
}

.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: #E5EAE8;
}

@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;
}

.live-camera-area-tabs {
	display: flex;
	margin-top: 15px;
}

.live-camera-area-tab {
	background-color: #fff;
	flex: 1;
	margin: 0 1px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	text-align: center;
	padding: 10px 0;
	display: grid;
	place-items: center center;
}
@media screen and (max-width: 1080px) {
	.live-camera-area-tab {
		font-size: 11px;
	}
}

.live-camera-area-tab.active {
	background-color: #2D6345;
	color: #fff;
}

.live-camera-information-element {
	height: 30px;
	text-align: center;
	background-color: #F08633;
	color: #fff;
	display: grid;
	place-items: center;
}
.route-info-box {
	overflow-y: scroll;
	height: 600px;
	display: none;
}
.route-info-box.active {
	display: block;
}
.route-info-head {
	height: 30px;
	background-color: #016542;
	color: #fff;
	line-height: 30px;
	padding-left: 1em;
}
.route-info-img-box {
	display: flex;
	flex-wrap: wrap;
	margin: 5px;
}
.route-info-img-wrap {
	width: 150px;
	padding: 10px;
}
.route-info-img-wrap img {
	max-width: 100%;
}
.route-info-img-wrap span {
	display: block;
	text-align: center;
}
.route-info-img-wrap div {
	height: 100px;
	width: 100%;
	text-align: center;
	display: grid;
	place-items: center center;
	border: 1px solid #999;
}

.live-camera-detail-title {
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #2D6345;
	color: #fff;
}
.live-camera-detail-current {
	background-color: #fff;
	padding: 10px;
}

.live-camera-detail-current__update-date {
	text-align: center;
}
.live-camera-detail-current__update-date p {
	display: inline-block;
	text-align: right;
	width: 320px;
}
.live-camera-detail-current__img {
	text-align: center;
}
.live-camera-detail-current__img img {
	width: 100%;
	max-width: 320px;
}
.live-camera-detail-current__img div {
	text-align: center;
	display: grid;
	place-items: center center;
}
.live-camera-detail-current__img div span {
	height: 150px;
	width: 320px;
	text-align: center;
	display: grid;
	place-items: center center;
	border: 1px solid #999;
}

.live-camera-detail-current__text {
	text-align: center;
}
.live-camera-detail-current__text p {
	text-align: left;
	width: 320px;
	display: inline-block;
}
.live-camera-detail-past__head {
	display: flex;
	justify-content: space-between;
}

.live-camera-detail-past__img-box {
	display: flex;
	overflow-x: scroll;
	width: 100%;
}
.live-camera-detail-past__img {
	width: 150px;
	padding: 0 5px;
	flex-shrink: 0;
}
.live-camera-detail-past__img img {
	width: 100%;
}
.live-camera-detail-past__img p {
	text-align: center;
}
.live-camera-detail-past__img div {
	height: 100px;
	width: 100%;
	text-align: center;
	display: grid;
	place-items: center center;
	border: 1px solid #999;
}




/* ◆TOP エリアテーブル */
.top_area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	color: #000000;
	font-weight: bold;
	margin: 3px 0 10px 0;
	padding: 0px 0px 0px 0px;
	background: #E5EAE8;
	gap: 7px;
}


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

.select_area .subtitle_en{
	font-size: 10px;
	color: #C10000;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 4px;
	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: 42px;
	align-content: center;
	box-sizing: border-box;
	padding-top: 11px;
	padding-bottom: 5px;
	padding-left: 1px;
	position: relative;
	cursor: pointer;
	background-color: #36885B;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}

.top_area .top_area_td::before {
	left: 10px;
	position: absolute;
	content: url(/img/icon/arrow.svg);
	align-content: flex-end;

}

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

.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;		/* 上下の余白 */
		background: #E5EAE8;
	}
}

.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;
	padding-left: 10px;
	border-left: 7px solid #111111;
	margin: 15px 0 10px;
}

.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_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 #CCCCCC 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 #CCCCCC 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 #CCCCCC 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 #CCCCCC solid;
}

.golf_reading_material__wrapper {
	background-color: #fff;
	margin: 20px 0;
}
.golf_reading_material {
	padding:14px 10px 5px;
	margin:0 auto;
}
.golf_reading_material__title {
	text-align: left;
	font-weight: bold;
	margin: 10px;
	font-size: 13px;
}
.golf_reading_material__title span {
	background-color: red;
	padding: 0 5px;
	color: #fff;
	margin-right: 5px;
}

.golf_reading_material__contents {
	display: flex;
	justify-content: space-between;
}
.golf_reading_material__content {
	text-align:center;
	width: 49%;
	font-size: 11px;
}
.golf_reading_material__content img {
	width: 100%;
}


.facebook_link {
	display: flex;
	justify-content: flex-end;
	text-align: center;
	margin: 5px 0;
}
.facebook_link a {
	display: grid;
	place-items: center;
	color: #1877F2 !important;
	padding-top: 2px;
}
.facebook_link img {
	width: 17px;
	margin: 0 5px;
}
@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;
	}
}

/* モーダルーフィールドリスト */
.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 {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}
.field_menu_list .area_list{
	padding-left: 0px;
	display: none;
	border-top: 0.1em #E3E3E3 solid;
}
.field_menu_list a:link, 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, 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, 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: 735px;
	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;
	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: 20px;
	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, 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;
	border-collapse: collapse;
	align-items: center;
}
.top_map .top_map_td {
	box-sizing: border-box;
	width: calc(50% - 19px);
	height: 60px;
	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: 14px;
}
.top_map .top_map_td:last-child {
	margin-right: 14px;
}
.map_link_button_pc:link, .map_link_button_pc:visited {
	color: #393939;
}
.map_link_button_pc {
	margin: 0 auto;
	font-size: 15px;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: #ffffff;
}
.map_link_button_pc .map_icon_pc {
	display: inline-block;
	margin: 5px 0;
	background: url("/img/map_icon.svg") no-repeat left center;
	padding-top:13px;
	padding-bottom:13px;
	padding-left: 55px;
	font-size: 1.2em;
}
.map_link_button_pc .myplace_icon_pc {
	display: inline-block;
	margin: 5px 0;
	background: url("/img/myplace_icon.svg") no-repeat left center;
	padding-top:13px;
	padding-bottom:13px;
	padding-left: 55px;
	font-size: 1.2em;
}

/* ◆TOP 人気スポット */
a.trending_spot {
	display: inline-block;
	margin-bottom: 4px;
	padding: 0px 4px;
	border: 1px solid #437465;
	border-radius: 4px;
	text-decoration: none;
	color: #393939;
}

.search_trending_spots{
	background-color: #E5EAE8;
	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;
}

@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: #FFF;
	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;
	}

	.scroll_main::-webkit-scrollbar{
		display:none;
	} 
	.trending_spots_box{
		margin-left: 10px;
	}
}

/*Top市町村天気予報へ*/
[class^="cities_search_link_btn_top"]{
	background : #E5EAE8;
	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 .top_cities_search{
	height: 52px;
	background-color: #FFFFFF;
	margin: auto;
	border-radius: 8px;
}

[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姉妹サイト*/
.golten_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 20px;
}

.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: 1px #2F4F4F 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_box .line .row{
	color:#393939;
}

.course_link_block a{
	color:#393939;
}

/* ◆ランキングエリア */
.ranking_area{
	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;
	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;
}

.ranking_box .ranking_data .address{
	color:#393939;
	font-size: 12px;
	line-height: 0.7em;
	margin-left: 43px;
}

.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: 9px;
	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{
		margin-left: 14px;
		margin-right: 14px;
		margin-top: 20px;
		position: relative;
	}
}
@media screen and (max-width: 480px) {
	/* スマホサイズはこちらを読み込み*/
	.ranking_area{
		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: #F4F4F4;
		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: 9px;
		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: #E5EAE8;
	align-items: center;
	margin-top: 25px;
	cursor: pointer;
	justify-content: space-between;
}
.map_pc .map_td_pc {
	width: calc( (100% - 38px) / 2 );
	height: 60px;
	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;
}
.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;
}
.map_pc .map_link_button_pc .map_icon_pc {
	display: inline-block;
	/* margin: 5px 0; */
	background: url("/img/map_icon.svg") no-repeat left center;
	background-size: contain;
	padding-top:13px;
	padding-bottom:13px;
	padding-left: 55px;
	font-size: 1.2em;
}
.map_pc .map_link_button_pc .myplace_icon_pc {
	display: inline-block;
	margin: 5px 0;
	background: url("/img/myplace_icon.svg") no-repeat left center;
	background-size: contain;
	padding-top:13px;
	padding-bottom:13px;
	padding-left: 55px;
	font-size: 1.2em;
}

.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 {
	margin:0 auto;
	font-size:12px;
	width: 100%;
	height:90%;
	border-radius:8px;
	background: #ffffff;
	font-weight: normal;
	line-height: 1.1;
}

.map_link_button span{
	font-size:17px;
	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;
	margin: 10px 0;
	background:url("/img/map_icon.svg") no-repeat left center;
	padding-left:55px;
	padding-bottom: 10px;
	background-position: 10% 0%;
}

.map_link_button .myplace_icon{
	display:inline-block;
	margin:10px 0;
	background:url("/img/myplace_icon.svg") no-repeat left center;
	padding-left:55px;
	padding-bottom: 10px;
	background-position: 10% 0%;
}

/* ◆人気アクティビティ検索リスト (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 .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 .row{
	padding-left: 12px;
}

.course_list_box {
	display: inline-table;
	width: 100%;
	padding-bottom: 3px;

}

.course_link_block {
	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 #91AC7C;
	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 {
	cursor: pointer;
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color:white;
	line-height:25px;
	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;
	color:#fff;

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

.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: #8FBCA9;
	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: #8FBCA9;
	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: #8FBCA9;
	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: #B7C1BE;
}

.amedas_tabs .amedas_tab.active {
	background: #36885B;
	font-weight: bold;
}


.amedas_tabs .cell {
	padding: 7px;		/* 上下の余白 */
	color: #FFFFFF;
}

.amedas_tab_contents {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background:#B7C1BE;
}

/* ◆エリア実況　ピンポイント */
.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: #8FBCA9;
}

/* タイトル行 */
.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 20px;
}

.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;
}

.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: #4C5D59;
	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%;
	padding:4px 6px;
	box-sizing:border-box;
}

.yohou_update_time {
	display: flex;
	align-items: center;
}
.yohou_update_time img {
	width: 12px;
	margin-right: 5px;
}

.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: 0.8em;
	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: #545454; 		/* リンクの色を変えない */
}


/* ■アメダス 広域・周辺エリア */
.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: #8FBCA9;
}

.amagumo_tabs .amagumo_tab.active {
		background: #36885B;
		font-weight: bold;
}

.amagumo_tabs .cell {
	padding: 7px;		/* 上下の余白 */
		color: #FFFFFF;
}

.amagumo_tab_contents {
	padding: 0px;
	margin:		0px;
	text-align: center;
	background:#8FBCA9;
}

/* 広域エリア、周辺エリア*/
.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_block{
	padding:75px 10px 10px 10px;
	margin-top:-60px;
	
}

/* コース基本情報 タイトル部品 */
.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;

	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;
}

.course_detail .course_info_text{
	padding:10px;
}

.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 tr{
	border-collapse: collapse;
	border-top: 0.01em #E3E3E3 solid;
}

.my_home_course_td {
	width: 100%;
}

.my_home_course .btn{
	width: 10%;
	height: 25px;
}

@media(min-width:751px){
	.my_home_course .btn{
		text-align: center;
	}
}

.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 .selected{
	border-top: none !important;
}

/* 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 > img {
	margin-top: 5px;
	width:100%;
	max-width: 400px;
	border:1.5px solid #ddd;
}
.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: #20615B;
}
.my_home_course_link_btn {
	color: #ffffff;
	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 18px 4px 20px;
	font-size: 18px;
	text-align: left;
	font-weight: bolder;
}
.my_home_course_parent .cate_img{
	border-style: none;
	width: 90px;
	height: 60px;
	padding: 0px 10px 4px 20px;
}
.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; /* セルの枠線 */
	padding: 10px 20px 10px 20px;

	color:#FF0000;
	background:#FFEEEE;
	text-align: left;
}

.my_home_course_sort_button {
	cursor: pointer;
	width: 84px;
	height: 27px;
	border-radius: 8px;
	color: #898989;
	white-space: nowrap;
	background-color: #fff;
	border: 0.1em #898989 solid;
}

.sort_img {
	width:10%;
	background-image: url(/img/icon/sort_grab.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 30px;
	background-size: 35px;
}

.course a{
	display: inline-flex;
}
/* インフォメーション */
.infomation_text {
	font-size:14px;
	background: #ffffff;

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

/* インフォメーション */
.about_golten {
	font-size:14px;
	background: #eee;

	/* 背景の余白（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: #e3e3e3;
	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 {
	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;
	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: 8px;		/* 上下の余白 */
	font-size: 14px;
	-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: 5px;		/* 上下の余白 */
	height:100%;
	border: solid 2px #2F4F4F;
	border-radius: 1em;
	background-color: #ffffff;
}

.pr_frame img {
	vertical-align: middle;		/* 画像とテキストを中央揃え */
}

/* ◆エリア実況、風、気温、降水、日照ボタン */
.amedas_header{
	width: 100%;
	margin: 0;
	background: #36885B;
	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: #798380;
	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: #36885B;
}
.amedas_simu_btn {
	cursor: pointer;
}
.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: #e3e3e3;
	padding-bottom: 10px;
	margin-top: 10px;
}
#tutorial_menu h2{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	background: #e3e3e3;
	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_pc{
	text-align: left;
	font-size: 12px;
	color:#333333;
	padding: 5px 10px 5px 25px;
	/*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; */
}

.bread_crumbs_band{
	text-align: left;
	font-size: 12px;
	color:#333333;
	padding: 5px 10px 5px 11px;
	/*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; */
}

.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: #36885B;
	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: #4C5D59;
	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: #36885B;
}

/* ◆戻るボタン、進むボタン */
.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{
	width:calc(100% - 323px);
	/* width:70%; */
	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: #8FBCA9;
}

.wavesimulator_tabs .wavesimulator_tab.active {
	background: #20615B;
	font-weight: bold;
}

.wavesimulator_tabs .cell {
	padding: 7px;		/* 上下の余白 */
		color: #FFFFFF;
}

.wavesimulator_tab_contents {
	padding: 0px;
	margin:		0px;
	text-align: center;
		background: #8FBCA9
}

.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: #20615B;
	padding: 2px 0px 2px 0px;
}

.wavesimulator_map {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
		background: #8FBCA9;
}

.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: #8FBCA9;
}

.kaminari_tabs .kaminari_tab.active {
		background: #36885B;
		font-weight: bold;
}


.kaminari_tabs .cell {
	padding: 7px;		/* 上下の余白 */
		color: #FFFFFF;
}

.kaminari_tab_contents {
	padding: 0px;
	margin:		0px;
	text-align: center;
	background:#8FBCA9;
}

/* 広域エリア、周辺エリア*/
.kaminari_tab_contents .area, .kaminari_tab_contents .pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.kaminari_header {
	width: 100%;
	margin: 0;
	background: #36885B;
	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: #4C5D59;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	display: flex;
}

.kaminari_btns .kaminari_btn a{
	text-decoration: none;
	margin: auto;
}

.kaminari_btn.active{
	background: #005c3b;
}

.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: #8FBCA9;
	display: flex;
	cursor: pointer;
}

.seatemp_or_tide_btns .cell{
	text-decoration: none;
	font-size: 13px;
	margin: auto;
}

.seatemp_or_tide_btns div.active {
	background: #20615B;
	font-weight: bold;
}

.seatemp_or_tide_header {
	width: 100%;
	margin: 0;
	background: #20615B;
	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;
	font-size: 12px;
	letter-spacing: -0.1em;
	display: inline-block;
}

.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:10px 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;
}

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;
		background-color: #36885B;
	}
	.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 img
	{
		vertical-align: middle;
		width: 40px;
		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: #B7C1BE;
		}

		.amedas_simu_btns .amedas_simu_btn {
				width: 83px;
				height: 26px;
				background: #798380;
				color: #FFFFFF;
				font-size: 14px;
				font-weight: bold;
				margin: 0px 0.5px;
		}
}

/* タブレット対応 */
@media screen and (min-width:481px) and (max-width:959px) { 
	/* サブエリアモーダル */
	.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, 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: 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: 20px;
		width: 97.5%;
	}
	.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, 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: 20px;
	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;
}

/* アプリ用チュートリアルモーダル*/
.tutorial-modal {
	position: fixed;
	z-index: 10000;
}
.tutorial-modal *{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.tutorial-modal .content {
	margin: 0 auto;
	padding: 40px;
}
.tutorial-modal .modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
}
.modal__bg {
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
}
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
	color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
	right: 5px;
	z-index: 99;
}
.slick-prev {
	left: 5px;
	z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	color: #fff;
}
/*スライド画像の横幅可変*/
.tutorial-modal img {
	max-width: 100%;
	height: auto;
}

/* 新詳細ページへのリンクエリア */
.weather__digest__in__choice__place {
  display: flex;
  justify-content: center;
  padding: 3px 0;
  background: #8FBCA9;
}

.weather__digest__in__choice__place-text {
  color: #fff !important;
  padding: 0;
  margin: 10px 0 0 0;
  display: inline-block;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-decoration-thickness: 2px !important;
}

.weather__digest__in__choice__place-text.no-space {
  margin: 0;
  padding: 3px 0;
}

@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;
  }
}