@charset "utf-8";

/* CSS Document */

/********************
*
* 全体トップ用CSS
* 地域インデックス用CSS
*
*********************/
html#index {
	min-width: 980px;
}

#container {
  border: medium none !important;
  font-size: 12px !important;
  font-size: inherit !important;
  padding: 0 !important;
  /* width: 815px !important; */
  width: 960px !important;
  font-feature-settings: "palt" on;
}

#container.main {
	margin: 0 auto;
	width: 800px;
}



/*******************************
 *
 *　インデックス　ロゴバナー
 *
 *******************************/

#indexLogoBnr {
	margin: 40px auto 0px;
	position: relative;
	max-width: 980px;
	width: 100%;
}
#indexLogoBnr .indexLogoBnrInner {
	margin: 0 auto;
    width: 100%;
}

html.oversea #indexLogoBnr .indexLogoBnrInner::after {
	color: #FFF;
	content: "\47\6C\6F\62\61\6C\20\56\65\72\73\69\6F\6E"; /* Global Version */
	font-size: 20px;
	height: 26px;
	left: -webkit-calc(50% + 150px);
    left: calc(50% + 75px);
    line-height: 25px;
    position: absolute;
    top: 58px;
	width: 150px;
}

#logo {
  height: 200px;
  width: 600px;
}
img#logo.overares_logo {
    height: 82px;
}
.indexLog_balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 15px;
}
.indexLog_balloon:before {
	content: "";
  position: absolute;
  top: 75%;
  left: -15px;
  margin-top: -15px;
  border: 7px solid transparent;
  border-right: 10px solid #e0edff;
}
.indexLog_balloon p {
  margin: 0;
  padding: 0;
}

/* 地域インデックスから検索窓までコンテナ */
.areaIndex_top_container{
    width: 815px !important;
    margin:0px auto;
}


/* 地域インデックス　爆サイロゴ */
div.areaIndexBnr[class*="areaCode"] {
	margin: 10px 0 5px;
	text-align: center;
}

div.areaIndexBnr[class*="areaCode"] a {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 434px;
}
div.areaIndexBnr[class*="areaCode"] a:hover {
	text-decoration: none;
}
div.areaIndexBnr[class*="areaCode"] a::after {
  color: #FFF;
  content: "";
  font-size: 15px;
  line-height: 24px;
  height: 24px;
  left: -webkit-calc(50% + 75px);
  left: calc(50% + 48px);
  position: absolute;
  top: 49px;
  width: 97px;
}

.areaIndexBnr img {
  display: block;
	width: 88%;
	float: left;
	margin-bottom: 8px;
}
div.areaIndexBnr.areaCode13 a::after { /* 海外版 */
	content: "\6D77\5916\7248";
}

/* over area */

#chooseCountry {
	margin: 0 auto;
	text-align: left;
	width: 100%;
	max-width: -webkit-calc(100% - 20px);
	max-width: calc(100% - 20px);
	font-size: 0;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
}

#chooseCountry div {
	display: inline-block;
	margin: 6px 5px;
	padding: 0;
	vertical-align: top;
	width: calc((100% / 6) - 10px);
}

#chooseCountry div.JPN {
    width: calc((100% / 3) - 10px) !important;
}

#chooseCountry a {
	background-color: #EEE;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	border: 1px solid #EEE;
    background-size: cover;
	display: block;
	padding: 0;
	text-decoration: none;
    height: 120px;
    position: relative;
}

#chooseCountry .UKR a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/UKR.jpg);}
#chooseCountry .RUS a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/RUS.jpg);}
#chooseCountry .CHN a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/CHN.jpg);}
#chooseCountry .TWN a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/TWN.jpg);}
#chooseCountry .KOR a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/KOR.jpg);}
#chooseCountry .THA a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/THA.jpg);}
#chooseCountry .IDN a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/IDN.jpg);}
#chooseCountry .PHL a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/PHL.jpg);}
#chooseCountry .VNM a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/VNM.jpg);}
#chooseCountry .USA a { background: center/cover url(https://img.bakusai.com/p/img/clock/back/pc/USA.jpg);}
#chooseCountry .JPN a { background: bottom/cover url(https://img.bakusai.com/p/img/clock/back/pc/JPN.jpg);}

#chooseCountry a:hover {
	background-color: #7FA9F7;
}

#chooseCountry a:hover span {
	color: #080856;
}

#chooseCountry  a span {
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 4px;
	text-align: center;
}
#index.overSea #menu li.RUS a em {
    background: url("https://img.bakusai.com/p/img/clock/flag_of_Russia.svg") no-repeat scroll left center transparent;
    background-size: 15px auto;
}
#index.overSea #menu li.UKR a em {
    background: url("https://img.bakusai.com/p/img/clock/flag_of_Ukraine.svg") no-repeat scroll left center transparent;
    background-size: 15px auto;
}
#index.overSea #menu li.JPN a em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Japan.gif") no-repeat scroll left center transparent;
	background-size: 15px auto;
	border: 1px solid #E7E4E4;
	display: block;
	height: 15px;
	margin: auto 2px auto 2px;
	padding: 0;
	width: 15px;
}

#chooseCountry div.flag_wrap {
    display: flex;
    align-items: center;
    line-height: 15px;
    margin:5px auto auto 5px;
    width: max-content;
    background: rgba(255,255,255,0.9);
}

#chooseCountry .CHN em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_China.gif") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .KOR em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_South_Korea.gif") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .PHL em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Philippines.gif") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .PHL a span {
	font-size: 13px;
}
#chooseCountry .VNM em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Vietnam.gif") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .THA em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Thailand.gif") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .USA em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_USA.gif") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .JPN em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Japan.gif") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .IDN em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Indonesia.svg") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .UKR em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Ukraine.svg") no-repeat scroll center center/ 15px  transparent;
}
#chooseCountry .RUS em {
	background: url("https://img.bakusai.com/p/img/clock/flag_of_Russia.svg") no-repeat scroll center center/ 15px  transparent;
}

#chooseCountry div.clock_txt {
    position: absolute;
    background: rgba(255,255,255,0.9);
    width: 80px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    margin: auto 5px 5px auto;
    bottom: 0;
    right: 0;
}
.mac {
    #chooseCountry div.clock_txt {
        width: fit-content;
    }
}
#chooseCountry a .clock_txt span{
    display: block;
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 0 4px;
    text-align: center;
}

/********************
*
* アクセスランキング
*
*********************/

ul#mainNav {
	margin: 0;
	padding: 0;
	text-decoration: none !important;
}

ul#mainNav > li {
	cursor: pointer;
	text-align: center;
    display: flex;
    width: max-content;
    align-items: center;
    height: 30px;
}

ul#mainNav li a {
	display: inline;
	width: 100%;
	height: 100%;
	text-decoration: none;
	margin-left: 8px;
}

ul#mainNav li .access_rank,
ul#mainNav li .access_detail {
	margin-left: 12px;
}
ul#mainNav li .access_rank{
    line-height: 30px;
}
ul#mainNav li .access_detail {
	display: block;
}

ul#mainNav li a:hover {
	text-decoration: underline;
}

ul.subNav {
	display: none;
	font-weight: bold;
	position: absolute;
	right: 5px;
	top: 31px;
}

ul.subNav li {
	background-color: #f5f5f5;
	border-radius: 0 0 5px 5px;
	line-height: 32px;
	list-style: none outside none;
	padding: 0 26px 0 2px;
	position: relative;
	float: right;
	width: 115px;
}

ul.subNav li a {
	background: url("/img/iphone/arrow.png") no-repeat scroll right center / 10px auto transparent;
	width: 115px !important;
}

ul.subNav li ul.subNav {
	position: absolute;
	top: 0;
	left: 10em;
}

.alexaIcon{
	background: url("https://img.bakusai.com/p/img/alexaIcon.gif") no-repeat scroll 0 0 transparent;
	float: left;
	height: 20px;
	margin: -2px 0 0;
	width: 65px;
}


/********************
*
* 地域版総投稿
*
*********************/

#postRankWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: -0.5px;
  text-align: center;
  white-space: normal;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.areaIndexBnrWrap {
	width: calc(100% - 440px);
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	float: left;
}

#postRankWrap {
  font-family:"Meiryo mod 12pt AA","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	width: 100%;
  height: 54px;
  border-radius: 5px;
  padding: 8px 0 10px;
  margin: 0 auto;
  text-align: center;
}
#postRankWrap.overarea {
    padding: 0;
}
#areaPosts {
    text-align: center;
    margin: 0 auto 5px;
    font-size: 15px;
    width: max-content !important;
    vertical-align: middle;
    display: flex;
    align-items: baseline;
    justify-content: center;
    word-break: keep-all;
}
#areaPosts span.areaPosts2 {
    color: #E36162;
    margin: 0 2px;
    letter-spacing: 0;
    font-size: 1.6rem;
    position: relative;
}

span.areaPosts2:after {
    border-bottom: dotted 2px #8f8f8f;
    content: "";
    height: 4px;
    left: 0;
    right: 0;
    bottom: 6px;
    width: 100%;
    display: block;
    position: absolute;
}
.areaPost_sub {
    color: #E36162;
    font-size: 1rem;
    margin: auto 2px 2px -1px;
}
#areaPosts span.areaPosts3{
    font-weight: normal;
}

#postsRank {
    width: 380px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    vertical-align: middle;
    line-height: 16px;
}

.thx_balloon {
    position: relative;
    transform-style: preserve-3d;
    width: 50px;
    min-height: 16px;
    margin: 0;
    padding: 0px 2px;
    border-radius: 16px;
    font-size: 11px;
}
.thx_balloon::before,
.thx_balloon::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
}
.thx_balloon,
.thx_balloon::before {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(163,163,163,0.50); /* ぼかし距離(第3引数)，拡散距離(第4引数)，色(第5引数) */
}

.thx_balloon::after {
    background: linear-gradient(-135deg, #fff 51%, transparent 51%);
}
.thx_balloon::before,.thx_balloon::after {
    right: -1px; top: 50%; /* 位置 */
    transform: translateY(-50%) rotate(45deg) skew(-20deg,-20deg) translateZ(-1px); /* 傾斜角(skew) */
}
.thx_balloon::after {
    transform: translateY(-50%) rotate(45deg) skew(-20deg,-20deg) translateZ(1px); /* 傾斜角(skew) */
}
.thx_balloon p {
    margin: 0;
    position: absolute;
    right: 0;
    left: 0;
}
/* 1億投稿突破後の平時用 2013/02/26設置 */
#totalPosts,.accessRank a{
	font-size: 0.8rem;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 3px;
	line-height: inherit;
    display: flex;
}
.totalPosts_wrap {
    display: grid;
    margin-right: 3px;
}
#totalPosts .ichioku,
.accessRank .rankCount {
    color: var(--bakusai_blue);
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: auto 2px 5px;
    line-height: 34px;
    --line-height-width: calc(1.5); /* add CSS Variables */
    z-index: 2;
    position: relative;
    top: 4px;
}

.oku_wrap {
    display: flex;
    position: relative;
}
.oku_wrap.oku_spacer {
    top: 6px;
}
.oku_wrap:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 6px;
    width: 90%;
    height: 7px;
    background-color: var(--bakusai_l_blue);
    z-index: 0;
}
#totalPosts .ichioku::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - var(--line-height-width)) * 0.5em); /* add negative margin */
    content: ''
  }
/* #totalPosts .ichioku::after{
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - var(--line-height-width)) * 0.5em);
    content: '';
} */

span.ichioku_over {
    margin: auto auto 4px;
}
span.ichioku_sub {
    color: var(--bakusai_blue);
    margin: auto 2px 6px -2px;
    font-size: 18px;
    z-index: 2;
}
.countryposts {
  color: #fff;
  padding: 1px 8px 2px;
  border-radius: 510px;
  margin: 2em 0;
  background: #174a70;
  margin: 0 2px;
}
.a-ranking {
  color: #fff;
  padding: 1px 8px 2px;
  border-radius: 510px;
  margin: 2em 0;
  background: #174a70;
  margin: 0 2px 0 0;
}
.accessRank {
	text-align: center;
}
.accessRank_wrap {
    display: grid;
    text-align: right;
    margin: auto 4px auto auto;
    font-size: 0.8rem;
    line-height: 1.1;
}
.accessRankTitle {
    color: var(--bakusai_blue);
}
.accessRankArea {
    color: #000;
    font-weight: normal;
}
.accessRank_sub {
    color: var(--bakusai_blue);
    margin: auto auto 3px;
    z-index: 2;
}
/********************
*
* 検索生中継
*
*********************/

/* 検索キーワード生中継 */
dl.liveSchWrap {
	background: #F6F6F6;
	border-radius: 1px;
	box-shadow: 0 1px 0 #EAEAEA;
	margin: 5px auto;
	text-align: center;
	padding: 0 0 1px;
  position: relative;
}

dl.liveSchWrap dt {
	border-bottom: 3px solid #0d507e;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	/* background: #EEE; */
	text-align: left;
	padding: 0 0 0 5px;
	margin: 15px 0 0;
}

dl.liveSchWrap dt i {
	background: #FFB46B;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	height: 20px;
	line-height: 19px;
	margin-right: 2px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}

dl.liveSchWrap dt span {
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
}

dd.liveWordsWrap {
	letter-spacing: 0;
	line-height: normal;
	margin: 8px auto 2px !important;
	width: 100%;
}

dd.liveWordsWrap .liveWordsList {
	display: inline-block;
  vertical-align: top;
	width: calc(100% - 3px);
  text-align: left;
  flex-wrap: wrap;
	padding: 0 3px;
  overflow: hidden;
	min-height: 78px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

dd.liveWordsWrap .liveSchUpdate {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 140px;
	min-height: 105px;
}

dd.liveWordsWrap .liveSchUpdate form {
	margin: 0;
	padding: 0;
	text-align: center;
}

dd.liveWordsWrap .liveSchUpdate input[type="submit"] {
  margin:0;
  height:30px;
}

.liveSchLink {
	margin: 3px auto;
	width: 450px;
	text-align: center;
}

/* 更新ボタン */
.liveSchUpdate {
	display: inline-block;
  width: max-content;
  text-align: right;
  position: absolute;
  top: 4px;
  right: 4px;
}

form.searchForm button[type="submit"].refresh {
	padding: 0 7px;
  text-decoration: none;
  background: #dbdbdb;
  border-right: solid 27px var(--bakusai_blue);
  font-weight: bold;
  box-shadow: 0px 2px 2px rgb(0 0 0 / 29%);
  z-index: 1;
	border-top: none;
  border-bottom: none;
  border-left: none;
  height: 23px;
	cursor: pointer;
}

form.searchForm button[type="submit"].refresh:hover {
  background-color: rgba(255, 255, 255, .2);
}

form.searchForm button[type="submit"].refresh:active {
	-webkit-transform: translate(0,2px);
	-moz-transform: translate(0,2px);
	transform: translate(0,2px);
	border-bottom:none;
}

form.searchForm button[type="submit"].refresh i {
	color: #fff;
  font-size: 20px;
  margin: 0 auto;
  width: 0px;
	position: absolute;
  top: 3px;
  right: 22px;
}

/*form.searchForm button[type="submit"].refresh:hover i {
  transform: rotate(360deg);
  transition: 1s;
}*/

form.searchForm button[type="submit"].refresh > div {
	color: var(--bakusai_blue);
	width: 120px;
	font-size: 13px;
	height: 20px;
	margin: 0 auto;
	display: contents;
	line-height: 1.5rem;
}

form.searchForm button[type="submit"].refresh + div {
	text-align: center;
	color: #314353;
	width: 100px;
	font-size: 11px;
	height: 25px;
	line-height: 15px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	top: -7px;
}

/* firefox */
@-moz-document url-prefix() {
/* 検索ワード生中継 ボタン */
	.liveSchUpdate {
		bottom: 29px;
	}
}

/* 弧線字 検索ワードを更新 */
form.searchForm button[type="submit"].refresh + div span {
	bottom: -15px;
  font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size: 12px;
	height: 100px;
	left: 0px;
	line-height: 160px;
	margin: 0px auto;
	position: absolute;
	transform-origin: top center;
	right: 0px;
	width: 20px;
}
.char1 {transform: rotate(28deg);}
.char2 {transform: rotate(20deg);}
.char3 {transform: rotate(12deg);}
.char4 {transform: rotate(4deg);}
.char5 {transform: rotate(-4deg);}
.char6 {transform: rotate(-12deg);}
.char7 {transform: rotate(-20deg);}
.char8 {transform: rotate(-28deg);}

/* 人気キーワード！ */
.trendWords {
	display: inline-block;
	margin: 0 3px 3px 0px;
	vertical-align: bottom;
    font-size: 13px;
}

.trendWords a {
	border: 1px solid #d4dade;
	padding: 3px 7px;
	background: #ececed;
	border-radius: 3px;
	min-height: 15px;
	display: block;
	color: #0e3250;
	max-width: 250px;
}
.trendWords a:hover {
	border: 2px solid #0d507e;
	padding: 2px 6px;
}
.trendWords a:visited {
	color: #390e50;
}
.fontWeightnormal {font-weight: normal;}
.fontWeightbold {font-weight: bold;}
.fontSize11 {font-size: 11px;}
.fontSize12 {font-size: 12px;}
.fontSize13 {font-size: 13px;}
.fontSize14 {font-size: 14px;}
.fontSize15 {font-size: 15px;}
.fontSize16 {font-size: 16px;}
.fontSize17 {font-size: 17px;}
.fontSize18 {font-size: 18px;}
.fontSize19 {font-size: 19px;}

/* TV実況中継　固定中スレッド（ON AIR） */
.onAirIcon img {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    margin: 8px 5px;
    pointer-events: none;
}
/* IE10 */
@media all and (-ms-high-contrast:none) {
	.onAirIcon {
		top: 6.5px;
	}
}
/* IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .onAirIcon {
		top: 7px;
	}
}
.onAirIcon i {
	background: #d20000;
	border-radius: 1px 0 0 1px;
	color: #FFF;
	display: inline-table;
	height: 13px;
	line-height: 12px;
	padding: 0 2px;
	vertical-align: top;
}

.onAirIcon span {
  background: #fff;
  color: #d20000;
  display: inline-block;
  font-family: "MS PGothic","ＭＳ Ｐゴシック";
  font-size: 11px;
  height: 14px;
  letter-spacing: -0.4px;
  line-height: 14px;
  padding: 0 2px;
  text-align: center;
  vertical-align: middle;
}

#newsContainer li.body a > .fa.fa-microphone,
#newsContainer li.body a > .fa.fa-arrow-right {
  color: #94a3ae;
  font-size: 10px;
  width: 10px;
  text-align: center;
  height: 1em;
  vertical-align: middle;
}

#newsContainer li.body a:hover > .fa.fa-microphone,
#newsContainer li.body a:hover > .fa.fa-arrow-right  {
	color: #0d507e;
}


/********************
*
* 最新書き込み／ピックアップニュース／ニュース速報
*
*********************/

/*** 最新書き込み／ピックアップニュース／ニュース速報 ***/
#newsContainer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

#newsContainer > div:nth-child(2n+1) {
	float: left;
	font-size: inherit;
}
#newsContainer > div:nth-child(2n+2) {
	float: right;
	font-size: inherit;
}
div.newsContainer_jp > div:nth-child(2n+2) {
	float: left !important;
}
div.newsContainer_jp > div:nth-child(2n+1) {
	float: right !important;
}
/* 最新書き込み／ニュース速報 */
.tvLive,
.latestWriting,
.newsFlash,
.pickupNews,
.areamain-thr-list-block {
	background: #F6F6F6;
	box-shadow: 0 1px 0 #EAEAEA;
	display: inline-block;
	min-height: 264px;
	margin: 0 0 5px;
	width: -webkit-calc(50% - 2px);
	width: calc(50% - 2px);
}
.pickupNews_jp {
	width: calc(100% - 2px) !important;
}

#newsContainer .verticalSection {
	height: 210px;
}

.tvLive .title,
.latestWriting .title,
.newsFlash .title,
.pickupNews .title,
.areamain-thr-list-block .title {
	background: #F6F6F6;
	height: 33px;
	line-height: 30px;
	padding: 0 0 0 0px;
	text-align: left;
}
.latestWriting .title::after,
.newsFlash .title::after,
.pickupNews .title::after,
.areamain-thr-list-block .title::after {
    content: "";
    border-bottom: 3px solid #0d507e;
    display: block;
    width: 100%;
}
.areamain-thr-list-block .title:has(.ctgIcon img)::after,
.areamain-thr-list-block .title:has(.area-tab-list)::after,
.pickupNews .title:has(.area-tab-list)::after {
    border-bottom:none;
    display: none;
}

.tvLive .title,
.pickupNews_jp .title {
	border-bottom: none;
}

.tvLive .title span,
.latestWriting .title span,
.newsFlash .title span,
.pickupNews .title span,
.areamain-thr-list-block .title span {
	color: #000;
	font-size: 14px;
}

#newsContainer .title i,
#newsContainer .title img {
	background: #c8c8c8;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	height: 20px;
	line-height: 19px;
	margin-right: 2px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}
.latestWriting .title i.fa.fa-comment {
	background: #62c66e !important;
}
.pickupNews .title i.fa.fa-star {
	background: #ead056 !important;
}
.newsFlash .title i.fa.fa-bolt {
	background: #dc8686 !important;
}
.newsFlash .title i.fa-globe {
	background: #639bc4 !important;
}
.areamain-thr-list-block .title:has(.ctgIcon img),
.areamain-thr-list-block .title:has(.area-tab-list) {
    display: flex;
    box-sizing: border-box;
    border-bottom: 3px solid #0d507e;
}
.tvLive ul,
.latestWriting ul,
.newsFlash ul,
.pickupNews ul,
.areamain-thr-list-block ul {
	background: #F6F6F6;
	margin: 0;
	padding: 0;
  font-size: 12.5px;
  font-feature-settings: "palt" on;
}

#newsContainer + #newsContainer ul {
  min-height: 165px;
}

.tvLive .body:first-child,
.latestWriting .body:first-child,
.newsFlash .body:first-child,
.areamain-thr-list-block .body:first-child {
	border-top: medium none;
}

.tvLive .body,
.latestWriting .body,
.newsFlash .body,
.areamain-thr-list-block .body {
	text-align:left;
	height:1em;
	list-style: none outside none;
}

/* TV実況中継追加後のリスト表示修正 2013/06/04 */
.nfBody {
	border-top: 1px solid #d9d9d9;
	clear: both;
	height: 2em;
	line-height: 2em;
	list-style: outside none none;
	position: relative;
}

#newsContainer .body {
  border-top: 1px solid #d9d9d9;
  min-height: 39px;
  list-style: outside none none;
  text-align: left;
}

#newsContainer .latestWriting.overseaArea .body {
	height: 28.8px;
	line-height: 28.8px;
}

#newsContainer .verticalSection .body {
	height: 2.3em;
}

#newsContainer .body:first-child {
 	border-top: 0 none;
}

#newsContainer .body a {
	display: block;
	font-family: "MS PGothic","ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	line-height: 38px;
	padding: 0 2px 0 5px;
	position: relative;
	white-space: nowrap;
	width: -webkit-calc(100% - 7px);
	width: calc(100% - 7px);
}

#newsContainer .body a:hover {
	background: #ededed;
}

#newsContainer .pickupNews .boardName a {
	background: #FFFFFF;
}

#newsContainer .pickupNews .body a:hover {
	background: rgba(0,0,0,0);
}

#newsContainer .body a .thrTitle {
	display: inline-block;
	vertical-align: middle;
	margin: 1px 4px 0 2px;
}
#newsContainer .body a .thrTitle:has(p.new_thrTitle),
#newsContainer .body a .thrTitle:has(p.areamain-thr-list-block--text) {
    max-width: calc(100% - 65px);
}
.thrTitle:has(p.sports_broadcasting-thrTitle) {
    max-width: calc(100% - 75px) !important;
}
.body a div.thrTitle p.new_thrTitle,
p.areamain-thr-list-block--text {
    max-width: 100%;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: nowrap;
    margin: 0px;
}
p.areamain-thr-list-block--text:has(img) {
    margin-top: 2px;
}
/* safari css hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root #newsContainer .body a .thrTitle {
    letter-spacing: -0.5px;
  }
}


#newsContainer .body a .lastUpdate,
span.pnLastUpdate {
	display: inline-block;
	vertical-align: middle;
	background: #FFF;
	/* border: 1px solid #E4E4E4; */
	line-height: 18px;
	padding: 0 3px;
	border-radius: 3px;
	font-size: 11px;
	height: 18px;
	box-shadow: 1px 1px 0px 0 #ECECEC,0px 0px 1px 0 #AAA;
	color: #242424;
}
span.pnLastUpdate {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 1px;
}

.timeCount {
	font-size: 12px;
	margin-right: 1px;
	display: inline-block;
	text-align: right;
  vertical-align: middle;
}
.timeUnit {
	font-size: 9px;
	display: inline-block;
	vertical-align: 1px;
  vertical-align: middle;
}


#newsContainer .newsFlash .newsFlashList a {
	/* min-height: 31px; */
	/* line-height: 31px; */
}

.latestWriting .title .ctgIcon,
.newsFlash .title .ctgIcon,
.pickupNews .title .ctgIcon,
.latestWriting .title .ctgTitle,
.newsFlash .title .ctgTitle,
.pickupNews .title .ctgTitle,
.areamain-thr-list-block .title .ctgTitle,
.areamain-thr-list-block .title .ctgIcon,
.weather_title {
	display: inline-block;
	font-size: 15px;
	margin-right: 5px;
	vertical-align: middle;
}
.latestWriting .title .ctgIcon,
.newsFlash .title .ctgIcon,
.pickupNews .title .ctgIcon,
.tvLive .title .ctgIcon,
.areamain-thr-list-block .title .ctgIcon {
    padding-left :5px;
}

.tvLive .title .ctgTitle,
.tvLive .title .ctgIcon,
.pickupNews_jp .title .ctgIcon,
.pickupNews_jp .title ,
.areamain-thr-list-block .title .ctgIcon:has(img),
.areamain-thr-list-block .title:has(.area-tab-list) {
	display: flex;
	font-size: 15px;
	vertical-align: middle;
}

.tvLive .title .ctgTitle {
	margin-top: 1px;
}

.tvLive .title .ctgIcon,
.areamain-thr-list-block .title .ctgIcon:has(img),
.pickupNews_jp .title .ctgIcon {
    margin: 6px 5px 0 0;
}
.areamain-thr-list-block p.areamain-thr-list-block--text img.team-logo{
    max-width: 18px;
    height: 18px;
    margin: 0px;
    object-fit: contain;
    vertical-align: -3px !important;
}
#newsContainer .body a {
    text-decoration: none;
}

#newsContainer .body a:hover {
    text-decoration: none;
}

.tvLive .title,
.pickupNews_jp .title {
	display: flex;
	position: relative;
	background: #cae3f7;
    height: 33px;
}

.tvLivetabarea,
.area-tab-list {
  position: absolute;
  right: 0;
	display: flex;
    height: 32px;
    line-height: 30px;
}
.area-tab-list {
    height: 33px;
}

.tvLive .title img {
	border-radius: 2px;
	height: 20px;
	vertical-align: middle;
	width: 20px;
}


.tvLive .body a,
.stWriting .body a,
.newsFlash .body a,
.areamain-thr-list-block .body a {
	width: 100%;
}


/* TV実況中継追加後の絵文字位置修正 2013/06/04 */
#newsContainer .body img {vertical-align:-2px;}

/* 最新書き込みの絵文字位置修正 2013/04/30 */
.latestWriting .body a img {
	vertical-align:top;
}

.latestWritingList,
.newsFlashList {
	border-top: 1px solid #bfbfbf;
	list-style: outside none none;
	text-align: right;
}

.latestWritingList a,
.newsFlashList a {
  display: block;
  padding: 0px 5px;
  height: 28px;
  line-height: 28px;
}

/* ピックアップニュース */
.pickupNews ul {
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(100% - 172px);
	width: calc(100% - 172px);
}

.pickupNews .body {
	clear: both;
	height: 56px !important;
	line-height: 16px !important;
	padding: 0;
	vertical-align: middle;
	width: 100%;
}

.pickupNews .body > a {
	display: block;
	height: 42px;
	padding: 1px 1px 1px 3px !important;
	text-overflow: inherit !important;
	white-space: inherit !important;
	width: 100%;
}
.pickupNews .body > a:hover {
	text-decoration: none;
}
.pickupNews .pnImg {
	display: inline-block;
	height: 46px;
	margin-right: -2px;
	width: 46px;
}
.pickupNews .pnImg .pnImgInner {
	display: table-cell;
	height: 50px;
	vertical-align: bottom;
}
.pickupNews .pnImg .pnImgInner > img {
	display: inline-block;
	font-size: 10px;
	height: 37px;
	line-height: 35px;
	max-height: 37px;
	max-width: 37px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 37px;
}
.pickupNews .body p {
	display: inline-block;
	line-height: 16px;
	margin: 8px 0;
	vertical-align: top;
	word-break: break-all;
	word-wrap: break-word;
	width: -webkit-calc(100% - 43px);
	width: calc(100% - 43px);
	letter-spacing: -0.1px;
}
.pickupNews .body > a:hover p {
	text-decoration: underline;
}

.pnSquareImg {
	position:relative;
	height:100%;
	width:100%;
}
.pnImgInner > .pnSquareImg {
	position:relative;
	width:44px;
	height:44px;
}
.pnSquareImg img {
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;';

}


@media all and (-ms-high-contrast:none) {
/* IE10 */
	.pickupNews .pnImg .pnImgInner {
		height: 36px;
	}
	.pickupNews .body p {
		margin: 4px 0 0;
		line-height: 16px;
	}
/* IE11 */
	*::-ms-backdrop, .pickupNews .pnImg .pnImgInner {
		height: 36px;
	}
	*::-ms-backdrop, .pickupNews .body p {
		margin: 4px 0 0;
		line-height: 16px;
	}
}

.pickupNews li.body:hover {
    background: #EDEDED !important;
}

.pickupNews li.body:first-child {
    border-top: medium none;
}
/*.pickupNews .body:first-child::after {
	color: #94a3ae;
	content: "\0f105";
	font-family: fontawesome;
	font-size: 16px;
	position: absolute;
	right: -3px;
	top: 6px;
}*/
.pickupNews li {
    position: relative;
}

.pickupNews .boardName {
	bottom: 3px;
	position: absolute;
	right: 1px;
}

.pickupNews .boardName > a {
	background: #fff;
  border-radius: 2px;
	box-shadow: 1px 1px 0px 0 #ECECEC,0px 0px 1px 0 #AAA;
	display: block;
	font-size: 10px !important;
	line-height: 1.7em !important;
	min-width: 30px !important;
	padding: 0 3px !important;
	text-align: center;
	width: auto !important;
}
.pickupNews .boardName > a[title*="\7DCF\5408"] { /* 総合 */
	color: #7f8c8d;
}
.pickupNews .boardName > a[title*="\653F\6CBB\30FB\7D4C\6E08"] { /* 政治・経済 */
	color: #d7ad02;
}
.pickupNews .boardName > a[title*="\4E8B\4EF6\30FB\4E8B\6545"] { /* 事件・事故 */
	color: #e74c3c;
}
.pickupNews .boardName > a[title*="\82B8\80FD"] { /* 芸能 */
	color: #e28b00;
}
.pickupNews .boardName > a[title*="\30B9\30DD\30FC\30C4"] { /* スポーツ */
	color: #1abc9c;
}
.pickupNews .boardName > a[title*="\56FD\969B"] { /* 国際 */
	color: #3498db;
}
.pickupNews .boardName > a[title*="\30B0\30E9\30D3\30A2"] { /* グラビア */
	color: #FF66CC;
}

.pickupNews .pnPhoto {
    background: #f6f6f6;
    display: inline-block;
    height: fit-content;
    max-height: 210px;
    margin: 5px;
    vertical-align: top;
    width: 162px;
}
.pickupNews .pnPhoto .pnPhotoInner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.pickupNews .pnPhoto .pnPhotoInner > a {
	display: inline;
	margin: 1px auto 0;
	width: 162px;
}
.pickupNews .pnPhoto .pnPhotoImg {
    background: #d8d8d8;
    display: table-cell;
    font-size: 10px;
    height: 162px;
    position: relative;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 162px;
}
.pickupNews .pnPhoto .pnPhotoImg > img {
	max-height: 140px;
	max-width: 140px;
}
.pickupNews .pnPhoto p {
	font-size: 12px;
	line-height: 13px;
	margin: 6px auto;
	text-align: left;
	width: 160px;
	word-wrap: break-word;
	word-break: break-all;
}


/* 総投稿数 */
#total_posts {
	font-size:18px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	text-align:center;
	margin:7px 0 3px 0;
}


/********************
*
* 検索
*
*********************/
/* 検索 */
#search_while {
	margin: 0 auto 3px;
	padding: 1px 3px;
	width: 783px;
}

#search_while .search_form {
	text-align:center;
	margin: -5px 0 0;
}

#search_while .search_form input[type="text"] {
	border: 1px solid #ABABAB;
	width:326px;
	height:19px;
	padding:2px;
	font-size:14px;
}

#search_while .search_form input[type="text"]:active,
#search_while .search_form input[type="text"]:focus {
	border: 1px solid #F86B9A;
	-webkit-box-shadow: 1px 2px 1px #CBCBCB inset, 0 0 1px #FF00DC;
	box-shadow: 1px 2px 1px #CBCBCB inset, 0 0 1px #FF00DC;
}

#search_while .search_form input[type="submit"] {
	padding:2px 0;
}

#search_while .live_search_result {
	line-height: 19px;
	margin: 0 auto;
	padding: 3px;
	width: 100%;
}

#search_while .live_search_submit {
	text-align:center;
	height:30px;
	margin-top:5px;
}

#search_while .live_search_submit input[type="submit"] {
	margin:0;
	height:30px;
}

#search_while #here { /* 検索キーワード生中継はこちらから！ */
	margin:5px auto;
	height:50px;
	width:800px;
	text-align:right;
}


/* ピックアップ */
#pickup_while {
	width:782px;
	margin:0 auto;
	border:0px solid #00CC33;
	font-size: 14px;
}

#pickup_main,
#breaking_news_while,	/* 新着ニュース */
#areatop_row		/* エリアトップ横一列のボックス枠 */ {
	border: 0px solid transparent;
	margin: 0px auto;
	width: 810px;
}

#areatop_row {
	border: 1px solid #CCC !important;
	margin: 0 auto 5px !important;
	width: 780px !important;
}

#areatop_row ul.noimg li.more {	/* エリアトップ横一列のボックス枠 */
	background-color: #FFF;
	display: inline-block;
	border-bottom: none;
	height: 15px;
	padding: 3px 5px;
	text-align: right;
	width: 765px;
}

#pickup_main ul,
#breaking_news_while ul,
#latest_writing ul,
#areatop_row ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pickup_titlebar {
	background-color: #FE6F6F;
	text-align: center;
	padding: 2px 0px;
	border: 1px solid #CCC;
	color:#FFF;
	font-size:14px;
	font-weight: bold;
}

.pickup_article {
	background: #FFFFE0;
	border: 1px solid #CCC;
	display: inline-block;
	height: 140px;
	vertical-align: top;
	width: 255px;
}

.pickup_article:last-child {
	margin: 0 !important;
}

.pickup_article .padding5{
	padding: 5px;
}

.pickup_article .img_frame {
	background: #FFF;
	border: 1px solid #BBB;
	color: #FFF;
	width: 130px !important;
	display: table-cell;
	vertical-align: middle !important;
	height: 130px !important;
}

.pickup_article .img_frame img {
	display: block;
	margin: 0 auto;
	text-align: center;
	border: none;
}

.pickup_title {
	display: table-cell;
	vertical-align: top;
	padding: 0px 3px;
	font-size: medium;
}

a .pickup_title {
	font-size:medium;
	font-weight: bold;
}


/*ニュースタイトル長さ調整*/
.pickupNews .boardName {
	position:relative;
}
#newsContainer .pickupNews li.body > a {
	position:absolute !important;
	top:0;
	left:0;
}

#newsContainer .pickupNews .body div.contentBlock {
    display: inline-block;
    line-height: 16px;
    vertical-align: top;
    word-break: break-all;
    word-wrap: break-word;
    width: -webkit-calc(100% - 49px);
    width: calc(100% - 49px);
    letter-spacing: -0.1px;
}

#newsContainer .pickupNews a {
	background-color:rgba(0,0,0,0);
}

#newsContainer .pickupNews li.body p {
    width:100%;
    height: 32px;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
}
#newsContainer .pickupNews_jp li.body p {
    height: 35px;
    text-align: justify;
    position: relative;
}

#newsContainer .pickupNews .pnPhoto p {
    width: 162px;
    height: fit-content;
    max-height: 42px;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3;
}

#newsContainer .pickupNews li.body p > a {
	display:inline !important;
	line-height:16px;
	width:auto;
	white-space:normal;
    position: static;
}



#newsContainer .pickupNews li.body p span > a {
	display:inline !important;
	width:auto;
	bottom:auto;
	right:auto;
	top:2px;
	padding:3px 5px !important;
}

.newsFlash .nfBody .lastUpdate {
	position:absolute;
	right:3px;
	top:10px;
}


#newsContainer .newsFlash .body a .thrTitle{
	max-width: calc(100% - 50px);
	height:38px;

}
#newsContainer .newsFlash .body a .thrTitleText{
	max-width: 100%;
	height:29px;
	text-overflow: ellipsis !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 1;
	margin: 1px 0;
	overflow:hidden;
	white-space:nowrap;
}

.newsFlash .nfBody .lastUpdate,
.latestWriting .lastUpdate ,
.newsFlash .lastUpdate ,
.tvLive .lastUpdate,
.areamain-thr-list-block .lastUpdate {
	position:absolute;
	right:3px;
	top:10px;
}

a.areamain-thr-list-block--link {
    display: inline-flex !important;
    align-items: center;
    gap: 6px !important;
}
a.areamain-thr-list-block--link:has(div.areamain-thr-list-block--link--latestResList) i.fa.fa-arrow-right {
    flex-shrink: 0;
}
div.areamain-thr-list-block--link--latestResList {
    display: inline-flex;
    flex-direction: column;
    gap: 1px;
    width: 100%;
    max-width: 456px;
    height: 39px;
    font-feature-settings: "palt" on;
}
div.areamain-thr-list-block--link--latestResList div.thrTitle {
    line-height: 1px;
    margin: 0px !important;
}
div.areamain-thr-list-block--link--latestResList-LatetRes {
    line-height: 0px;
    font-size: 12px;
    color: #333;
    margin: 0 7px 0 3px;
}
div.areamain-thr-list-block--link--latestResList-LatetRes:has(div.lastUpdate3) {
    display: inline-flex;
    margin: 0px 3px 0px 3px;
    gap: 4px;
    width: 100%;
    max-width: 450px;
}
div.lastUpdate3 {
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
    height: 15px !important;
    line-height: 15px !important;
    flex: 0 1 auto;
}
div.areamain-thr-list-block--link--latestResList-LatetRes .latestResDisplayPc {
    margin: 0px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    display: inline-block;
    color: #333;
}
.areamain-thr-list-latestResText {
    font-size: 12px;
    color: #333;
}
div.Today-Match {
    position: absolute;
    top: 3px;
    right: 3px;
    display: inline-block;
    vertical-align: middle;
    background: #FFF;
    border: 1px solid #B40014;
    line-height: 15px;
    padding: 0 3px;
    border-radius: 3px;
    font-size: 11px;
    height: 15px;
    box-sizing: border-box;
    color: #B40014;
}
.mac {
    div.Today-Match {
        line-height: 14px;
    }
}
div.Today-Match i.fa.fa-video-camera {
    vertical-align: 1px;
}

/* 各カテゴリピックアップ */
#breaking_news_while ul li#breaking_news_main{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #CCC;
	width: 255px;
	margin: 3px 1px 3px 5px;
}

#breaking_news_while ul li#breaking_news_main div.breaking_news_titlebar {
	background-color: #F99;
}
#breaking_news_while ul li#breaking_news_main:nth-child(3n+1) div.breaking_news_titlebar {
	background-color: #F99;
}
#breaking_news_while ul li#breaking_news_main:nth-child(3n+2) div.breaking_news_titlebar {
	background-color: #F99;
}
#breaking_news_while ul li#breaking_news_main:nth-child(3n) div.breaking_news_titlebar {
	background-color: #F99;
}

#breaking_news_main li {
	padding:3px 5px 2px 5px;
	text-align:left;
}

#breaking_news_main li:nth-child(3n+1),
#breaking_news_main li:nth-child(3n) {
	background:#FFF;
}

#breaking_news_main li:nth-child(3n+2) {
	background:#FFE2E2;
}

#breaking_news_main ul li img {
	float: left;
	margin: 0px 2px;
	border: 1px solid #CCC;
}

#breaking_news_main ul li img.thumb {
	width:45px;
	height:45px;
}

#breaking_news_main ul a li div.title {
	display: inline;
	width: 200px;
	font-size: 13px;
}

#breaking_news_main ul.latest li {
	background-color: #FFF;
	padding: 5px;
	height: 15.5px;
	line-height: 15.5px;
	text-align: left;
	border-bottom: 1px dotted #999;
}

#breaking_news_main ul.latest li.more {
	border-bottom: none;
	text-align: right;
}

.breaking_news_titlebar,
.areatop_row_titlebar {
	text-align: center;
	border-bottom: 1px solid #CCC;
	padding: 2px 0px;
	color:#FFF;
	font-size:14px;
	font-weight: bold;
}

/* 最新書込み一覧 */
.latest_writing_titlebar {
	text-align: center;
	padding: 2px 0px;
	border-bottom: 1px solid #CCC;
	background-color: #F6C;
	color:#FFF;
	font-weight: bold;
	font-size:14px;
}

#latest_writing ul li {
	color:#F60;
	font-size:14px;
	border-bottom: 1px solid #CCC;
	display:inline-block;
	height: 20px;
}

#latest_writing ul li .boardname {
	display: inline-block;
	border-left: 1px dotted #CCC;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 8px;
	width: 145px;
}

#latest_writing ul li .boardname a,
#latest_writing ul li.more a,
#latest_writing ul li .titlename a {
	display: inline-block;
	width: 100%;
}

#latest_writing ul li .count {
	font-weight: bold;
	background: #FB67B1;
	color: #FFF;
	display: inline-block;
	height: 20px;
	line-height: 24px;
	padding: 0 0 0 8px;
	width: 20px;
}

#latest_writing ul li .titlename {
	padding: 3px 5px;
	text-align: left;
	background-color: #FFF;
	display: inline-block;
	height: 11px;
	width: 575px;
}

body#menu-body div#ctgmenu ul li a i {
    color: #0d507e;
}
body#menu-body div#ctgmenu ul li a:hover i {
	color: #031421;
}
/* 掲示板メニュー 都道府県雑談と市町村雑談を差別化 */
/*
body#menu-body div#ctgmenu ul li a[title$="種子島雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="奄美大島雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="徳之島雑談掲示板"],
*/
body#menu-body div#ctgmenu ul li a[title$="市雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="区雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="町雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="村雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="郡雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="局雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="地方雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="西東京雑談掲示板"],
body#menu-body div#ctgmenu ul li a[title$="島雑談掲示板"]:not([title$="福島雑談掲示板"]):not([title$="広島雑談掲示板"]):not([title$="徳島雑談掲示板"]):not([title$="鹿児島雑談掲示板"]) {
    padding: 0px 0 0px 11px;
}

/* 掲示板メニュー 都道府県雑談と市町村雑談を差別化 */
body#menu-body div#ctgmenu ul li a[title$="市雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="区雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="町雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="村雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="郡雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="局雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="地方雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="西東京雑談掲示板"] i,
body#menu-body div#ctgmenu ul li a[title$="島雑談掲示板"]:not([title$="福島雑談掲示板"]):not([title$="広島雑談掲示板"]):not([title$="徳島雑談掲示板"]):not([title$="鹿児島雑談掲示板"]) i {
    color: #94a3ae;
}
body#menu-body div#ctgmenu ul li a[title$="市雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="区雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="町雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="村雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="郡雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="局雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="地方雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="西東京雑談掲示板"] i::before,
body#menu-body div#ctgmenu ul li a[title$="島雑談掲示板"]:not([title$="福島雑談掲示板"]):not([title$="広島雑談掲示板"]):not([title$="徳島雑談掲示板"]):not([title$="鹿児島雑談掲示板"]) i::before {
/*	content: "\0f105";*/
	font-family: fontawesome;
}

body#menu-body div#ctgmenu ul li a[title$="雑談総合掲示板"] i::before {
/*	content: "\0f041";*/
	font-family: fontawesome;
}
.dead_areamenu {
 background-color:#E1E1E1;
}

.ken_areamenu{
    background-color: var(--bakusai_l_blue);
}

body#menu-body div#ctgmenu ul li a[title$="雑談総合掲示板"] {
    padding: 0px 0 0px 3px;
}

/* 掲示板メニュー 雑談といじめ掲示板を差別化  */
body#menu-body div#ctgmenu ul li a[title$="旭川市いじめ総合掲示板"],
body#menu-body div#ctgmenu ul li a[title$="酒田市いじめ総合掲示板"],
body#menu-body div#ctgmenu ul li a[title$="西成区雑談掲示板"] {
    padding: 0px 0 0px 20px;
}
body#menu-body div#ctgmenu ul li a[title$="旭川市いじめ総合掲示板"]:has(.fa-caret-right) .fa-caret-right,
body#menu-body div#ctgmenu ul li a[title$="酒田市いじめ総合掲示板"]:has(.fa-caret-right) .fa-caret-right,
body#menu-body div#ctgmenu ul li a[title$="西成区雑談掲示板"]:has(.fa-caret-right) .fa-caret-right {
    display: none;
}
body#menu-body div#ctgmenu ul li a[title$="旭川市いじめ総合掲示板"]::before,
body#menu-body div#ctgmenu ul li a[title$="酒田市いじめ総合掲示板"]::before,
body#menu-body div#ctgmenu ul li a[title$="西成区雑談掲示板"]::before {
    content: "└";
    margin-right: 2px;
    text-decoration: none;
    color: #94a3ae;
    text-decoration-line: none;
    display: inline-block;
}
/* /掲示板メニュー 雑談といじめ掲示板を差別化  */
/* 全国共通カテにアイコン追加 ※甲子園pickupには全国アイコン非表示*/
body#menu-body div#ctgmenu ul:not(#pickup_match_list) li a::after {
    background-color: #ffffff;
    border: 1px solid #93bb77;
    color: #4a7a2a;
    border-radius: 2px;
    float: right;
    font-size: 11px;
    height: 14px;
    line-height: 15px;
    margin: auto 2px;
    padding: 0px 1px;
    transition: all 0.1s ease-in-out 0s;
}

body#menu-body div#ctgmenu ul:not(#pickup_match_list) li a:hover::after {
    background-color: #4a7a2a;
    color: #ffffff;
    transition: all 0.1s ease-in-out 0s;
}
/* 最新書き込み、海外エリアの掲示板について 全国アイコン非表示。 */
body#menu-body div#ctgmenu div.border_new ul li a[title$="最新書込み一覧"]::after,
body#menu-body div#ctgmenu div.border_guide ul li a::after {
    content: "";
    display: none;
}

/* 全国アイコン非表示  ※全国アイコンを付けたくない物を:not([title$="〇〇掲示板"])と追加 */
body#menu-body div#ctgmenu ul li a:not([title$=" 掲示板"]):not([title$="　掲示板"]):not([title$="特集カテ掲示板"]):not([title$="天気・災害掲示板"]):not([title$="災害掲示板"]):not([title$="生命保険・損害保険掲示板"]):not([title$="自衛隊・軍事掲示板"]):not([title$="高校野球掲示板"]):not([title$="野球総合掲示板"]):not([title$="サッカー総合掲示板"]):not([title$="スポーツ・施設掲示板"]):not([title$="雑談掲示板"]):not([title$="首都圏雑談掲示板"]):not([title$="雑談総合掲示板"]):not([title$="区雑談掲示板"]):not([title$="島雑談掲示板"]):not([title$="地方雑談掲示板"]):not([title$="市雑談掲示板"]):not([title$="町雑談掲示板"]):not([title$="村雑談掲示板"]):not([title$="郡雑談掲示板"]):not([title$="いじめ総合掲示板"]):not([title$="同窓会掲示板"]):not([title$="お水掲示板"]):not([title$="コンカフェ・ガルバ掲示板"]):not([title$="外国人パブ・クラブ掲示板"]):not([title$="外国人パブ・クラブ 掲示板"]):not([title$="ゲイバー掲示板"]):not([title$="ホスト掲示板"]):not([title$="新地総合掲示板"]):not([title$="新地個人掲示板"]):not([title$="社交街掲示板"]):not([title$="風俗・出張ホスト掲示板"]):not([title$="ｳﾘ専･出張ﾎｽﾄ･ﾏｯｻｰｼﾞ掲示板"]):not([title$="ｳﾘ専･出張ﾎｽﾄ･ﾏｯｻｰｼﾞ総合掲示板"]):not([title$="出会い系総合掲示板"]):not([title$="パパ活・出会い系総合掲示板"]):not([title$="ハッテン場掲示板"]):not([title$="レズビアン掲示板"]):not([title$="ゲイ総合掲示板"]):not([title$="女装子・ﾆｭｰﾊｰﾌ総合掲示板"]):not([title$="LGBT総合掲示板"]):not([title$="グルメ・飲食総合掲示板"]):not([title$="ラーメン掲示板"]):not([title$="一般求人掲示板"]):not([title$="風俗求人掲示板"]):not([title$="お水・ホスト求人掲示板"]):not([title$="会社・就活掲示板"]):not([title$="サークル掲示板"]):not([title$="釣り･漁･漁協雑談掲示板"]):not([title$="釣り･漁･漁協画像掲示板"]):not([title$="釣り･漁･漁協掲示板"]):not([title$="クラブ・ディスコ・フェス掲示板"]):not([title$="お祭り・イベント掲示板"]):not([title$="遊園地・レジャー施設掲示板"]):not([title$="遊園地・ﾚｼﾞｬｰ施設掲示板"]):not([title$="不良・族掲示板"]):not([title$="不良･刑務所掲示板"]):not([title$="ﾍｱｰｻﾛﾝ・ｴｽﾃ掲示板"]):not([title$="ﾍｱｰｻﾛﾝ･ｴｽﾃ掲示板"]):not([title$="ママ・育児掲示板"]):not([title$="ママ･育児掲示板"]):not([title$="不倫・略奪愛掲示板"]):not([title$="TV実況中継掲示板"]):not([title$="テレビ・ラジオ番組掲示板"]):not([title$="ﾊﾟﾁﾝｺ・ｽﾛｯﾄ店掲示板"]):not([title$="ﾊﾟﾁﾝｺ・ｽﾛｯﾄ総合掲示板"]):not([title$="パチンコイベント総合掲示板"]):not([title$="コロナ・感染症掲示板"]):not([title$="病院・医師掲示板"]):not([title$="福祉・介護掲示板"]):not([title$="運輸・交通掲示板"]):not([title$="土木・建設掲示板"]):not([title$="沖縄情報掲示板"]):not([title$="岐阜ボーイ掲示板"]):not([title$="岐阜情報掲示板"]):not([title$="中国雑談掲示板"]):not([title$="上海雑談掲示板"]):not([title$="北京雑談掲示板"]):not([title$="大連雑談掲示板"]):not([title$="香港雑談掲示板"]):not([title$="台湾雑談掲示板"]):not([title$="韓国雑談掲示板"]):not([title$="バンコク雑談掲示板"]):not([title$="タイ雑談掲示板"]):not([title$="パタヤ雑談掲示板"]):not([title$="チェンマイ雑談掲示板"]):not([title$="タイビザ情報掲示板"]):not([title$="インドネシア雑談掲示板"]):not([title$="バリ雑談掲示板"]):not([title$="マニラ雑談掲示板"]):not([title$="ベトナム雑談掲示板"]):not([title$="アメリカ雑談掲示板"]):not([title$="(雑談) 掲示板"]):not([title$="(雑談) 総合掲示板"]):not([title$="アメリカ料理・レシピ掲示板"]):not([title$="アメリカお悩み相談・愚痴掲示板"]):not([title$="ロシア雑談掲示板"]):not([title$="ウクライナ雑談掲示板"]):not([title$="インドネシアビジネス掲示板"]):not([title$="医療掲示板"]):not([title$="マーケット掲示板"]):not([title$="グルメ・飲食掲示板"]):not([title$="美しい風景掲示板"]):not([title$="中国画像掲示板"]):not([title$="台湾画像掲示板"]):not([title$="タイ画像掲示板"]):not([title$="海外画像総合掲示板"]):not([title$="ナイトライフ掲示板"]):not([title$="ナイトライフ総合掲示板"]):not([title$="お店掲示板"]):not([title$="・個人掲示板"]):not([title$="･個人掲示板"]):not([title$="・総合掲示板"]):not([title$="･総合掲示板"])::after {
    content: "全国";
}

/* 全国アイコン表示  ※:notで除外されているが、全国アイコンを付けたいカテ */
body#menu-body div#ctgmenu ul li a[title$="全国掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="なれあい雑談掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国雑談総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国パパ活・出会い系総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国LGBT総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国メンエス・リフレ・癒し・総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国高校野球総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国プロ野球総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国野球総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国サッカー総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="全国グルメ・飲食総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="ニュース雑談総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="チョットHな雑談掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="ネタ雑談掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="Hなサークル掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="鉄道・電車 掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="AKB48・個人掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="AKB48・総合掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="SKE48・個人掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="HKT48・個人掲示板"]::after,
body#menu-body div#ctgmenu ul li a[title$="坂道ｼﾘｰｽﾞ・個人掲示板"]::after {
    content: "全国" !important;
}
a.ctg_menu_list_link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}
a.ctg_menu_list_link:hover .ctg_menu_list_title {
    text-decoration: underline;
}
p.ctg_menu_list_container {
    display: inline-flex;
    align-items: center;
    margin: 0px !important;
    font-feature-settings: "palt" on;
}
p.ctg_menu_list_container .ctg_menu_list_title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow-wrap: normal;
    max-width: 168px;
    word-break: normal;
}

/* /全国共通カテにアイコン追加 */
/* PC左メニュー 掲示板導線にNEW表示 */
body#menu-body div#ctgmenu ul li a[title$="グラビアニュース掲示板"] .new_bulletin_board_title::after {
    content: "NEW";
    background-color: #ffcb00;
    border-radius: 2px;
    color: #000;
    font-family: monospace;
    font-size: 12px;
    position: relative;
    top: -2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    letter-spacing: normal;
    line-height: 16px;
    margin: 2px 0px 2px 5%;
    padding: 0 5px;
    vertical-align: middle;
    width: 18px;
    height: 14px;
}
/* PC左メニュー 掲示板導線にNEW表示 */

span.zatsudan_subtitle {
    line-height: 24px;
    display: flex;
    align-items: center;
    padding: 3px 0px 0px;
    font-size: 14px;
}

span.zatsudan_subtitle img {
	margin: 2px 4px;
    object-fit: contain;
    height: 20px;
    width: 20px;
}


/*loading*/
.access_loading {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 11;
    min-width: 600px;
    min-height: 600px;
}
.access_loading_wrap {
    width: 600px;
    height: 400px;
    inset: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.loading_text {
    font-size: 1.4rem;
    color: var(--bakusai_blue);
    text-align: center;
    position: absolute;
    margin: auto auto 10vh;
    height: 2rem;
    display: block;
    inset: 0;
}
#load_img img {
    position: absolute;
    inset: 50%;
    transform: translate(-50%,-50%);
}
img#load_chara {
    position: absolute;
    width: 200px;
    height: 200px;
    z-index: 2;
}
img#load_ring {
    position: absolute;
    width: 400px;
    height: 400px;
	z-index: 1;
}


.loader,
.loader:after {
    border-radius: 50%;
    width: 60vw;
    height: 60vw;
    max-width: 400px;
    max-height: 400px;
}
.loader {
    font-size: 10px;
    text-indent: -9999em;
    border-top: 1rem solid rgba(13,80,126, 0.2);
    border-right: 1rem solid rgba(13,80,126, 0.2);
    border-bottom: 1rem solid rgba(13,80,126, 0.2);
    border-left: 1rem solid var(--bakusai_blue);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    text-align: center;
    position: absolute;
    margin: auto;
    inset: 0;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading {
	perspective: 1000px;
  }
  .loading span {
	display: inline-block;
	margin: 0 -.05em;
	transform-origin: 50% 50% -5px;
	transform-style: preserve-3d;
	animation: loading 1.6s infinite;
  }
  .loading span:nth-child(2) {	animation-delay: .1s;  }
  .loading span:nth-child(3) {	animation-delay: .2s;  }
  .loading span:nth-child(4) {	animation-delay: .3s;  }
  .loading span:nth-child(5) {	animation-delay: .4s;  }
  .loading span:nth-child(6) {	animation-delay: .5s;  }
  .loading span:nth-child(7) {	animation-delay: .6s;  }
  @keyframes loading {
	0%  {	  transform: rotateX(-360deg);	}
	70% {	  transform: rotateX(0);    }
  }

/* 天気予報 */
.forecast_map_wrap {
	width: 425px;
	height: 160px;
	display: flex;
	position: relative;
	top: 3px;
	left: 5px;
}
.forecast.areaCode img {
	width: 425px;
}
.forecast_update {
	font-size: 11px;
	position: relative;
	top: -5px;
	text-align: right;
	height: 5px;
	margin-bottom: 20px;
}
/* 共通 */
.forecast_icon img {
	width: 45px;
	position: absolute;
	top: -1px;
	right: 25px;
	z-index: 1;
}
.forecast_left,
.forecast_right {
	width: 90px;
	height: 30px;
}
.forecast_left {
	position: absolute;
	left: 13px;
}
.forecast_right {
	position: absolute;
	left: 63px;
}
.forecast_datetime {
	transform: scale(0.7);
	writing-mode: vertical-rl;
	position: absolute;
	top: -3px;
	height: 30px;
	z-index: 2;
}
.forecast_temp {
	position: absolute;
	top: 22px;
	left: 16px;
	font-weight: bold;
	display: flex;
}
span.max-temp {
  color: #fd3102;
}
span.min-temp {
  color: #0a38e4;
}
span.temperature{
    display: inline-block;
    transform: scale(0.75);
    position: relative;
    bottom: -1px;
}
.forecast_area_left_2m,
.forecast_area_left_3m,
.forecast_area_left_4m {
	writing-mode: vertical-rl;
  position: absolute;
}
.forecast_area_left_2m {
	top: 9px;
}
.forecast_area_left_3m {
	top: 4px;
}
.forecast_area_left_4m {
	top: -1px;
}
.forecast_area_right_2m,
.forecast_area_right_3m,
.forecast_area_right_4m {
  writing-mode: vertical-rl;
  position:  absolute;
  left: 118px;
}
.forecast_area_right_2m {
	top: 9px;
}
.forecast_area_right_3m {
	top: 4px;
}
.forecast_area_right_4m {
	top: -1px;
}
/* 海外版 */
.forecast_icon2 img {
  width: 27px;
  height: 25px;
  position: absolute;
  top: 9px;
  left: 30px;
  z-index: 1;
}
.forecast_left_w,
.forecast_right_ws {
	width: 90px;
}
.forecast_left_w {
  position: absolute;
}
.forecast_right_w {
  position: absolute;
	left: 57px;
}
.forecast_overseas {
  width: 134px;
  text-align: center;
  position: absolute;
  bottom: 5px;
	font-size: 11px;
  z-index: 5;
}
.forecast_datetime_w {
  transform: scale(0.7);
	writing-mode: vertical-rl;
	position: absolute;
	top: 5px;
	height: 30px;
	z-index: 2;
}

/* 天気予報20%拡大版 */
.forecast_icon_b img {
	width: 52px;
  position: absolute;
	left: 18px;
}
.forecast_left_b {
	position: absolute;
	left: 10px;
}
.forecast_right_b {
	position: absolute;
	left: 72px;
}
.forecast_datetime_b {
	writing-mode: vertical-rl;
	position: absolute;
	top: 9px;
	height: 30px;
	font-size: 10px;
	z-index: 2;
}
.forecast_temp_b {
	position: absolute;
  font-size: 16px;
  top: 35px;
  left: 9px;
  font-weight: bold;
	letter-spacing: -0.05em;
	display: flex;
}
.forecast_area_left_2m_b,
.forecast_area_left_3m_b,
.forecast_area_left_4m_b,
.forecast_area_right_2m_b,
.forecast_area_right_3m_b,
.forecast_area_right_4m_b {
  font-size: 15px;
	position: absolute;
}
.forecast_area_right_2m_b,
.forecast_area_right_3m_b,
.forecast_area_right_4m_b {
	left: 141px;
}
.forecast_area_left_2m_b,
.forecast_area_right_2m_b {
	top: 8px;
}

/* firefox */
@-moz-document url-prefix(){
	.forecast_overseas {
	  bottom: 3px;
	}
}

/* IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.forecast_area_left_2m {
		top: 0px;
		left: 11px;
	}
	.forecast_area_right_2m {
		top: 0px;
		left: 130px;
	}
	.forecast_datetime {
		-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
		position: absolute;
		top: -15px;
		left: 10px;
	}
	.forecast_left,
	.forecast_right {
		height: 45px;
	}
	.forecast_icon img {
		top: 1px;
	}
	.forecast_icon_b img {
		height: 52px;
	}
	.forecast_area_left_3m {
		top: -7px;
		left: 10px;
	}
	.forecast_area_right_3m {
		top: -7px;
		left: 130px;
	}
	.forecast_area_left_4m {
		top: -12px;
		left: 10px;
	}
	.forecast_area_right_4m {
		top: -12px;
		left: 130px;
	}
	.forecast_datetime_b {
		top: 3px;
		left: 10px;
	}
/* IE海外版 */
	.forecast_icon2 img {
		height: 30px;
	}
	.forecast_datetime_w {
	  transform: scale(0.7);
		writing-mode: vertical-rl;
		position: absolute;
		top: -5px;
		left: 15px;
		height: 30px;
		z-index: 2;
		width: 10px;
	}
}


/* 北海道 */
.forecast_map1_1 {
	top: 5px;
  right: 408px;
}
.forecast_map1_2 {
	top: 56px;
  right: 420px;
}
.forecast_map1_3 {
	top: 108px;
  right: 429px;
}
.forecast_map1_4 {
	top: 4px;
  right: 272px;
}
.forecast_map1_5 {
	top: 8px;
  right: 147px;
}
.forecast_map1_6 {
	top: 59px;
  right: 156px;
}
.forecast_map1_7 {
	top: 111px;
  right: 235px;
}
.forecast_map1_1,
.forecast_map1_2,
.forecast_map1_3,
.forecast_map1_4,
.forecast_map1_5,
.forecast_map1_6,
.forecast_map1_7 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 東北 */
.forecast_map2_1 {
	top: 57px;
  right: 394px;
}
.forecast_map2_2 {
	top: 4px;
  right: 173px;
}
.forecast_map2_3 {
	top: 109px;
  right: 191px;
}
.forecast_map2_4 {
	top: 4px;
  right: 386px;
}
.forecast_map2_5 {
	top: 57px;
  right: 181px;
}
.forecast_map2_6 {
	top: 109px;
  right: 403px;
}
.forecast_map2_1,
.forecast_map2_2,
.forecast_map2_3,
.forecast_map2_4,
.forecast_map2_5,
.forecast_map2_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 甲信越 */
.forecast_map4_1 {
	top: 58px;
  right: 392px;
}
.forecast_map4_2 {
	top: 4px;
  right: 180px;
}
.forecast_map4_3 {
	top: 57px;
  right: 194px;
}
.forecast_map4_4 {
	top: 4px;
  right: 376px;
}
.forecast_map4_5 {
	top: 109px;
  right: 400px;
}
.forecast_map4_6 {
	top: 110px;
  right: 185px;
}
.forecast_map4_1,
.forecast_map4_2,
.forecast_map4_3,
.forecast_map4_4,
.forecast_map4_5,
.forecast_map4_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 東海 */
.forecast_map5_1 {
	top: 4px;
  right: 395px;
}
.forecast_map5_2 {
	top: 56px;
  right: 404px;
}
.forecast_map5_3 {
	top: 57px;
  right: 165px;
}
.forecast_map5_4 {
	top: 109px;
  right: 411px;
}
.forecast_map5_5 {
	top: 4px;
  right: 189px;
}
.forecast_map5_6 {
	top: 109px;
  right: 203px;
}
.forecast_map5_1,
.forecast_map5_2,
.forecast_map5_3,
.forecast_map5_4,
.forecast_map5_5,
.forecast_map5_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 北陸 */
.forecast_map6_1 {
	top: 5px;
  right: 375px;
}
.forecast_map6_2 {
	top: 58px;
  right: 390px;
}
.forecast_map6_3 {
	top: 109px;
  right: 406px;
}
.forecast_map6_4 {
	top: 5px;
  right: 174px;
}
.forecast_map6_5 {
	top: 58px;
  right: 166px;
}
.forecast_map6_6 {
	top: 109px;
  right: 200px;
}
.forecast_map6_1,
.forecast_map6_2,
.forecast_map6_3,
.forecast_map6_4,
.forecast_map6_5,
.forecast_map6_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 山陽 */
.forecast_map8_1 {
	top: 5px;
  right: 375px;
}
.forecast_map8_2 {
	top: 57px;
  right: 419px;
}
.forecast_map8_3 {
	top: 109px;
  right: 419px;
}
.forecast_map8_4 {
	top: 5px;
  right: 155px;
}
.forecast_map8_5 {
	top: 57px;
  right: 155px;
}
.forecast_map8_6 {
	top: 109px;
  right: 234px;
}
.forecast_map8_1,
.forecast_map8_2,
.forecast_map8_3,
.forecast_map8_4,
.forecast_map8_5,
.forecast_map8_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 四国 */
.forecast_map9_1 {
	top: 5px;
  right: 380px;
}
.forecast_map9_2 {
	top: 57px;
  right: 414px;
}
.forecast_map9_3 {
	top: 109px;
  right: 397px;
}
.forecast_map9_4 {
	top: 5px;
  right: 163px;
}
.forecast_map9_5 {
	top: 58px;
  right: 162px;
}
.forecast_map9_6 {
	top: 109px;
  right: 202px;
}
.forecast_map9_1,
.forecast_map9_2,
.forecast_map9_3,
.forecast_map9_4,
.forecast_map9_5,
.forecast_map9_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 九州 */
.forecast_map10_1 {
	top: 4px;
  right: 381px;
}
.forecast_map10_2 {
	top: 109px;
  right: 402px;
}
.forecast_map10_3 {
	top: 58px;
  right: 410px;
}
.forecast_map10_4 {
	top: 4px;
  right: 195px;
}
.forecast_map10_5 {
	top: 57px;
  right: 167px;
}
.forecast_map10_6 {
	top: 109px;
  right: 167px;
}
.forecast_map10_1,
.forecast_map10_2,
.forecast_map10_3,
.forecast_map10_4,
.forecast_map10_5,
.forecast_map10_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 沖縄 */
.forecast_map11_1 {
	top: 6px;
  right: 407px;
}
.forecast_map11_2 {
	top: 57px;
  right: 424px;
}
.forecast_map11_3 {
	top: 109px;
  right: 428px;
}
.forecast_map11_4 {
	top: 5px;
  right: 278px;
}
.forecast_map11_5 {
	top: 5px;
  right: 163px;
}
.forecast_map11_6 {
	top: 57px;
  right: 153px;
}
.forecast_map11_7 {
	top: 109px;
  right: 146px;
}
.forecast_map11_1,
.forecast_map11_2,
.forecast_map11_3,
.forecast_map11_4,
.forecast_map11_5,
.forecast_map11_6,
.forecast_map11_7 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 山陰 */
.forecast_map12_1 {
	top: 8px;
  right: 394px;
}
.forecast_map12_2 {
	top: 67px;
  right: 411px;
}
.forecast_map12_3 {
	top: 108px;
  right: 292px;
}
.forecast_map12_4 {
	top: 7px;
  right: 169px;
}
.forecast_map12_5 {
	top: 67px;
  right: 161px;
}
.forecast_map12_1,
.forecast_map12_2,
.forecast_map12_3,
.forecast_map12_4,
.forecast_map12_5 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 中国 */
.forecast_map13-1_1 {
	top: 11px;
  right: 412px;
}
.forecast_map13-1_2 {
	top: 111px;
  right: 398px;
}
.forecast_map13-1_3 {
	top: 7px;
  right: 148px;
}
.forecast_map13-1_4 {
	top: 60px;
  right: 161px;
}
.forecast_map13-1_5 {
	top: 112px;
  right: 175px;
}
.forecast_map13-1_1,
.forecast_map13-1_2,
.forecast_map13-1_3,
.forecast_map13-1_4,
.forecast_map13-1_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* タイ */
.forecast_map13-2_1 {
	top: 21px;
  right: 401px;
}
.forecast_map13-2_2 {
	top: 99px;
	right: 392px;
}
.forecast_map13-2_3 {
	top: 8px;
    right: 156px;
}
.forecast_map13-2_4 {
	top: 60px;
  right: 158px;
}
.forecast_map13-2_5 {
	top: 112px;
    right: 183px;
}
.forecast_map13-2_1,
.forecast_map13-2_2,
.forecast_map13-2_3,
.forecast_map13-2_4,
.forecast_map13-2_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* 韓国 */
.forecast_map13-3_1 {
	top: 23px;
  right: 397px;
}
.forecast_map13-3_2 {
	top: 99px;
  right: 408px;
}
.forecast_map13-3_3 {
	top: 7px;
  right: 171px;
}
.forecast_map13-3_4 {
	top: 60px;
  right: 153px;
}
.forecast_map13-3_5 {
	top: 112px;
  right: 163px;
}
.forecast_map13-3_1,
.forecast_map13-3_2,
.forecast_map13-3_3,
.forecast_map13-3_4,
.forecast_map13-3_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* フィリピン */
.forecast_map13-4_1 {
	top: 23px;
  right: 398px;
}
.forecast_map13-4_2 {
	top: 99px;
  right: 408px;
}
.forecast_map13-4_3 {
	top: 7px;
  right: 185px;
}
.forecast_map13-4_4 {
	top: 60px;
  right: 170px;
}
.forecast_map13-4_5 {
	top: 112px;
  right: 154px;
}
.forecast_map13-4_1,
.forecast_map13-4_2,
.forecast_map13-4_3,
.forecast_map13-4_4,
.forecast_map13-4_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* ベトナム */
.forecast_map13-5_1 {
	top: 24px;
  right: 403px;
}
.forecast_map13-5_2 {
	top: 93px;
  right: 387px;
}
.forecast_map13-5_3 {
	top: 7px;
  right: 185px;
}
.forecast_map13-5_4 {
	top: 60px;
  right: 170px;
}
.forecast_map13-5_5 {
	top: 112px;
  right: 154px;
}
.forecast_map13-5_1,
.forecast_map13-5_2,
.forecast_map13-5_3,
.forecast_map13-5_4,
.forecast_map13-5_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* アメリカ */
.forecast_map13-6_1 {
	top: 7px;
  right: 418px;
}
.forecast_map13-6_2 {
	top: 60px;
  right: 409px;
}
.forecast_map13-6_3 {
	top: 111px;
  right: 395px;
}
.forecast_map13-6_4 {
	top: 18px;
  right: 141px;
}
.forecast_map13-6_5 {
	top: 97px;
  right: 158px;
}
.forecast_map13-6_1,
.forecast_map13-6_2,
.forecast_map13-6_3,
.forecast_map13-6_4,
.forecast_map13-6_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* インドネシア */
.forecast_map13-7_1 {
	top: 18px;
  right: 429px;
}
.forecast_map13-7_2 {
	top: 99px;
  right: 413px;
}
.forecast_map13-7_3 {
	top: 7px;
  right: 213px;
}
.forecast_map13-7_4 {
	top: 59px;
  right: 129px;
}
.forecast_map13-7_5 {
	top: 112px;
  right: 187px;
}
.forecast_map13-7_1,
.forecast_map13-7_2,
.forecast_map13-7_3,
.forecast_map13-7_4,
.forecast_map13-7_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* ロシア */
.forecast_map13-8_1 {
	top: 12px;
  right: 413px;
}
.forecast_map13-8_2 {
	top: 91px;
  right: 418px;
}
.forecast_map13-8_3 {
	top: 108px;
  right: 288px;
}
.forecast_map13-8_4 {
	top: 15px;
  right: 153px;
}
.forecast_map13-8_5 {
	top: 89px;
  right: 157px;
}
.forecast_map13-8_1,
.forecast_map13-8_2,
.forecast_map13-8_3,
.forecast_map13-8_4,
.forecast_map13-8_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* ウクライナ */
.forecast_map13-9_1 {
	top: 17px;
  right: 410px;
}
.forecast_map13-9_2 {
	top: 98px;
  right: 384px;
}
.forecast_map13-9_3 {
	top: 8px;
  right: 195px;
}
.forecast_map13-9_4 {
	top: 59px;
  right: 156px;
}
.forecast_map13-9_5 {
	top: 111px;
  right: 184px;
}
.forecast_map13-9_1,
.forecast_map13-9_2,
.forecast_map13-9_3,
.forecast_map13-9_4,
.forecast_map13-9_5 {
	text-align: center;
  position: relative;
	height: 25px;
}
/* 北東北 */
.forecast_map14_1 {
	top: 4px;
  right: 396px;
}
.forecast_map14_2 {
	top: 109px;
  right: 395px;
}
.forecast_map14_3 {
	top: 57px;
  right: 177px;
}
.forecast_map14_4 {
	top: 4px;
  right: 184px;
}
.forecast_map14_5 {
	top: 57px;
  right: 400px;
}
.forecast_map14_6 {
	top: 109px;
  right: 171px;
}
.forecast_map14_1,
.forecast_map14_2,
.forecast_map14_3,
.forecast_map14_4,
.forecast_map14_5,
.forecast_map14_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 北関東 */
.forecast_map15_1 {
	top: 5px;
  right: 172px;
}
.forecast_map15_2 {
	top: 110px;
  right: 172px;
}
.forecast_map15_3 {
	top: 58px;
  right: 412px;
}
.forecast_map15_4 {
	top: 4px;
  right: 399px;
}
.forecast_map15_5 {
	top: 57px;
  right: 162px;
}
.forecast_map15_6 {
	top: 109px;
  right: 400px;
}
.forecast_map15_1,
.forecast_map15_2,
.forecast_map15_3,
.forecast_map15_4,
.forecast_map15_5,
.forecast_map15_6 {
	text-align: center;
  position: relative;
	display: flex;
}
/* 南部九州 */
.forecast_map16_1 {
	top: 5px;
  right: 171px;
}
.forecast_map16_2 {
	top: 110px;
  right: 189px;
}
.forecast_map16_3 {
	top: 57px;
  right: 403px;
}
.forecast_map16_4 {
	top: 4px;
  right: 389px;
}
.forecast_map16_5 {
	top: 58px;
  right: 180px;
}
.forecast_map16_6 {
	top: 108px;
  right: 395px;
}
.forecast_map16_1,
.forecast_map16_2,
.forecast_map16_3,
.forecast_map16_4,
.forecast_map16_5,
.forecast_map16_6 {
	text-align: center;
  position: relative;
	display: flex;
}

/* index banner */
.index_banner {
    position: absolute;
    top: 60px;
    left: 38px;
    z-index: 2;
}

.index_banner img {
    width: 540px;
}

/* world map */
img#world_map,
img.map_hover {
    z-index: 1;
    width: 1000px;
    height: 500px;
    object-fit: contain;
    inset: 0;
}

img.map_hover {
    display: none;
    position: absolute;
}
img#world_map {
    position:relative;
}

.UKR a:hover~img#map_ukr,
.RUS a:hover~img#map_rus,
.CHN a:hover~img#map_chn,
.TWN a:hover~img#map_twn,
.KOR a:hover~img#map_kor,
.VNM a:hover~img#map_vnm,
.THA a:hover~img#map_tha,
.PHL a:hover~img#map_phl,
.IDN a:hover~img#map_idn,
.USA a:hover~img#map_usa,
.JPN a:hover~img#map_jpn {
    display: block !important;
}
img#map_ukr,
img#map_rus,
img#map_chn,
img#map_twn,
img#map_kor,
img#map_vnm,
img#map_tha,
img#map_phl,
img#map_idn,
img#map_usa,
img#map_jpn {
    pointer-events: none;
}
p.img_cap {
    color: #5e5e5e;
    font-size: 10px;
    margin: 0 2px;
}

/* 海外エリア選択時に吹き出し */
div.area_speech_bubble {
    margin: 0px !important;
    padding: 6px 8px !important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    width: fit-content !important;
    border-radius: 3px;
}
div#ukr_speech_bubble,
div#rus_speech_bubble,
div#chn_speech_bubble,
div#twn_speech_bubble,
div#kor_speech_bubble,
div#vnm_speech_bubble,
div#tha_speech_bubble,
div#phl_speech_bubble,
div#idn_speech_bubble,
div#usa_speech_bubble,
div#jpn_speech_bubble {
    display: none;
}
.UKR a:hover~div#ukr_speech_bubble,
.RUS a:hover~div#rus_speech_bubble,
.CHN a:hover~div#chn_speech_bubble,
.TWN a:hover~div#twn_speech_bubble,
.KOR a:hover~div#kor_speech_bubble,
.VNM a:hover~div#vnm_speech_bubble,
.THA a:hover~div#tha_speech_bubble,
.PHL a:hover~div#phl_speech_bubble,
.IDN a:hover~div#idn_speech_bubble,
.USA a:hover~div#usa_speech_bubble,
.JPN a:hover~div#jpn_speech_bubble {
    display: block !important;
}
div.area_speech_bubble::before {
    content: "";
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,div.area_speech_bubble::before {
    top: 42px;
}
/* /safari */
div.area_speech_bubble p{
    margin: 0px auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
}
div.area_speech_bubble p::before {
    content: "";
    display: inline-block;
    background-size: 14px auto !important;
    margin-right: 4px;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    background-color: #FFF !important;
}
:root {
    --ukr_speech-color_01: #0097e6;
    --ukr_speech-color_02: #fbc531;
    --rus_speech-color:#40739e;
    --chn_speech-color:#ff3838;
    --twn_speech-color:#ff6491;
    --kor_speech-color:#dd2644;
    --vnm_speech-color:#ffd32a;
    --tha_speech-color:#303952;
    --phl_speech-color:#0038A8;
    --idn_speech-color:#e84118;
    --usa_speech-color:#c0392b;
    --jpn_speech-color:#ea2027;
    --pnPhoto_medium_block_widht: 136px;
    --pnPhoto_large_block_widht: 319px;
}

/* ウクライナの吹き出し */
#ukr_speech_bubble {
    background-color: var(--ukr_speech-color_01);
    color: #FFF;
    position: absolute;
    top: 113px;
    left: 134px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#ukr_speech_bubble {
    top: 108px;
    left: 129px;
}
/* /safari */
#ukr_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--ukr_speech-color_01);
}
#ukr_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Ukraine.svg") no-repeat scroll center center transparent;
}

/* ロシアの吹き出し  */
#rus_speech_bubble {
    background-color:var(--rus_speech-color);
    color: #FFF;
    position: absolute;
    top: 27px;
    left: 436px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#rus_speech_bubble {
    top: 22px;
    left: 436px;
}

/* /safari */
#rus_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--rus_speech-color);
}
#rus_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Russia.svg") no-repeat scroll center center transparent;
}

/* 中国の吹き出し  */
#chn_speech_bubble {
    background-color: var(--chn_speech-color);
    color: #FFF;
    position: absolute;
    top: 137px;
    left: 364px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#chn_speech_bubble {
    top: 134px;
}
/* /safari */
#chn_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--chn_speech-color);
}
#chn_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_China.gif") no-repeat scroll center center transparent;
}
/* 台湾の吹き出し  */
#twn_speech_bubble {
    background-color: var(--twn_speech-color);
    color: #FFF;
    position: absolute;
    top: 184px;
    left: 400px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#twn_speech_bubble {
    top: 180px;
    left: 402px;
}
#twn_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--twn_speech-color);
}
#twn_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Taiwan.gif") no-repeat scroll center center transparent;
}

/* 韓国の吹き出し  */
#kor_speech_bubble {
    background-color: var(--kor_speech-color);
    color: #FFF;
    position: absolute;
    top: 150px;
    left: 403px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#kor_speech_bubble {
    top: 146px;
}
/* /safari */
#kor_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--kor_speech-color);
}
#kor_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_South_Korea.gif") no-repeat scroll center center transparent;
}

/* ベトナムの吹き出し  */
#vnm_speech_bubble {
    background-color: var(--vnm_speech-color);
    color: #000;
    position: absolute;
    top: 204px;
    left: 344px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#vnm_speech_bubble {
    top: 200px;
}
/* /safari */
#vnm_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--vnm_speech-color);
}
#vnm_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Vietnam.gif") no-repeat scroll center center transparent;
}

/* タイの吹き出し  */
#tha_speech_bubble {
    background-color: var(--tha_speech-color);
    color: #FFF;
    position: absolute;
    top: 221px;
    left: 335px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#tha_speech_bubble {
    top: 217px;
    left: 333px;
}
/* /safari */
#tha_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--tha_speech-color);
}
#tha_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Thailand.gif") no-repeat scroll center center transparent;
}

/* フィリピンの吹き出し  */
#phl_speech_bubble {
    background-color: var(--phl_speech-color);
    color: #FFF;
    position: absolute;
    top: 221px;
    left: 392px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#phl_speech_bubble {
    top: 216px;
    left: 386px;
}
/* /safari */
#phl_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--phl_speech-color);
}
#phl_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Philippines.gif") no-repeat scroll center center transparent;
}

/* インドネシアの吹き出し  */
#idn_speech_bubble {
    background-color: var(--idn_speech-color);
    color: #FFF;
    position: absolute;
    top: 258px;
    left: 340px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#idn_speech_bubble {
    top: 253px;
    left: 337px;
}
/* /safari */
#idn_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--idn_speech-color);
}
#idn_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Indonesia.gif") no-repeat scroll center center transparent;
}

/* アメリカの吹き出し  */
#usa_speech_bubble {
    background-color: var(--usa_speech-color);
    color: #FFF;
    position: absolute;
    top: 166px;
    left: 615px;
}
#usa_speech_bubble::before {
    border: 8px solid transparent;
    border-left: 25px solid var(--usa_speech-color);
    top: 14px !important;
    left: 99px !important;
}
#usa_speech_bubble::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    border: 10px solid transparent;
    border-bottom: 25px solid var(--usa_speech-color);
    left: 50%;
    bottom: 10px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#usa_speech_bubble {
    top: 166px;
    left: 612px;
}
_:lang(x)+_:-webkit-full-screen-document,#usa_speech_bubble::before {
    top: 18px !important;
    left: 103px !important;
}
_:lang(x)+_:-webkit-full-screen-document,#usa_speech_bubble::after {
    left: 50%;
    bottom: 14px;
}
/* /safari */

#usa_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_USA.gif") no-repeat scroll center center transparent;
}

/* 日本の吹き出し  */
#jpn_speech_bubble {
    background-color: var(--jpn_speech-color);
    color: #FFF;
    position: absolute;
    top: 153px;
    left: 445px;
}
/* safari */
_:lang(x)+_:-webkit-full-screen-document,#jpn_speech_bubble {
    top: 150px;
}
/* /safari */
#jpn_speech_bubble::before {
    border: 10px solid transparent;
    border-top: 10px solid var(--jpn_speech-color);
}
#jpn_speech_bubble p::before {
    content: "";
    background: url("https://img2.bakusai.com/p/img/clock/flag_of_Japan.gif") no-repeat scroll center center transparent;
}

/* mac吹き出し変更 */
.mac {
    div.area_speech_bubble::before {
        top: 42px;
    }
    div.area_speech_bubble p::before {
        position: relative;
        bottom: 1px;
    }
    #ukr_speech_bubble {
        top: 110px;
        left: 132px;
    }
    #rus_speech_bubble {
        top: 22px;
        left: 436px;
    }
    #chn_speech_bubble {
        top: 134px;
    }
    #twn_speech_bubble {
        top: 180px;
        left: 402px;
    }
    #kor_speech_bubble {
        top: 148px;
    }
    #vnm_speech_bubble {
        top: 202px;
    }
    #tha_speech_bubble {
        top: 215px;
        left: 333px;
    }
    #phl_speech_bubble {
        top: 218px;
        left: 388px;
    }
    #idn_speech_bubble {
        top: 253px;
        left: 336px;
    }
    #usa_speech_bubble {
        top: 169px;
        left: 612px;
    }
    #usa_speech_bubble::before {
        top: 18px !important;
        left: 103px !important;
    }
    #usa_speech_bubble::after {
        left: 50%;
        bottom: 14px;
    }
    #jpn_speech_bubble {
        top: 150px;
        left: 446px;
    }
}

/* 海外の時間表示 */
#Overseas_time{
    position: absolute;
    right: 170px;
    font-size: 11px;
}

.Overseas_time_margin{
    margin-left: 2px;
}

/* TV実況中継 */
.channelNo {
  color: #000;
  font-size: 17px;
  font-weight: bold;
	margin: 0 -1px;
}

.channelTx {
  color: #000;
  font-size: 11px;
	margin-left: 1px;
}

.channelName {
  font-size: 12px;
  color: #333;
	margin-left: 1px;
}

.tvProgTitle {
  line-height: 12px;
  margin-top: 0px;
  width: 100%;
}

.thrTvspacer {
  line-height: 1px;
}

#newsContainer .body a .thrTitle.tvProgTitle.thrTvspacer {
  margin: 0 0 0 10px;
	padding-top: 8px;
}

#newsContainer .body a .channelfa {
  vertical-align: 3px;
}

.notSelect {
	display: none !important;
}

.tvLivetab,
.area-tab {
    border-top: solid 1px #cae3f7;
    padding: 0 9px;
    background: #cae3f7;
    color: #0d507e !important;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.tvtabStyle,
.area-tab-list-Style {
  padding: 0 9px;
  background: #F6F6F6;
  font-weight: bold;
  cursor: pointer;
  cursor: default;
  line-height: 24px;
  margin-top: 3px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.tvLivetab:last-child,
.area-tab:last-child {
	padding: 0 11px;
	height: 26px;
}

.tvtabStyle:last-child,
.area-tab-list-Style:last-child {
    border-bottom: solid 3px #F6F6F6;
    padding: 0 11px;
    background: #F6F6F6;
    height: 28px;
    line-height: 24px;
    border-right: 2px solid #cae3f7;
}
.area-tab-list-Style:last-child {
    height: 29px;
}

.tvLivetab_r-corners_left,
.tvLivetab_r-corners_right,
.area-tab_r-corners_left,
.area-tab_r-corners_right {
  display: none;
}

.tvLivetab.tabSelected .tvLivetab_r-corners_left,
.tvLivetab.tabSelected .tvLivetab_r-corners_right,
.area-tab.tabSelected .area-tab_r-corners_left,
.area-tab.tabSelected .area-tab_r-corners_right {
  display: block;
  background: #F6F6F6;
  width: 10px;
  height: 9px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.tvLivetab.tabSelected .tvLivetab_r-corners_left,
.area-tab.tabSelected .area-tab_r-corners_left {
  left: -10px;
}

.tvLivetab.tabSelected .tvLivetab_r-corners_right,
.area-tab.tabSelected .area-tab_r-corners_right {
  right: -10px;
}

.tvLivetab.tabSelected .tvLivetab_r-corners_left::before,
.tvLivetab.tabSelected .tvLivetab_r-corners_right::before,
.area-tab.tabSelected .area-tab_r-corners_left::before,
.area-tab.tabSelected .area-tab_r-corners_right::before {
  content: "";
  width: 10px;
  height: 9px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.tvLivetab.tabSelected .tvLivetab_r-corners_left::before,
.area-tab.tabSelected .area-tab_r-corners_left::before {
  border-bottom-right-radius: 8px;
}

.tvLivetab.tabSelected .tvLivetab_r-corners_right::before,
.area-tab.tabSelected .area-tab_r-corners_right::before {
  border-bottom-left-radius: 8px;
}

.tvLivetab.tabSelected .tvLivetab_r-corners_left::before,
.tvLivetab.tabSelected .tvLivetab_r-corners_right::before,
.area-tab.tabSelected .area-tab_r-corners_left::before,
.area-tab.tabSelected .area-tab_r-corners_right::before {
  background: #cae3f7;
}
.tabSelected {
    display: block;
}

.tvLivetab_line,
.area-tab-list_line {
  display: none;
  width: 1px;
  height: 18px;
  background-color: #fff;
  position: absolute;
  top: 8px;
}

.tvLivetab:last-child .tvLivetab_r-corners_right,
.area-tab:last-child .area-tab_r-corners_right {
  display: none;
}
/* 20250421_スポーツ実況中継追加に伴うピックアップニュースの改修 */
div.pickupContents_tab {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0px 5px 0px 0px;
    font-feature-settings: "palt" 1;
}
div.pickupContents_tab ul {
    width: calc(100% - 478px);
    flex-shrink: 0;
}
div.pnPhoto_large_block {
    display: inline-block;
    position: relative;
}
div.pickupContents_tab div.pnPhoto_medium_block {
    margin: 5px 0px 5px 3px;
    display: inline-flex;
    width: var(--pnPhoto_medium_block_widht);
    gap: 8px;
    flex-wrap: wrap;
    position: relative;
}
div.pickupContents_tab div.pnPhoto_medium_block div.pnPhoto {
    width: var(--pnPhoto_medium_block_widht);
    margin: 0px;
    max-height: 190px;
}
div.pnPhoto_medium_block div.pnPhoto div.pnPhotoInner {
    height: 120px;
}
div.pickupContents_tab div.pnPhoto_medium_block .pnPhoto .pnPhotoInner a p {
    width: var(--pnPhoto_medium_block_widht) !important;
    padding-right: 8px;
    box-sizing: border-box;
}
div.pickupContents_tab div.pnPhoto_medium_block .pnPhoto .pnPhotoImg{
    width: var(--pnPhoto_medium_block_widht);
    height: 130px;
}

div.pickupContents_tab div.pnPhoto_large_block {
    display: inline-flex;
    margin: 5px 0px;
    display: inline-flex;
    width: var(--pnPhoto_large_block_widht);
}
div.pickupContents_tab div.pnPhoto_large_block div.pnPhoto {
    width: var(--pnPhoto_large_block_widht);
    margin: 0px;
    max-height: 335px;
}
div.pickupContents_tab div.pnPhoto_large_block .pnPhoto .pnPhotoInner a p {
    width: var(--pnPhoto_large_block_widht) !important;
}
div.pickupContents_tab div.pnPhoto_large_block .pnPhoto .pnPhotoImg{
    width: var(--pnPhoto_large_block_widht);
    height: calc(var(--pnPhoto_large_block_widht) - 4px);
}
div.pickupContents_tab div.pnPhoto_medium_block .pnPhoto .pnPhotoInner a p,
div.pickupContents_tab div.pnPhoto_large_block .pnPhoto .pnPhotoInner a p {
    text-align: justify;
    margin: 6px auto 0px;
    position: relative;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    height: 36px !important;
    line-height: 18px;
}

/* TV実況中継の各局ファビコン表示 */
div.TV_favicon_wapper {
    display: inline-flex;
    align-items: center;
    width: 70px;
    height: 100%;
    flex-shrink: 0;
    padding: 0px 0px 0px 0px !important;
}
.mac {
    div.TV_favicon_wapper {
        width: 75px;
    }
}
ul#TV_favicon_ul div.TV_favicon_wapper a.TV_favicon {
    height: 39px;
    width: 100% !important;
    box-sizing: border-box;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: visible;
    line-height: 17px;
    font-feature-settings: "palt" on;
}
div.TV_favicon_box img {
    width: 20px;
    height: 20px;
    vertical-align: top !important;
}
.channelName_f {
    font-size: 11px;
    color: #333;
    line-height: 13px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.channelName_f::after {
    content:"\f08e" ;
    font-family:fontawesome;
    display: inline;
    font-size: 9px;
    margin-left: 2px;
}
div.TV_favicon_wapper a {
    padding: 0px 0px 0px 5px !important;
}
a.TV_favicon .channelNo {
    padding-left: 4px;
}
div#tvLive_wapper ul.tvLivecont li.body {
    width: 100%;
    display: inline-flex;
    align-items: center;
  }
.TV_favicon_li {
    position: relative;
}
ul#TV_favicon_ul li.TV_favicon_li a.TV_thrTitle,
ul#TV_favicon_ul li.TV_favicon_li div.NoTV_favicon_wapper + a.TV_thrTitle {
    padding: 0px;
    align-items: center ;
    display: inline-flex !important;
    height: 41px;
    margin: 0px 4px 0px 4px;
    width: 100%;
    overflow: hidden;
}
ul#TV_favicon_ul a.TV_thrTitle .tvProgTitle {
    margin: 0px 0px 0px 1px !important;
}
ul#TV_favicon_ul li.TV_favicon_li a.TV_thrTitle {
    width: 100%;
    overflow: hidden;
}
/* ul#TV_favicon_ul li.TV_favicon_li div.NoTV_favicon_wapper + a {
    width: calc(100% - 36px);
} */
div.tvCannelLatetOn {
    width: 100%;
    display: inline-flex;
    align-items: baseline;
    max-width: 444px;
}
/* ABテスト レスあり */
img.latestResImg {
    width: 16px;
}

.latestResDisplayPc {
  margin: 0 0 0 21px;
	overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  display: inline-block;
	color: #333;
}

.latestResONair {
  margin: 0 0 0 10px;
	position: relative;
}

.latestResText {
  font-size: 12px;
  color: #333;
  margin: 0 7px 0 3px;
}

.latestResList {
  width: 95%;
  line-height: 28px;
}

.onAirIcon2 img {
    top: -4px;
}

#newsContainer .body a .lastUpdate2 {
  position: absolute;
  top: 3px;
  height: 15px;
  line-height: 15px;
}

span.channelfa {
  position: relative;
  top: 13px;
  left: 5px;
}

.tvProgTitleName {
    line-height: 14px;
    height: 14px;
    width: calc(100% - 65px);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow-wrap: normal;
    white-space: normal;
    font-feature-settings: "palt" 1;
    margin-bottom: 3px;
}

#newsContainer .body a .thrTitle.tvProgTitle.thrTvspacer.thrTitle2 {
  margin-top: 7px;
}

/* キャンペーンバナー */
.campaign_link_wrap img {
    width: 100%;
    margin: 10px auto;
}

/* 美しい風景掲示板エリアトップ */
.beautifulph_wrapper img {
	width: 640px;
	height: auto;
    object-fit: cover;
    object-position: center;
}

.beautifulph_wrapper {
    text-align: right;
    background: #F6F6F6;
}

div#postRankInlineWrap {
    font-family: "Meiryo mod 12pt AA","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    width: 100%;
    height: 54px;
    border-radius: 5px;
    padding: 8px 0 10px;
    margin: 0 auto;
    text-align: center;
}

div#postRankInlineWrap {
	display: flex;
    letter-spacing: -0.5px;
    text-align: center;
    white-space: normal;
    -webkit-align-items: center;
    align-items: baseline;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: row;
    padding: 12px 0 0;
}

div#totalPosts {
    align-items: center;
}

.totalPosts_wrap.totalPosts_inline_wrap {
    align-items: end;
}

span.ichioku_over.ichioku_over_inline {
    margin: 0px;
}

div#postsRank_inline {
    width: max-content;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 28px;
    vertical-align: middle;
    line-height: 16px;
	white-space: nowrap;
}

div#totalPosts.totalPosts_inline {
    margin: 0 25px 13px 0px;
}

div#areaPosts.areaPostsInline {
    margin: 0 0 0 2px;
}

.accessRank_wrap.accessRank_wrap_inline {
    margin-top: 7px;
}

.oku_wrap.rankCount_wrap_inline {
    position: relative;
    top: -12px;
}

.oku_wrap.oku_wrap_inline {
    position: relative;
    top: -1px;
}

.forecast_update.forecast_update_inline {
    margin-bottom: 10px;
}

.areaIndex_top_container.areaIndex_top_container_inline {
    width: 100% !IMPORTANT;
}

/* New地域インデックス　爆サイホワイトロゴ */
.areaIndexlogoWh_back_lower {
    width: 640px;
    position: absolute;
	left: 0;
    z-index: 1;
}

.areaIndexlogoWh_back_lower {
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
	bottom: -1px;
	height: 77px;
}

div.areaIndexlogoCh[class*="areaCode"] {
	text-align: center;
    position: absolute;
    top: 8px;
    left: 6px;
}

.areaIndexlogoCh[class*="areaCode"] img {
	position: absolute;
    width: 100px;
    top:0px;
	left: 0px;
	z-index: 2;
}

div.areaIndexlogoCh[class*="areaCode"] a {
}
div.areaIndexlogoCh[class*="areaCode"] a:hover {
	text-decoration: none;
}
div.areaIndexlogoCh[class*="areaCode"] a::after {
	color: #FFF;
    content: "";
    font-size: 11px;
    line-height: 24px;
    height: 24px;
    left: 3px;
    position: absolute;
    top: 33px;
    width: 97px;
    z-index: 100;
}
.areaIndexlogoCh img {
	display: block;
	float: left;
	margin-bottom: 8px;
}
div.areaIndexlogoCh.areaCode1 a::after { /* 北海道版 */
	content: "\5317\6D77\9053\7248";
}
div.areaIndexlogoCh.areaCode2 a::after { /* 南東北版 */
	content: "\5357\6771\5317\7248";
}
div.areaIndexlogoCh.areaCode3 a::after { /* 南関東版 */
	content: "\5357\95A2\6771\7248";
}
div.areaIndexlogoCh.areaCode4 a::after { /* 甲信越版 */
	content: "\7532\4FE1\8D8A\7248";
}
div.areaIndexlogoCh.areaCode5 a::after { /* 東海版 */
	content: "\6771\6D77\7248";
}
div.areaIndexlogoCh.areaCode6 a::after { /* 北陸版 */
	content: "\5317\9678\7248";
}
div.areaIndexlogoCh.areaCode7 a::after { /* 関西版 */
	content: "\95A2\897F\7248";
}
div.areaIndexlogoCh.areaCode8 a::after { /* 山陽版 */
	content: "\5C71\967D\7248";
}
div.areaIndexlogoCh.areaCode9 a::after { /* 四国版 */
	content: "\56DB\56FD\7248";
}
div.areaIndexlogoCh.areaCode10 a::after { /* 北部九州版 */
	content: "\5317\90E8\4E5D\5DDE\7248";
}
div.areaIndexlogoCh.areaCode11 a::after { /* 沖縄版 */
	content: "\6C96\7E04\7248";
}
div.areaIndexlogoCh.areaCode12 a::after { /* 山陰版 */
	content: "\5C71\9670\7248";
}
div.areaIndexlogoCh.areaCode14 a::after { /* 北東北版 */
	content: "\5317\6771\5317\7248";
}
div.areaIndexlogoCh.areaCode15 a::after { /* 北関東版 */
	content: "\5317\95A2\6771\7248";
}
div.areaIndexlogoCh.areaCode16 a::after { /* 南部九州版 */
	content: "\5357\90E8\4E5D\5DDE\7248";
}

div.areaIndexlogoCh.areaCode13_1 a::after { /* China Ver.  */
	content: "\43\68\69\6E\61\20\56\65\72";
}
div.areaIndexlogoCh.areaCode13_10 a::after { /* Taiwan Ver.  */
	content: "Taiwan Ver";
}
div.areaIndexlogoCh.areaCode13_2 a::after { /* Thai Ver. */
	content: "\54\68\61\69\20\56\65\72\2E";
}
div.areaIndexlogoCh.areaCode13_3 a::after { /* Korea Ver. */
	content: "\4B\6F\72\65\61\20\56\65\72\2E";
}
div.areaIndexlogoCh.areaCode13_4 a::after { /* Philippines Ver. */
	content: "\50\68\69\6C\69\70\70\69\6E\65\73\20\56\65\72\2E";
}
div.areaIndexlogoCh.areaCode13_5 a::after { /* Vietnam Ver. */
	content: "\56\69\65\74\6E\61\6D\20\56\65\72\2E";
}
div.areaIndexlogoCh.areaCode13_6 a::after { /* America Ver. */
	content: "\41\6D\65\72\69\63\61\20\56\65\72\2E";
}
div.areaIndexlogoCh.areaCode13_7 a::after { /* Indonesia Ver. */
	content: "\49\6E\64\6F\6E\61\73\69\61\20\56\65\72\2E";
}
div.areaIndexlogoCh.areaCode13_8 a::after { /* Russia Ver. */
	content: "\52\75\73\73\69\61\20\56\65\72\2E";
}
div.areaIndexlogoCh.areaCode13_9 a::after { /* Ukraine Ver. */
	content: "\55\6B\72\61\69\6E\65\20\56\65\72\2E";
}

div.areaIndexlogoCh.areaCode13_8 a::after,
div.areaIndexlogoCh.areaCode13_9 a::after { /* Russia Ver. Ukraine Ver. */
    top: -3px;
}

.areaIndexlogoCh {
    position: relative;
}
#areatop_main_fv {
    margin: 10px auto 0px;
    display: flex;
    gap:16px;
    justify-content: center;
}
.beautifulph_box {
    position: relative;
    background-color: #dbdbdb;
    width: 640px;
    height: 359px;
}
.areaIndex_thrname {
    position: absolute;
    color: #fff;
    left: 15px;
    bottom: 13px;
    text-shadow: 0 0 5px #000;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-feature-settings: "palt" on;
}

.areaIndex_thrname .location_name {
    display: inline;
}
.areaIndex_thrname .location_name::before {
    content:"/";
    margin: 0px 4px;
}

a.areaIndex_landscape_btn {
    position: absolute;
    color: #fff;
    right: 9px;
    bottom: 9px;
    text-align: left;
    background-color: rgba(0,0,0,0.2);
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 7px;
}

a.areaIndex_landscape_btn:hover{
    color: #000 !important;
    background-color: #FFF;
    border: 1px solid #FFF;
    text-decoration: none !important;
    cursor: pointer;
}

a.areaIndex_landscape_btn i.fa.fa-angle-right{
    margin-left: 4px;
    vertical-align: 0.5px;
}

/* new 天気予報 */
.new_forecast_map_wrap {
    background: #F6F6F6;
    display: flex;
	justify-content: center;
	margin: 0 auto 30px;
    padding: 12px 0 15px;
	align-items: center;
}
.new_forecast[class*="areaCode"] img {
    height: 95px;
    max-width: 143px;
}
.new_forecast[class*="areaCode"] {
    align-items: center;
    display: grid;
    margin: 0 6px 0 0;
}
.new_forecast_place_wrap {
    display: flex;
    gap: 6px;
    margin:0px 3px;
}
.new_forecast_date_wrap {
    display: flex;
	justify-content: center;
	padding: 3px 0 0;
}
.new_forecast_map {
    text-align: center;
    background: #fff;
    border: solid 1px #e1e1e1;
	width: 106px;
    margin: 0 3px;
	border-radius: 6px;
	height: 82px;
}

.new_forecast_map_overseas{
    text-align: center;
    background: #fff;
    border: solid 1px #e1e1e1;
	width: 116px;
    margin: 0 3px;
	border-radius: 6px;
	height: 82px;
}
.new_forecast_date_outer {
    width: 100%;
    padding: 0 3px;
}

div.new_forecast_area_place {
    background: #D9F0FB;
}
p.new_forecast_area {
    padding: 2px 0;
    margin: 0;
    font-weight: bold;
	font-size: 11.5px;
    line-height: 12px;
}
p.forecast_area_over_text {
    transform: scale(0.9, 1);
    letter-spacing: -1px;
}

p.new_forecast_datetime {
    margin: 0;
	font-size: 10px;
}
p.new_forecast_icon {
    margin: 1px 0 0;
}
p.new_forecast_temp {
    margin: 3px 0 0;
	white-space: nowrap;
    letter-spacing: -0.2px;
    display: inline-block;
}
.new_forecast_date_outer:first-child {
    border-right: solid 0.5px #e1e1e1;
}
.forecast_dateandtime_wrapper {
    display: flex;
    background: #F6F6F6;
    justify-content: space-between;
    border-bottom: 3px solid #0d507e;
	font-size: 14px;
}
.forecast_Today_dateandtime {
    display: flex;
	margin-left: 6px;
}
p.forecast_update_dateandtime {
    margin: 0 10px 0 0;
	font-size: 13px;
}
span.forecast_icon_calendar {
	color: #fff;
    margin-right: 4px;
    font-size: 14px;
    position: relative;
    bottom: 4px;
    background: #0d507e;
    padding: 4px;
}
p.new_forecast_icon img {
    height: 34px;
    width: auto;
}

.mac {
	/* Mac OSのみ */
	p.new_forecast_datetime {
		margin: -2px 0 0;
	}
	p.new_forecast_icon {
		margin: -2px 0 -5px;
	}
	p.new_forecast_temp {
		margin: 0;
	}
}

/* safari */
_:lang(x)+_:-webkit-full-screen-document,p.new_forecast_datetime {
    margin: -2px 0 0;
}
_:lang(x)+_:-webkit-full-screen-document,p.new_forecast_icon {
    margin: -2px 0 -5px;
}
_:lang(x)+_:-webkit-full-screen-document,p.new_forecast_temp {
    margin: 0;
}

/* firefox */
_:lang(x)::-moz-placeholder,p.new_forecast_temp {
    margin: 0px 0 0;
}

/* お知らせoshirase.htmlが表示されたとき、.new_forecast_map_wrapのmargin変更 */
.new_forecast_map_wrap:has(+.center #infoAlert) {
    margin: 0 auto 1px;
}

/* ピックアップニュースに海外アイコン */
.world_news_areamain {
  display: inline;
  width: auto;
  padding: 2px 0;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 1px 1px 0px 0 #ececec, 0px 0px 1px 0 #aaa;
  font-size: 10px;
  font-weight: normal;
  color: red;
  margin-right: 1px;
  vertical-align: 1px;
}

img.emoji_flags_areamain {
  width: 10px;
  margin: 0 2px 0 0;
  vertical-align: -4px;
}


/* エリアTOPに天気動画追加 ※日本国内のみ */
div#weather_partner_content_wapper {
    display: flex;
    border-radius: 1px;
    flex-direction: column;
    border: 1px solid #d9d9d9;
    background-color: #FFF;
    box-shadow: 0 1px 0 #EAEAEA;
    box-sizing: border-box;
    width: 274px;
    height: 359px;
    text-align: left;
}
div.weather_partner_content_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

div.weather_title_box {
    display: flex;
    align-items: center;
    height: 32px;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
    box-sizing: border-box;
    background-color: #dbdbdb;
    flex-shrink: 0;
    position: relative;
    letter-spacing: -0.058rem;
    font-feature-settings: "palt" 1;
}
div.weather_title_box .weather_title {
    flex-shrink: 0;
    margin-right: 2px;
}
.shootspot {
    font-size: 12px;
    line-height: 18px;
    color: #666;
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    overflow-wrap: normal;
    font-feature-settings: "palt" 1;
    width: 100%;
    display: -webkit-box;
    position: relative;
    top: 2px;
    text-align: right;
}

div.weather_mov_wapper {
    padding: 8px;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
}

/* エリアTOP 天気動画表示テスト */
div.weather_mov_box {
    max-width: 256px;
    height: 144px;
    position: relative;
    background-color: #dbdbdb;
}
video.weather_mov {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* ライトボックスのスタイル */
.weather_mov_litebox {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw; /* ウィンドウ幅の80% */
    height: 80vh; /* ウィンドウ高さの80% */
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 10001;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.weather_mov_litebox video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.open-litebox {
    position: absolute;
    right: 5px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}
/* ボタンの初期状態でフェードアウトさせる */
.open-litebox {
    opacity: 1; /* 初期状態は完全に表示 */
    transition: opacity 1s ease;
}

/* フェードアウトするためにクラスを追加 */
.fade-out {
    opacity: 0;
}

/* .weather_mov_boxにマウスオーバーしたときにボタンを表示する */
.weather_mov_box:hover .open-litebox {
    opacity: 1; /* マウスオーバー時は完全に表示 */
}

div.weather_mov_box div#weather_mov_play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 10px;
    color: #FFF;
    -webkit-transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
    width: 34px;
    height: 34px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 0.06666em solid rgb(255, 255, 255);
    background-color: rgba(115, 133, 159, 0.5);
    transition: 0.4s;
}
div.weather_mov_box div#weather_mov_play_button:hover {
    background-color: rgba(43, 51, 63, 0.7);
    transition: all 0s;
}
div.weather_mov_box div#weather_mov_play_button::after {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    width: 256px;
    height: 144px;
    position: absolute;
}
div#weather_mov_play_button i {
    position: relative;
    left: 1px;
}


.close-litebox {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 10002;
}
/* オーバーレイのスタイル */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    z-index: 10000;
}
.weather_News {
    display: none;
    width: 100%;
    max-height: 46px;
    overflow: hidden;
    /* display: -webkit-box !important; */
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1;
    line-height: 16px;
    white-space: normal;
    font-family: "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 13px;
    margin: 8px 0px 4px;
    letter-spacing: -0.3px;
}
p.weather_thr_headline {
    width: 100%;
    max-height: 48px;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3;
    line-height: 16px;
    white-space: normal;
    font-family: "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 13px;
    margin: 6px 0px 2px;
    letter-spacing: -0.3px;
    text-align: justify;
}
div.Next_week_weather_forecast_box {
    display: block;
    padding: 8px 8px 5px;
    box-sizing: border-box;
    width: 100%;
    margin: 0px auto auto;
    border-top: 1px solid #d9d9d9;
}
div.Next_week_weather_forecast_box a {
    background: linear-gradient(to bottom, #F0F0F0 0%, #E4E4E4 100%);
    border-radius: 3px;
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #b3b2b1;
    border-left: 1px solid #DEDEDE;
    cursor: pointer;
    font-size: 13px;
    margin: 1px;
    align-items: center;
    display: flex;
    width: 98%;
    max-height: 65px;
    min-height: 52px;
    justify-content: center;
    gap: 10px;
}
div.Next_week_weather_forecast_img img {
    width: 36px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

/* エリアTOP 天気予報 */
div.forecast_prefecture_wrap {
    text-align: center;
    background: #fff;
    border: solid 1px #e1e1e1;
    border-radius: 6px;
}
div.forecast_prefecture_box {
    display: flex;
}
div.forecast_prefecture {
    width: 112px;
    height: 82px;
    border-right: solid 0.5px #e1e1e1;
}
div.forecast_prefecture_box div.forecast_prefecture:last-child {
    border-right: none;
}
p.forecast_prefecture_link {
    margin: 0px;
    background: #ececed;
    border-top: 1px solid #d9d9d9;
    padding: 6px 4px;
    font-size: 11px;
    font-feature-settings: "palt" 1;
    letter-spacing: -1px;
}

p.forecast_prefecture_link i.fa.fa-comment-o {
    margin-left: 2px;
}

/* インプ数、レス数バルーン */
.thrListContent {
    gap: 8px;
    display: inline-flex;
    font-weight: normal;
    font-size: 13px;
    color: #666;
    padding: 0px 3px;
    flex: 0 1 auto;
}
.thrlis_chart_space,
.thrlis_comment_space {
    position: relative;
}
.comment_balloon {
    position: absolute;
    bottom: 16px;
    right: -5px;
    white-space: nowrap;
}
.chart_balloon {
    position: absolute;
    bottom: 16px;
    right: -7px;
    white-space: nowrap;
}
.chart_balloon,
.comment_balloon {
    background: #666;
    color: #fff;
    padding: 2px 1px 0px 3px;
    font-size: 11px;
    height: 13px;
    display: none;
}
.chart_count_area:hover .chart_balloon,
.comment_count_area:hover .comment_balloon {
    display: inline;
    z-index: 1;
}
.chart_balloon.newslis_count,
.comment_balloon.newslis_count {
    padding: 0 1px 3px 3px;
    line-height: 17px;
}
.chart_balloon:before,
.comment_balloon:before {
  content: "";
  position: absolute;
  border-width: 3px;
  border-style: solid;
  border-color: #666 transparent transparent transparent;
  top: 15px;
  left: 15px;
}
.main_weather_info_data {
  font-size: 13px;
  line-height: 18px;
  color: #666;
  letter-spacing: -0.3px;
}
.mac {
    .main_weather_info_data {
        font-size: 12px;
    }
    .main_weather_logo img {
        width: 85px;
    }
}
span.main_weather_info_update {
  font-size: 11px;
}
.main_weather_logo img {
  width: 90px;
}
.main_weather_info_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-feature-settings: "palt" 1;
}
span.main_weather_offer {
  color: #666;
  font-size: 11px;
}
p.weekly_weather_News {
  margin: 0;
  font-size: 13px;
}
span.weekly_weather_link_icon {
  font-size: 20px;
  vertical-align: -1px;
}
.main_weekly_weather_announcementTime {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  text-align: right;
  margin: 0 5px 8px 0;
}
.main_weekly_weather_refresh_icon {
  margin-right: 3px;
}
a.main_weather_link {
  text-decoration: none !important;
}