/*
	GMOあおぞらネット銀行　ニューススタイルシート
	レスポンシブ対応

	2025.02.05	MSS	Y.Fujii
*/

.cal_btn
{
	float:			left;
	width:			100px;
	font-size:		18px;
	padding-left:	6px;
	margin-bottom:	4px;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#666666;
	border-style:		solid;
	border-radius:		8px;
	cursor:			pointer;
}

.cal_btn a:link
{
	text-decoration:	none;
	color:			#000000;
}

.cal_btn a:visited
{
	text-decoration:	none;
	color:			#000000;
}

.cal_btn a:hover
{
	text-decoration:	none;
	color:			#000000;
}

.cal_btn a:active
{
	text-decoration:	none;
	color:			#000000;
}

/* スマホ用ニュース本文を表示する領域 */
.news_framesp
{
	width:			100%;
	display:		none;
}

/* ページの表示枠 */
/* ニュース枠内に表示するので幅は100% */
.page_frame
{
	width:			100%;
	display:		flex;
	justify-content:	center;

	/* 確認用で線を引く */
/*	border:			solid #444444 1px;*/
}

/* ページ数を表示する枠 */
.page_no
{
	width:			24px;
	height:			18px;
	font-size:		14px;
	text-align:		center;
	margin:			0px 4px 0px 4px;
	border:			solid #444444 1px;
	cursor:			pointer;
}

/* 次ページ、前ページ、最新の枠 */
.page_move
{
	width:			60px;
	height:			18px;
	font-size:		14px;
	text-align:		center;
	margin:			0px 4px 0px 4px;
	border:			solid #444444 1px;
	cursor:			pointer;
}

/* 現在表示しているページ */
.page_active
{
	background-color:	#4444AA;
	color:				#FFFFFF;
	cursor:				default;
}

/* ページ切り替えボタンにマウスが乗った時に色を変える */
.page_no:hover, .page_move:hover
{
	background-color:	#BBBBEE;
}

.page_active:hover
{
	background-color:	#4444AA;
}

.nolink
{
	cursor:				default;
}

/* 本文用(textpc.php) */
.news_titlebody
{
	width:			140px;
	float:			left;
	margin:			0 auto;
	font-size:		24px;
/*	text-align:		center;*/
	font-weight:	bold;
	margin-bottom:	14px;
	margin-left:	270px;
}

.news_framebody
{
	width:		90%;
	font-size:	18px;
	margin:		0 auto;
	clear:		both;
}

.news_datetimebody
{
	width:			90%;
	font-size:		14px;
	color:			#16508A;
}

.news_body
{
	width:			90%;
	font-size:		16px;
	overflow-wrap:	break-word;
}

.close_btn
{
	width:				70px;
	float:				left;
	font-size:			18px;
	text-align:			center;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#666666;
	border-style:		solid;
	border-radius:		8px;
	cursor:				pointer;
}

.btn_center
{
	clear:				both;
	width:				70px;
	font-size:			18px;
	text-align:			center;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#666666;
	border-style:		solid;
	border-radius:		8px;
	cursor:				pointer;
	margin:				0 auto;
}

.cal_btn:hover, .close_btn:hover, .btn_center:hover
{
	background-color:	#BBBBEE;
}


html,
body
{
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width:	none;
	-webkit-overflow-scrolling: touch;
}

.header
{
	width:			100%;
}

.news_title
{
	float:			left;
	width:			120px;
	margin-left:	10px;
	font-size:		20px;
	text-align:		left;
	font-weight:	bold;
	margin-bottom:	14px;
}

.news_frame
{
	width:			100%;
}

.headline_frame
{
	width:			calc(100% - 32px);
	margin-top:		10px;
}

.next_arrow
{
	float:			right;
	font-size:		18px;
	width:			30px;
	height:		20px;
	margin-top:	10px;
	transform:		scale(0.5,1);
}

#headline_list
{
	width:			100%;
	margin:			0px 0px 0px 0px;
	padding-left:	2px;
	padding-right:	2px;
	overflow:		auto;
	/* 確認用で線を引く */
/*	border: solid #FF0000 1px;*/
}

.headline_body
{
	width:			100%;
	height:			48px;
	color:			#5C0138;
	font-size:		16px;
	margin-left:	0px;
	float:			left;
	cursor:			default;
	overflow-wrap:		break-word;
	padding:		4px 0px 8px 0px;
	border-width:		0px 0px 1px 0px;
	border-collapse:	collapse;
	border-color:		#CCCCCC;
	border-style:		solid;
/*		box-shadow:			1px rgb( 0, 0, 0, 80% );*/
}

.headline_body:hover
{
	background-color:	#FFFFFF;
}

.page_select
{
	text-align:		center;
}

.page_selectsp
{
	margin-left:	calc( calc( 100% - 120px ) / 2 );
	width:			104px; 
	height:			28px;
	font-size:		20px;
	text-align:	center;
	padding-left:	6px;
}

.titlesp
{
	width:			100%;
	height:			30px;
	margin-bottom:	14px;
}

.back_btn
{
	width:			60px;
	float:			left;
	font-size:		18px;
	text-align:		center;
	border-width:		1px 1px 1px 1px;
	border-collapse:	collapse;
	border-color:		#666666;
	border-style:		solid;
	border-radius:		8px;
}

.fxtitle
{
/*		width:			calc( 100% - 44px );*/
	float:			left;
	font-size:		20px;
	font-weight:	bold;
	margin-left:	56px;
}

.news_datetime
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	font-size: 14px;
	background: #3388FF;
	color: #ffffff;
	border-radius: 5px;
	text-align: center;
	padding: 3px 0;
	width:			265px;
	margin:			0;
}

.news_headline
{
	width:			100%;
	font-weight:	bold;
	font-size:		18px;
	margin-bottom:	10px;
	overflow-wrap:	break-word;
	border-width:		0px 0px 2px 0px;
	border-collapse:	collapse;
	border-color:		#CCCCCC;
	border-style:		solid;
}

.news_bodysp
{
	overflow:		auto;
	width:			99%;
	font-size:		17px;
	overflow-wrap:	break-word;
	/* 確認用で線を引く */
/*		border: solid #FF0000 1px;*/
}

/* フッターテキスト */
.footer_text
{
	font-size:			12px;
	bottom:			0;
	margin:			0 auto;
}

.tooltip {
  position: relative; /* 親要素を基準に配置 */
  cursor: pointer;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* 親要素の上に表示 */
  left: 360%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}