@charset "shift_jis";
/* CSS Document */

/*===========================================================================*/
/* 基本セット                                                                */
/*===========================================================================*/
@font-face {
	font-family: 'GenEi';
	src: url('../font/GenEiMGothic2-Black.ttf') format("truetype");
}

html,body {
	/* ページの一番下(Z軸)の背景色 */
	background-color: #FFFFFF;
	/* 背景画像、背景色の変更 */
	/* background-image:url(img/psbgimg_jug.png); */
	background-size: auto;
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position:0 50px;

	-webkit-text-size-adjust: none;
	font-family: HiraKakuProN-W3;
	line-height: 1.25;
	font-size: 16px;
	color: #000000;
}

.iPhoneBody {
	background-color: transparent;
	/*background-color: #F0F8FF;*/
	background-color: #FFFFFF;
	color: #666666;
}

/* チェックボックス共通パーツ */
button[type = "button"],
input[type = "checkbox"],
input[type = "button"],
input[type = "time"]
{
	/* ブラウザ固有のデザインを消す */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* 共通 */
}

/* 数字入力ボックス共通パーツ */
input[type = "number"] {
	padding: 5px;
	width: 20vw;
	outline-color: #4D90FE;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	color: #666666;/* 色:sea green #2E8B57 */
	text-align: center;
}

/* 数字入力ボックスエラー時処理 */
input[type = "number"]:invalid {
	color: #E44E5B; /* indianred:#CD5C5C 他候補:#E93733;*/
}

/* white */
.cls_fnt_w {
	color: #FFFFFF;
}

/* white */
.cls_fnt_wg {
	color: #CCCCCC;
}

/* white */
.cls_fnt_wb {
	color: #999999;
}

/* emerald green */
.cls_fnt_eg {
	color: #1FBACD;
}

/* navy blue */
.cls_fnt_nb {
	color: #668AD8;
}

/* 澄んだ青紫 */
.cls_fnt_bp {
	color: #6A5ACD;
}

/* indian red */
.cls_fnt_ir {
	color: #E44E5B;
}

.cls_fnt_blk_b {
	color: #B8B8B8;
}

.cls_fnt_blk_e {
	color: #EEEEEE;
}

/* sharp blue*/
.cls_fnt_sb {
	color: #8080E0;
}

/* steel blue*/
.cls_fnt_stb {
	color: #4682B4;
}

/* chocolate */
.cls_fnt_cl {
	color: #D2691E;
}

/* こげ茶 dark brown */
.cls_fnt_db {
	color: #825B37;
}

/* 入力エラー！用：背景＝白、警告色＝赤 */
.cls_errmsg_wred {
	/*color: #F1F3F5;*/
	color: #FFFFFF;
	font-size: 10px;
}

input[type = "number"]:invalid + .cls_errmsg_wred {
	color: #E44E5B; /* indianred:#CD5C5C 他候補:#E93733;*/
}

input[type = "time"]:invalid + .cls_errmsg_wred {
	color: #E44E5B; /* indianred:#CD5C5C 他候補:#E93733;*/
}

.cls_div_table_cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/* サブタイトル用 */
.cls_sub_title1 {
	width: 100%;
	color: #4682B4;/* 色:steel blue */
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	/*background: linear-gradient(to left, #FFFFFF, #F0F8FF 50%, #FFFFFF 100%);*//* 色:alice blue */
	background: linear-gradient(to left, #FFFFFF, #F0FFF0 50%, #FFFFFF 100%);/* 色:honeydew */
}

/* サブタイトル用 */
.cls_sub_title2 {
	width: 100%;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	/*background: linear-gradient(to left, #FFFFFF, #F0F8FF 50%, #FFFFFF 100%);*//* 色:alice blue */
	background: linear-gradient(to left, #FFFFFF, #1FBACD 50%, #FFFFFF 100%);/* 色:honeydew */
}

/* 説明文 */
.cls_p_setumei1 {
	margin: 5px 15px 5px 15px;
	text-align: left;
	font-size: 12px;
}

.cls_p_setumei2 {
	margin: 5px;
	text-align: left;
	font-size: 12px;
}

.cls_mini_hint {
	color: #CCCCCC;
	font-size: 12px;
}

.cls_annotation {
	color: #CCCCCC;
	font-size: 10px;
}

.cls_disclaimer {
	color: #CCCCCC;
	font-size: 10px;
	text-align: right;
}

/* 区切り記号 */
.cls_separate_slash {
	color: #CCCCCC;
	font-size: 14px;
}

input[type = "number"]#ida_inum_cnd_densup,
input[type = "number"]#ida_inum_cnd_rush,
input[type = "number"]#ida_inum_cnd_avedencnt,
input[type = "number"]#ida_inum_cnd_avekrcnt {
	width: 60px;
	text-align: center;
}

.cls_hr_navy {
	height: 1px;
	width: 80vw;
	/*background: linear-gradient(to right, #1FBACD, #FFFFFF);*/
	background-color: #CCCCCC;
	border: none;
}

/*===========================================================================*/
/* Font Awesome                                                              */
/*===========================================================================*/
/* Font Awesome 紺色 */
.cls_fa_navy_blue {
	color: #668AD8;
	font-weight: bold;
}

/* Font Awesome 橙色 */
.cls_fa_orange {
	color: #FFA500;
	font-weight: bold;
}

/* Font Awesome パス赤 */
.cls_fa_pass_red {
	color: #E44E5B;
	font-weight: bold;
}

/* Font Awesome Light Coral */
.cls_fa_l_coral {
	color: #FF7F7F;
	font-weight: bold;
}

/* Font Awesome Medium Purple */
.cls_fa_m_purple {
	color: #BF7FFF;
	font-weight: bold;
}

/* Font Awesome エメラルドグリーン */
.cls_fa_eme_green {
	color: #1FBACD;
	font-weight: bold;
}

/* Font Awesome lineグリーン */
.cls_fa_line_green {
	color: #00B900;
	/*font-weight: bold; 文字が太くなるので外す*/
}

/* Font Awesome twitterブルー */
.cls_fa_twitter_blue {
	color: #1da1f2;
}

.cls_fa_fb_blue {
	color: #4267B2;
}

/* Font Awesome chocolate */
.cls_fa_choco_late {
	color: #D2691E;
	font-weight: bold;
}

/* Font Awesome sharp blue */
.cls_fa_sharp_blue {
	color: #8080E0;
	font-weight: bold;
}

/* Font 白グレイ */
.cls_fa_white_gray {
	color: #CCCCCC;
	font-weight: bold;
}

/* Font Awesome 白→エメグリのグラデーション */
.cls_fa_we_gradation {
	background: linear-gradient(to right, #FFFFFF, #1FBACD);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255,255,255,0.0);
	color: #1FBACD;
	font-weight: bold;
}

/* Font Awesome 黒色 */
.cls_fa_true_black {
	color: #000000;
	font-weight: bold;
}

/* Font Awesome 黒色 */
.cls_fa_dark_black {
	color: #333333;
	font-weight: bold;
}

/* Font Awesome 黒色 */
.cls_fa_middle_black {
	color: #666666;
	font-weight: bold;
}

/* Font Awesome 黒色 */
.cls_fa_light_black {
	color: #999999;
	font-weight: bold;
}

/* Font Awesome スカイブルー？ */
.cls_fa_sky_blue {
	color: #4585ED;
	font-weight: bold;
}

.cls_fa_light_yellow {
	color: #FFFFD0;
	font-weight: bold;
}

/* Font Awesome honey dew */
.cls_fa_honey_dew {
	color: #F0FFF0;
	font-weight: bold;
}

/* Font Awesome mint green */
.cls_fa_mint_green {
	color: #E6FFF0;
	font-weight: bold;
}

/* Font Awesome salmon */
.cls_fa_salmon {
	color: #FA8072;
	font-weight: bold;
}

/* Font Awesome dark salmon */
.cls_fa_dark_salmon {
	color: #E9967A;
	font-weight: bold;
}

/* Font Awesome light salmon */
.cls_fa_light_salmon {
	color: #FFA07A;
	font-weight: bold;
}

.cls_insta {/*アイコンの背景*/
	position: relative;/*相対配置*/
	display: inline-block;
	top: 3px;
	width: 55px;/*幅*/
	height: 55px;/*高さ*/
	/*vertical-align: middle;垂直中央に*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション�@*/
	overflow: hidden;/*はみ出た部分を隠す*/
	border-radius: 8px;/*角丸に*/
}

.cls_insta:before {/*グラデーションを重ねるため*/
	content: '';
	position: absolute;/*絶対配置*/
	top: 24px;/*ずらす*/
	left: -18px;/*ずらす*/
	width: 70px;/*グラデーションカバーの幅*/
	height: 70px;/*グラデーションカバーの高さ*/
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション�A*/
}

.icon_instagram {/*アイコン*/
	color: #FFF;/*白に*/
	position: relative;/*z-indexを使うため*/
	z-index: 2;/*グラデーションより前に*/
	font-size: 45px;/*アイコンサイズ*/
	top: 6px;/*上下にずらす*/
	left: 0.5px;/*左右にずらす*/
}

/*===========================================================================*/
/* 汎用チェックボックス1                                                     */
/*===========================================================================*/
input[type = "checkbox"] {
	display: none;
}

.cls_anychkbox1 {
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	vertical-align: middle;
	cursor: pointer;
}

/* アクティブ状態の枠 */
.cls_anychkbox1:hover:after {
	border: 2px solid #4D90FE;
}

.cls_anychkbox1:after {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #CCCCCC;
	border-radius: 100vh;
	content: '';
}

.cls_anychkbox1:before {
	position: absolute;
	top: 50%;
	left: 6px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #1FBACD;
	border-bottom: 3px solid #1FBACD;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*チェックされた（:checked）ときにチェック文字の色を透明度100%で表示*/
input[type = "checkbox"]:checked + .cls_anychkbox1:before {
	opacity: 1;
}
/*チェックされかつ操作不可（:disabled）のチェック文字の色を透明度50%で表示*/
input[type = "checkbox"]:checked:disabled + .cls_anychkbox1:before {
	opacity: 0.5;
}
/*操作不可のテキストの色を薄い#999で表示。操作不可のhover時のカーソルを標準にする。*/
input[type = "checkbox"]:disabled + .cls_anychkbox1 {
	color:#CCCCCC;
	cursor: default;
}
/*操作不可のチェック文字を囲むボーダーの色を薄い#aaaで表示*/	
input[type = "checkbox"]:disabled + .cls_anychkbox1:after{
	border-color: #aaa;
}

/*===========================================================================*/
/* 機種タイトル用                                                            */
/*===========================================================================*/
div.cls_kisyu_title {
	height: auto;
	padding: 10px;
	/* border-top: 1px solid #cdd5df;
	border-bottom: 1px solid #2d3642;*/
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#000000)); */
	/*background-color: #EDEDED;*/
	/*background: linear-gradient(#333333, 20%, #CCEDFF);*/
	/*background: linear-gradient(#333333, 50%, #0A93F4);*/
	background: linear-gradient(#333333, 50%, #1E90FF);
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-shadow:1px 1px 1px #B7DEFF;
}

/*===========================================================================*/
/* ツールタイトル用                                                          */
/*===========================================================================*/
div.cls_tool_head {
	height: auto;
	/* border-top: 1px solid #cdd5df;
	border-bottom: 1px solid #2d3642;*/
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#000000)); */
	/*background: linear-gradient(#0A93F4, 50%, #F1F3F5);*/
	background: linear-gradient(#0A93F4, 40%, #87CEFA);
}

div.cls_tool_head h1 {
	font-family: HiraKakuProN-W6;
	font-size: 16px;
	font-weight : bold;
	text-align: center;
	/*text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #0A0664;
}

div.cls_tool_head p {
	font-family: HiraKakuProN-W6;
	font-size: 10px;
	font-weight : bold;
	text-align: center;
	/*text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #4585ED;
}

/*===========================================================================*/
/* 説明エリア                                                                */
/*===========================================================================*/
.cls_tool_dcpt {
	height: auto;
	width: auto;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 10px;
	/* border-top: 1px solid #cdd5df;
	border-bottom: 1px solid #2d3642;*/
	/* background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#000000)); */
	/*background-color: #EDEDED;ADD8E6*/
	background: linear-gradient(#87CEFA, 60%, #FFFFFF);
	text-align: center;
	/* color: #000000; */
}

.cls_tool_dcpt input[type = "checkbox"] {
	display: none;/* チェックボックスを無効にする */
}

.cls_tool_dcpt i {
	transform: rotate(0deg);
	transition: 0.3s;
	color: #E8FFFF;
}

.cls_tool_dcpt input:checked + label > i {
	transform: rotate(135deg);
	transition: 0.3s;
	color: #1FBACD;
}

.cls_tool_dcpt span {
	margin-top: auto;
	margin-bottom: auto;
	padding: 0px;
	display: inline-block;
	transform: rotate(0deg);
	width: 16px;
	height: 16px;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	color: #FFFFFF;
	text-align: center;
	vartical-align: middle;
	font-weight: bold;
	font-size: 14px;
	transition: 0.3s;
}

.cls_tool_dcpt input:checked + label > span {
	transform: rotate(135deg);
	transition: 0.3s;
	border: 1px solid #1FBACD;
}

.cls_tool_dcpt label {
	display: inline-block;
	width: auto;
	padding: 3px 10px 3px 10px;
	/*background-color: #353686;*/
	/*background-color: #4A6AB3;*/
	/*background-color: #B7DEFF;*/
	background-color: #B7DEFF;
	border-bottom: 1px solid #A8BEC9;
	/*-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);*/
	border-radius: 100vh;
	vertical-align: middle;
	color: #4585ED;/* #666666 #8470FF #4585ED */
	font-size: 16px;
	/*
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	background: #363636;
	margin: auto;
	position: relative;
	border: 2px solid #ECECEC;
	border-radius: 0px;
	cursor: pointer;
	color: #FFFFFF;
	transition: all 0.5s;
	padding: 4px 4px 4px 4px;
	*/
}

.cls_tool_dcpt input:checked + label {
	color: #1FBACD;
}

/* 共通(使い方/全クリア)説明用スペース */
.cls_tool_dcpt div {
	margin-top: 2px;
	width: auto;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	/* 閉じている状態 */
	border-radius: 1vh;
	border-top: none;
	padding-top: 0;
	padding-bottom: 0;
	/* 閉じるアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 使い方説明用スペース */
.cls_tool_dcpt input#ida_chk_dcpt01:checked ~ div#ida_dcpt_div {
	/* 開いている状態 */
	/*border-top: 1px #FFFFFF solid;*/
	padding: 5px;
	/* 開くアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 全クリア説明用スペース */
.cls_tool_dcpt input#ida_chk_dbox01:checked ~ div#ida_dcpt_aclear {
	/* 開いている状態 */
	/*border-top: 1px #FFFFFF solid;*/
	padding: 5px;
	/* 開くアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 用語解説用スペース */
.cls_tool_dcpt input#ida_chk_dcpt02:checked ~ div#ida_comm_div {
	/* 開いている状態 */
	/*border-top: 1px #FFFFFF solid;*/
	padding: 5px;
	/* 開くアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 共通(使い方/全クリア)説明本文 */
.cls_tool_dcpt p {
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 使い方説明本文 */
.cls_tool_dcpt input#ida_chk_dcpt01:checked ~ div#ida_dcpt_div > p {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 全クリア説明本文 */
.cls_tool_dcpt input#ida_chk_dbox01:checked ~ div#ida_dcpt_aclear > p {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

p#ida_how_to_use {
	text-align: right;
}

/* 認証ボタンY/N */
.cls_tool_dcpt form {
	/* 閉じている状態 */
	display: none;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

.cls_tool_dcpt input#ida_chk_dbox01:checked ~ div#ida_dcpt_aclear > form {
	/* 開いている状態 */
	display: block;
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	text-align: center;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

.cls_tool_dcpt input[type = "button"] {
	width: 50px;
	height: 50px;
	padding: 0;
	background-color: #FFFFFF;
	border: none;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	outline-color: #4D90FE;
	color: #1FBACD;
}

/* 用語解説本文 */
.cls_tool_dcpt input#ida_chk_dcpt02:checked ~ div#ida_comm_div > p {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/*===========================================================================*/
/* 実戦条件エリア(単価設定)                                                  */
/*===========================================================================*/
.cls_rdo_rate  {
	/*display: none; Out Lineを無効にする */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.cls_lbl_rate {
	display: inline-block;
	padding: 5px;
	margin: 0px;
	width: 56px;
	border-radius: 3px;
	transition: all 0.2s;
	font-size: 14px;
}

.cls_rdo_rate:checked + .cls_lbl_rate {
	background: #1FBACD;
	color: #FFFFFF;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.cls_rdo_rate:focus + .cls_lbl_rate {
	outline-color: #4D90FE;
	outline-offset: -2px;
	outline-style: auto;
	outline-width: 5px;
}

/* 交換率用テーブル */
.cls_tbl_koukan {
	/*border: 1px solid #000000;*/
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.cls_tbl_koukan th,
.cls_tbl_koukan td,
.cls_tbl_koukan input[type = "number"]
{
	text-align: center;
}

.cls_ast_tanka {
	color: #CCCCCC;
}

.cls_slct_crate {
	width: auto;
	padding-right: 16px;
	border: 0px none #000000;
	outline: none;
	color: #666666;

	/* ブラウザ固有のデザインを消す */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-image: url(../img/angle-down-solid.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right 0px center;
	background-color: #FFFFFF;
}

/*===========================================================================*/
/* 実戦条件エリア(出玉設定)                                                  */
/*===========================================================================*/
/* 大当り出玉用テーブル */
.cls_tbl_dedama {
	/*border: 1px solid #000000;*/
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}

.cls_tbl_dedama th,
.cls_tbl_dedama td,
.cls_tbl_dedama input[type = "number"]
{
	text-align: center;
}

.cls_tbl_dedama input[type = "number"] {
	width: 60px;
}
/*===========================================================================*/
/* 実戦条件エリア(その他条件)                                                */
/*===========================================================================*/
/* その他条件用テーブル */
.cls_tbl_cnd_other {
	/*border: 1px solid #000000;*/
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	width: auto;
}

/* テーブル左辺 */
.cls_tbl_cnd_other th {
	width: 55%;
	text-align: left;
}

/* テーブル右辺 */
.cls_tbl_cnd_other td {
	width: 45%;
	text-align: right;
}

/* +/-ボタン */
button#ida_btn_cnd_densup {
	height: 30px;
	width: 30px;
	position: relative;
	padding: 1px;
	top: -2px;
	border: 1px solid #CCCCCC;
	border-radius:100%;
	background-color: #1FBACD;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	outline:none;
	text-align: center;

	/* ブリンク */
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: string_blink_Anime2;
}

@keyframes string_blink_Anime2 {
	  0% { color: #FFFFFF }
	 70% { color: #FFFFFF }
	100% { color: #FF0000 }
}

.cls_tbl_cnd_other th > p {
	padding-left: 24px;
}

/*===========================================================================*/
/* 目標回転率                                                                */
/*===========================================================================*/
.cls_div_mokuhyo {
	height: auto;
	width: auto;
	margin: 0 0 0 0;
	text-align: right;
}

.cls_div_mokuhyo input[type = "checkbox"] {
	display: none;/* チェックボックスを無効にする */
}

.cls_div_mokuhyo i#ida_i_circle {
	transform: rotate(0deg);
	transition: 0.3s;
	color: #668AD8;
}

.cls_div_mokuhyo input:checked + label#ida_lbl_dbox03 > i#ida_i_circle {
	transform: rotate(135deg);
	transition: 0.3s;
	color: #1FBACD;
}

.cls_div_mokuhyo label#ida_lbl_dbox03 {
	display: inline-block;
	width: auto;
	padding: 3px 10px 3px 10px;
	background-color: #FFFFFF; /* エメグリ:#1FBACD, 空:#B7DEFF; */
	border: 1px solid #668AD8;
	text-align: center;
	border-radius: 100vh;
	vertical-align: middle;
	color: #668AD8;/* #4585ED #666666 #8470FF #4585ED */
}

.cls_div_mokuhyo input:checked + label#ida_lbl_dbox03 {
	border: 1px solid #1FBACD;
	color: #1FBACD;
}

/* 目標回転率説明用スペース */
.cls_div_mokuhyo div {
	margin-top: 2px;
	width: auto;
	background-color: #FFFFFF;
	text-align: center;
	/* 閉じている状態 */
	border-top: 0 #FFFFFF solid;
	padding-top: 0;
	padding-bottom: 0;
	/* 閉じるアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 目標回転率説明用スペース */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher {
	/* 開いている状態 */
	border-bottom: 1px #668AD8 solid;
	padding: 5px;
	/* 開くアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo p {
	margin: 0px 20px 0 20px;
	text-align: left;
	font-size: 12px;
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher > p {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo p#ida_p_kyoutyou1 {
	margin: 0px 20px 0 20px;
	text-align: left;
	font-size: 12px;
	color: #1FBACD;
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher > p#ida_p_kyoutyou1 {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo p#ida_p_kyoutyou2 {
	margin: 0px 20px 0 20px;
	text-align: left;
	font-size: 12px;
	color: #CCCCCC;
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher > p#ida_p_kyoutyou2 {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 目標回転率サブタイトル用 */
.cls_div_mokuhyo p#ida_p_kyoutyou3 {
	background: linear-gradient(to left, #FFFFFF, #F0FFF0 50%, #FFFFFF 100%);/* 色:honeydew */
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #4682B4;
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher > p#ida_p_kyoutyou3 {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo font {
	margin: 0px 20px 0 20px;
	text-align: center;
	font-size: 16px;
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher > font {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo form {
	/* 閉じている状態 */
	display: none;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher > form {
	/* 開いている状態 */
	display: block;
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo table {
	margin-left:auto;
	margin-right:auto;
	width: auto;

	/* 閉じている状態 */
	display: none;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 目標回転率説明本文 */
.cls_div_mokuhyo input#ida_chk_dbox03:checked ~ div#ida_dcpt_teacher > table {
	/* 開いている状態 */
	display: table;
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

span#ida_spn_moku_border {
	color: #1FBACD;
}

/*===========================================================================*/
/* 目標設定エリア                                                            */
/*===========================================================================*/
/* 移植後破棄
.cls_div_mokuhyo_dcpt {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: auto;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}*/

.cls_tbl_mokuhyo {
}

.cls_tbl_mokuhyo th {
	text-align: left;
}

.cls_tbl_mokuhyo td {
	text-align: right;
}

.cls_tbl_mokuhyo input[type = "number"] {
	width: 80px;
}

.cls_rdo_toushi  {
	/*display: none; Out Lineを無効にする */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.cls_lbl_toushi {
	display: inline-block;
	padding: 5px;
	margin: 0px;
	width: 80px;
	border-radius: 3px;
	transition: all 0.2s;
}

.cls_rdo_toushi:checked + .cls_lbl_toushi {
	background: #1FBACD;
	color: #FFFFFF;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.cls_rdo_toushi:focus + .cls_lbl_toushi {
	outline-color: #4D90FE;
	outline-offset: -2px;
	outline-style: auto;
	outline-width: 5px;
}

/* 必要な回転率の数字部分 */
.cls_tbl_mokuhyo span {
	color: #1FBACD; /* 赤#E44E5B, indianred:#CD5C5C 他候補:#E93733;*/
	font-weight: normal;
}

/*===========================================================================*/
/* アコーディオン                                                            */
/*===========================================================================*/
/*  */
.cls_acd_container .cls_acd_title {
	position: relative;
	/*margin: 10px 0px 10px 0px;*/
	/*padding: 5px;*/
	/*background-color: #000;*/
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #4585ED;/* #0A0664 */
	cursor: pointer;
}
.cls_acd_container .cls_acd_title:hover,
.cls_acd_container .cls_acd_title:active,
.cls_acd_title.open { 
	/*background-color: #666666;*/
	font-weight: bold;
	color: #1FBACD;
}
/* 開閉ポインタ1 */
.cls_acd_container .cls_acd_title::after {
	content: "";
	position: absolute;
	top: 10px;
	right: 15px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #4585ED;
}
/* 開閉ポインタ2 */
.cls_acd_container .cls_acd_title.open::after {
	content: "";
	position: absolute;
	top: 5px;
	border: 8px solid transparent;
	border-bottom-color: #1FBACD;
}

.cls_acd_content {
	/*border-radius: 1vh;*/
	border-bottom: 1px solid #1FBACD;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
}

.cls_acd_content form {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.cls_acd_container {
	/*width: 300px;*/
	margin: 10px;
}

/* 初当り区間のナンバリング 
.cls_acd_title span {
	color: #4585ED;
	fornt-weight: bold;
}
*/

/*===========================================================================*/
/* 区間データ入力[切り替え画面用]                                            */
/*===========================================================================*/
.cls_div_wrap {
	display: flex;
	flex-wrap: wrap;
}

.cls_lbl_button {
	background: #EEEEEE;
	margin: 0.5px;
	padding: 10px 0px;
	order: -1;
	text-align: center;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	text-overflow: ellipsis;
	border-radius: 4px;
}

.cls_div_content {
	width: 100%;
	margin: 10px 0px;
	background: #FFFFFF;
	display: none;
}

/* アクティブなタブ */
.cls_tab_switch:checked+.cls_lbl_button {
	background: #668AD8;/*#1FBACD;*/
	color: #FFFFFF;
}

.cls_tab_switch:checked+.cls_lbl_button+.cls_div_content {
	display: block;
}

/* ラジオボタン非表示 */
.cls_tab_switch {
	display: none;
}

.cls_lbl_button#ida_lblbtn0 {
	width: 25%;
}

.cls_lbl_button#ida_lblbtn1 {
	width: 25%;
}

.cls_lbl_button#ida_lblbtn2 {
	width: 25%;
}

/*===========================================================================*/
/* 区間データ入力[説明部分]                                                  */
/*===========================================================================*/
.cls_kukan_dcpt {
	height: auto;
	width: auto;
	margin: 0 0 10px 0;
	text-align: right;
}

.cls_kukan_dcpt input[type = "checkbox"] {
	display: none;/* チェックボックスを無効にする */
}

.cls_kukan_dcpt i {
	transform: rotate(0deg);
	transition: 0.3s;
	color: #668AD8;
}

.cls_kukan_dcpt input:checked + label > i {
	transform: rotate(135deg);
	transition: 0.3s;
	color: #1FBACD;
}

.cls_kukan_dcpt span {
	margin-top: auto;
	margin-bottom: auto;
	padding: 0px;
	display: inline-block;
	transform: rotate(0deg);
	width: 16px;
	height: 16px;
	border: 2px solid #668AD8;
	border-radius: 50%;
	background-color: #FFFFFF;
	color: #668AD8;
	text-align: center;
	vartical-align: middle;
	font-weight: bold;
	font-size: 14px;
	transition: 0.3s;
}

.cls_kukan_dcpt input:checked + label > span {
	transform: rotate(135deg);
	transition: 0.3s;
	border: 2px solid #4D90FE;
	background-color: #1FBACD;
	color: #FFFFFF;
}

.cls_kukan_dcpt label {
	display: inline-block;
	width: auto;
	padding: 3px 10px 3px 10px;
	background-color: #FFFFFF; /* エメグリ:#1FBACD, 空:#B7DEFF; */
	border: 1px solid #668AD8;
	text-align: center;
	border-radius: 100vh;
	vertical-align: middle;
	color: #668AD8;/* #4585ED #666666 #8470FF #4585ED */
}

.cls_kukan_dcpt input:checked + label {
	border: 1px solid #1FBACD;
	color: #1FBACD;
}

/* 区間データクリア説明用スペース */
.cls_kukan_dcpt div {
	margin-top: 2px;
	width: auto;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	/* 閉じている状態 */
	border-top: 0 #FFFFFF solid;
	padding-top: 0;
	padding-bottom: 0;
	/* 閉じるアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 区間データクリア説明用スペース */
.cls_kukan_dcpt input#ida_chk_dbox02:checked ~ div#ida_dcpt_kclear {
	/* 開いている状態 */
	border-bottom: 1px #668AD8 solid;
	padding: 5px;
	/* 開くアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 区間データクリア説明本文 */
.cls_kukan_dcpt p {
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 区間データクリア説明本文 */
.cls_kukan_dcpt input#ida_chk_dbox02:checked ~ div#ida_dcpt_kclear > p {
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 認証ボタンY/N */
.cls_kukan_dcpt form {
	/* 閉じている状態 */
	display: none;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

.cls_kukan_dcpt input#ida_chk_dbox02:checked ~ div#ida_dcpt_kclear > form {
	/* 開いている状態 */
	display: block;
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	text-align: center;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

.cls_kukan_dcpt input[type = "button"] {
	width: 50px;
	height: 50px;
	padding: 0;
	background-color: #FFFFFF;
	border: none;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	outline-color: #4D90FE;
	color: #1FBACD;
}

/*===========================================================================*/
/* 区間データ入力[入力部分]                                                  */
/*===========================================================================*/
.cls_tbl_kukan_used {
	margin: 10px auto 10px auto;
	width: auto;
}

.cls_tbl_kukan_used th {
	padding: 0px 5px 0px 5px;
	text-align: left;
}

.cls_tbl_kukan_used td {
	padding: 0px 5px 0px 5px;
	text-align: right;
}

.cls_tbl_kukan_used input[type = "number"] {
	text-align: center;
	width: 80px;
}

.cls_kukan_plus, .cls_kukan_minus {
	position: relative;
	top: -2px;
	padding: 0px;
	display: inline-block;
	margin: 4px;
	width: 28px;
	height: 28px;
	border: 1px solid #1FBACD;
	border-radius: 100%;
	background-color: #FFFFFF;
	color: #1FBACD;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	/*outline-color: #4D90FE; #1FBACD; #4D90FE;*/
	outline: none;
}

/* 区間データクリア説明用スペース */
.cls_last_kukan_dcpt {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: auto;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}

.cls_tbl_kukan_last {
	margin: 10px auto 0px auto;
	width: auto;
}

.cls_tbl_kukan_last th {
	padding: 0px 5px 0px 5px;
	text-align: left;
}

.cls_tbl_kukan_last td {
	padding: 0px 5px 0px 5px;
	text-align: center;
}

.cls_tbl_kukan_last input[type = "number"] {
	text-align: center;
	width: 80px;
}

.cls_tbl_kukan_last input[type = "time"],
.cls_tbl_overwrite input[type = "time"] {
	padding: 5px;
	width: 80px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	color: #666666;
	/*text-align: center;*//* 中央寄せが効かない？ */
	outline-color: #4D90FE;
}

.cls_tbl_kukan_last input[type = "time"]:invalid {
	color: #E44E5B;
}

/*===========================================================================*/
/* 区間データ入力[更新ボタン部分]                                            */
/*===========================================================================*/
.cls_kkn_button {
	margin: 0px auto 0px auto;
	width: 100%;
	text-align: center;
}

.cls_kkn_button button[type = "button"] {
	margin: 0px 5px 0px 5px;
	padding: 10px;
	width: 40vw;
	height: auto;
	border: none;
	background-color: #FFFFFF;
	outline-color: #4D90FE;
	color: #4682B4;/* 色:steel blue */
	font-weight: bold;
}

/*===========================================================================*/
/* 入力済みデータ修正[xx部分]                                                */
/*===========================================================================*/
.cls_modify_load {
	height: auto;
	width: auto;
	margin: 0 0 10px 0;
	text-align: left;
}

.cls_modify_load input[type = "checkbox"] {
	display: none;/* チェックボックスを無効にする */
}

.cls_modify_load i#ida_load_symbol {
	transform: rotate(0deg);
	transition: 0.3s;
	color: #668AD8;
}

.cls_modify_load input:checked + label > i#ida_load_symbol {
	transform: rotate(135deg);
	transition: 0.3s;
	color: #1FBACD;/* #E44E5B */
}

.cls_modify_load label {
	position: absolute;
	right: 10px;
	display: inline-block;
	width: auto;
	padding: 3px 10px 3px 10px;
	background-color: #FFFFFF; /* エメグリ:#1FBACD, 空:#B7DEFF; */
	border: 1px solid #668AD8;
	text-align: center;
	border-radius: 100vh;
	vertical-align: middle;
	color: #668AD8;/* #4585ED #666666 #8470FF #4585ED */
}

.cls_modify_load input:checked + label {
	border: 1px solid #1FBACD;
	color: #1FBACD;
}

/* 修正データスペース */
.cls_modify_load div {
	/*margin-top: 2px;*/
	width: auto;
	background-color: #FFFFFF;
	text-align: center;
	/* 閉じている状態 */
	border-top: 0 #FFFFFF solid;
	padding-top: 0;
	padding-bottom: 0;
	/* 閉じるアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 修正データスペース */
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify {
	/* 開いている状態 */
	border-bottom: 1px #668AD8 solid;
	padding: 5px;
	/* 開くアニメーション */
	transition:
		border-top     .3s ease-out,
		padding-top    .3s ease-out,
		padding-bottom .3s ease-out;
}

/* 上部の区間No */
.cls_slct_kukan {
	width: 20vw;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	color: #666666;/* 色:sea green #2E8B57 */
	outline: none;
	direction: rtl;
}

/* 下部の説明エリア */
.cls_modify_dcpt {
	margin: 0px;
	width: auto;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}

/*===========================================================================*/
/* 入力済みデータ修正[修正テーブル部分]                                      */
/*===========================================================================*/
/* 閉状態 */
.cls_tbl_modify {
	margin: 0px;
	height: 0px;
	width: 0px;
	/* 閉じている状態 */
	padding: 0px;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

.cls_tbl_modify th:last-of-type {
	text-align: right;
}

/* 閉状態 */
.cls_modify_load p {
	width: 100%;
	color: #4682B4;/* 色:steel blue */
	background: linear-gradient(to left, #FFFFFF, #F0FFF0 50%, #FFFFFF 100%);/* 色:honeydew */
	/* 閉じている状態 */
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

/* 閉状態 */
.cls_modify_load table > tbody > tr > td > i,
.cls_modify_load input[type = "number"]
{
	display: none;
	opacity: 0;
	visibility: hidden;
}

/* 開状態table */
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > p,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > th,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > td,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > th > div,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > th > span,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > td > div
{
	height: auto;
	width: auto;
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table {
	margin: 10px auto 10px auto;
	height: auto;
	width: auto;
	/* 開いている状態 */
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		line-height .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > td > i,
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > td > input
{
	display: inline-block;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		display     .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

/* 開状態 */
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > table > tbody > tr > th {
	padding-left: 10px;
}

.cls_tbl_overwrite {
	margin-left: auto;
	margin-right: auto;
}

.cls_tbl_overwrite th:last-of-type {
	text-align: right;
}

/*===========================================================================*/
/* 入力済みデータ修正[更新ボタン部分]                                        */
/*===========================================================================*/
.cls_modify_load button[type = "button"],
button#ida_btn_overwrite {
	margin: 0px auto 0px auto;
	padding: 10px;
	width: 40vw;
	height: auto;
	border: none;
	background-color: #FFFFFF;
	outline-color: #4D90FE;
	color: #668AD8;/* 色:ネイビー青, #4585ED:sky blue, #4682B4:steel blue */
	font-weight: bold;
	text-align: center;
}

.cls_modify_load button[type = "button"], 
.cls_modify_load button[type = "button"] > p
{
	/* 閉じている状態 */
	display: none;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		display     .3s ease-out,
		opacity     .1s linear,
		visibility  .1s linear;
}

.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > button[type = "button"],
.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > button[type = "button"] > p
{
	/* 開いている状態 */
	display: block;
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		display     .3s ease-out,
		opacity     .1s linear .1s,
		visibility  .1s linear .1s;
}

.cls_modify_load button[type = "button"] > p > i {
	/* 閉じている状態 */
	display: none;
	visibility: hidden;
}

.cls_modify_load input#ida_chk_modify:checked ~ div#ida_dcpt_modify > button[type = "button"] > p > i {
	/* 開いている状態 */
	display: inline-block;
	visibility: visible;
}

/*===========================================================================*/
/* 経過一覧エリア[Swiper]                                                    */
/*===========================================================================*/
.swp_syukei {
	width: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 16px;
	background: #FFFFFF;

	/* Center slide text vertically
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	*/
}

/* ページネーション(下の丸ぽっち) */
.swiper-pagination {
	/*color: #1FBACD;*/
}

/* 全体のスタイル */
.swiper-pagination-bullet {
	/* width: 12px; 幅 */
	/* height: 12px; 高さ */
	/* background: #CCCCCC; */
	/* opacity: 0.5; 半透明（デフォルトでは0.2） */
	outline: none;
}
/* 現在のスライドのスタイル */
.swiper-pagination-bullet-active {
	/* width: 20px; 幅 */
	/* height: 20px; 高さ */
	background: #1FBACD; /* 色：黄色 */
	/* opacity: 1; 不透明 */
	outline: none;
}

/* swiper次へボタン */
.swiper-button-next-pat1 {
	right: 0px;
}

/* swiper戻るボタン */
.swiper-button-prev-pat1 {
	left: 0px;
}

.swiper-button-prev-pat1,
.swiper-button-next-pat1 {
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 追加 */
	width: 16px;
	height: 80px;
	background-color: rgba(255, 255, 255, 0.6);
	transition: .3s;
	outline: none;
}

/*===========================================================================*/
/* 経過一覧エリア                                                            */
/*===========================================================================*/
/* タイムスタンプ */
.cls_time_stamp {
	margin: 10px 0 0 0;
	width: 100%;
	text-align: right;
	font-size: 10px;
	color: #CCCCCC;
}

/* ページネーション用スペース */
.cls_div_pag_space {
	margin-bottom: 10px;
}

/*------------------------------------//
// 集計結果(Total)
//------------------------------------*/
/* 集計結果(Total) */
table.cls_tbl_syukei_head {
	margin: 0px 0px 10px 0px;
	table-layout: fixed;
	width: 100%;
}

.cls_tbl_syukei_head th {
	padding: 5px;
	background-color: #E6FFF0; /* linen:#EEE7E0 */
	border-bottom: 1px solid #DDDDDD;
	color: #4682B4;/* 色:steel blue, sienna:#815B39 */
	text-align: center;
}

.cls_tbl_syukei_head td {
	padding: 5px;
	background-color: #F3F4F8; /* ghost white */
	border-bottom: 1px solid #DDDDDD;
	color: #1B5BA8; /* steel blue */
	text-align: center;
}

.cls_tbl_syukei_head th:first-child, .cls_tbl_syukei_head td:first-child {
	border-right: 1px solid #DDDDDD;
}

.cls_tbl_syukei_head th:last-child, .cls_tbl_syukei_head td:last-child {
	border-left: 1px solid #DDDDDD;
}

/*------------------------------------//
// 集計結果(初当り区間)
//------------------------------------*/
table.cls_tbl_keika_head {
	margin: 0px 0px 10px 0px;
	table-layout: fixed;
	width: 100%;
}

.cls_tbl_keika_head th {
	padding: 5px;
	background-color: #E5EBF7; /* alice blue */
	border-bottom: 1px solid #DDDDDD;
	color: #1B5BA8; /* steel blue */
	text-align: center;
}

.cls_tbl_keika_head td {
	padding: 5px;
	background-color: #F3F4F8; /* ghost white */
	border-bottom: 1px solid #DDDDDD;
	color: #1B5BA8; /* steel blue */
	text-align: center;
}

.cls_tbl_keika_head th:first-child, .cls_tbl_keika_head td:first-child {
	border-right: 1px solid #DDDDDD;
}

.cls_tbl_keika_head th:last-child, .cls_tbl_keika_head td:last-child {
	border-left: 1px solid #DDDDDD;
}

/*------------------------------------//
// 区間データ
//------------------------------------*/
table.cls_tbl_syukei_body {
	/*table-layout: fixed;*/
	/*width: 80%;*/
	/*margin: 0% 10% 0% 10%;*/
	margin: 10px auto 10px auto;
	empty-cells: show;
}

.cls_tbl_syukei_body th {
	/*width: 40%;*/
	padding: 0px 5px 0px 5px;
	text-align: left;
}

.cls_tbl_syukei_body td {
	/*width: 40%;*/
	padding: 0px 5px 0px 5px;
	text-align: right;
}

/*------------------------------------//
// 当選詳細
//------------------------------------*/
table.cls_tbl_syukei_foot {
	/*table-layout: fixed;*/
	/*width: 80%;*/
	/*margin: 0% 10% 0% 10%;*/
	margin: 10px auto 10px auto;
	empty-cells: show;
}

.cls_tbl_syukei_foot th {
	/*width: 20%;*/
	padding: 0px 5px 0px 5px;
	text-align: right;
}

.cls_tbl_syukei_foot th:first-child {
	/*width: 40%;*/
	text-align: left;
}

.cls_tbl_syukei_foot td {
	/*width: 20%;*/
	padding: 0px 5px 0px 5px;
	text-align: right;
}

/*===========================================================================*/
/* 最終区間データ入力                                                        */
/*===========================================================================*/
.cls_result_view {
	display: none;

	margin: 10px auto 0px auto;
	width: 100%;
	text-align: center;
}

.cls_result_view button[type = "button"] {
	margin: 0px 5px 0px 5px;
	padding: 10px;
	width: 120px;
	height: auto;
	border: none;
	background-color: #FFFFFF;
	outline-color: #4D90FE;
	color: #4682B4;/* 色:steel blue */
	font-weight: bold;
}

.cls_div_social_connect {
	display: block;
	margin-bottom: 10px;
}

.cls_result_send {
	margin: 10px auto 10px auto;
	width: 100%;
	text-align: center;
}

.cls_result_send button[type = "submit"] {
	margin: 0px 5px 0px 5px;
	padding: 10px;
	width: 120px;
	height: auto;
	border: none;
	background-color: #FFFFFF;
	outline-color: #4D90FE;
	color: #4682B4;/* 色:steel blue */
	font-weight: bold;
}

/*===========================================================================*/
/* 実戦結果                                                                  */
/*===========================================================================*/
.cls_div_decorate {
	margin: 0px auto 0px auto;
	width: calc(100% - 30px);
	padding-top: 32px;
	padding-bottom: 10px;
	background-color: #FFFEE8;/*#EEE7E0; #F9F6D4;*/
	background-image: url("../img/hole8.png");
	background-repeat: repeat-x;
	text-align: left;
	font-size: 12px;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}

.cls_div_decorate p {
	margin: 0px 10px 0px 10px;
	padding: 8px 10px 0px 8px;
	width: 94%;
	border-bottom: 1px solid #CDCDCD;
	color: #825B37;
	font-size: 10px;
}

.cls_div_note {
	margin: 0px 10px 0px 10px;
	background-image:
	linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #000000 100%);
	background-size: 100% 2em;
	line-height: 2em;
	padding: 2em 1em 0.2em 1em;
	color: #825B37;
}

.cls_tbl_kmemo {
	margin: 0 3% 0 3%;
	width: 94%;
	empty-cells: show;
}

.cls_tbl_kmemo tr,
.cls_tbl_kmemo th,
.cls_tbl_kmemo td
{
	padding-top: 5px;
	border-bottom: 1px solid #CDCDCD;
}

.cls_tbl_kmemo th {
	text-align: left;
	color: #825B37;
}

.cls_tbl_kmemo td {
	text-align: right;
	color: #D2691E; /* chocolate */
	/* sharp blue :#8080E0; sienna:#A0522D */
}

.cls_div_result_view {
	position: relative;
	margin: 10px auto 5px auto;
	width: 90vw;
	height: calc(90vw * 0.5625);
	z-index: 0;

	background-color: #FFFFFF;
	/*text-align: right;*/
	/* background: linear-gradient(-75deg, #F8D72B 0%, #F8D72B 60%, #FFFFFF 60%, #FFFFFF 100%);*/
	/* ﾊﾟﾁﾏｶﾞｽﾛﾏｶﾞFree色:background: linear-gradient(-75deg, #3E58B8 0%, #3E58B8 60%, #FFFFFF 60%, #FFFFFF 100%);*/
	background: linear-gradient(-75deg, #EA4235 0%, #EA4235 60%, #F0F8FF 60%, #F0F8FF 100%);

	/* 枠 */
	border-top: 3px solid #d8dcdc;
	border-right: 3px solid #666;
	border-bottom: 3px solid #333;
	border-left: 3px solid #868888;
	border-radius: 0;

	/*border-top: 4px solid #d8dcdc;
	border-right: 4px solid #666;
	border-bottom: 4px solid #333;
	border-left: 4px solid #868888;
	border-radius: 0;
	background-image: -webkit-linear-gradient(135deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
	background-image: linear-gradient(-45deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);*/

	/* 虹背景*/
	/*background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
	background-size: 1800% 1800%;

	-webkit-animation: rainbow 18s ease infinite;
	-z-animation: rainbow 18s ease infinite;
	-o-animation: rainbow 18s ease infinite;
	  animation: rainbow 18s ease infinite;*/
}

.cls_div_result_view img#ida_img_daipng {
	width: 37%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;
}

/* ランクメダル(テスト) */
.cls_div_result_view img#ida_img_rank_s_png {
	width: 30%;
	height: 53%;

	position: absolute;
	top: 45%;
	left: 34%;

	transform: rotate(-30deg);

	/* 回転 */
	/*animation:4s linear infinite rotation3;*/
}

/* ランクS,A,B,C,F(画像) */
img#ida_img_rank0,
img#ida_img_rank1,
img#ida_img_rank2,
img#ida_img_rank3,
img#ida_img_rank4 {
	width: 27%;
	height: 48%;

	position: absolute;
	top: 40%;
	left: 31%;
	z-index: 4;

	/* 回転 */
	animation:4s linear 1 rotation3;
}

/* メダル回転アニメーション */
@keyframes rotation3 {
	0%{ transform:rotateY(0);}
	100%{ transform:rotateY(360deg); }
}

.cls_div_result_view img#ida_img_crpng {
	width: 60%;
	height: auto;

	background-color: rgba(255, 255, 255, 0.3);

	position: absolute;
	bottom: 0%;
	left: 0%;
	z-index: 5;
}

.cls_div_result_logo {
	padding: 0 1% 0 1%;
	width: 15%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	/* むらさき:background-color: rgba(106, 90, 205, 0.8);
	background-color: rgba(255, 255, 0, 0.5);
	border-radius: 100%;*/
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;

	position: absolute;
	bottom: 0;
	right: 0;

	/* ななめ補正
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);*/
}

.cls_div_result_logo img {
	width: 100%;
	height: 100%;
}

.cls_fnt_fmly {
	font-family: 'Hachi Maru Pop', cursive;
	/*font-family: 'Reggae One', cursive;*/
	/*font-family: 'GenEi';*/
	font-size:24px;
	font-weight: normal;
	color: #6A5ACD;/* 1FBACD */
}

/* 機種名 */
.cls_div_result_title {
	width: 63%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;

	position: absolute;
	top: 5%;
	right: 0%;

	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);

	box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
}

.cls_div_result_title p {
	width: 100%;
	padding: 5px 10px 5px 15px;
	white-space: nowrap;
	overflow: hidden;
	color: #333333;

	font-family: 'GenEi';
	font-size: 12px;
	text-align: left;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	/*text-shadow: 0px 0px 1px #EA4235;*/
	text-shadow: 0px 0px 1px rgba(234, 66, 53, 0.5);
}

/* 期待収支 */
.cls_div_result_kitai {
	width: 61%;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: linear-gradient(to right, #000000 95%, #FFFFC0 100%);*/
	background-color: #333333;
	/* ﾊﾟﾁﾏｶﾞｽﾛﾏｶﾞFree色:background-color: #1F2C5C;*/

	position: absolute;
	top: 22%;
	right: 0%;

	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);

	box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
}

.cls_div_result_kitai p {
	width: 100%;
	padding: 5px 5px 5px 5px;
	white-space: nowrap;
	overflow: hidden;
	color: #FFFFFF;

	font-family: 'GenEi';
	font-size: 14px;
	text-align: right;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
}

.cls_div_result_kitai span#ida_spn_rslt_kitai1 {
	vertical-align: top;
	text-align: left;
	font-size: 12px;
}

.cls_div_result_kitai span#ida_spn_rslt_kitai2 {
	font-size: 20px;
	/* ブリンク
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-name: string_blink_Anime1;*/
}

@keyframes string_blink_Anime1 {
	  0% { color: #FFFFFF }
	 70% { color: #FFFFFF }
	100% { color: #000000 }
}

/* 回転率 */
.cls_div_result_kaiten {
	width: 42%;
	top: 43%;
}

/* 平均単価 */
.cls_div_result_tanka {
	width: 39%;
	top: 56%;
}

/* 時給 */
.cls_div_result_zikyu {
	width: 37%;
	top: 69%;
}

/* 実収支 */
.cls_div_result_syushi {
	width: 39%;
	top: 82%;
}

/* 結果画面（小帯） */
.cls_div_result_kaiten,
.cls_div_result_tanka,
.cls_div_result_zikyu,
.cls_div_result_syushi {
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: linear-gradient(to right, #000000 95%, #FFFFC0 100%);*/
	background-color: #2B2B2B;
	/* ﾊﾟﾁﾏｶﾞｽﾛﾏｶﾞFree色:background-color: #1F2C5C;*/

	position: absolute;
	right: 0%;

	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
}

/* 結果画面（小帯の中身） */
.cls_div_result_kaiten p,
.cls_div_result_tanka p,
.cls_div_result_zikyu p,
.cls_div_result_syushi p {
	width: 100%;
	padding: 3px 9px 3px 3px;
	white-space: nowrap;
	overflow: hidden;
	color: #FFFFFF;

	font-family: 'GenEi';
	font-size: 10px;
	text-align: right;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
}

/*===========================================================================*/
/* 虹背景パーツ                                                              */
/*===========================================================================*/
.rainbow_wrapper { 
	height: 100%;
	width: 100%;
	left:0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
	background-size: 1800% 1800%;

	-webkit-animation: rainbow 18s ease infinite;
	-z-animation: rainbow 18s ease infinite;
	-o-animation: rainbow 18s ease infinite;
	  animation: rainbow 18s ease infinite;
}

@-webkit-keyframes rainbow {
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}
@keyframes rainbow { 
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}

/*===========================================================================*/
/* 実戦結果[スワイパー]                                                      */
/*===========================================================================*/
.swp_result {
	width: 100%;
}

/* swiper次へボタン */
.swiper-button-next-pat2 {
	right: 0px;
}

/* swiper戻るボタン */
.swiper-button-prev-pat2 {
	left: 0px;
}

.swiper-button-prev-pat2,
.swiper-button-next-pat2 {
	position: absolute;
	top: 46%;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 追加 */
	width: 16px;
	height: 80px;
	background-color: rgba(255, 255, 255, 0);
	transition: .3s;
	outline: none;
}

.cls_krank_dcpt {
	margin: 0 10px 0 10px;
	text-align: center;
}

.cls_social_icon {
	margin-right: 10px;
}

.cls_tbl_krank {
	margin: 0 auto 0 auto;
	width: 70%;
	border-collapse: separate;
	border-spacing: 0 4px;
}

.cls_tbl_krank th,
.cls_tbl_krank td
{
	padding: 0 0 0 10px;
	text-align: left;
	font-size: 12px;
}

.cls_tbl_krank th[colspan] {
	padding: 0 0 0 5px;
	border-left: 3px solid #666666;
	border-bottom: 1px solid #666666;
	/*border-image: linear-gradient(to right, #B7DEFF 0%, #FFFFFF 100%);
	border-image-slice: 1;*/
	text-align: left;
	color: #000;/*#4682B4;*/
}

.cls_tbl_krank th {
	border-left: 3px solid #666666;
	border-bottom: 1px solid  #666666;
	/*border-image: linear-gradient(to right, #B7DEFF 0%, #DDEEFF 100%);
	border-image-slice: 1;*/
	color: #666666;
}

.cls_tbl_krank td {
	border-bottom: 1px solid #666666;
	/*border-image: linear-gradient(to right, #DDEEFF 0%, #FFFFFF 100%);
	border-image-slice: 1;*/
	color: #666666;
}

/*===========================================================================*/
/* メモ帳                                                                    */
/*===========================================================================*/
.cls_div_memo {
	margin: 20px 0 20px 0;
	text-align:right;
}

/* テキストエリア */
textarea#ida_txa_memo {
	width: calc(100% - 2px);	/* 幅 */
	border: 1px solid #4585ED;	/* 枠線 */
	border-radius: 0.67em;		/* 角丸 */
	padding: 5px;				/* 内側の余白量 */
	background-color: #FFFFFF;	/* 背景色 */
	box-sizing: border-box;		/* ※これがないと横にはみ出る */
	color: #4682B4;				/* 色:steel blue */
	font-size: 16px;			/* 文字サイズ */
	line-height: 1.2;        	/* 行の高さ */
	outline: none;
	/*outline-color: #1FBACD;		 選択時の外枠 */
	/*outline-width: 2px;			 選択時の外枠の太さ */
	resize: none;
}

/* 入力欄に薄っすらと書いてあるやーつ */
textarea#ida_txa_memo::placeholder {
	color: #CCCCCC;
}

textarea#ida_txa_memo::moz-selection, 
textarea#ida_txa_memo::selection {
	backgrond: none;
}

/* コピー/消去ボタン */
.cls_btn_memo {
	margin-top: 10px;
	margin-left: 10px;
	padding: 7px;
	width: 25%;
	background-color: #45AFED;/*#668AD8;*/
	border: none;
	border-radius: 5px;
	color: #FFFFFF;
	outline: none;
}

/* クリック時の色 */
.cls_btn_memo:active {
	background: #45D9ED;/*#45AFED;*/
}

/*===========================================================================*/
/* フッター                                                                  */
/*===========================================================================*/
.cls_div_debug {
	text-align: left;
}

.cls_div_debug p {
	line-height: 1.5;
}

.cls_div_box_ctr_top {
	margin: 0;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
}

hr#ida_hr_footer {
	 border-width: 1px;
}

/*===========================================================================*/
/* テスト用CSS                                                               */
/*===========================================================================*/