@charset "Shift_JIS";

/* ◆共通 */
body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
/*	background-size: 100% auto;*/
	background-size: cover;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3', 'Hiragino Kaku Goothic', 'ＭＳ Ｐゴシック',sans-serif;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

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

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

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

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

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

/* ◆共通フォントサイズ設定 */
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }
h1	 { font-size: 18px; font-size: 1.8rem; margin: 0;}
h2	 { font-size: 16px; font-size: 1.4rem; margin: 0;}

h1, h2, h3, h4 {
	font-weight: 600;
}

/* テキストインプット */
input[type="text"], input[type="email"], input[type="password"] {
	border: 1px solid #BCBCBC;
	border-radius: 6px;
}

h1.site_title{
    font-size: 11px;
    margin: 0;
    padding-bottom:5px;
    background: #b1c4e8;
    text-align: center;
}

#header {
	height: 42px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1005;
}

@media screen and (max-width: 768px) {
	#content {
		margin-top: 42px;
	}
}

/* PCの基本幅 */
.container {
	margin: 0 auto;
	/*width: 1000px;*/
	width: 1058px;
}

.container .col-right {
	/*width : calc(100% - 330px);*/
	width: 728px;
}

.container .col-left {
	width : 330px;
}

.container .col-left {
	width : 330px;
}

/* ◆TOPタイトル*/
.top_title {
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	padding-top: 8px;
	padding-left: 13px;
	background: #006ECB;
	color: black;
}


/* ◆TOPタイトル PC用*/
#header.pc {
	box-sizing: border-box;
	height: 80px;
	background-color: #fff;
	border-bottom: 10px solid #006ECB;
}

#content.pc {
	padding-top: 80px
}

#header.pc .container {
	height: 100%;
	padding: 0;
	display: flex;
	align-items: center;

	background-color: #fff;
}

#header.pc a{
	color: #006ECB;
	text-decoration: none;
}

#header.pc ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;

}

#header.pc ul li:first-child{
	border-left: none;
}

#header.pc ul li {
	padding: 0 11px;
	border-left: 1px solid #006ECB;
}

#header.pc form {
	flex-grow: 0;
	margin: 0 266px 0 47px;
}

.top_title_pc {
	flex-grow: 0;
	padding-top: 5px; 		/* 上の余白 */
	color: black;
	line-height: 0;
}

.top_title_pc img, .top_title img{
	width: 121.5px;
	height: auto;
}

.login_btn {
	padding: 3px 12px;
	
	background-color: #006ECB;
	border-radius: 3px;
}

#header .login_btn a {
	color: #fff;
}

/* ◆TOPタイトル スマホ 会員用*/
.top_title_member {
	width: 100%;
	height: 62px;
	text-align: center;
	background: #B1C5E8;
	/* タイトル画像 */
	background-image: url("../img/main_logo.png");
	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: #E5EDF9; オリジナルの薄い青 */
	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: #E5EDF9; オリジナルの薄い青 */
	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;
}



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

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 li:not(:last-child):after{
	content: '/';
}


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-top: 17px;
	margin-bottom: 17px;
}


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


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

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: #A2A2A2;
    font-weight:nomal;
    margin: 0;
    padding: 0;
}



/* ◆共通タイトル*/
.common_title {
	padding: 2px 0 5px 0;
	margin-bottom: 0px;
	color: #474749;
	font-size: 1.9rem;
	border-bottom: 1px solid #EBEBEB;
}

.common_title_image {
	background-image: url('../img/bg/common_title.png');
	background-repeat: no-repeat;
	background-size: 35px 24px;
	padding-left: 35px;
	background-position: 0 calc(50% - 4px);
}

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

	width: 44px;
	height: 26px;
	left: 10px;
	top: 12px;

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

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


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

.pc #common_title_long {
	padding: 10px 0;
}

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

	/* 背景グラデーション表示 */
	background: #b1c4e8;
	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: 0;
	padding-bottom: 0;
}


.topics_link {
	width: 100%;
	margin: 0;
	color: #000000 !important;
	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;
*/
}

/* 3カラム　左にアイコン　真ん中タイトル　右に矢印 */
.topics_link.style-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: rgb(196,255,187);
	padding: 5px 8px;
	text-align: left;
}

.topics_link.style-flex > div {
	display: flex;
	justify-content: center;
	align-items: center;
	place-items: center;
	place-content: center;
}

/* バナー左アイコン */
.topics_link.style-flex > div.flex_left > div:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 14px;
}
.topics_link.style-flex > div img {
	width: 100%;
    height: auto;
    border-radius: 5px;
    max-height: 45px;
    min-width: 45px;
}
.topics_link.style-flex > div.arrow {
	padding: 0 0 0 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.topics_link.style-flex > div.arrow img {
	width: 8px;
	min-width: unset !important;
}
.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
{
	background-color: #006ECB;
	color: #fff;
}

a.footer_link			/* 通常リンク */
{
	font-size: 1.1rem;
	color: #FFFFFF;
	text-decoration: none;	/* 下線を消す */
}

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

a.footer_link:hover 	/* カーソルが上にある時のリンク */
{
	color: #FFFF00;
}

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

.foot_tag_link{
	color: #FFFFFF;
	padding: 8px 8px;
}

.foot_tag_link h2{
	font-size: 1.5rem;
	font-weight: normal;
	margin-bottom: 12px;
}

.foot_tag_link_box {
	display: flex;
	flex-wrap: wrap;
}

.foot_tag_link_box ul{
    padding:0px;
	margin:0px;
	list-style: none;
	width: 45%;
	margin-right: 5%;
}

.foot_tag_link_box ul li{
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	font-size: 1.0rem;
	font-weight: normal;
	position: relative;
	padding: 2px 0;
}

.foot_tag_link_box ul li a{
	text-decoration: none;
}

.foot_tag_link_box ul li:after {
	content: ">";
	position: absolute;
	right: 0;
	font-weight: bold;
}

.pc .foot_tag_link_box {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.pc .foot_tag_link_box ul{
	width: 30%;
}

.site_discription{
    font-size: 1.0rem;
	color: #FFFFFF;
    padding:12px 10px 18px 10px;
}

.footer {
	text-align: center;
	padding-bottom: 30px;
}


.footer img {
	width: 180px;
}

.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: #000000;
	background: #107BFF;
}

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

.pc .footer {
	text-align: left;
}

p.copyright
{
	margin-top: 18px;
	font-size: 1.0rem;
	color: #FFFFFF;
}

/* ◆このエリアの広域天気予報を見る */
.course_area {
	/*margin-top: 2px;*/
	padding: 6px 6px;
	background:#fff;
}

/* ◆ゴルフ気象情報　タブ */
.course_weather_tab_wrap{
	padding: 0;
}

.course_weather_tab_wrap ul {
	display: flex;
    -webkit-flex-wrap: nowrap;	
	flex-wrap: wrap;
	justify-content: space-between;

	margin: 0;
	padding: 0;
	list-style: none;
}

.course_weather_tab_wrap a {
	width:19%;
}

.course_weather_tab_wrap li {
	box-sizing: border-box;
	height: 40px;
	padding: 1px 0px;
	margin-bottom: 2px;

	border: 1px solid #B7B7B7;
	border-radius: 6px;

	text-align: center;
	line-height: 1.0rem;
}

.course_weather_tab_wrap .hour_tab_icon{}
.course_weather_tab_wrap .amagumo_tab_icon{
	padding-top:3px;
}
.course_weather_tab_wrap .tyhoon_tab_icon{}
.course_weather_tab_wrap .tide_tab_icon{
	padding-top:3px;
}
.course_weather_tab_wrap .wave_tab_icon{
	padding-top:1px;
}
.course_weather_tab_wrap .swell_tab_icon{
	padding-top:2px;
}
.course_weather_tab_wrap .seatemp_tab_icon{}
.course_weather_tab_wrap .tidecurrent_tab_icon{
	padding-top:4px;
}



.course_weather_tab_wrap li.active {
	background-color: #0C74CC;
	border-color: #FAD34F;
	color: #fff;
}

.course_weather_tab_wrap li p {
	margin: 0;
	font-size: 1.0rem;
	font-weight: 600;
	white-space: nowrap;
}

.course_weather_tab_wrap a {
	color: #3E3E3E;
	text-decoration: none;
}

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

.course_weather_table_pc td{
	text-align:center;

}

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

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

/* ◆このエリアの広域天気予報を見る */
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: 13px;
}


.pc .content_area,
.pc .course_weather_link{
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #E7E7E7;
}

.pc .content_area.border_top {
	margin-top: 10px;
	border-top: 1px solid #E7E7E7;
}

.course_weather_link .title{
    background-color: #006ECB;
    margin: 0;
    padding: 5px 6px;
}

.course_weather_link .title h2{
	background-image: url(../img/bg/white_pin.svg);
    background-repeat: no-repeat;
    background-size: 14px, auto, contain;
    background-position-y: 50%;
    margin: 0;
    padding-left: 24px;
    color: #ffffff;
    font-size: 1.4rem;
}

.course_weather_link ul {
	display: flex;
	flex-flow: wrap;
	list-style: none;
	margin: 0;
	padding: 3px 4px 10px 4px;
	font-size: 1.0rem;

}

.course_weather_link li {
	margin: 3px 4px;
	padding: 7px 13px;

	background-color: #F5F5F5;
	border: 1px solid #B7B7B7;
	border-radius: 4px;
	
	text-align: center;
}

.course_weather_link li a {
	font-size: 1.0rem;
	font-weight: 600;
	text-decoration: none;
	color: #474749;
}

.spot_address_wrapper{
	padding: 20px 15px 10px 15px;
	background-color:#FFF;
}

.course_weather_link_header,
.spot_address_header,
.mapsearch_header,
.typhoon_header,
.area_header {
	padding: 9px 10px 9px 28px;

	background-image: url(../img/bg/white_pin.svg);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position-x: 10px;
	background-position-y: 11px;
	background-color: #006ECB;

	font-size: 1.4rem;
	font-weight: 600;;
 	color: #fff;
}

.pc .course_weather_link_header,
.pc .spot_address_header,
.pc .mapsearch_header,
.pc .typhoon_header,
.pc .area_header {
	background-image: url(../img/bg/typhoon.png);
	background-color: #006ECB;
	color: #fff;
}

.pc .mapsearch_header{
	padding-left: 20px;
    background-image: url(../img/bg/black_pin.svg);
    background-repeat: no-repeat;
	background-position-x: 0;
    background-position-y: center;
    background-size: 14px;
    background-color: #fff;
    color: #474749;
    font-size: 1.4rem;
    font-weight: 600;
}

.typhoon_header {
	background-image: url(../img/bg/typhoon.png);
	background-size: 15px;
}

.area_header {
	background-image: url(../img/bg/week_yohou.png);
	background-size: 23px;
	padding-top: 10px;
	padding-left: 35px;
}
.pc .area_header {
	background-image: url(../img/bg/black_week_yohou.png);
	background-size: 21px;
}

.area_content {
	padding: 0 10px 15px 10px;
}
.area_link {
	padding: 10px;
}

.pc .area_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}

.pc .area_link::after {
	content: "";
	display: block;
	width: 230px;
}

.pc .area_link a {
	width: 230px;
}

.pc .area_link a:nth-child(3n) {
    margin-right: 0;
}

.pc .area_link_row {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #E2E2E2
}
.area_link_row:after {
	right: 6px;
}
.pc .area_link_row:after {
	right: 14px;
}


.neighbor_weather_link_list{
	background:#fff;
	padding:5px 0px;
}

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


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

	/* 背景グラデーション表示 */
	background: #DBEDFF;		/* グラデーション表示不可の場合の初期値 */
	color: #000;
	
	/**
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#33CC99',EndColorStr='#00CC33');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#00CC33));
	background: -moz-linear-gradient(top, #33CC99, #00CC33);

	border-top:solid 1px #51636F;

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

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

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

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

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

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

.spot_address_wrapper .spot_address_box{
	padding: 12px 9px 12px 41px;
	position: relative;

	background-color: #F8FCFF;
	background-image: url("../img/icon/google-maps.png");
	background-repeat: no-repeat;
	background-size: 26px;
	background-position-x: 9px;
	background-position-y: 12px;
	
	border: 2px solid #006ECB;
	border-radius: 8px;

	color: #006ECB;
	font-size: 1.6rem;
	font-weight: 600;

}

.spot_address_wrapper a{
	color: #006ECB;
	text-decoration: none;
}

.spot_address_wrapper .spot_address_box:after{
	content: '>';
	position: absolute;
	right: 9px;
}

.spot_address_wrapper p {
	margin: 0;
	margin-top: 7px;
	text-align: center;
	color: #B7B7B7;
	font-size: 1.1rem;
	font-weight: 300;
}

.area_address{
	padding: 10px 15px 20px 15px;
	background-color:#FFF;
}

.area_address .area_address_btn {
	position: relative;
	padding: 12px 9px 12px 41px;
	background-image: url("../img/bg/area_address.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position-x: 11px;
	background-position-y: 12px;
	background-color: #F5F5F5;

	border: 2px solid #B7B7B7;
	border-radius: 8px;
	color: #3E3E3E;
}

.area_address  a {
	text-decoration: none;
	color: #3E3E3E;
	font-size: 1.5rem;
	font-weight: 600;
}
.area_address .area_address_btn:after{
	content: '>';
	position: absolute;
	right: 9px;
}

.pc .spot_area_address {
	display: flex;
	justify-content: space-evenly;
	margin: 20px 0;
}
.pc .area_address,
.pc .spot_address_wrapper {
	padding: 0;
	width: 45%;
}

.pc .spot_address_wrapper p {
	display: none;
}


.map_address a{
	padding:5px 15px 5px 45px;
	background:#4285f4 url("../img/icon/google-maps.png") no-repeat;
	background-size: 31px 31px;
	background-position: 8px;
	border-radius:8px;
	text-align:center;
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;

	font-weight: 200;
}

.map_address{
	width:300px;
	margin:0 auto;

	background:#fff;
	border: 1px solid #EBEBEB;

	color:#000;
	text-align: center;

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


/* ◆マイホームコース */
.my_home_course_btn {
	background-color: #EFEFEF;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 27px;
}

/* マイホームコースへ追加ボタン */
.my_home_course_btn .add_btn,
.my_home_course_btn .del_btn {
	/*padding: 14px 0 18px 0;*/
	height: 40px;
	background-image: url(../img/bg/my_home_course_btn.png);
	background-repeat: no-repeat;
	background-size: contain;

	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center center;

	font-size: 1.1rem;
	text-align: center;
	font-weight: bold;
	color: #FFEB00;
	text-decoration: none;	
}

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


/* ◆マイホームコース｜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 {
	background-color: transparent;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 6px 0px;
}

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

/* ◆週間天気予報 */
.week_yohou_title {
	background-color: #006ECB;
	margin: 0;
	padding: 5px 6px;
}

.week_yohou_title h2 {
	background-image: url(../img/bg/week_yohou.png);
	background-repeat: no-repeat;
	background-size: 23px;
	background-position-y: 3px;

	margin: 0;
	padding-left: 24px;

	color: #ffffff;

	font-size: 1.6rem;
}

.pc .week_yohou_title {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
}

.pc .week_yohou_title h2 {
	background-image: url(../img/bg/black_week_yohou.png);
	background-size: 21px;
	color: #000;
	font-weight: 500;
}

.week_yohou {
	width: 100%;
	border-collapse: collapse;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	background: #FFFFFF;
}

.week_yohou tr:nth-child(2n) {
    background-color: #F1F9FF;
}

.week_yohou th {
	width: 46px;
	color: #fff;
	font-size: 1.0rem;
	font-weight: 600;
	background-color: #149BDF;
	border: 1px solid #ccc;
}

.week_yohou td {
	font-size: 0.9rem;
	font-weight: 600;
	border: 1px solid #e2e2e2;
}

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

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

.saitei {
	color: #006ECB;
}

.saikou {
	color: #FF5353;
}

/* 土曜 */
.week_yohou .Sat{
	color: #006ECB;
}

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

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

.week_yohou .kousui_data {
	height: 24px;
}

/* ◆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: #FFF;
	color: #474749;
}

.hour_yohou_header {
	background-color:#D5D5D5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 6px;
}

.hour_yohou_header .item1 {
	flex-grow: 1;
}

.hour_yohou_header .item2 {
	margin-right: 6px;
}

.hour_yohou_header h3{
	/*
	background-image: url(../img/bg/calendar.png);
	*/
	background-repeat: no-repeat;
	background-size: 18px;

	margin: 0;
	margin-left: 5px;
	font-size: 1.4rem;
}

.hour_yohou_header.Sat {
	background-color: #4690FF;
	color: #FFFFFF;
}

.hour_yohou_header.Sat h3{
/*
	background-image: url(../img/bg/calendar_sat.png);
*/
}

.hour_yohou_header.Sun,
.hour_yohou_header.holiday{
	background-color: #FF5353;
	color: #FFFFFF;
}

.hour_yohou_header.Sun h3{
/*
	background-image: url(../img/bg/calendar_sun.png);
*/
}


.hour_yohou_header .week_btn,
.hour_yohou_header .hour_btn,
.amagumo_header .wide_btn,
.kaminari_header .wide_btn {
	padding: 6px 8px 6px 20px;

	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position-x: 4px;
	background-position-y: 7px;

	border: 1px solid #EBEBEB;
	border-radius: 7px;

	color: #474749;
	text-decoration: none;
	font-size: 1.2rem
}

.hour_yohou_header .hour_btn{
	background-position-y: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root body {
        background-color: #eee;
    }
}

.hour_yohou_header .week_btn {
	background-image: url(../img/bg/week_btn.png);
	background-size: 14px;
}

.hour_yohou_header .hour_btn,
.amagumo_header .wide_btn,
.kaminari_header .wide_btn {
	background-image: url(../img/bg/hour_btn.png);
	background-size: 12px;
}

.hour_yohou_info ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 8px 5px;
}

.hour_yohou_info .tide,
.hour_yohou_info .moon,
.hour_yohou_info .sun {
	
	background-repeat: no-repeat;
	background-position-y: 3px;
	padding-left: 14px;
	min-width: 100px;
	font-size: 1.1rem;
	line-height: 1.6;
}

@media (min-width: 767px) {
	.hour_yohou_header {
		padding: 8px 6px;
	}
	.hour_yohou_header .hour_btn {
		display: inline-block;
	}
	.hour_yohou_info .tide,
	.hour_yohou_info .moon,
	.hour_yohou_info .sun {
		
		background-repeat: no-repeat;
		background-position-y: 3px;
		padding-left: 14px;
		min-width: 100px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
}
/*
.hour_yohou_info ul {
	display:table;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 8px 5px;
	width:100%;
	box-sizing: border-box;
}

.hour_yohou_info .tide,
.hour_yohou_info .moon,
.hour_yohou_info .sun {

	display:table-cell;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position-y: 3px;
	padding-left: 8px;

	font-size: 1.16rem;
}
*/
.hour_yohou_info .tide {
	background-image: url(../img/bg/tide.svg);
	margin-right: 10px;
	background-position: 0 center;
}
.hour_yohou_info .moon {
	background-image: url(../img/bg/moon.svg);
	background-position: 0 center;
}
.hour_yohou_info .sun {
	background-image: url(../img/bg/sun.svg);
	background-position: 0 center;
}


.hour_yohou {
	box-sizing: border-box;

	width: 100%;
	margin: 0;
	padding: 0;

	color: #000000;
	font-size: 1.0rem;
	font-weight: 600;

	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;

}
@media (min-width:768px) {
	.hour_yohou_element {
		margin: 10px 0;
	}
	.hour_yohou {
		border: 1px solid #ccc;
	}
	.hour_yohou .Sat:first-child{
		color: #fff;
		background: #006ECB;
	}
	.hour_yohou .Sun:first-child,
	.hour_yohou .holiday:first-child{
		color: #fff;
		background: #FF5353;
	}
}

.hour_yohou tr:nth-child(2n+1) {
	background-color: #F1F9FF;
}

/* タイトル行 */
.hour_yohou th {
	height: 20px;
	width:95px;
	background: #149BDF;
	color: #fff;
	border: 1px solid #ccc;
}

.hour_yohou td {
	height: 24px;
	font-style: normal;
	border: 1px solid #e2e2e2;
}

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

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


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

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

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

/* ◆有料会員への勧誘 */
.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: 12px;
	color: #666;
	background: #C7C7C7;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
}

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

.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 {
	box-sizing: border-box;
	min-height: 32px;
	width: 100%;
	margin: 0;
	padding: 0 11px;
	font-size:1.2rem;
	color:#fff;
	background-color: #006ECB;
}

.search_title h2 {
	box-sizing: border-box;
	padding: 6px 0px 5px 20px;
	background-color: #006ECB;
	background-image: url( ../img/bg/white_pin.svg);
	background-repeat: no-repeat;
	background-size: 14px, auto, contain;
	background-position-y: 6px;

	font-size: 1.4rem;
	color: #fff;
}

.pc .search_title {
	background-color: #fff;
}

.pc .search_title h2 {
	background-color: #fff;
	background-image: url( ../img/bg/black_pin.svg);

	color: #000;
	text-align: left;
}

.other_search_title{
	margin-top:10px;
	padding:5px 11px;
	color:#fff;
	background-color: #006ECB;
}

.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("http://www.umitenki.jp/PIE.htc");
}

.common_sub_title {
	width: 100%;
	border-left: 6px solid #006ECB;
	margin-bottom: 10px;
	padding-left: 5px;

	font-size: 1.6rem;
	font-weight: 600;
}

.common_sub_title_left {
	width: 100%;
	box-sizing: border-box;		/* paddingがはみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	margin: 0;
	color: #000000;
	background: #FFFFFF;

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

	text-align: left;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
	color: #ffffff;
	background: #1766de;
}

.search_header {
	background-image: url(../img/bg/search.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position-y: 11px;
	background-position-x: 10px;
	background-color: #006ECB;
	margin: 0;
	padding: 9px 9px 9px 32px;

	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
}

.search_result {
	width: 100%;
	box-sizing: border-box;		/* paddingがはみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	margin: 0;
	padding: 12px 10px;

	color: #474749;
	font-size: 1.2rem;
	font-weight: 600;
}

.search_result ul {
	list-style: none;
	padding: 0;
}

.search_result li {
	position: relative;
	padding: 10px 6px;
	border-bottom: 1px solid #A0C6E6;
}

.search_result li:after {
	content: ">";
	position: absolute;
	right: 0;
	font-weight: bold;
}

.search_result a {
	color: #006ECB;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: 600;
}

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

.search_input {
	width: 100%;
	color: #000000;

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

}

div.form_wrapper{
	padding: 6px;
	display: flex;
}


div.form_wrapper .search_word {
	box-sizing: border-box;

	height: 46px;
	width: 78.35%;
	background-color: #F4F4F4;
	border: 2px solid #DDDDDD;
	border-radius: 12px 0 0 12px;

	background-image: url(../img/icon/search_input.svg);
    background-repeat: no-repeat;
    background-size: 22px, auto, contain;
    background-position: 5px, 5px;
    background-position-x: 5px, 5px;
    background-position-y: center, center;
	padding-left: 37px;
	
	font-size: 1.2rem;
}

div.form_wrapper .search_word_pc {
	box-sizing: border-box;

	width: 290px;
	height: 36px;
	background-color: #F4F4F4;
	border: 2px solid #DDDDDD;
	border-radius: 50px;

	background-image: url(../img/icon/search_input.svg);
    background-repeat: no-repeat;
    background-size: 22px, auto, contain;
    background-position: 5px, 5px;
    background-position-x: 5px, 5px;
    background-position-y: center, center;
	padding-left: 37px;
	
	font-size: 1.4rem;
}

div.form_wrapper .search_btn {
	box-sizing: border-box;
	width: 21.65%;
	height: 46px;
	padding-left: 4px;
	-webkit-appearance: none;
	border-radius: 0 12px 12px 0;
	border-style: none;
	background-color: #006ECB;
	color: #fff;
	font-size: 1.5rem;

}
/* ◆TOP 台風トピック */
div.typhoon_alert{
  padding: 6px;
  background-color: #EFEFEF
}


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

table.typhoon_info{
  width: 100%;
  height: 28px;
  text-align:left;
  background-color: #fff;
  border-radius: 13px;
  font-size: 0;
}

span.typhoon_img img{
	margin-left: 10px;
	vertical-align: bottom;
}

span.typhoon_text{
  margin-left: 7px;
  color: #000000;
  font-size: 12px;
}

span.typhoon_text_arrow{
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin-right: 7px;
}



/* ◆TOP エリアテーブル */
.top_area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0px;		/* 上下の余白 */
	background: #FFF;
}

.top_area_col {
	box-sizing: border-box;
	width: 50%;
	position: relative;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
	line-height:130%;
}

.top_area .top_area_col .cell {
	margin: 0px 12px;
	padding: 5px 0;
	font-size: 14px;
	color: #006ECB;
	border-bottom: 1px solid #E2E2E2;
}

.top_area .top_area_col.area_hokkaido {
	min-height: 65px;
	display: flex;
	align-items: center;
}

.top_area .top_area_col.area_hokkaido .cell {
	border-bottom: none;
}


.top_area .top_area_col .cell:after {
	content: ">";
	position: absolute;
	right: 12px;
}


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

.top_area_col .top_area_col_child {
	box-sizing: border-box;
	width: 100%;
	padding: 4px 12px 4px 12px;
	border: none;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;

	align-content: space-around;
	flex-wrap: wrap;
}

.top_area_col .top_area_col_child a {
	color: #A2A2A2;
	font-size: 1.0rem;
	font-weight: 600;
	margin-right:12px;
}

.pc .top_area_col {
	width: 33%;
	margin-bottom:11px;
}

.pc .top_area .top_area_col .cell {
	border-bottom: none;
}

.pc .top_area_col .top_area_col_child {
	background-color: #F5F5F5;
	height: 40px;

	text-align: left;
}

/* ◆TOP マップリンク */

.map_link {
	display: flex;
	width: 100%;
	/*padding: 4px;*/
}

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

.map_link_button {
	display: flex;
	align-items: center;

	box-sizing: border-box;
	height: 55px;

	border: 2px solid #DDD;
	border-radius:10px;
	margin: 4.5px;
	padding: 6px 5%;

	background-color: #f5f5f5;
	color:#474749;
}
.map_link_button .item1 img {
	vertical-align: bottom;
}

.map_link_button .item2 {
	flex-grow: 2;
	font-size: 10px;
	height: 30px;
	margin-left: 14px;
}

.map_link_button .item2 span{
	font-size:20px;
	line-height: 80%;
}

.map_link_button .item3 {
	font-weight: bold;
}

.pc .map_link_button {
	border: none;
	border-radius: 2px;
	background-color: #006ECB;
	color: #fff;
}
.pc .map_link_button.map .item1 img{
	width: 31px;
}
.pc .map_link_button.location .item1 img{
	width: 22px;
}

.pc .map_link_button .item2 {
	font-size: 1.2rem;
	height: auto;
}

/*Top市町村天気予報へ*/
.cities_search_link_btn_top {
	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 0px 5px 0px;

	background-color: #fff;
}

.cities_search_link {
	padding: 8px 14px;
}

.cities_search_link p {
	color: #474749;
	font-size: 1.1rem;
	margin: 0;
	margin-left: 28px;
	margin-bottom: 8px;
}

.cities_search_link_button {
	box-sizing: border-box;
	height: 52px;
	width: 100%;

	border: 2px solid #006ECB;
	border-radius: 8px;
	background-color:#F8FCFF;
	padding:9px 0 11px 0;

	color:#006ECB;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;	
}

.cities_search_link_button span{
}

.cities_search_link_button img{
	width: 39px;
	vertical-align: middle;
}

/*海天気予報から市区町村天気予報へ*/
/*釣り地点の市区町村へのリンクデザイン*/
div.city_row_link {
	width: 100%;

	overflow : hidden;		 /* 表示できない部分は表示しない */
	vertical-align: middle;
	height:40px;				/* この２つの値を揃えないと */
	line-height:40px;			/* 縦位置中央に表示されない */
	background:#E5EDF9;

	/* 背景に矢印アイコンを置く */
	background-image: url("../img/arrow_bl.png");
	background-repeat: no-repeat;
	background-position: 96% center;

	border-bottom: 1px #BCCCDB 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:#E5EDF9;
	color: #000000;
	padding:20px 0px 20px 20px;
}

div.city_neibor_links_bg a{
	color: #000000;
}

/* ◆TOP その他の気象情報 */
.other_info {
	margin: 0;
	padding: 0 9px 9px 9px;
	background: #fff;
}

.other_info_row{
	padding: 9px 9px;
	border-bottom: 1px solid #EFEFEF;
	min-height: 70px;
}

.other_info_row a{
	text-decoration: none;
}
.other_info_row img{
	width: 70px;
	height: 70px;
	border-radius: 5px;
	float: left;
	margin-right: 11px;
}

.other_info_row h3{
	font-size:1.4rem;
	font-weight: 600;
	margin:0px;
	padding:0px;
	color:#000;
}

.other_info_row figcaption{
	color: #000000;
	font-weight: bold;
}

.other_info_desc{
	font-size: 1rem;
	color: #666;
    margin:0 auto;
}

.pc .other_info_wrapper {
	padding: 10px 0;

	border-top: 1px solid #E2E2E2;
}

.pc .other_info {
	display: flex;
	flex-wrap: wrap;
}

.pc .other_info_row{
	box-sizing: border-box;
	width: 50%;

	text-align: left;
}

/* ◆普段も使える気象情報 */
.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("http://www.umitenki.jp/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:#E5EDF9;
}

.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 #BCCCDB solid; /* セルの枠線 */
}

.common_link td {
	cursor: pointer;	/* ポインターにする */
}

/* ◆共通アコーディオンリスト */
.accordion,
.area_link_row {
	padding: 13px 0;
	position: relative;

	border-bottom: 1px solid #E2E2E2;
	cursor: pointer;	

	color: #006ECB;
	font-weight: 600;
	font-size: 1.4rem;
}

.accordion:after,
.area_link_row:after {
	content: '>';
	position: absolute;
	font-weight: bold;
}

/* スポット一覧用カスタマイズ */
.spot_index_slider ul,
.spot_index ul {
	list-style-type: none;
	padding: 0;
}


.spot_index_slider ul li,
.spot_index ul li  {
	border: 1px solid #F0F0F0;
	background-color: #fff;

	text-align: center;
	color: #006ECB;
	font-size: 1.3rem;
	font-weight: 600;

	cursor: pointer;
}


.spot_index_slider ul li.active,
.spot_index ul li.active {
	background-color: #D0D0D0;
	color: #9B9B9B;
}

.spot_index_slider {
	overflow-x: auto;
	overflow-y: hidden;
	border-bottom: 1px solid #B7B7B7;
}

.spot_index_slider ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.spot_index_slider ul li {
	box-sizing: border-box;
	
	padding: 6px 8px;
}

.pc .spot_index_slider ul li {
	padding: 10px;
}

/* 近隣エリア */
.near_area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;

	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0px;		/* 上下の余白 */
	background: #FFF;
}

.near_area_col {
	box-sizing: border-box;
	width: 50%;
	position: relative;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

.near_area .near_area_col .cell {
	margin: 0px 12px;
	padding: 6px 0;
	font-size: 17px;
	color: #006ECB;
	border-bottom: 1px solid #E2E2E2;
}

.near_area .near_area_col.area_hokkaido {
	min-height: 77px;
	display: flex;
	align-items: center;
}

.near_area .near_area_col.area_hokkaido .cell {
	border-bottom: none;
}


.near_area .near_area_col .cell:after {
	content: ">";
	position: absolute;
	right: 12px;
}


.near_area a:link,
.near_area a:visited {
	color: #006ECB;	/* リンクの色を変えない */
	cursor: pointer;
}

.near_area_col .near_area_col_child {
	box-sizing: border-box;
	width: 100%;
	padding: 6px 12px 12px 12px;
	border: none;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;

	align-content: space-around;
	flex-wrap: wrap;
}

.near_area_col .near_area_col_child a {
	color: #A2A2A2;
	font-size: 1.0rem;
	font-weight: 600;
	margin-right:12px;
}

.pc .near_area_col {
	width: 32%;
    margin-right: 2%;
}

.pc .near_area .near_area_col .cell {
	border-bottom: none;
}

.pc .near_area_col .near_area_col_child {
	background-color: #F5F5F5;
	height: 52px;

	text-align: left;
}
/* /近隣エリア */

.spot_index ul {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}

.spot_index ul li  {
	box-sizing: border-box;
	width: 31.2%;
	padding: 8px;
	margin-bottom: 8px;
	position: relative;
	text-align:left;
	font-size: 1rem;
}

.pc .spot_index ul li  {
	width: 32.5%;
	margin-bottom: 10px;
	text-align:left;
	font-size: 1.4rem;
}

.spot_index ul li:after{
	content: '>';
	position: absolute;
	right: 12px;
}

.pc .spot_content_area h3 {
	padding-left: 29px;
	background-image: url(../img/bg/black_week_yohou.png);
	background-repeat: no-repeat;
	background-position-y: 1px;

	background-size: 21px;
	
	background-color: #fff;
	color: #474749;
	font-size: 1.4rem;
	font-weight: 600;
}

.accordion_below .accordion_col,
.spot_content .spot_content_col {
	box-sizing: border-box;
    height: initial;
    width: 31.2%;
    margin-bottom: 8px;
    padding: 4px 7px;
    background-color: #F5F5F5;
    border: 1px solid #B7B7B7;
    border-radius: 4px;
    line-height: normal;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.accordion_below .accordion_col .text,
.spot_content .spot_content_col .text{
    color: #474749;
    font-size: 1.1rem;
    font-weight: 600;
}
.accordion_below .accordion_col .widelink,
.spot_content_col .widelink {
	height: auto;
}

.accordion_below::after,
.spot_content::after {
  content:"";
  display: block;
  width:32%;
}

.pc .spot_content .spot_content_col {
	width: 32%;
	padding: 10px;
	margin-bottom: 5px;
	
	background-color: #fff;
	border: 1px solid #E2E2E2;
	border-radius: 0;
}

.pc .spot_content .spot_content_col .text {
	position: relative;

	color: #006ECB;
	font-weight: 500;
	font-size: 1.1rem;
}

.pc .spot_content .spot_content_col .text:after {
	content: '>';
	position: absolute;
	right: 0;
}

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


.accordion.acc_citysearch{
/*	background-color:#aaddff;*/
	background-color:#dbedff;
	background-image: url("../img/arrow_bl3.png");
	background-repeat: no-repeat;
	background-position: 96% center;
	padding: 5px;
	color:#333;
	text-align:center;
}

.accordion_below,
.spot_content {
	width: 100%;
	border-bottom: 1px #E2E2E2;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

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

.course_list_wrap{
	background:#fff;padding:15px 10px 5px 20px; border-bottom:1px #ddd solid;
}

.course_div{
	width:100px; border-left:3px solid #00346f; padding:0px 7px; color:#00346f; font-weight:bold;
}

.course_list_box{
	margin:10px 0 0 0;
}

.course_link_block{
	display:inline-block; margin-right:10px;margin-bottom:10px;
}

.course_link_block a{
	color:#333;
}

/* ◆TOPジャンル検索アコーディオンリスト */
.genre_accordion,
.typhoon_accordion,
.pub_weather_link {
	padding: 6px 12px;
	background-color: #FFF;
	font-weight: bold;
	font-size: 14px;
	/*background-image: url("../img/plus_button.png");
	background-repeat: no-repeat;
	background-position: 96% center;*/

	border-bottom: 1px #D1D1D1 solid; /* セルの枠線 */
	cursor: pointer;	/* ポインターにする */

	display: flex;
	align-items: center;

/* 20191226検証中 */
position: relative;
}

.pub_weather_link {
	border: 1px solid#D8D8D8;
}

.genre_accordion_below {
	width: 100%;
	color: #000000;
	border-bottom: 1px #FFFFFF;
	position: absolute;
	z-index:2;
}
.genre_accordion a:link,
.genre_accordion a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

.genre_accordion h3,
.typhoon_accordion h3,
.pub_weather_link h3 {
	color: #006ECB;
	font-weight: 600;
	font-size: 1.5rem;
	margin:0px;
	padding:0px;
}

.genre_accordion h3 {
	font-size: 100%;
}

.pub_weather_link h3 {
	background-image: url(../img/bg/common_title.png);
	background-repeat: no-repeat;
	background-size: 35px 24px;
	padding-top: 3px;
	padding-left: 35px;
}

.genre_accordion .item1,
.typhoon_accordion .item1,
.pub_weather_link .item1{
	flex-grow: 2;
}
.genre_accordion .item2,
.typhoon_accordion .item2,
.pub_weather_link .item2{
	box-sizing: border-box;
	border-left: 1px solid #D1D1D1;
	padding: 10px 14px 14px 20px;
	height: 35px;
}
.down_arrow {
	width: 5px;
	height: 5px;
	border: 3px solid;
	border-color:  transparent transparent #006ECB #006ECB;
	border-radius: 2px;
	transform: rotate(-45deg);
}

/* pc版 ジャンル、市区町村用 */
.pc .select_area ,
.pc .genre_pref_link {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #E2E2E2;
}

.pc .genre_pref_link {
	display: flex;
	justify-content: space-between;
}

.pc .genre_wrapper {
	flex-grow: 1;
}

.pc .genre_row {
	display: flex;
}

.pc .genre_col {
	width: 219px;
}

.pc .genre_col a {
	text-decoration: none;
}

.pc .genre_col .link_down,
.pc .genre_col .description {
	padding: 0 6px 6px 6px;
	background-color: #f5f5f5;
}

.pc .genre_wrapper .genre_col {
	margin-right: 35px;
}

.pc .pref_wrapper .genre_col {
	background-color: #f5f5f5;
}

.pc .genre_accordion {
	display: block;
	padding: 0;
	border-bottom: none;
	background-color: #f5f5f5;
}

.pc .genre_accordion ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.pc .genre_accordion ul li{
	margin-right: 3px;
}
.link_down {
	display: flex;
	margin-bottom: 3px;
}

.link_down h3 {
	flex-grow: 1;
	margin: 0;

	color: #006ECB;
	font-size: 1.4rem;
	font-weight: 600;
}

.description {
	font-size: 1rem;
	font-weight: 400;
	color: #A5A79A;
}


/* ◆トピックス */
.topics_frame {
	margin: 3px;		/* 上下の余白 */
/*	height:100%; */
	border:solid 2px #e2e2e2;
	border-radius: 1em;

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

.topics_title {
	color: yellow;
	font-size: large;
	font-weight: bold;
	text-align: center;
}

.topics_contents {
	margin: 8px;		/* 上下の余白 */
	font-size: 1.4rem;
	-webkit-text-size-adjust: 100%;
}

.topics_contents span.title,
.pr_contents span.title{
	color: #006ECB;
}
.topics_detail {
	width: 100%;
	padding: 5px;
	margin: 5px auto;
    height: 100%;
    border: solid 2px #2F4F4F;
    border-radius: 1em;
    background-color: #ffffff;
	box-sizing: border-box;
}
.topics_detail h2 {
	text-align: center;
	font-size: 1.5em;
    font-weight: bold;
	margin-bottom: 20px;
	padding: 0;
}
.topics_detail > article {
	padding: 20px;
}

@media screen and (max-width: 768px) {
	.topics_detail {
		width: calc(100% - 10px);
	}
	.topics_detail h2 {
		font-size: 1.4em;
	}
	.topics_detail > article {
		padding: 10px;
	}
	.topics_detail > article img {
		width: 100%;
		height: auto;
	}
}

/* ◆天気図 タブ*/
.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("http://www.umitenki.jp/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("http://www.umitenki.jp/PIE.htc");
}

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

.tab_contents {
	padding: 20px;
	margin:  0px;
	text-align: center;
	background:#FFF;
	color:#333;
}

/* ◆週間天気図 */
.weathermap_contents {

	padding:0;
	margin:0;
	overflow: hidden;		/* floatによるレイアウト崩れを回避する */
	font-weight: bold;
	background:#FFF;
}

.weathermap_list {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 20px 0px 20px;
	margin:0px;
	width:100%;
}

.weathermap_list li{
	list-style-type: none;
	float:left; 			/* リストを横並びに */
	text-align: center;
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 10px 10px 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
	color:#333;
	font-size: 14px;
}

/* ◆動画シミュレーション */
.simu_link {

	border-top:solid 1px;		/* 境界線 */
	border-color : #424141;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 0px 0px 0px;

	background:#FFF;
}

/* 動画シミュレーションボタン */
.simu_btn {

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

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

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


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

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: #379DCF;	/* IEはグラデーションなし */
	background: url("../img/arrow_right.png"), -webkit-gradient(linear, left top, left bottom, from(#45B9EE), to(#2478A7)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}

.simu_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

.simu_text {

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

.next_updatetime_title {

	border:solid 0px ;		/* 境界線 */
	border-color : #424141;

	background:#eeeeee;

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

.next_updatetime {
	font-size:16px;
	color: #333333; 		/* リンクの色を変えない */
}

.about_updatetime {

	text-align: right;

	background:#FFF;

	/* 背景の余白（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:30px;				/* この２つの値を揃えないと */
	line-height:30px;			/* 縦位置中央に表示されない */

	/* 背景に矢印アイコンを置く */
	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%;					/* 右の矢印部分を考慮 */
	text-align: left;
	vertical-align: middle; 	/* これで縦位置中央 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 20px;

	color: #006ECB;
	font-size: 1rem;
	font-weight: 600;
}


.genre_accordion_below .common_row_link {

	color: #000000;
	background: #f5f5f5;
	/* 背景に矢印アイコンを置く */
	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: #E5EDF9;

	/* 背景の余白（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 #BCCCDB 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; 		/* リンクの色を変えない */
}


/* ◆台風情報 */

.typhoon_map {
	/* 背景の余白（top, right, bottom, left） */
    padding: 0px;
    position: relative;
    width: auto;
    max-width: 500px;
    margin: auto;
}

.typhoon_date {
	position: absolute;
	top: 8px;
	left: 8px;

	padding: 6px;

	background-color: rgba(0, 0, 0, 0.6);

	color: #FFC400;
	font-size: 1.1rem;
	font-weight: 600;
}


.typhoon_map img {
	width: 100%;
}

.typhoon_map span {
	text-align: left;
}

.typhoon_detail {
	padding: 15px;
	position: relative;
}

.typhoon_live,
.typhoon_yohou
{
	margin-bottom: 14px;
	font-size: 1.3rem;
	font-weight: 300;
}

.typhoon_yohou_date {
	color: #474749;
	font-size: 1.4rem;
	font-weight: 600;
}

.about_typhoon {
	text-align: right;
	border:solid 0px ;		/* 境界線 */
	border-color : #424141;

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

/* 台風概況ボタン */
.about_typhoon_button {

	/* ボタンサイズはpaddingで指定 */
	font-size:12px;
	color: #FFFFFF;
	line-height:30px;
	font-weight: bold;

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

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

	/* 背景グラデーション表示 */
	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 30px 3px 30px;

	right; 0;
}

.about_typhoon_button:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* ◆台風概況 */
.typhoon_kisyocho {
	color: #FFFF00;
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 0px 0px;
	text-align: right;
}

.typhoon_headline {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 0px 10px;
	text-align: left;
}

.typhoon_summary {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 10px 10px 10px;
	text-align: left;
}

.typhoon_noexist {
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 10px 20px 10px;
	text-align: left;
}

/* ◆エリア実況 タブ*/
.amedas_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

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

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

.amedas_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 */
}

.amedas_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;	/* 角丸 */
}

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

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

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

.amedas_tab .active .cell {
	color: #000000; 			/* 文字の色 */
}

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

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


/* ◆エリア実況　ピンポイント */
.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;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px #393939 solid;	/* セルの下の境界線 */
	background: #c7c7c7;
}

/* タイトル行 */
.hour_amedas th {
	background: #c7c7c7;
	font-size: 10px;
	height: 18px;
}

.hour_amedas td {
	width: 100%;
	height: 24px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px #c7c7c7 solid;	/* セルの下の境界線 */
}

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

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

/* 平日 */
.hour_amedas .date {
	color: #ffffff;
	background: #A0A0A0;
	border-color: #A0A0A0;
	border-bottom: 1px #c7c7c7 solid;	/* セルの下の境界線 */
}

/* 平日 */
.hour_amedas .etc {
	color: #000000;
	background: #EEEEEE;
}

/* 土曜 */
.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 {

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

/* ◆アメダスアコーディオン */
.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; 		/* リンクの色を変えない */
}

/* タイドグラフ */
.tide_graph {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 0px 0px;
}

/* ◆ウィンドマップ */
.wind_map {
	background:#393939;

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

.wind_map .map_canvas {
	text-align: center;
	width: 300px;
	height: 300px;
}

// Google Map表示くずれ対応 2014/9/10
// コース詳細と、ウィンドマップが該当IDのmap_canvas
#map_canvas {
  bottom:0;
  left:0;
  right:0;
  top:0;
}

#map_canvas img {
  max-width: none !important;		/* IE向け */
  max-width: initial !important;
  max-width: unset !important;		/* unset 値に対応しているブラウザ向け */
}

#map_canvas label {
	width : auto;
	display : inline;
}

/*
.gm-style img{
  max-width: initial;
  max-width: unset;
}

.gm-style label{
	width : auto;
	display : inline;
}
*/

.wind_map_simu {

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

.wind_map_hanrei {

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

.amagumo_map_hanrei {

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

/* ◆戻るボタン、進むボタン */
.prev_btn, .next_btn {
	color: #FFFFFF;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 50px;

	background: #335480;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#7798C5',EndColorStr='#1C4072');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#7798C5),color-stop(0.5, #092A55),to(#1C4072));

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

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

/* ちょっとしたタイトル */
.common_mini_title {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

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

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

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

.update_spot_name{
	float:left;
	font-size:11px;
	color: #888888;
	padding: 4px 0px 4px 4px;
}


.yohou_update_time {
	margin: 0;
	padding: 7px;

	background-color: #fff;
	border-bottom: 1px solid #EAEAEA;
	color: #474749;

	font-size: 1.0rem;
	text-align: right;
}

.pc .yohou_update_time {
	text-align: left;
}

.pc .week_yohou_title .yohou_update_time {
	border-bottom: none;
}

.pc .week_yohou {
	margin-bottom: 20px;
}

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


/* ■アメダス 広域・周辺エリア */
.amedas_map table {
	width: 100%;
	height: 280px;
}

.amedas_map table .cell {
	width: 10%;

	height:280px;				/* この２つの値を揃えないと */
	line-height:280px;			/* 縦位置中央に表示されない */
	vertical-align: middle; 	/* これで縦位置中央 */

	display: inline;			/* 横位置中央はこの指定 */
	text-align: center;			/* これで横位置中央 */
}

.amedas_map .left_arrow {
	width: 30px;
	text-align: center;
	background: #555555;
}

.amedas_map .left_arrow_hide {
	width: 30px;
	text-align: center;
	background: #393939;
}

.amedas_map .tenkizu {
}

.amedas_map .right_arrow {
	width: 30px;
	text-align: center;
	background: #555555;
}

/*◆ 雨雲タブ*/
.warning_area{
	width:100%;
	margin:0;
	margin-bottom: 7px;
	border-bottom: 1px solid #EBEBEB;
}

.pc .warning_area {
	margin-bottom: 0;
	display: flex;
	border-bottom: none;
}

.warning_area h3 {
	margin: 0;
	margin-right: 3px;
	box-sizing: border-box;
	width: 64px;

	font-size: 1.2rem;
}

.warning_area ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.warning_area li {
	display: inline-flex;
	border-radius: 11px;
	padding: 1px 11px;
	margin-right: 5px;

	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
}

.warning_area .special_alert_info,
.warning_area .alert_info,
.warning_area .warning_info {
	display: flex;
	align-items: center;
	padding: 4px 0;
}

.pc .warning_area .special_alert_info,
.pc .warning_area .alert_info {
	margin-right: 30px;
}

.warning_area .special_alert_info h3{
	background-image: url('../img/bg/alert_info.png');
	background-repeat: no-repeat;
	background-size: 14px 12px;
	background-position-y: 3px;
	padding-left: 16px;
	color: #FF2C2C;
}

.warning_area .special_alert_info li{
	color:#fff;
	background-color:#FF5353;
}

.warning_area .alert_info h3{
	background-image: url('../img/bg/alert_info.png');
	background-repeat: no-repeat;
	background-size: 14px 12px;
	background-position-y: 3px;
	padding-left: 21px;
	color: #FF2C2C;
}

.warning_area .alert_info li{
	color:#fff;
	background-color: #FF5353;
}

.warning_area .warning_info h3 {
	background-image: url('../img/bg/warning_info.png');
	background-repeat: no-repeat;
	background-size: 14px 12px;
	background-position-y: 3px;
	padding-left: 21px;
	color: #FC9A00;
}

.warning_area .warning_info li{
	color:#000000;
	background-color: #FFAF31;
}

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

.amagumo_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 */
}

.amagumo_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;	/* 角丸 */
}

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

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

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

.amagumo_tab .active .cell {
	color: #000000; 			/* 文字の色 */
}

.amagumo_tab_contents,
.kaminari_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
}

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

.amagumo_map,
.kaminari_map {
	margin-top: 1px;
	padding: 0;
	overflow: hidden;
}
.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;
}

.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 {

	box-sizing:border-box;
	width: 300px;
	margin: 0 auto;
	padding: 9px 10px 9px 20px;
	background-image: url(../img/bg/black_pin.svg);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position-y: 11px;
	background-color:#fff;

	border-bottom: 1px solid #EBEBEB;
	margin-bottom: 20px;

	font-size: 1.4rem;
	font-weight: 500;;
	color: #000;
}

/* コース基本情報 タイトル部品 */
.course_title_header {
	position: relative;
}

.course_title_image {
	width: 100%;
	box-sizing: border-box;		/* paddingがはみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	border-style: solid;
	border-width: 27px 0px 0px 136px;

	/* border-image-sliceの値 / border-image-widthの値 / border-image-outsetの値*/
	/* 外側に広げる距離を上・右・下・左 */
	-webkit-border-image: url("../img/title_header.png") 27 0 0 136;
	-ms-border-image: url("../img/title_header.png") 0 0 105 215 / 0px 0px 27px 200px repeat;
	-moz-border-image: url("../img/title_header.png") 0 0 105 215 / 0px 0px 27px 200px repeat;
	-o-border-image: url("../img/title_header.png") 0 0 105 215 / 0px 0px 27px 200px repeat;
}

.course_title_text {
	position: absolute; top: 6px; left: 8px;
	width: 100px;		/* テキスト表示幅 */
	font-size: 12px;
	font-weight: bold;
}

/* コース基本情報 タイトル部品 IE用 */
.course_title_header_ie {
	/* IEだけはただの背景色にするために別にしている */
	background: #1766DE;	/* IEはただの背景にする */
	width: 100%;		/* テキスト表示幅 */
	font-size: 12px;
	font-weight: bold;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 0px 5px;
}

/* コース基本情報 */
.course_detail {

	width: 100%;
	box-sizing: border-box;			/* はみ出る対策 */

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

	color: #000000;
	background: #FFFFFF;

	margin: 0;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

.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_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 {
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 0px 0px;
	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 {
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 0px 10px 0px;
}

/* ◆一般天気用アコーディオンリスト */
.accordion_area {
	padding: 10px;		/* 上下の余白 */
	background: #1766de;
	color:#FFF;
	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_pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 20px;
	background: #5595ED;
	color:#FFF;
	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;	/* ポインターにする */
}

/* ◆一般天気 */
.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 {
	width: 100%;
	padding: 3px;		/* 上下の余白 */
	background: #1766de;
	font-weight: bold;
	font-size: 14px;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */

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

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

.my_home_course .course{
	display: block;
	text-decoration: none;	/* 下線を消す */
}
/* 子要素全てに同じスタイル */
.my_home_course * {
	vertical-align:middle;
}

.my_home_course a{
	text-decoration: none;	/* 下線を消す */
}

.my_home_course_parent table:first-child .up{
	visibility: hidden;
}

.my_home_course_parent table:last-child .down{
	visibility: hidden;
}

/* ieではlast-childが効かないので、別の方法で実現 */
.my_home_course_parent #last_btn{
	visibility: hidden;
}

.my_home_course_text
{
	/*border-bottom: 1px #FFFFFF solid;*/ /* セルの枠線 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 8px 10px 7px 10px;
	font-size: 12px;
	text-align: left;
}

/*コースのリスト*/
.my_home_course_list
{
	background: #48D1CC;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */
	border-top:1px #FFFFFF solid;
	/* 背景の余白（top, right, bottom, left） */
	padding: 4px 10px 4px 10px;
	font-size: 14px;
	text-align: left;
	font-weight: bolder;
}

.my_home_course_update
{
	text-align: center;
	background: #393939;

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

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

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

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

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

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: -webkit-gradient(linear, left top, left bottom, from(#F39071), to(#E65D2F)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}

.my_home_course .course{

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


.my_home_course_message {

	border-top: 1px #FF0000 solid; /* セルの枠線 */
	border-bottom: 1px #FF0000 solid; /* セルの枠線 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 20px 10px 20px;

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

/* フッタ */
.footer_text {
	font-size:14px;

	color: #FFFFFF;
	background: #0684c3;

	/* 背景の余白（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;
}

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

	color: #FFFFFF;
	background: #284964;

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

.otoiawase_mail_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color: #000000;
	line-height:30px;
	text-align: center;
	font-weight: bold;

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

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

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: #E5EDF9;
}

.otoiawase_mail {
	text-align: center;
}

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

/* facebool, twitterのいいねボタン */
.fb_tw_btn {
	text-align: center;

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

.fb_tw_btn div {
	float:left;
	box-sizing: border-box;			/* はみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/

	width: 50%;
}

.fb_tw_btn .fb-like {
	text-align: right;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 5px 0px 0px;
}
.fb_tw_btn .twitter {
	text-align: left;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 5px;
}

/* twitterのボタンの幅調整 */
iframe.twitter-share-button {
	width: 90px!important;
}

.fb-share-button {
	height: 30px;
}

.sns_list {
/*    border: 1px solid #CCC;*/
    margin-top: 7px;
    padding: 0px;
    overflow: hidden;
    position: relative;
}
.sns_list ul {
    position: relative;
    left: 50%;
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
}
.sns_list ul li {
    float: left;
	height: 25px;
    margin-right: 2px;
    padding: 2px;
/*    border: 1px solid #999;*/
    position: relative;
    left: -50%;
}

/* fbのシェアボタンだけがbottom設定になっており、下にズレるので、調整 */
.sns_list ul li div span {
	vertical-align :top !important;
}

/* fbリンク */
.pre_footer {
	padding: 0 6px;
	margin-bottom: 20px;
}
.pre_footer ul {
	list-style: none;
	padding: 0;
}
.pre_footer ul li {
	display: inline;
	font-size: 1.1rem;
}
.pre_footer ul li a {
  margin: 0 9px;
}

.pre_footer ul li:not(:last-child):after {
	content: '|';
}

.about_link
{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #b1c4e8;
	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: #333;
	font-weight: bold;
	font-size:large;
}



/* ◆トピックス */
.pr_frame {
	margin: 5px;		/* 上下の余白 */
	border:solid 2px #e2e2e2;
	border-radius: 1em;

	/* 背景の透過 */
	background-color: #fff;
	/* IEだけ個別にfilterで背景を透過させる */
}

.pr_frame a{
	color:#666;
}

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

/* ◆エリア実況、風、気温、降水、日照ボタン */
.amedas_map_simu {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.kazamuki_btn_off, .kion_btn_off, .kousui_btn_off, .nisshou_btn_off {
	color: #FFFFFF;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 50px;

	background: #359CCC;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#42B6E7',EndColorStr='#2478A7');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#42B6E7),to(#2478A7));

	border:0px solid #7d99ca;
	border-radius: 5px;

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

.kazamuki_btn_on, .kion_btn_on, .kousui_btn_on, .nisshou_btn_on {
	color: #FFFFFF;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 50px;

	background: #FF8906;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#FF8906',EndColorStr='#FF8906');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#FF8906),to(#FF8906));

	border:0px solid #7d99ca;
	border-radius: 5px;

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

.kazamuki_btn a:link,
.kazamuki_btn a:visited ,
.kion_btn a:link,
.kion_btn a:visited ,
.kousui_btn a:link,
.kousui_btn a:visited ,
.nisshou_btn a:link,
.nisshou_btn a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* PR/tutorial用 */
#tutorial_menu {
    font-size: 14px;
    color: #FFFFFF;
    background: #0684c3;
    padding-bottom:10px;
    margin-top:10px;
}
#tutorial_menu h2{
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    background: #284964;
    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: #b1c4e8;

	/* 背景の余白（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 15px 5px 15px;
}
.content_entry a{
	color:#333333;
	text-decoration: none;	/* 下線を消す */
}

.button_yes,
.button_no{
background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	border: 2px solid #DDD;
	color: #333;
	font-size:14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	padding: 5px 20px 5px 20px;
}

/* 共通　ログイン状態表示用部品 */
.login_status{
	text-align:left;
	font-size: 12px;
	color:#333333;
	background-color:#FFFFFF;
	padding: 4px 5px 2px;
	/*padding: 2px 15px 2px 15px;*/
	/* 余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	display: flex;
  justify-content: space-between;
}

.login_status_sp{
	text-align: right;
	font-size: 12px;
/*	color: #333 !important;*/
	background-color:#fff;
	padding: 4px 5px 2px;
	/*padding: 2px 15px 2px 15px;*/
	/* 余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/*display: flex;*/
  justify-content: space-between;
}

.bread_crumbs_band{
	text-align: left;
	font-size: 12px;
	color: #474749;
	background-color: #EFEFEF;
	padding: 4px 5px 2px;
	margin: 0px 0px 0px 0px;
}

.pc .bread_crumbs_band{
	background-color: #fff;
}

.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; } */	/* 下の隙間を埋める */

.ad_link {
	background-color: #EFEFEF;
	padding: 0;
	text-align: center;
}

.pc .ad_link {
	background-color: #EFEFEF;
    margin: 0 auto;	
}

.pc .course_map_d .ad_link {
    background-color: #EFEFEF;
    width: 300px;
    margin: 0 auto;
}

.ad_link div {
	background-color: #FFF;
}
.ad_link div#div-gpt-ad-1578997954971-0,
.ad_link div#div-gpt-ad-1578997954971-0 div
{
	background-color: transparent;
}

.topics_detail_link {
	display: block;
	background-color: #ffffff;
	border: 1px solid #20615b;
	margin-top: 5px;
	margin-bottom: 5px;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
	color: #000000 !important;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

@media screen and (max-width: 768px){
	.topics_detail_link {
		margin: 4px 10px;
	}
}

@media screen and (max-width: 1080px){
	.new_topics_link {
		margin: 0 0;
	}
}
.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;
}

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

.amagumo_navigation,
.kaminari_navigation {
	display: flex;
	justify-content: space-around;
}

/* ◆戻るボタン、進むボタン */
.amagumo_back_btn,
.amagumo_next_btn,
.amagumo_now_btn,
.kaminari_btn_1,
.kaminari_btn_2,
.kaminari_btn_3
{
	box-sizing: border-box;
	margin: 0;
	width: 100px;
	background-color: #F5F5F5;
	border: 2px solid #B7B7B7;
	border-radius: 7px;
	color: #474749;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.kaminari_btn_1 a,
.kaminari_btn_2 a,
.kaminari_btn_3 a {
  display: block;
	padding: 10px 0;
	color: #474749;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.kaminari_btn_1.active a,
.kaminari_btn_2.active a,
.kaminari_btn_3.active a {
	color: #fff;
}

.amagumo_back_btn.active,
.amagumo_next_btn.active,
.amagumo_now_btn.active,
.kaminari_btn_1.active,
.kaminari_btn_2.active,
.kaminari_btn_3.active
{
	background-color: #006ECB;
	border: 2px solid #4690FF;
	border-radius: 7px;

	color: #fff;
}

.amagumo_option {
	padding: 20px;
}

.amagumo_option .amagumo_now {
	text-align: left;
	color: #767676;
	font-size: 1.2rem;
}

.amagumo_option .amagumo_map_manual {
	text-align: right;
}

.amagumo_option .amagumo_map_manual a {
	text-decoration: none;
	color: #767676;
	font-size: 1.2rem;
}

.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,
.kaminari_header {
	display: flex;
	align-items: center;
	background-color: #4690FF;
	justify-content: space-between;
	padding: 8px 6px;

	color: #fff;
}

.amagumo_time,
.kaminari_time {
	background-image: url(../img/bg/calendar_sat.png);
	background-repeat: no-repeat;
	background-size: 18px;

	margin: 0;
	margin-left: 5px;
	padding-left: 25px;
	font-size: 1.4rem;
}


/*
.amagumo_radio_back input,
.amagumo_radio_next input {
	display: none;
}
.amagumo_radio_back label,
.amagumo_radio_next 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_back label:before,
.amagumo_radio_next label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #bdc3c7;
	border-radius: 50%;
}
.amagumo_radio_back input[type="radio"]:checked + label:after,
.amagumo_radio_next 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_radio_back,
.amagumo_radio_next {
	margin-top: 10px;
}
*/

.amagumo_radio {
	text-align: center;
}

.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;
	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_slider_table{
	margin: 0 auto;
}

.amagumo_slider {
	height: 50px;
	width: 240px;
	text-align: center;
}

.amagumo_slider .layout {
	width: 235px;
	margin-top: -20px;
}

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

.pc .amagumo_map .contents{
	margin: 0 auto;
}

.amagumo_map .contents img {
	width: 100%;
	max-width: 500px;
}

.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 広告表示用テーブル
	超きっちり隙間ない状態にする
*/
.pc_weather_detail {
	display: flex;
}

/*
wavesimulatorタブ用
*/
.wavesimulator_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: #efefef;
}

.wavesimulator_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 */
}

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

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

	background: #d5d5d5;
}

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

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

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

.wavesimulator_tab .active .cell {
	color: #000; 			/* 文字の色 */
}

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

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

.wavesimulator_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: 2px 0px 2px 0px;
}

.wavesimulator_time {
	margin-top: 15px;
	width: 100%px;
	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;
}

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

.wavesimulator_map .contents{
	width: 100%;
	max-width: 500px;
	position: relative;
}

.wavesimulator_map .contents img {
	width: 100%;
	max-width: 500px;
}

.wavesimulator_map_hanrei {
	width: 100%;
	max-width: 500px;
	position: relative;
	padding:0px 5px;
	box-sizing:border-box;
}

.wavesimulator_map_hanrei img{
	width: 100%;
	max-width: 500px;
}


.wavesimulator_slider_table{
	width: 100%;
	max-width: 500px;
}

.wavesimulator_play_btn_wrap{
	width: 50px;
	text-align:right;
}

.wavesimulator_slider {
	height: 50px;
	width: calc(100% - 50px);
}

.wavesimulator_slider .layout {
	width: 95%;
	margin-top: -20px;
}

.wavesimulator_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はグラデーションなし */

	/* その他詳細はソース側で動的に実現 */
}

.wavesimulator_play_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/*雷の予測タブ用*/
.kaminari_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;
}

.kaminari_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 */
}

.kaminari_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;	/* 角丸 */
}

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

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

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

.kaminari_tab .active .cell {
	color: #000000; 			/* 文字の色 */
}

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

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

/*海面水温タブ用*/
.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;
}

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

/* 広域エリア、周辺エリア*/
.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: 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;
}

/* 広域エリア、周辺エリア*/
.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: 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;
}

.scroll_sticky{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.bread_login{
	color:#333;
}
.bread_login a{
	color:#333;
}

.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0; /*追記*/
  right: 0; /*追記*/
}

.search_spot {
  margin-top: 6px;
  background-color: #fff;
  padding: 16px 6px 5px 6px;
}

.search_spot h3 {
  margin: 0;
  margin-left: 14px;
  color: #006ECB;
  background-image: url(../img/bg/blue_pin.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 23px;
}

@media screen and (min-width:375px) {
	/*　画面サイズが375pxからはここを読み込む　*/
	.hour_yohou_header h3{
		padding-left: 25px;
		background-image: url(../img/bg/calendar.svg);
	}

	.hour_yohou_header.Sat h3 {
		padding-left: 25px;
		background-image: url(../img/bg/calendar_sat.svg);
	}

	.hour_yohou_header.Sun h3,
	.hour_yohou_header.holiday h3 {
		padding-left: 25px;
		background-image: url(../img/bg/calendar_sun.svg);
	}
}

@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: 31.2%;
	}
	.accordion_below::before{
		content:"";
		display: block;
		width:24.6%;
		order:1;
	}

	.course_weather_tab_wrap a {
		width:9%;
		margin-right: 6px;
	}

	.hour_yohou img{
		width:25px;
	}

	.my_home_course_btn {
		width: 45%;
		padding: 0;
		background-color: #fff;
	}

	.my_home_course_btn .add_btn,
	.my_home_course_btn .del_btn {
		height: 50px;
		font-size: 1.5rem;
	}

}

@media (max-width: 767px) {
	.spot_index_slider ul {
		width: 680px;
		margin:8px 0;
	}

	.near_area_col:nth-child(2n) {
		margin-right: 0;
	}
	.anker {
		margin-top: -42px;
		padding-top: 42px;
	}
}

@media (min-width: 767px) {
	.near_area_col:nth-child(3n) {
		margin-right: 0;
	}
	.hour_yohou_header_wrapp {
		margin-top: -80px;
		padding-top: 80px;
	}
	.hour_yohou_header {
		margin-bottom: 5px;
	}
	.hour_yohou_header h3 {
		font-weight: normal;
	}
	.hour_yohou_header_btn {
		display:inline-block;
		border:1px solid #EBEBEB;
		color:#666;
		padding:2px 10px;
		border-radius:7px;
		background:#fff
	}
	.hour_yohou_header_btn.weather {
		padding-left: 26px;
		background: #fff url(../img/bg/week_btn.svg) no-repeat;
		background-position: 10px center;
	}
	.hour_yohou_header_btn.forecast {
		padding-left: 26px;
		background: #fff url(../img/bg/hour_btn.svg) no-repeat;
		background-position: 10px center;
	}
	.hour_yohou_element .date{
		margin-bottom: 5px;
	}
	.hour_yohou_element .ad_link{
		margin: 20px 0;
	}
	.surise_sunset_wrapper div {
		margin-right: 20px;
		padding-left: 10px;
	}
	.surise_sunset_wrapper div:nth-child(1){ margin-right:0; background: url(../img/bg/tide.svg) no-repeat 0 3px }
	.surise_sunset_wrapper div:nth-child(2){ padding-left: 0; }
	.surise_sunset_wrapper div:nth-child(3){ background: url(../img/bg/moon.svg) no-repeat 0 3px }
	.surise_sunset_wrapper div.sunrise_time_Wed{ background: url(../img/bg/sun.svg) no-repeat 0 3px }
	
	.anker {
		margin-top: -80px;
		padding-top: 80px;
	}
}

/* タイトル右のお気に入りスイッチ（ＳＰ）*/
.add_h_mypoint_text {
	position: absolute;
	right: 9px;
	top: 17px;
	font-size: 0.9rem;
	color:#FFF
  }
  .cmn-toggle {
	position: absolute;
	visibility: hidden;
  }
  .cmn-toggle + label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	user-select: none;
  }
  input.cmn-toggle-round + label {
	  margin:2px;
	padding: 2px;
	width: 42px;
	height: 18px;
	  border-color: #E44010;
	border-radius: 30px;
  }
  input.cmn-toggle-round + label:before,
  input.cmn-toggle-round + label:after {
	display: block;
	position: absolute;
	top: 2px;
	left: 4px;
	bottom: 2px;
	content: "";
  
  }
  
  input.cmn-toggle-round + label:after {
	  width: 14px;
	  height: 14px;
	  background-color: #fff;
	  border-radius: 100%;
	  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	  transition: margin 0.4s;
	  top: 3.8px;
	  left: 7px
  }
  
  /* ON */
  input.cmn-toggle-round + label:before {
	right: 1px;
	background-color: #adadad;
	border-radius: 30px;
	transition: background 0.4s;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
  }
  
  /*!* OFF *!*/
  input.cmn-toggle-round:checked + label:before {
	background-color: #fd7e39;
	  border-color: #fd7e39;
  }
  input.cmn-toggle-round:checked + label:after {
	margin-left: 21px;
	  border-color: #fd7e39;
  }
  /* タイトル右のお気に入りスイッチ（ＳＰ）ここまで*/

  .back {
    background:transparent url(../img/icon/back_arrow_icon.png) no-repeat 0 0;
    background-size: contain;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 8px;
    left: 10px;
    cursor: pointer;
    z-index: 99;
}