@charset "UTF-8";
/**
*
* 海ナビ
*
*/
/* ==========================================================================
ページごとに変更
========================================================================== */

/* タグの無効化
------------------------------------------------------*/
a.disabled{
    pointer-events: none;
}

input.disabled{
    pointer-events: none;
}

li.disabled{
    pointer-events: none;
}

/* サンプルフィルター
------------------------------------------------------*/
.white-filter{
  width: 82%;
  height: 580px;
  padding-top:75px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter02{
  width: 82%;
  height: 1992px;
  padding-top:880px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter03{
  width: 82%;
  height: 1992px;
  padding-top:3095px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter04{
  width: 82%;
  height: 1839px;
  padding-top:5310px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter05{
  width: 82%;
  height: 670px;
  padding-top:7448px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter06{
  width: 82%;
  height: 670px;
  padding-top:8335px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter07{
  width: 82%;
  height: 670px;
  padding-top:9220px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter08{
  width: 82%;
  height: 664px;
  padding-top:10110px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter09{
  width: 82%;
  height: 664px;
  padding-top:11000px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter10{
  width: 82%;
  height: 682px;
  padding-top:11882px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter11{
  width: 82%;
  height: 665px;
  padding-top:12784px;
  padding-left:98px;
  position:absolute;
  z-index: 3;
}

.white-filter12{
	width:650px;
	height:1176px;
	position:absolute;
	top:1193px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius:10px;
	z-index: 3;
	filter: opacity(60%);
}

.white-filter13{
	width:650px;
	height:1100px;
	position:absolute;
	top:1193px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius:10px;
	z-index: 3;
	filter: opacity(60%);
}

.white-filter-1day{
	width: 750px;
	height: 720px;
	padding-top:0px;
    padding-left:0px;
	position:absolute;
	z-index: 3;
}

	.white-filter-1day02{
		  width: 550px;
		  height: 1030px;
		  padding-top:75px;
		  padding-left:197px;
		  position:absolute;
		  z-index: 3;
	}

/* サンプルロゴ
------------------------------------------------------*/
.sample-logo{
  width: 500px;
  padding-top:220px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo02{
  width: 500px;
  padding-top:1700px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo03{
  width: 500px;
  padding-top:3800px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo04{
  width: 500px;
  padding-top:6000px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo05{
  width: 500px;
  padding-top:7650px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo06{
  width: 500px;
  padding-top:8530px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo07{
  width: 500px;
  padding-top:9430px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo08{
  width: 500px;
  padding-top:10300px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo09{
  width: 500px;
  padding-top:11200px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo10{
  width: 500px;
  padding-top:12100px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo11{
  width: 500px;
  padding-top:12980px;
  padding-left:140px;
  position:absolute;
  z-index: 4;
}

.sample-logo12{
  filter: opacity(50%);
  z-index: 4;
  padding-top:500px;
  padding-left:80px;
  position:absolute;
  z-index: 4;
}

.sample-logo13{
  filter: opacity(50%);
  z-index: 4;
  padding-top:500px;
  padding-left:80px;
  position:absolute;
  z-index: 4;
}

	.sample-logo-1day{
	  width: 500px;
	  padding-top:200px;
	  padding-left:130px;
	  position:absolute;
	  z-index: 4;
	}
	.sample-logo-1day02{
	  width: 500px;
	  padding-top:430px;
	  padding-left:210px;
	  position:absolute;
	  z-index: 4;
	}

@media screen and (min-width: 751px) {

	.white-filter{
	  width: 86%;
	  height: 308px;
	  padding-top:40px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter02{
	  width: 86%;
	  height: 1056px;
	  padding-top:513px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter03{
	  width: 86%;
	  height: 1056px;
	  padding-top:1733px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter04{
	  width: 86%;
	  height: 967px;
	  padding-top:2956px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter05{
	  width: 86%;
	  height: 353px;
	  padding-top:4116px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter06{
	  width: 86%;
	  height: 353px;
	  padding-top:4633px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter07{
	  width: 86%;
	  height: 353px;
	  padding-top:5150px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter08{
	  width: 86%;
	  height: 353px;
	  padding-top:5666px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter09{
	  width: 86%;
	  height: 353px;
	  padding-top:6184px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter10{
	  width: 86%;
	  height: 353px;
	  padding-top:6700px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter11{
	  width: 86%;
	  height: 353px;
	  padding-top:7218px;
	  padding-left:90px;
	  position:absolute;
	  border-bottom-right-radius: 30px;
	  z-index: 3;
	}

	.white-filter12{
	  width:585px;
	  height:925px;
	  position:absolute;
	  top:893px;
	  border-bottom-right-radius: 10px;
	  border-bottom-left-radius:10px;
	  z-index: 3;
	  filter: opacity(60%);
    }

	.white-filter13{
	  width:585px;
	  height:867px;
	  position:absolute;
	  top:893px;
	  border-bottom-right-radius: 10px;
	  border-bottom-left-radius:10px;
	  z-index: 3;
	  filter: opacity(60%);
    }


	.white-filter-1day{
		  width: 644px;
		  height: 641px;
		  padding-top:0px;
		  padding-left:0px;
		  position:absolute;
		  border-radius: 30px;
		  z-index: 3;
	}

	.white-filter-1day02{
		  width: 484px;
		  height: 614px;
		  padding-top:56px;
		  padding-left:160px;
		  position:absolute;
		  border-bottom-right-radius: 30px;
		  z-index: 3;
	}


	.sample-logo{
	  width: 350px;
	  padding-top:110px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo02{
	  width: 350px;
	  padding-top:950px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo03{
	  width: 350px;
	  padding-top:2150px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo04{
	  width: 350px;
	  padding-top:3280px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo05{
	  width: 350px;
	  padding-top:4200px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo06{
	  width: 350px;
	  padding-top:4730px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo07{
	  width: 350px;
	  padding-top:5250px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo08{
	  width: 350px;
	  padding-top:5760px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo09{
	  width: 350px;
	  padding-top:6270px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo10{
	  width: 350px;
	  padding-top:6780px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo11{
	  width: 350px;
	  padding-top:7300px;
	  padding-left:170px;
	  position:absolute;
	  z-index: 4;
	}

	.sample-logo12{
	  width: 350px;
	  margin-left:50px;
	  margin-top:-80px;
	  z-index: 4;
	}

	.sample-logo13{
	  width: 350px;
	  margin-left:50px;
	  margin-top:-80px;
	  z-index: 4;
	}
	
	.sample-logo-1day{
	  width: 350px;
	  padding-top:200px;
	  padding-left:135px;
	  position:absolute;
	  z-index: 4;
	}
	.sample-logo-1day02{
	  width: 350px;
	  padding-top:230px;
	  padding-left:200px;
	  position:absolute;
	  z-index: 4;
	}
}


/* タイドグラフサンプルの画像サイズ
------------------------------------------------------*/

img.tidegraph-mihon{
	max-width:2000px;
	width:1350px;

}

@media screen and (min-width: 751px) {
	img.tidegraph-mihon{
	max-width:2000px;
	width:1000px;
    }
}


/* 行間調整
------------------------------------------------------*/
.page-control2.control-b{
	padding-bottom:135px;
}

@media screen and (min-width: 751px) {
	.page-control2.control-b{
	padding-bottom:110px;
	}

}
/* サンプルフィルター(タイドグラフ)
------------------------------------------------------*/
.white-filter-sio{
  width: 650px;
  height: 400px;
  padding-top:210px;
  padding-left:30px;
  position:absolute;
  z-index: 3;
}

.sample-logo-sio{
	  width: 450px;
	  padding-top:300px;
	  padding-left:130px;
	  position:absolute;
	  z-index: 4;
}

.white-filter-sio02{
  width: 650px;
  height: 100px;
  padding-top:75px;
  padding-left:0px;
  position:absolute;
  z-index: 3;
}

@media screen and (min-width: 751px) {
	.white-filter-sio{
	  width: 605px;
	  height: 260px;
	  padding-top:148px;
	  padding-left:30px;
	  position:absolute;
	  z-index: 3;
	}

	.sample-logo-sio{
		  width: 400px;
		  padding-top:190px;
		  padding-left:125px;
		  position:absolute;
		  z-index: 4;
	}

	.white-filter-sio02{
	  width: 605px;
	  height: 66px;
	  padding-top:57px;
	  padding-left:0px;
	  position:absolute;
	  z-index: 3;
    }
}

@media screen and (min-width: 751px) {
.ad-tourokubotan{
	margin-top:-70px;
}
}

/* お天気コメントサンプルフィルター
------------------------------------------------------*/
.white-filter-otenkicom{
  width: 670px;
  height: 252px;
  padding-top:73px;
  padding-left:40px;
  position:absolute;
  z-index: 3;
}

.sample-logo-otenkicom{
	  width: 450px;
	  padding-top:100px;
	  padding-left:140px;
	  position:absolute;
	  z-index: 4;
}


@media screen and (min-width: 751px) {
	.white-filter-otenkicom{
	  width: 605px;
	  height: 155px;
	  padding-top:55px;
	  padding-left:20px;
	  position:absolute;
	  z-index: 3;
	  border-radius: 30px 30px;
	}

	.sample-logo-otenkicom{
		  width: 300px;
		  padding-top:66px;
		  padding-left:159px;
		  position:absolute;
		  z-index: 4;
	}

}


/* オレンジポップアップ表示(スマホ)
------------------------------------------------------*/
.sample2oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample2 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample20 {
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:390px;                          /* 吹き出し全体の幅 */
  left : 30%;                           /* 表示位置 */
  top : 100%;                           /* 表示位置 */
  margin-left:-83px;
  margin-top : -153px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample20:before{
  border-bottom: 13px solid rgb(255, 108, 0); /* 吹き出し口の高さ・色 */
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgb(255, 108, 0);
}

.sample3oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample3 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample30 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:300px;                          /* 吹き出し全体の幅 */
  left : 118%;                           /* 表示位置 */
  top : 100%;                           /* 表示位置 */
  margin-left:-300px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample30:after{
  border-bottom: 12px solid rgb(255, 108, 0); /* 吹き出し口の高さ・色 */
  border-left: 8px solid transparent;   /* 吹き出し口の幅１／２ */
  border-right:8px solid transparent;  /* 吹き出し口の幅１／２ */
  top: -12px;                            /* 吹き出し口の位置調整 */
  left : 45%;                         /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}



.sample4oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample4 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample40 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:390px;                          /* 吹き出し全体の幅 */
  left : 65.5%;                           /* 表示位置 */
  top : 15%;                           /* 表示位置 */
  margin-left:-313px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample40:after{
  border-bottom: 12px solid rgb(255, 108, 0); /* 吹き出し口の高さ・色 */
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}

.sample5oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample5 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample50 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:390px;                          /* 吹き出し全体の幅 */
  left : 85%;                           /* 表示位置 */
  top : 15%;                           /* 表示位置 */
  margin-left:-313px;
  margin-top : 54px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample50:after{
  border-bottom: 12px solid rgb(255, 108, 0); /* 吹き出し口の高さ・色 */
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}


.sample6oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample6 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample60 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:495px;                          /* 吹き出し全体の幅 */
  left : 57%;                           /* 表示位置 */
  top : -170%;                           /* 表示位置 */
  margin-left:-313px;
  margin-top : 54px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample60:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgb(255, 108, 0);
}


.sample7oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample7 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample70 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:700px;                          /* 吹き出し全体の幅 */
  left : -2%;                           /* 表示位置 */
  top : -240%;                           /* 表示位置 */
  margin-left:0px;
  margin-top : -100px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample70:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgb(255, 108, 0);
}

.img-top{
	padding-left:145px;
}
.img-top img{
	margin-top:15px;
	width:400px;
	height:250px;
}

.sample8oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample8 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample80 {
  z-index: 200;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:315px;                          /* 吹き出し全体の幅 */
  left :56%;                           /* 表示位置 */
  top : -220%;                           /* 表示位置 */
  margin-left:-410px;
  margin-top : 335px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample80:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}

.sample8oya img.radar-img-sm{
	padding-left:0px;
	padding-top:10px;
	width:400px;
}

.sample9oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample9 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample90 {
  z-index: 200;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:330px;                          /* 吹き出し全体の幅 */
  left :50%;                           /* 表示位置 */
  top : -220%;                           /* 表示位置 */
  margin-left:0px;
  margin-top : 210px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample90:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 70%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}

.bosai-img-sm{
	padding-top:10px;
}

.sample10oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample10 {
  display: none;                        /* 要素を非表示 */
}

 /* --- 吹き出し ------------------ */
.sample100 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:620px;                          /* 吹き出し全体の幅 */
  left :7%;                           /* 表示位置 */
  top : 37%;                           /* 表示位置 */
  margin-left:-10px;
  margin-top : 250px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample100:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}

.sample11oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample11 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample110 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:200px;                          /* 吹き出し全体の幅 */
  left : -2%;                           /* 表示位置 */
  top : 120%;                           /* 表示位置 */
  margin-left:0px;
  margin-top : -100px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample110:before{
  content: "";
  position: absolute;
  top: 25%;
  left: 100%;
  border: 13px solid transparent;
  border-left: 20px solid rgb(255, 108, 0);
}

.sample12oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample12 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample120 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:590px;                          /* 吹き出し全体の幅 */
  left : 6%;                           /* 表示位置 */
  top : 108%;                           /* 表示位置 */
  margin-left:0px;
  margin-top : -100px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample120:before{
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgb(255, 108, 0);
	border-left: 10px solid transparent;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}



.sample13oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample13 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample130 {
  z-index: 1000;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:495px;                          /* 吹き出し全体の幅 */
  left : 57%;                           /* 表示位置 */
  top : 40%;                           /* 表示位置 */
  margin-left:-313px;
  margin-top : 54px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample130:after{
  content: '';
  position: absolute;
  left: 250px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
  border-left: 15px solid transparent;
}

.sample14oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample14 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample140 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding:20px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:200px;                          /* 吹き出し全体の幅 */
  left : 115%;                           /* 表示位置 */
  top : 10%;                           /* 表示位置 */
  margin-left:-310px;
  margin-top : 54px;                    /* 表示位置 */
  font-size: 26px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample140:after{
  content: "";
  position: absolute;
  top: 50%;
  left: -10%;
  width: 0;
  height: 0;
  border-right: 34px solid rgb(255, 108, 0);
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}

@keyframes sample2Anime{
 100%{ color : white; background:rgb(255, 108, 0) }
  50%{ color : white; background:rgb(255, 108, 0) }
   0%{ color : white; background:white   }
}


/* オレンジポップアップ表示(PC)
------------------------------------------------------*/

@media screen and (min-width: 751px) {

.sample2oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample2 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample20 {
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:300px;                          /* 吹き出し全体の幅 */
  left : 30%;                           /* 表示位置 */
  top : 100%;                           /* 表示位置 */
  margin-left:-30px;
  margin-top : -120px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample20:before{
  border-bottom: 13px solid rgb(255, 108, 0); /* 吹き出し口の高さ・色 */
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgb(255, 108, 0); 
}

.sample3oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample3 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample30 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:300px;                          /* 吹き出し全体の幅 */
  left : 118%;                           /* 表示位置 */
  top : 100%;                           /* 表示位置 */
  margin-left:-300px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample30:after{
  border-bottom: 12px solid rgb(255, 108, 0); /* 吹き出し口の高さ・色 */
  border-left: 8px solid transparent;   /* 吹き出し口の幅１／２ */
  border-right:8px solid transparent;  /* 吹き出し口の幅１／２ */
  top: -12px;                            /* 吹き出し口の位置調整 */
  left : 45%;                         /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}



.sample4oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample4 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample40 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:300px;                          /* 吹き出し全体の幅 */
  left : 74%;                           /* 表示位置 */
  top : -15%;                           /* 表示位置 */
  margin-left:-300px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample40:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 47%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}


.sample5oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample5 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample50 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:300px;                          /* 吹き出し全体の幅 */
  left : 104%;                           /* 表示位置 */
  top : -140%;                           /* 表示位置 */
  margin-left:-300px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample50:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 47%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}

.sample6oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample6 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample60 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:380px;                          /* 吹き出し全体の幅 */
  left : 104%;                           /* 表示位置 */
  top : -240%;                           /* 表示位置 */
  margin-left:-522px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample60:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgb(255, 108, 0);

}

.sample7oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample7 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample70 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:540px;                          /* 吹き出し全体の幅 */
  left : 90%;                           /* 表示位置 */
  top : -380%;                           /* 表示位置 */
  margin-left:-540px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample70:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgb(255, 108, 0);

}

.img-top{
	padding-left:116px;
}
.img-top img{
	margin-top:10px;
	width:290px;
	height:180px;
}

.sample8oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample8 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample80 {
  z-index: 200;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:290px;                          /* 吹き出し全体の幅 */
  left : 104%;                           /* 表示位置 */
  top : 0%;                           /* 表示位置 */
  margin-left:-643px;
  margin-top : 290px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample80:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);

}

.sample8oya img.radar-img-sm{
	padding-left:19px;
	padding-top:10px;
	width:250px;
}

.sample9oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample9 {
  display: none;                        /* 要素を非表示 */
}

 /* --- 吹き出し ------------------ */
.sample90 {
  z-index: 200;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:300px;                          /* 吹き出し全体の幅 */
  left : 140%;                           /* 表示位置 */
  top : 0%;                           /* 表示位置 */
  margin-left:-522px;
  margin-top : 190px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample90:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}




.sample10oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   :pointer;                  /* カーソルをポインターで表示 */
}
.sample10 {
  display: none;                        /* 要素を非表示 */
}

 /* --- 吹き出し ------------------ */
.sample100 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:516px;                          /* 吹き出し全体の幅 */
  left : 89%;                           /* 表示位置 */
  top : 69%;                           /* 表示位置 */
  margin-left:-522px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample100:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
}

.sample11oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample11 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample110 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:390px;                          /* 吹き出し全体の幅 */
  left : 70%;                           /* 表示位置 */
  top : -160%;                           /* 表示位置 */
  margin-left:-522px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample110:before{
  content: "";
  position: absolute;
  top: 25%;
  left: 100%;
  border: 13px solid transparent;
  border-left: 20px solid rgb(255, 108, 0);
}

.sample12oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample12 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample120 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 18px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:450px;                          /* 吹き出し全体の幅 */
  left : 12%;                           /* 表示位置 */
  top : 110%;                           /* 表示位置 */
  margin-left:0px;
  margin-top : -100px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:33px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample120:before{
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgb(255, 108, 0);
	border-left: 10px solid transparent;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}


.sample13oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample13 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample130 {
  z-index: 1000;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding: 14px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:380px;                          /* 吹き出し全体の幅 */
  left : 104%;                           /* 表示位置 */
  top : -20%;                           /* 表示位置 */
  margin-left:-522px;
  margin-top : 82px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:26px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample130:after{
  content: '';
  position: absolute;
  left: 200px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid rgb(255, 108, 0);
  border-left: 15px solid transparent;

}

.sample14oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                  /* カーソルをポインターで表示 */
}
.sample14 {
  display: none;                        /* 要素を非表示 */
}
 /* --- 吹き出し ------------------ */
.sample140 {
  z-index: 2;
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* インライン要素として表示 */
  padding:20px;                         /* テキストの前後の余白 */
  background-color: rgb(255, 108, 0);   /* 背景色（透明度） */
  border-radius:10px;
  width:200px;                          /* 吹き出し全体の幅 */
  left : 120%;                           /* 表示位置 */
  top : 20%;                           /* 表示位置 */
  margin-left:-313px;
  margin-top : 54px;                    /* 表示位置 */
  font-size: 20px;                       /* 文字サイズ */
  color:#FFF;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  line-height:25px;
  font-weight:600;
  animation: sample2Anime 1s linear;
}
.sample140:after{
  content: "";
  position: absolute;
  top: 40%;
  left: -9%;
  width: 0;
  height: 0;
  border-right: 30px solid rgb(255, 108, 0);
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes sample2Anime{
 100%{ color : white; background:rgb(255, 108, 0) }
  50%{ color : white; background:rgb(255, 108, 0) }
   0%{ color : white; background:white   }
}

}

 /* --- 登録ボタン ------------------ */

.ad-tided-tourokubotan{
  z-index: 500;
  position: fixed;
  margin-left: -20px;
  bottom: 0; /* 基準の位置を画面の一番下に指定する */
  background-color:#dfdfdfde;
  padding-top:20px;
}

.ad-tided-10day-tourokubotan{
  z-index:500;
  position: fixed;
  bottom: 0; /* 基準の位置を画面の一番下に指定する */
  background-color:#dfdfdfde;
  padding-top:20px;
}

.size-adjustment{
	width:500px;
	padding-left:100px;
}
@media screen and (min-width: 751px) {
	.ad-tided-tourokubotan-pc{
		z-index: 500;
		max-width: 681px;
		position:fixed;
		background-color:#dfdfdfde;
		padding-top:20px;
        bottom: 0; /* 基準の位置を画面の一番下に指定する */
		border-radius:5px;
	}

	.size-adjustment{
		width:340px;
		padding-left:0px;
	}

}

.text-tide{
	max-width:95px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    margin-top:36px;
    margin-left:-56px;
}

/* --- 風配図サンプルページ ------------------ */
@media screen and (min-width: 751px) {
	#date_title{
		width:430px;
	}
}

.tbl-sample{
margin-top:-51px;
}

@media screen and (min-width: 751px) {
	.tbl-sample{
	margin-top:-30px;
	}
}


/* --- 10日天気図の下の空白調整 ------------------ */
.space-arrange{
	margin-bottom:250px;
}

@media screen and (min-width: 751px) {
	.space-arrange{
		margin-bottom:110px;
	}
}

/* --- 指アイコン場所調整(スマホのみ) ------------------ */
.yubi-icon01{
	z-index: 10;
	position: absolute;
	top:50px;
	right:30px;
}

.yubi-icon02{
	z-index: 100;
	position: absolute;
	top:290px;
	right:40px;
}

.yubi-icon03{
	z-index: 100;
	position: absolute;
	top:265px;
	left:220px;
}

.yubi-icon04{
	z-index: 100;
	position: absolute;
	top:265px;
	right:-30px;
}

.yubi-icon05{
	z-index: 100;
	position: absolute;
	top:60px;
	right:-60px;
}

.yubi-icon06{
	z-index: 100;
	position: absolute;
	top:20px;
	right:190px;
}

.yubi-icon07{
	z-index: 100;
	position: absolute;
	top:60px;
	right:-60px;
}

.yubi-icon08{
	z-index: 0;
	position: absolute;
	top:820px;
	right:0px;
}

.yubi-icon09{
	z-index: 999;
	position: absolute;
	top:30px;
	right:-60px;
}

.yubi-icon10{
	z-index: 20;
	position: absolute;
	top:190px;
	right:190px;
}

.yubi-icon11{
	z-index: 10;
	position: absolute;
	top:50px;
	right:180px;
}

.yubi-icon12{
	z-index: 10;
	position: absolute;
	top:50px;
	right:180px;
}

.yubi-icon13{
	z-index: 10;
	position: absolute;
	top:50px;
	right:180px;
}
/* --- クリックカーソルアイコン場所調整(PCのみ) ------------------ */
.click-icon01{
	width:85px;
	z-index: 20;
	position: absolute;
	top:40px;
	right:30px;
}

.click-icon02{
	width:85px;
	z-index: 20;
	position: absolute;
	top:170px;
	right:30px;
}

.click-icon03{
	width:85px;
	z-index: 20;
	position: absolute;
	top:220px;
	left:210px;
}

.click-icon04{
	width:85px;
	z-index: 20;
	position: absolute;
	top:220px;
	right:10px;
}

.click-icon05{
	width:85px;
	z-index:20;
	position: absolute;
	top:25px;
	right:-40px;
}

.click-icon06{
	width:85px;
	z-index: 20;
	position: absolute;
	top:10px;
	right:200px;
}

.click-icon07{
	width:85px;
	z-index: 20;
	position: absolute;
	top:25px;
	right:-40px;
}

.click-icon08{
	width:85px;
	z-index: 20;
	position: absolute;
	top:750px;
	right:20px;
}

.click-icon09{
	width:85px;
	z-index: 20;
	position: absolute;
	top:20px;
	right:-45px;
}

.click-icon10{
	width:85px;
	z-index: 20;
	position: absolute;
	top:140px;
	right:200px;
}

.click-icon11{
	width:85px;
	z-index: 20;
	position: absolute;
	top:40px;
	right:170px;
}

.click-icon12{
	width:85px;
	z-index: 20;
	position: absolute;
	top:40px;
	right:170px;
}

.click-icon13{
	width:85px;
	z-index: 20;
	position: absolute;
	top:40px;
	right:170px;
}