@media screen and (max-width: 769px){
}
@media screen and (max-width: 480px){
}

/* タイトルバー01型(+ナビゲーション) */
.title_block a{color: #fff}
.title_block,.title_block_inner{width: 100%;}
.title_block_inner {margin: 0 auto;position: relative;}
.title_block_inner:after {content: "";clear: both;display: block;}
#top-head,#top-head_nofix{width: 100%;}
#top-head,#top-head_nofix {position: absolute;margin: 100px auto 0;top: -100px;line-height: 1;z-index: 999;text-decoration: none;}
#top-head a,#top-head_nofix a{text-decoration: none;}
#top-head.fixed {margin-top: 0;top: 0;position: fixed;height: 50px;background: rgba(0,0,0,.9);/*transition: top 0.65s ease-in;-webkit-transition: top 0.65s ease-in;-moz-transition: top 0.65s ease-in;*/}
@media screen and (max-width: 769px){
	.title_block_inner,#mobile-head,#global-nav,#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a{width:100%;}
	.title_block_inner {padding: 0;}
	#top-head,#top-head_nofix {padding: 0;top: 0;position: fixed;margin-top: 0;}
	#top-head.fixed {padding-top: 0;background: transparent;}	/* Fixed reset */
}

.head_pc{display: block; height: 50px; line-height: 50px; margin-left: 20px; float: left;letter-spacing:0.1em;font-family: 'texgyreeadventorr', sans-serif;}
.head_pc_text_shadow{text-shadow: 0px 0px 5px black;}
.head_mb{display: none}
@media screen and (max-width: 769px){
	.head_pc{display: none}
	.head_mb{display: block;background-color: transparent;}


}

.header_logo_img_l{width: 250px; margin-top: 10px;}
.header_logo_img_s{width: 150px; margin-top: 10px;}
.header_logo_mb{height: 50px; line-height: 50px; float: left;letter-spacing:0.1em;font-family: 'texgyreeadventorr', sans-serif;}
.header_logo_img_mb{width: 36px; height: 36px; margin: 5px;}
.menu_font_arr_jp{font-size: 0.8em; font-weight: 300;}

#global-nav ul {position: absolute;line-height: 50px;margin: 0;right: 0;font-size: 14px; font-family: Brandontext, sans-serif}
#global-nav ul li {float: left;}
#global-nav ul li a {padding: 0 30px;}

.nav-toggle_position {position: relative;}
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px;width: 34px;height: 36px;cursor: pointer;z-index: 101;}
#nav-toggle span {display: block;position: absolute;height: 2px;width: 100%;background: #ccc;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
@media screen and (max-width: 769px){
	#mobile-head {background: rgba(0,0,0,0);height: 50px;z-index: 999;position: relative;}
	#global-nav {position: absolute; line-height:20px;  /* 開いてないときは画面外に配置 */top: -505px;background: #333;text-align: center;padding: 0;-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;transition: .2s ease-in-out;}
	#global-nav ul {position: static; line-height: 20px; margin-right: 5px; padding: 0; right: 0;bottom: 0;font-size: 14px;}
	#global-nav ul li {float: none;position: static;}

	#top-head #global-nav ul li a,#top-head.fixed #global-nav ul li a {display: block;color: #fff;padding: 18px 0;}

	#nav-toggle {display: block;}

	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
	.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
	.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}

	/* #global-nav スライドアニメーション */
	.open #global-nav {-moz-transform: translateY(550px);-webkit-transform: translateY(550px);transform: translateY(550px);}
	.open #mobile-head{background-color: #333; border-bottom: solid 1px #333;}
}

/* タイトルバー01型に付随する　サブメニュー類 */
.submenu_text_type{ position: relative; height: 50px; line-height: 50px; top: 0; left: 0; background-color: rgba(0,0,0,0.9); color: #fff; font-size: 14px; font-family: Brandontext, sans-serif; z-index: 999;}
.submenu_text_type_in{ padding: 0 30px; float:right; color: #fff;}
.submenu_icon_type{ position: relative; height: 50px; top: 0; left: 0; background-color: rgba(0,0,0,0.9); z-index: 999;}
@media screen and (max-width: 769px){
	.submenu_text_type{ height: auto; line-height: 50px; text-align: center;}
	.submenu_text_type_in{float:none;}
}
/* タイトルバー01型に付随する　サブメニュー類（吹き出しパネルスタイル）*/
.login_panel_top_angle,.login_panel_top_angle_ma{position: absolute; width: 8px; top: 50px; border-right: 5px solid transparent; border-bottom: 8px solid rgba(0,0,0,.7); border-left: 5px solid transparent;}
.login_panel_top_angle{right: 60px;}
.login_panel_top_angle_ma{right: 140px;}
.login_panel_box{position: absolute; width: 300px; top: 56px; right: 30px; background-color: rgba(0,0,0,.7); border-radius: 3px; color: #fff; font-family: 'texgyreeadventorr', sans-serif; font-weight: 200;box-shadow: 0px 0px 8px black;font-size: 12px;}
.login_panel_box_in1{width: 240px; height: 70px; margin: 20px auto;}
.login_panel_box_in2{width:240px; margin: 20px auto;}

/*.login_panel_btn1nu_bb系との兼ね合いでスタイルで埋める*/
.login_panel_btn2{width: 240px; height: 30px; line-height: 30px; border-radius: 3px; background-color: #f1f1f1; color: #111; text-align: center;}
.login_panel_btn3{width: 240px; height: 30px; line-height: 30px; color: #fff; text-align: center;}
.lgi_ttl{width: 90px; height: 30px; line-height: 30px; font-size: 12px; float: left; margin-bottom: 5px;}
.lgi_nyuryoku_out{width: 150px; height: 30px; float: left; margin-bottom: 5px;}
.lgi_it{width: 150px; height: 30px; border-radius: 3px; border: solid 1px #aaa;}
@media screen and (max-width: 769px){
	.login_panel_top_angle{display: none;}
	.login_panel_box{position: absolute; width: 100vw; top: 50px;right: 0;}
}

/* welcoeme画面　アイキャッチとメイン検索周り*/
.fixed_search_box_out{ position: absolute;width:450px; line-height: 1.6em; top: calc(50% - 25px); left: calc(50% - 205px); color: #fff; font-family: 'texgyreeadventorr', sans-serif;}
.fixed_search_box_it{width: 400px; height: 50px; border: solid 1px rgba(255,255,255,0); border-radius: 7px 0px 0px 7px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); background-color: rgba(255,255,255,0.8); font-size: 1.2em; text-align: center; float: left;}
.fixed_search_btn{width: 50px; height: 50px; line-height: 46px; border-radius: 0px 7px 7px 0px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);color:#fff; text-align: center; float: left;}
.fixed_decolation_scroll{position: absolute; top: 50%; right: 10px; transform: rotate(90deg); color: #fff; font-size: 10px; font-family:'Brandontext', sans-serif;letter-spacing: 0.4em;}

.fixed_text_k3po_style{position: absolute; top: calc(50% - 25px); left: 50px; font-size: 3rem; color: #fff; text-shadow: 0px 0px 5px black; font-family:'texgyreeadventorr'; letter-spacing: 0.2em; font-weight:100;}
.fixed_text_teal_style{position: absolute; top: calc(50% - 150px); left: 50px; font-size: 6rem; color: #fff; text-shadow: 0px 0px 5px black; font-family:texgyreeadventorb;}
.fixed_text_harbor_style{position: absolute; line-height: 1.6em; top: calc(50% - 37px); left: 40px; color: #fff; font-family: 'texgyreeadventorr', sans-serif; font-weight: 200;}
.fixed_text_cast_style{position: absolute; line-height: 1.6em; top: calc(50% - 300px); left: calc(50% - 150px); color: #fff; font-family:sans-serif; font-weight: 200;}
.fixed_text_tailwind_style{position: absolute; top: calc(50% - 150px); left: 0px; width: 100%; font-size: 6rem; color: #fff; text-shadow: 0px 0px 5px black; font-family:'texgyreeadventorb'; text-align: center;}
.fixed_text_tailwind_style_sub{font-size: 2.3rem}

.fixed_text_ads_style{position: absolute; top: calc(50% - 220px); left: 0px; width: 100%; font-size: 6rem; color: #fff; text-shadow: 0px 0px 5px black; font-family:'texgyreeadventorb'; text-align: center;}

@media screen and (max-width: 769px){
	.fixed_search_box_out{width: calc(100% - 40px); top: calc(50% - 25px); left: 20px;}
	.fixed_search_box_it{width: calc(100% - 50px);}
	.fixed_decolation_scroll{position: absolute; top: 70%;right: -20px;}
	.fixed_text_k3po_style{top: calc(50% - 25px); left: 50px; font-size: 1.5rem; letter-spacing: 0.05em; font-weight:100;}
	.fixed_text_teal_style{top: 20%; left: 50px; font-size: 10vw;}
	.fixed_text_harbor_style{top:30%; mix-blend-mode:exclusion;}
	.fixed_text_tailwind_style{top: 5%; left: 0; font-size: 13vw;}
	.fixed_text_tailwind_style_sub{font-size: 1.8rem}
	.fixed_text_ads_style{position: absolute; top: 20%; left: 0px; width: 100%; font-size: 6rem; color: #fff; text-shadow: 0px 0px 5px black; font-family:'texgyreeadventorb'; text-align: center;}
}

/*welcoeme画面  ログインレイアウト*/
.title_block_login{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 10px; color: rgba(0, 0, 0, 0.8); background-color: rgba(255, 255, 255, 0.6);border-bottom: solid 1px rgba(194, 194, 194, 0.8); overflow: hidden; white-space: nowrap;}
.logo_block_login{width: 300px; height: 300px; margin: 0 auto; border-radius: 5px; margin-top: 20px; background-color: rgba(255, 255, 255, 0.0);}

.login_control_block{width: 300px; height: 190px; margin: 0 auto; border-radius: 5px;background-color: rgba(255, 255, 255, 0.80);}
.login_control_block_in_1{padding: 15px; height: 100px;}
.login_control_block_in_2{width:270px; margin: 0 auto; margin-top: 10px;}
.login_control_block_in_3{width: 300px; padding-left: 10px; padding-right: 10px;  font-size: 9px; color: #476de9; text-align: center;}
.lpgin_control_sep_1{border-bottom: solid 1px #ccc;; width: 300px; margin-top: 10px; margin-bottom: 10px;}
.lgi_ttl{width: 90px; height: 30px; line-height: 30px; font-size: 14px;  float: left; margin-bottom: 5px; color: #4a73eb}
.lgi_nyuryoku_out{width: 150px; height: 30px; float: left; margin-bottom: 5px;}
.lgi_it{width: 180px; height: 30px; border-radius: 3px; border: solid 1px #aaa;}

/* welcoeme画面 about周り 割と汎用 */
.contents_box_type1{min-height:100vh; width: 100%;}
.contents_box_typefoot{width: 100%; background-color: #111;}
.contents_space_60{width: 100%; height: 20px; margin-top: 60px;}
.contents_ttl_k3_style1,.contents_ttl_k3_style3{margin: 60px 60px 60px 60px; font-size: 7rem; letter-spacing:0.5em; text-align: center;font-family:'Lato-Hairline',Helvetica,Arial,sans-serif;}
.contents_ttl_k3_style2{margin-top: -50px; margin-bottom: 50px; font-size: 0.7rem; letter-spacing: 0.4rem; font-weight: 100;text-align:center;}
@media screen and (max-width: 769px){
	.contents_ttl_k3_style1{margin: 60px auto; font-size: 2em; font-weight: 600;}
	.contents_ttl_k3_style3{margin: 60px auto; font-size: 1.8em; letter-spacing:0.2em; font-weight: 600;}
}
.contents_sub_ttl_k3_style1_jp{height: 30px; line-height: 2em; margin: 120px 60px 0 60px; font-size: 0.9em; font-weight: 400;}
.contents_sub_ttl_k3_style1_border{width: 100px; height: 1px; margin: 0 auto; margin-bottom: 60px; border-bottom: solid 1px #222;}
.contents_con_txt_1col{width: calc(100% - 120px); line-height: 2em; margin: 60px; font-size: 0.9em; font-weight: 100; text-align: justify; display: inline-table;}
.contents_con_txt_2col{width: calc(50% - 120px); line-height: 2em; margin: 60px; font-size: 0.9em; font-weight: 100; text-align: justify; display: inline-table; float: left;}

.contents_con_txt_1col_tw_style{width: calc(100% - 120px); line-height: 2em; margin: 60px; font-size: 1.1em; font-weight: 100; text-align: justify; display: inline-table;}
@media screen and (max-width: 769px){
	.contents_con_txt_1col_tw_style{width: calc(100% - 40px); line-height: 1.5rem; margin: 20px; font-size: 1rem; font-weight: 100; text-align: justify; display: inline-table;}
}




/* ログイン後のレイアウト頭と右左の大枠、あるいは全面使用*/
.containe{width: 100%}
.containe_left{width: 200px; min-height: calc( 100vh - 51px) ; height: 100%; border-right: solid 1px #414141; float: left;background-color: #515151;}
.containe_right{width: calc(100% - 221px); min-height: calc( 100vh - 51px); float: left; padding: 0;}

/* ページタイトルテンプレート内 */
.ttl_box_out_for_1btn{float: left; width: calc(100% - 91px); height: 60px; padding-left:20px; text-align: left; overflow: hidden; background: linear-gradient(90deg, #f3f3f3 0%, #ffffff 69.87%)}
.ttl_box_out{float: left; width: 50vw; height: 60px; padding-left: 20px; text-align: left; overflow: hidden; background: linear-gradient(90deg, #f3f3f3 0%, #ffffff 69.87%)}
.ttl_box_line_1{height: 30px; line-height: 20px; padding-top: 10px; font-size: 14px; color: #fff; overflow: hidden; text-shadow: 0px 0px 3px black}
.ttl_box_line_2{height: 20px; line-height: 10px; padding-top: 10px; font-weight: normal; font-size: 12px;color: #777}
.normal_ctrl_btn{float: right; font-size: 12px; border-left: solid 1px #eee; line-height: 30px; padding: 15px; height: 60px;}
.normal_ctrl_btn:active{background: #405da0; color: #fff;}

.kobetsu_title{ height: 60px; line-height: 60px; font-weight: 600; text-align: left; font-size: 14px; background-color: #fff; color: #333; border-bottom: solid 1px rgba(194, 194, 194, 0.6); overflow: hidden; user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.kobetsu_title_cast_style{width:100%; height:60px; line-height:60px; margin-top:50px; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc; font-size:14px; font-weight:600; user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; overflow:hidden; z-index: 3;}

.kobetsu_title_cast_style.fixed2{position: fixed; top: 0px; left:0; border-top: solid 1px #333;border-bottom: solid 1px #333;background-color: rgba(0,0,0,0.9);}
.kobetsu_title_cast_style.fixed2 .ttl_box_out{background: transparent;}
.kobetsu_title_cast_style.fixed2 .ttl_box_line_2{color: #eee;}
.kobetsu_title_cast_style.fixed2 .normal_ctrl_btn{border-left: solid 1px #333; color: #fff; }

/*レイアウト内左メニュー*/
.main_btn_on_check{position: absolute;width: 10px;height: 10px;border: 1px solid #414141;border-color:  transparent transparent #414141 #414141;transform: rotate(45deg);top: 25px;left: 194px;background-color: #fff;}
.main_btn{width: 200px; height: 60px; line-height: 50px; font-size: 14px; padding: 5px; border-bottom: solid 1px #666; border-right: solid 1px #414141; position: relative;background-color:#414141; color:#fff;}

/*汎用テーブル小物*/
.table_th_in{ padding: 5px; overflow: hidden; font-size: 12px;}
.table_td_in{ padding: 5px; height: 30px; overflow: hidden; white-space: nowrap;}

/*汎用登録画面*/
.ibox_1{width: 370px; height: 30px; margin-bottom: 5px; overflow: hidden;}
.ibox_2{width: 100%; height:60px; margin-bottom: 5px; overflow: hidden;}
.ittl_1{width: 120px; height: 30px; line-height: 30px; color: #6675b3; font-size: 12px; font-weight: 600; float: left;}
.iit_1{width: 240px; height: 30px; line-height: 30px; margin: 0; padding: 0px 0px 0px 5px; border-radius: 3px; border: solid 1px #ccc; float: left;}
.iit_2{width: 100px; height: 30px; line-height: 30px; margin: 0; padding: 0px 0px 0px 5px; border-radius: 3px; border: solid 1px #ccc; float: left;}
.ita_1{width: calc(100% - 120px); height: 60px; padding: 0px 0px 0px 5px; border-radius: 3px; border: solid 1px #ccc; float: left;}


/* modaal調整 */
@media screen and (max-width: 480px){
.modaal-inner-wrapper{
	padding: 0 !important;
}
}
/*modaal呼び出し画面周り　基本UNIT内*/
.u_base_font{background-color: #fff; font-family: sans-serif;}
@media screen and (max-width: 480px){
	.u_base_font{width:100%; padding: 20px;}
}

.u_mb_60{margin-bottom: 60px;}
.u_mb_20{margin-bottom: 20px;}
.u_mb_5{margin-bottom: 5px;}


.u_ttl{padding-top: 30px; font-size: 18px; font-weight: 900}
@media screen and (max-width: 480px){
	.u_ttl{padding-top: 60px;}
}
.u_sub_ttl{padding: 20px; font-size: 14px; line-height: 30px;}


.u_s_tit_1{height: 26px; margin: 0px 15px 5px 20px;}
.u_s_tit_2{width: 145px; height: 26px; line-height: 26px; font-size: 12px; color: #5b6e89; float: left;}
.u_s_tit_3{height: 80px; margin: 0px 15px 5px 20px;}
.u_s_tit_4{height: 110px; margin: 0px 15px 5px 20px;}
.u_s_tit_5{height: 210px; margin: 0px 15px 5px 20px;}

.u_s_con_1{width:calc(100% - 150px); height: 26px; line-height: 26px; border-radius: 2px; border: solid 1px #ddd; float: left;}
.u_s_con_2{width:100px; height: 26px; line-height: 26px; margin-right: 5px; border-radius: 2px; border: solid 1px #ddd; float: left;}
.u_s_con_3{width:20px; height: 26px; line-height: 26px;margin-top:2px; border-radius: 2px; border: solid 1px #ddd; text-align: center; float: left;}
.u_s_con_4{width:calc(100% - 255px); height: 26px; line-height: 26px; border-radius: 2px; border: solid 1px #ddd; text-align: left; float: left;}
.u_s_con_5{width:200px; height: 26px; line-height: 26px; margin-right: 5px; border-radius: 2px; border: solid 1px #ddd; float: left;}
.u_s_con_6{width:300px; height: 26px; line-height: 26px; margin-right: 5px; border-radius: 2px; border: solid 1px #ddd; float: left;}
.u_s_con_7{width: 100%; height: 300px; border: solid 1px #ddd; border-radius: 2px;}
.u_s_con_8{width:400px; height: 26px; line-height: 26px; border-radius: 2px; border: solid 1px #ddd; text-align: left; float: left;}
.u_s_con_add{line-height: 26px; font-size: 12px;color: #5b6e89}
.u_s_con_ffl{margin-right:0px; padding-right:0px;display: none;}

.u_s_con11{width: calc(100% - 40px); height: 40px;  margin: 0px auto 60px auto; display: inline-table;}

.u_s_img_box{width: 200px; height: 200px; margin-bottom: 2px;margin-right: 2px;  background-position: center center; background-size: cover; float: left;}
.u_s_img_box_on{border: solid 5px #007cff}
.u_s_section{border: solid 1px #ccc; border-radius: 3px; margin: 10px 0px 10px 0px; padding: 5px; font-size: 12px; font-weight: 600;background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);}
.u_s_it_under_only{border: none 0 transparent; border-bottom: solid 1px #a0bbff; border-radius: 3px;}

.u_s_ta{width: 100%;height: 200px; border-radius: 3px; border: solid 1px #ddd;}
.u_s_ta_2{width: 100%;height: 50px; border-radius: 3px; border: solid 1px #ddd;}
.u_s_ta_3{width: calc(100% - 165px); height: 70px; border: solid 1px #ddd; border-radius: 5px;}
.u_s_ta_4{width:calc(100% - 165px); height: 100px; border: solid 1px #ddd;border-radius: 5px;}
.u_s_ta_5{width:calc(100% - 165px); height: 200px; border: solid 1px #ddd;border-radius: 5px;}

/* UNIT内 1択ボタン */
.u_s_ittaku_btn_l,.u_s_ittaku_btn_r,.u_s_ittaku_btn_c{width: 40px; height: 20px; line-height: 20px; border: solid 1px #d1d1d1; float: left; text-align: center; font-size: 11px; color: gray; letter-spacing: -1px;}
.u_s_ittaku_btn_l{border-right: 0 none transparent; border-radius:3px 0px 0px 3px;}
.u_s_ittaku_btn_c{border-right: 0 none transparent;}
.u_s_ittaku_btn_r{border-radius: 0px 3px 3px 0px;}
.u_s_ittaku_btn_on{border: solid 1px #b95488 ; background: linear-gradient(to bottom, #ef017c 0%,#ff5db1 100%); color: #fff;}

/* UNIT内　決定ボタン*/
.u_main_btn_out{padding: 20px;}
.u_main_btn_in_300{width: 300px; height: 30px; margin:auto;}
.u_main_btn_in_450{width: 450px; height: 30px; margin:auto;}

@media screen and (max-width: 480px){
	.u_main_btn_out{padding: 20px 0px 40px 0px;}
	.u_main_btn_in_450{width: 100%;}
}

/* UNIT内 inpage actionボタン*/
.u_inpage_action{width: 80px; height: 16px; line-height: 16px; margin-top: 4px; border: solid 1px #ccc; border-radius: 10px; color: #555; font-size: 9px; text-align: center; float: left; }

/* UNIT内 一択ボタン*/
.ittaku_btn_l,.ittaku_btn_r,.ittaku_btn_c{width: 49px; height: 50px; line-height: 50px; border: solid 1px #ccc; float: left; text-align: center; font-size: 10px; color: gray; background-color: #dedede;}
.ittaku_btn_l{border-right: 0 none transparent;}
.ittaku_btn_c{border-right: 0 none transparent;}
.ittaku_btn_r{}
.ittaku_btn_l:hover,.ittaku_btn_r:hover,.ittaku_btn_c:hover{border: solid 1px #bd1b1b; background-color: #ff3232; color: #fff;}

.ittaku_btn_on{border: solid 1px #343b89 ; background: #2e56d8; color: #fff;}

.ittaku_btn_on_3{border: solid 1px #dc8500; border-bottom: dotted 1px #dc8500; background: #ff9a00; color: #fff;}
.ittaku_btn_add_on_3{border: solid 1px #dc8500;border-left: none 0 transparent; border-bottom: none 0 transparent; background:#ff9a00;}

/* unit内　一択ボタン行高さ26 */
.u_m_ittaku_btn_l,.u_m_ittaku_btn_r,.u_m_ittaku_btn_c{width: 100px; height: 26px; line-height: 26px; border: solid 1px #ccc; text-align: center; font-size: 10px;}
.u_m_ittaku_btn_l{border-right: none 0 transparent; border-radius: 3px 0px 0px 3px; }
.u_m_ittaku_btn_c{border-right: none 0 transparent;}
.u_m_ittaku_btn_r{border-radius: 0px 3px 3px 0px;}

/* 固定型table */
.stiky_table {display: block;overflow: hidden;width: calc(100vw); /* fixed value */height: calc(100vh - 110px); /* fixed value */margin-top: 0;}
.stiky_table input{background-color: transparent}
.stiky_table table {display: block;position: relative;overflow: scroll;width: 100%;height: 100%;border-collapse: collapse;font-size: 0;}
.stiky_table thead,.stiky_table tbody {display: block;width: max-content;}
.stiky_table th,.stiky_table td {display: inline-block;min-width: 50px; /* fixed value *//*background: #fff;*/font-size: 12px;border: 1px solid #e7e7e7;font-weight: 400;line-height: 25px;margin: 0;padding: 0;}
.stiky_table th{height: 25px;}
.stiky_table td {height: 50px;}

.stiky_table tbody td.st1 {position: sticky;position: -webkit-sticky;left: 0;z-index: 1;}
.stiky_table tbody td.st2 {position: sticky;position: -webkit-sticky;left: 250px;z-index: 1;}
.stiky_table tbody td.st3 {position: sticky;position: -webkit-sticky;left: 350px;z-index: 1;}

.stiky_table thead {position: sticky;position: -webkit-sticky;top: 0;z-index: 2;}
.stiky_table thead th.lock1 {position: sticky;position: -webkit-sticky;top: 0;left: 0;z-index: 3;}
.stiky_table thead th.lock2 {position: sticky;position: -webkit-sticky;top: 0;left:250px;z-index: 3;}
.stiky_table thead th.lock3 {position: sticky;position: -webkit-sticky;top: 0;left:350px;z-index: 3;}

.ct_w500{width: 500px;}
.ct_w496{width: 496px;}

.ct_w400{width: 400px;}
.ct_w396{width: 396px;}
.ct_w366{width: 366px;}

.ct_w300{width: 300px;}
.ct_w296{width: 296px;}

.ct_w250{width: 250px;}
.ct_w246{width: 246px;}

.ct_w200{width: 200px;}
.ct_w196{width: 196px;}

.ct_w150{width: 150px;}
.ct_w146{width: 146x;}

.ct_w100{width: 100px;}
.ct_w96{width: 96px;}

.ct_w50{width: 50px;}
.ct_w46{width: 46px;}

.ct_it{height: 46px; line-height: 46px; margin: 0; padding: 0; border: none 0 transparent;}
.ct_ta{margin: 0; padding: 0; height: 48px; background-color: transparent; border: none 0 transparent;}

.cc_w{background-color: #fff}
.cc_y{background-color: #fbffc3}
.cc_r1{background-color: #eecaca}
.cc_b1{background-color: #9ab6d7}
.cc_g1{background-color: #9ad9bf}
.cc_g2{background-color: #b1c782}

.cc_1{background-color: #ffebeb}
.cc_2{background-color: #deedff}
.cc_3{background-color: #d9ffef}
.cc_4{background-color: #f1ffd3}

.pg_control_l,.pg_control_c,.pg_control_r{ height: 20px; line-height: 20px; margin-top: 10px; border: solid 1px #ccc;background-color: #f9f9f9; font-size: 10px; font-weight: 400; text-align: center; float: left;}
.pg_control_l{border-radius: 3px 0px 0px 0px;border-right: none 0 transparent;}
.pg_control_c{border-right: none 0 transparent;}
.pg_control_r{border-radius: 0px 3px 0px 0px;}
.pg_control_s{width: 10px; height: 20px; line-height: 20px; margin-top: 10px;float: left;}

.pg_control_on{background-color:#2e56d8; border: solid 1px #343b89;color: #fff; }
/*ads*/
.ads_top_bx0{width: 940px; height: 400px; margin-bottom: 40px; padding: 60px; border-radius: 3px;}
@media screen and (max-width: 769px){
	.ads_top_bx0{width: 100%; height: 300px; margin-bottom: 0px; padding: 40px; border-radius: 3px;}
}
/* tailwind index*/
.tailwind_top_bx0{width: 940px; height: 400px; margin-bottom: 40px; padding: 60px; border-radius: 3px;}
.tailwind_top_bx1{margin-bottom: 10px; font-size: 1.5rem ; letter-spacing: 0;}
.tailwind_top_bx2{font-size: 0.9rem ; letter-spacing: 0; }
.tailwind_top_link_box_container_l{ display: block; width: 100%;}
.tailwind_top_link_box_container_s{display: none;}
@media screen and (max-width: 769px){
	.tailwind_top_bx0{width: 100%; height: 300px; margin-bottom: 0px; padding: 40px; border-radius: 3px;}
	.tailwind_top_bx1{margin-bottom: 10px; font-size: 1.5rem ; letter-spacing: 0;}
	.tailwind_top_bx2{font-size: 0.9rem ; letter-spacing: 0; }
	.tailwind_top_link_box_container_l{ display: none;}
	.tailwind_top_link_box_container_s{ display: block; width: 100%;}
}

.tailwind_btn1{width: 250px; height: 60px; line-height: 50px;margin: 5px; border: solid 5px #fff; border-radius: 3px; background-color: rgba(255, 255, 255, 0.25); color: #fff; text-align: center; font-family:'Brandontext'; font-size: 1rem; font-weight: 100; letter-spacing: 0.05em;}
.tailwind_btn2{width: 250px; height: 60px; line-height: 60px;margin: 5px; border: solid 1px #aaa; border-radius: 3px;  color: #333; text-align: center; font-family:'Brandontext'; font-size: 1rem; font-weight: 100; letter-spacing: 0.05em;}
@media screen and (max-width: 769px){
	.tailwind_btn1,.tailwind_btn2{height: 50px; line-height: 40px;}
}
.tailwind_c_title1{margin: 100px 0px 60px 0px; font-size: 24px; font-weight: 800;}
@media screen and (max-width: 769px){
	.tailwind_c_title1{margin: 100px 0px 60px 0px; font-size: 1.25rem; font-weight: 800;}
}

.tailwind_fig_fx_y{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; align-content: flex-start;}
.tailwind_c_con20{position: relative;width: 20%;  margin: 10px; padding: 40px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); font-size: 22px; font-weight: 600}
.tailwind_c_con25{width: 25%;  margin: 10px; padding: 40px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); font-size: 22px; font-weight: 600}
.tailwind_c_con50{width: 50%;  margin: 10px; padding: 40px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); font-size: 22px; font-weight: 600}
@media screen and (max-width: 769px){
	.tailwind_fig_fx_y{display: block;}
	.tailwind_c_con20,.tailwind_c_con25,.tailwind_c_con50{width: calc(100% - 40px); height: auto; line-height: 1.8rem; margin: 10px; padding: 40px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);font-size: 1rem; font-weight: 600}

}

.tailwind_c_tit_with_d{margin-bottom: 20px;}
.tailwind_c_tit_with_d2{margin-bottom: 20px;}
.tailwind_c_description{font-size: 16px; font-weight: 300;text-align: justify;}

.tailwind_deco_arr1{position: absolute; top:calc(50% - 15px); right: -15px; width: 30px; height: 30px; background-color: #fff; border-top: solid 1px #ccc; border-right: solid 1px #ccc; transform: rotate(45deg); }
@media screen and (max-width: 769px){
	.tailwind_deco_arr1{display: none;}
	.tailwind_app_lvl_150{display: none;}
}

.tailwind_incontents_btn_box{width: 100%; margin:100px 0px 150px 0px;}

.tailwind_app_badge1{width: 30px; height: 20px; line-height: 20px; margin-right: 5px; border: solid 1px rgba(68, 0, 0, 1); border-radius: 3px; background-color: red; color: #fff; font-size: 9px;}
.tailwind_app_q{height: 20px; line-height: 20px;font-weight: 700;}
.tailwind_app_cb{width: 20px; height: 20px; margin-right: 15px; border: solid 1px #aaa; border-radius: 3px;}
.tailwind_app_a{height: 20px; line-height: 20px; text-align: left;}
.tailwind_app_a2{height: 20px; margin-right: 40px; line-height: 20px;}
.tailwind_app_lvl_150{width: 150px; text-align: left;}
.tailwind_app_it_100{width: 100px; height: 20px; line-height: 18px; border: solid 1px #ccc; border-radius: 3px; box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.1); font-size: 16px;}
.tailwind_app_it_400{width: 400px; height: 20px; line-height: 18px; border: solid 1px #ccc; border-radius: 3px; box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.1); font-size: 16px;}
.tailwind_app_it_semifull{width: calc(100% - 160px); height: 20px; line-height: 18px; border: solid 1px #ccc; border-radius: 3px; box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.1); font-size: 16px;}
.tailwind_app_ta{width: 100%; height: 150px; line-height: 18px; border: solid 1px #ccc; border-radius: 3px; box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.1); font-size: 16px;}
@media screen and (max-width: 769px){
	.tailwind_app_q{width: calc(100% - 60px); height: auto;text-align: left;}
	.tailwind_app_a{width: calc(100% - 40px); height: auto; margin-bottom: 10px; line-height: 20px; text-align: left;}
	.tailwind_app_it_semifull,.tailwind_app_it_400,.tailwind_app_it_100{width: 100%;}
}
.app_sw_on{background-color: #ff421d}

.file_up_thumb{width: 100px; height: 100px;}

/* mch main */
.tanzaku{width: calc(100% - 40px); height: 291px; margin: 20px 20px 0px 20px; border: solid 1px #ccc;}
.tanzaku_inbox_1{width: 100%; height: 60px; border-bottom: dotted 1px #ddd; float: left;}
@media screen and (max-width: 1280px){
	.tanzaku{height: 331px;}
	.tanzaku_inbox_1{height: 100px;}
}
.tz_ib1{width:470px; height: 60px; line-height: 50px; padding: 5px; padding-left: 20px; font-size: 16px; font-weight: 700; float: left;}
.tz_ib3{height: 40px; padding-right: 20px; float: right;}
@media screen and (max-width: 1280px){
	.tz_ib3{width: 100%; padding-left: 10px; border-top: dotted 1px #ddd; float: left;}
}

.tanzaku_inbox_2{width: 100%; height: 30px; border-bottom: solid 1px #ccc; float: left;}
.tz_ib2{width: 100%; height: 30px; line-height: 20px; padding: 5px 5px 5px 20px; font-size: 10px; float: left;}
.tz_ib_2_ft_lvl{width: 40px; height: 15px; line-height: 15px; margin-top: 2px; margin-right: 5px; padding-top: 1px; border-radius: 3px; background-color: #555; color: #fff; font-size: 9px; text-align: center; float: left;}

.tz_quarter_box{width: 40px; height: 60px; padding: 15px 5px; float: left;}
@media screen and (max-width: 1280px){
	.tz_quarter_box{height: 40px;padding: 5px;}
}
.icn_na{width: 30px; height: 30px;}
.icn_gg_mb,.icn_ig,.icn_fb,.icn_xy_ne,.icn_hy,.icn_mw,.icn_wp,.icn_mv,.icn_lc,.icn_hp_wd,.icn_hp_ot,.icn_es,.icn_nkotb{width: 30px; height: 30px; background-image: url(../image/baitai_logo/logo_ot_splite.png); background-size: 30px;}
.icn_nkotb{background-position: bottom -360px right 0px;}
.icn_hp_ot{background-position: bottom -330px right 0px;}
.icn_gg_mb{background-position: bottom -300px right 0px;}
.icn_ig{background-position: bottom -240px right 0px;}
.icn_fb{background-position: bottom -270px right 0px;}
.icn_xy_ne{background-position: bottom -210px right 0px;}
.icn_hy{background-position: bottom -180px right 0px;}
.icn_mw{background-position: bottom -150px right 0px;}
.icn_wp{background-position: bottom -120px right 0px;}
.icn_mv{background-position: bottom -90px right 0px;}
.icn_lc{background-position: bottom -60px right 0px;}
.icn_hp_wd{background-position: bottom -30px right 0px;}
.icn_es{background-position: bottom 0px right 0px;}

.icn_nktb_lvl{position: relative; top: 23px; left: 3px; width: 30px; height: 40px; background-color: rgba(255,255,255,0.3);font-size: 6px;}

.tanzaku_inbox_panel_wrapper{width: 100%; height: 200px; overflow-x: scroll; overflow-y: hidden; display: flex; -webkit-overflow-scrolling: touch;  overflow-scrolling: touch;}
.tanzaku_inbox_panel_wrapper::-webkit-scrollbar{ margin-left: 0; height: 5px;}
.tanzaku_inbox_panel_wrapper::-webkit-scrollbar-thumb{background: rgba(105, 129, 169, 0.5);border-radius: 3px;}
.tanzaku_inbox_panel_wrapper::-webkit-scrollbar-track {background: rgba(100,100,100, .01);}

.tanzaku_inbix_10cp,.tanzaku_inbix_7up,.tanzaku_inbix_20da,.tanzaku_inbix_10ps,.tanzaku_inbix_ftbm,.tanzaku_inbix_ctbm,.tanzaku_inbix_ctbm_mv,.tanzaku_inbix_apb{width: 200px; height: 200px; font-family:'texgyreeadventorb'; text-align: center; flex-shrink: 0;flex-basis:200px;}
.tanzaku_inbix_apb{color: #318772;}
.tanzaku_inbix_apb:active{background-color:#318772; color: #fff;}
.tanzaku_inbix_10cp{color: #ff4500;}
.tanzaku_inbix_10cp:active{background-color:#ff4500; color: #fff;}
.tanzaku_inbix_7up{color: #f39800;}
.tanzaku_inbix_7up:active{background-color:#f39800; color: #fff;}
.tanzaku_inbix_20da{color: rgba(215, 0, 83, 1)}
.tanzaku_inbix_20da:active{background-color:rgba(215, 0, 83, 1); color: #fff;}
.tanzaku_inbix_10ps{color: #2ea7e0;}
.tanzaku_inbix_10ps:active{background-color:#2ea7e0; color: #fff;}
.tanzaku_inbix_ftbm{color: #6c843f;}
.tanzaku_inbix_ftbm:active{background-color:#6c843f; color: #fff;}
.tanzaku_inbix_ctbm{color: #31877b;}
.tanzaku_inbix_ctbm:active{background-color:#31877b; color: #fff;}
.tanzaku_inbix_ctbm_mv{color: #6a95bd;}
.tanzaku_inbix_ctbm_mv:active{background-color:#6a95bd; color: #fff;}
.tz_sq_in_spacer_1{width: 100%; height: 20px;}
.tz_sq_in_spacer_2{width: 100%; height: 30px;}

.tz_sq_line_1{font-size: 16px;}
.tz_sq_line_2{font-size: 11px}
.tz_sq_line_3{width: 150px; height: 30px; border-radius: 15px; background-color: #fff;}
.tz_sq_line_3_in_spacer{width: 15px; height: 30px;}

/* 使ってない
.tz_quarter_box_fukidashi_1{position: relative;top: -5px;left: 87px;width: 10px;height: 10px;border: 1px solid;border-color: #ccc #ccc transparent transparent;background-color: #fff;transform: rotate(-45deg);}
.tz_quarter_box_fukidashi_2{position: relative;top: -5px;left: 287px;width: 10px;height: 10px;border: 1px solid;border-color: #ccc #ccc transparent transparent;background-color: #fff;transform: rotate(-45deg);}
.tz_quarter_box_fukidashi_4{position: relative;top: -5px;left: 687px;width: 10px;height: 10px;border: 1px solid;border-color: #ccc #ccc transparent transparent;background-color: #fff;transform: rotate(-45deg);}
*/


.ss_action_pager_box{width: calc(100% - 40px); height: 60px; line-height: 40px; margin: 0 20px; padding: 10px 0px; border: solid 1px #ccc; border-top: none 0px transparent;}

.ss_action_pager_wrapper{width: 100%; height: 50px; overflow-x: scroll; display: flex; -webkit-overflow-scrolling: touch;  overflow-scrolling: touch;}
.ss_action_pager_wrapper::-webkit-scrollbar{ margin-left: 0; height: 5px;}
.ss_action_pager_wrapper::-webkit-scrollbar-thumb{background: rgba(105, 129, 169, 0.5);border-radius: 3px;}
.ss_action_pager_wrapper::-webkit-scrollbar-track {background: rgba(100,100,100, .01);}

.ss_action_pager{width: 40px; height: 40px; line-height: 36px;  font-size: 14px; text-align: center; font-family:'texgyreeadventorr';}
.ss_action_pager_120{ width: 120px; height: 40px; line-height: 36px;  font-size: 14px; text-align: center; font-family:'texgyreeadventorr';}

.ss_action_pager_flx_in{width: 40px; height: 40px; line-height: 36px;  font-size: 14px; text-align: center; font-family:'texgyreeadventorr'; flex-grow: 0;flex-shrink: 0;flex-basis:40px;}

.ss_action_pager_on_1{width: 30px; height: 30px; line-height: 30px; margin-top: 5px; border-radius: 3px; background-color:#e83828; color: #fff; }
.ss_action_pager_on_2{width: 30px; height: 30px; line-height: 30px; margin-top: 5px; border-radius: 3px; background-color:#d70051; color: #fff; }
.ss_action_pager_on_4{width: 30px; height: 30px; line-height: 30px; margin-top: 5px; border-radius: 3px; background-color:#31877b; color: #fff; }
.ss_action_pager_on_5{width: 30px; height: 30px; line-height: 30px; margin-top: 5px; border-radius: 3px; background-color:#f39800; color: #fff; }

/* mch main 10cp*/
.ss_10cp_wrap_box{width: calc(100% - 40px); margin: 10px 20px 20px 20px; border: solid 1px #ccc; display: inline-block; }
.ss_10cp_point_box{width: 110px; height: 100px; float: left;}

.ss_10cp_co_lvl{width: 90px; height: 90px; line-height: 90px; margin: 10px; border-radius: 5px; background-color: #e83828; color: #fff; text-align: center; font-family:'texgyreeadventorb'; float: left}

.ss_10cp_con_box{width: calc(100% - 110px); border-left: solid 1px #ddd; float: right;}
.ss_10cp_list_base_line_b{width: 100%; height: 100px; line-height: 20px; padding: 40px; overflow: hidden;}

.ss_10cp_list_ttl_box{width: calc(100% - 210px); height: 20px;  font-weight: 700; float: left;}

/* mch main_e 7up*/
.ss_7up_wrap_box{width: calc(100% - 40px); margin: 10px 20px 20px 20px; border: solid 1px #ccc; display: inline-block; }
.ss_7up_point_box{width: 110px; height: 100px; float: left;}

.ss_7up_co_lvl{width: 90px; height: 90px; line-height: 20px; margin: 10px; padding-top: 15px; border-radius: 5px; background-color:#f39800; color: #fff; text-align: center; font-family:'texgyreeadventorb'; float: left}

.ss_7up_con_box{width: calc(100% - 110px); border-left: solid 1px #ddd; float: right;}
.ss_7up_list_base_line_b{width: 100%; height: 100px; line-height: 20px; padding: 40px; overflow: hidden;}

.ss_7up_list_ttl_box{width: calc(100% - 210px); height: 20px;  font-weight: 700; float: left;}

/* mch main 20daのリスト */
.ss_20da_wrap_box{width: calc(100% - 40px); margin: 10px 20px 20px 20px; border: solid 1px #ccc; display: inline-block; }
.ss_20da_day_box{width: 110px; height: 100px; float: left;}

.ss_20da_day_lvl{width: 90px; height: 90px; line-height: 90px; margin: 10px; border-radius: 5px; background-color: #d70051; color: #fff; text-align: center; font-family:'texgyreeadventorb'; float: left}
.ss_20da_day_lvl_00{width: 90px; height: 90px; line-height: 90px; margin: 10px; border-radius: 5px; background-color: rgba(215, 0, 83, 0.25); color: #d70051; text-align: center; font-family:'texgyreeadventorb'; float: left}

.ss_20da_con_box{width: calc(100% - 110px); border-left: solid 1px #ddd; float: right;}
.ss_20da_list_base_line{width: 100%; height: 40px; line-height: 40px; padding: 0 20px; overflow: hidden;}
.ss_20da_list_base_line_b{width: 100%; height: 40px; line-height: 40px; padding: 40px; overflow: hidden;}
.ss_20da_list_act_box{width: 100px; height: 40px; float: left;}

.ss_20da_list_base_line_inline_lvl_1,.ss_20da_list_base_line_inline_lvl_2,.ss_20da_list_base_line_inline_lvl_3{height: 40px; line-height: 40px;margin-top: 2px; font-size: 11px; text-align: center; float: left;}
.ss_20da_list_base_line_inline_lvl_1{width: 60px;}
.ss_20da_list_base_line_inline_lvl_2{width: 70px;}
.ss_20da_list_base_line_inline_lvl_3{width: 30px;}

.ss_20da_act_lvl{width: 90px; height:20px; line-height: 20px; margin-top: 10px; margin-left: 10px; border-radius: 10px; background-color:#d70051; color: #fff; font-size: 12px;font-family:'texgyreeadventorr'; text-align: center; }
.ss_20da_act_lvl_00{width: 90px; height:20px; line-height: 20px; margin-top: 10px; margin-left: 10px; border-radius: 10px; background-color: rgba(215, 0, 83, 0.25); color: #d70051; font-size: 12px;font-family:'texgyreeadventorr'; text-align: center; }

.ss_20da_list_separator{width: 100%; height: 1px; border-bottom: solid 1px #ddd;}

.ss_20da_list_ttl_box{width: calc(100% - 210px); height: 40px; padding-left: 20px; font-weight: 700; float: left;}

.ss_action_list_it_1,.ss_action_list_it_2,.ss_action_list_it_3,.ss_action_list_it_4{ height: 34px;margin-top: 3px; background-color: transparent; border: none 0 transparent; float: left;}
.ss_action_list_it_1{width: 100px; padding: 5px; text-align: center;}
.ss_action_list_it_2{width: calc(40% - 360px);}
.ss_action_list_it_3{width: 60%; }
.ss_action_list_it_4{width: 40px; }

.ss_action_list_in_ttl{width: 200px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; float: left;}
.ss_action_list_in_icn{width: 40px; height: 40px; padding:5px; float: left;}
.ss_action_list_in_btn{width: 100px; height: 40px; padding-top:11px; float: left;}

.ss_action_list_in_ttl_inline{width: 100px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; float: left;}
.ss_action_list_in_ttl_inline_en{width: 20px; height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; float: left;}

.ss_action_list_comment_line{width: 100%; padding: 40px; font-size: 14px; border-top: dotted 1px #ddd;}
.ss_action_list_plus_line{width: 100%; height: 80px; line-height: 80px;}
.ss_action_list_plus_line_b{width: 100%; height: 80px; line-height: 80px;border-top: dotted 1px #ddd;}

.ss_action_btn_single,.ss_action_btn_l,.ss_action_btn_c,.ss_action_btn_r{min-width:30px; height: 40px; padding-left: 20px; padding-right: 20px; line-height: 40px; border: solid 1px #ccc; background: linear-gradient(#fff,#ebebeb);color: #0085cf;font-size: 12px; text-align: center; float: left;}

.ss_action_btn_single:hover,.ss_action_btn_l:hover,.ss_action_btn_c:hover,.ss_action_btn_r:hover{background: #eee;}
.ss_action_btn_single:active,.ss_action_btn_l:active,.ss_action_btn_c:active,.ss_action_btn_r:active{box-shadow: inset 0 2px 9px 0 rgba(0, 0, 0, .2);}
.ss_action_btn_single a,.ss_action_btn_single a:visited,.ss_action_btn_single a:active{border: solid 1px #ccc;}

.ss_action_btn_single{border-radius: 5px;}
.ss_action_btn_l{border-right: none 0 transparent; border-radius: 5px 0px 0px 5px;}
.ss_action_btn_c{border-right: none 0 transparent; border-radius: 0px;}
.ss_action_btn_r{border-radius: 0px 5px 5px 0px;}

/* agt book maker */
.abm_layout_wrapper{width: calc(100% - 40px); min-width: 1280px; margin-top: 20px; margin-left: 20px; border: solid 1px #ccc;  font-size: 16px; background-color: #eee;}
.abm_layout_tool_area{width: 100%; height: 50px; border-bottom: solid 1px #ccc; background-color: #fff;}
.abm_tool_icon_out{margin-right: 10px;}
.abm_tool_icon_out_on{background-color: #2e99f5; border-radius: 3px;}

.abm_t_icon_1{width: 60px; height: 40px; line-height: 34px; margin: 5px; border: solid 3px #a1c7f6;background-color: #a1c7f6; color: #fff; font-size: 12px; text-align: center}
.abm_t_icon_2{width: 42px; height: 40px; margin: 5px 2px 5px 4px; border: solid 3px #a1c7f6;background-color: #a1c7f6;}
.abm_t_icon_3{width: 16px; height: 19px; margin-top: 5px; margin-right: 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_4{width: 16px; height: 19px; margin-top: 2px; margin-right: 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_5{width: 16px; height: 12px; margin-top: 5px; margin-right: 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_6{width: 16px; height: 12px; margin-top: 2px; margin-right: 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_7{width: 60px; height: 25px; margin: 5px 5px 2px 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_8{width: 18px; height: 13px; margin-right: 2px; margin-bottom: 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_9{width: 19px; height: 13px; margin-right: 2px; margin-bottom: 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_10{width: 19px; height: 13px; margin-bottom: 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}

.abm_t_icon_11{width: 29px; height: 19px; margin: 5px 2px 2px 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_12{width: 29px; height: 19px; margin: 5px 5px 2px 0px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_13{width: 29px; height: 19px; margin: 0px 2px 5px 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_14{width: 29px; height: 19px; margin: 0px 5px 5px 0px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}

.abm_t_icon_15{width: 20px; height: 19px; margin: 5px 2px 2px 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_16{width: 20px; height: 19px; margin: 5px 2px 2px 0px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_17{width: 20px; height: 19px; margin: 5px 5px 2px 0px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_18{width: 20px; height: 19px; margin: 0px 2px 5px 5px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_19{width: 20px; height: 19px; margin: 0px 2px 5px 0px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}
.abm_t_icon_20{width: 20px; height: 19px; margin: 0px 5px 5px 0px; border: solid 3px #a1c7f6; background-color: #a1c7f6;}

.abm_t_icon_21{width: 60px; height: 40px; margin: 5px; border: solid 3px #a1c7f6;}
.abm_t_icon_22{width: 15px; height: 4px; border-bottom: solid 1px #a1c7f6; }
.abm_t_icon_23{width: 15px; height: 3px; border-bottom: solid 1px #a1c7f6; }
.abm_t_icon_24{width: 15px; height: 10px; margin-top: 2px; border: solid 1px #a1c7f6; }
.abm_t_icon_25{width: 60px; height: 40px; margin: 5px; border: solid 3px #a1c7f6;}
.abm_t_icon_26{width: 10px; height: 13px; margin-top: 2px; margin-right: 2px; border: solid 1px #a1c7f6; }
.abm_t_icon_27{width: 10px; height: 4px; border-bottom: solid 1px #a1c7f6; }
.abm_t_icon_28{width: 10px; height: 3px; border-bottom: solid 1px #a1c7f6; }
.atm_t_icon_bt_m{width: 60px; height: 40px; line-height: 10px; margin-top: 5px; margin-left: 40px; margin-right: 10px; padding-top: 10px; border: solid 1px #a1c7f6; border-radius: 5px; color: #a1c7f6; font-size: 10px; text-align: center;}
.atm_t_icon_bt{width: 60px; height: 40px; line-height: 10px; margin-top: 5px; margin-left: 10px; margin-right: 10px; padding-top: 10px; border: solid 1px #a1c7f6; border-radius: 5px; color: #a1c7f6; font-size: 10px; text-align: center;}

.abm_t_page_btn_area{width: 60px; margin: 30px 10px 30px 30px;}
.abm_t_page_btn{width: 80px; height: 30px; line-height: 30px; margin-bottom: 10px; border-radius: 3px; background-color: #fff; font-size: 11px; text-align: center;}
.abm_t_page_btn_2{width: 80px; height: 30px; line-height: 30px; margin-bottom: 20px; border-radius: 3px; background-color: #fff; font-size: 11px; text-align: center;}

.abm_t_t1_wrapper{width: 297mm; height: 210mm; margin: 30px; box-shadow: 0px 0px 3px #bbb; background-color: #fff; background-size: cover; background-position: center center;}
.abm_t_t1_ttl_area{width: 297mm; height: 40mm;  margin-top: 30mm; color: #fff; text-shadow: 0px 0px 5px #94bcb6; font-family:'Brandontext'; font-size: 24px; text-align: center;}
.abm_t_t1_ttl{font-size: 5rem; letter-spacing: 2.4rem;}
.abm_t_t1_ttl_b{font-size: 4rem; letter-spacing: 0.1rem;}
.abm_t_t1_ttl_c{font-size: 3rem; letter-spacing: 0rem;}
.abm_t_t1_sub_ttl{font-size: 1.8rem; letter-spacing: 0.1rem;}

.abm_c_ta_wrapper{width: 297mm; height: 210mm; margin: 30px; box-shadow: 0px 0px 3px #bbb; background-color: #fff;}
.abm_c_ta_ttl_area{width: 297mm; height: 20mm; padding-top:2mm; background-color: #eee; color: #222; font-size: 24px;font-family:'ntsbo'; text-align: center;}
.abm_c_ta_ttl{font-size: 1.6rem}
.abm_c_ta_sub_ttl{font-size: 0.8rem}

.abm_c_t2_con{width: 297mm; height:190mm; background-size: cover; background-position: center center; }

.abm_c_t3_con_a{width: 191mm; height:186mm;margin-top: 2mm; margin-right: 2mm; background-size: cover; background-position: center center; }
.abm_c_t3_con_b{width: 100mm; height: 92mm; margin-top: 2mm; margin-bottom: 2mm; background-size: cover; background-position: center center;}
.abm_c_t3_con_c{width: 100mm; height: 92mm; background-size: cover; background-position: center center;}

.abm_c_t4_con_a{width: 191mm; height:186mm;margin-top: 2mm; margin-right: 2mm; background-size: cover; background-position: center center; }
.abm_c_t4_con_b{width: 100mm; height: 61mm; margin-top: 2mm; margin-bottom: 2mm; background-size: cover; background-position: center center; }
.abm_c_t4_con_c{width: 100mm; height: 61mm; margin-bottom: 2mm; background-size: cover; background-position: center center; }
.abm_c_t4_con_d{width: 100mm; height: 60mm; background-size: cover; background-position: center center; }

.abm_c_t5_con_a{width: 291mm; height:120mm;margin-top: 2mm; background-size: cover; background-position: center center;}
.abm_c_t5_con_b{width: 96mm; height: 64mm; margin-top: 2mm; background-size: cover; background-position: center center; }
.abm_c_t5_con_c{width: 95mm; height: 64mm; margin-top: 2mm; margin-left: 2mm; margin-right: 2mm; background-size: cover; background-position: center center; }
.abm_c_t5_con_d{width: 96mm; height: 64mm; margin-top: 2mm; background-size: cover; background-position: center center; }

.abm_c_t6_con_a{width: 145mm; height:92mm; margin-top: 2mm; margin-right: 2mm; background-size: cover; background-position: center center; }
.abm_c_t6_con_b{width: 145mm; height:92mm; margin-top: 2mm; background-size: cover; background-position: center center; }
.abm_c_t6_con_c{width: 145mm; height:92mm; margin-top: 2mm; margin-right: 2mm; background-size: cover; background-position: center center; }
.abm_c_t6_con_d{width: 145mm; height:92mm; margin-top: 2mm; background-size: cover; background-position: center center; }

.abm_c_t7_con_a{width: 96mm; height:92mm; margin-top: 2mm; margin-right: 2mm; background-size: cover; background-position: center center;}
.abm_c_t7_con_b{width: 96mm; height:92mm; margin-top: 2mm; background-size: cover; background-position: center center; }

.abm_c_t8_con_a{width: 85mm; height: 180mm; margin-top: 10mm; margin-right: 5mm;}
.abm_c_t8_con_a_2{width: 85mm; height: 180mm; margin-top: 10mm;}
.abm_c_t8_con_b{width: 85mm; height: 40mm; color: #000; margin-bottom: 10mm; text-align: center;}
.abm_c_t8_con_d{font-size: 3rem;}
.abm_c_t8_con_e{width: 85mm; height: 60mm; margin-bottom:10mm; background-size: cover; }
.abm_c_t8_con_f{width: 85mm; height: 60mm; }

.abm_c_t9_con_a{width: 62mm; height:80mm; margin-top: 10mm; margin-right: 5mm; background-size: cover; background-position: center center; }
.abm_c_t9_con_b{width: 60mm; height: 35mm; margin-top: 10mm; margin-right: 10mm; color: #000; margin-bottom: 5mm; text-align: left;}
.abm_c_t9_con_c{font-size: 2.5rem;}
.abm_c_t9_con_d_1{width: 60mm; height: 39mm; margin-right: 10mm; font-size: 0.9rem;}
.abm_c_t9_con_d_2{width: 60mm; height: 39mm;  font-size: 0.9rem;}
.abm_c_t9_con_e{width: 60mm; height: 35mm; margin-top: 10mm; color: #000; margin-bottom: 5mm; text-align: left;}
.abm_c_t9_con_f{width: 60mm; height: 35mm; margin-top: 10mm; margin-right: 10mm; color: #000; margin-bottom: 10mm; text-align: left;}
.abm_c_t9_con_g{width: 60mm; height: 35mm; margin-top: 10mm; color: #000; margin-bottom: 10mm; text-align: left;}

.abm_c_a_con_c{font-size: 1rem;}
.abm_c_a_con_d{font-size: 1.2rem;}
.abm_c_a_con_e{width: 100%; border-bottom: solid 1px #000; margin-bottom: 5mm;}
.abm_c_a_caption{width: calc(100% - 10mm); margin: 5mm; padding: 0px 5px 0px 5px; background-color: rgba(255,255,255,0.7); border-radius: 3px; font-size: 0.8rem;}

.abm_coloer_clear{width: 19px; height: 19px; line-height: 18px; margin-top: 1px; margin-right: 20px; border: solid 1px #e5e5e5; border-radius: 2px; font-size: 9px; text-align: center;}
.abm_font_sample_box{width: 140px; height: 60px; border-radius: 3px; line-height: 50px; text-align: center; font-size: 2rem; }
.abm_font_sample_box_on{background-color: #a4d8ff;}

/* tw main */
.tw_main_s_box{width: 100%; min-width: 1900px; height: auto; padding:10px; border-bottom: solid 1px #ccc; background-color: #eee;}
.tw_main_c_box{width: 100%; min-width: 1900px; height: 100%; padding:10px; background-color: #f9f9f9;}
.tw_main_btn1{width: 300px; height: 300px; min-width: 300px; margin: 10px; border: solid 1px #ccc; border-radius: 5px; font-size: 11px; font-weight: 200;}
.tw_main_box2{width: calc(100% - 20px); height: 300px; margin: 10px; border: solid 1px #ccc; border-radius: 5px; box-shadow: 0px 0px 4px #bbb; background-color: #fff; font-size: 11px; font-weight: 200;}
.tw_main_box2_in_1{width: 100%; height: 60px; border-bottom: solid 1px #ccc;}
.tw_main_box2_in_2{width: 350px; height: 20px; line-height: 20px; margin: 20px; font-size: 18px; font-weight: 800; text-align: left; float: left; overflow: hidden;}

.tw_main_box3{height: 50px; padding-top: 10px; padding-left:10px; border-bottom: solid 1px #ccc;}
.tw_main_box4{background-color: #efefef;}
.tw_main_box4_in_1,.tw_main_box4_in_2{width: 190px; height: 188px; border-right: solid 1px #ccc; background-color: #fff; color: #fff; font-family:'texgyreeadventorr'; font-size: 100px; text-shadow: 0px 0px 2px #999;}
.tw_main_box4_in_1{ border-radius: 0px 0px 0px 5px;}

.icn_na{width: 30px; height: 30px;}
.icn_gg_mb,.icn_ig,.icn_fb,.icn_xy_ne,.icn_hy,.icn_mw,.icn_wp,.icn_mv,.icn_lc,.icn_hp_wd,.icn_hp_ot,.icn_es,.icn_nkotb{width: 30px; height: 30px; background-image: url(../image/baitai_logo/logo_ot_splite.png); background-size: 30px;}
.icn_nkotb{background-position: bottom -360px right 0px;}
.icn_hp_ot{background-position: bottom -330px right 0px;}
.icn_gg_mb{background-position: bottom -300px right 0px;}
.icn_ig{background-position: bottom -240px right 0px;}
.icn_fb{background-position: bottom -270px right 0px;}
.icn_xy_ne{background-position: bottom -210px right 0px;}
.icn_hy{background-position: bottom -180px right 0px;}
.icn_mw{background-position: bottom -150px right 0px;}
.icn_wp{background-position: bottom -120px right 0px;}
.icn_mv{background-position: bottom -90px right 0px;}
.icn_lc{background-position: bottom -60px right 0px;}
.icn_hp_wd{background-position: bottom -30px right 0px;}
.icn_es{background-position: bottom 0px right 0px;}

.icn_nktb_lvl{position: relative; top: 23px; left: 3px; width: 30px; height: 40px; background-color: rgba(255,255,255,0.3);font-size: 6px;}

.st_badge_1{width: 40px; height: 40px; line-height: 40px; margin: 10px 0px 10px 10px; border-radius: 3px; text-align: center; font-size: 11px; text-align: center; float: left;}
.st_badge_2{width: 40px; height: 40px; line-height: 12px; margin: 10px 0px 10px 10px; padding-top: 8px; border-radius: 3px; text-align: center; font-size: 11px; text-align: center; float: left; }
.st_badge_3{width: 40px; height: 40px; line-height: 12px; margin: 10px 0px 10px 10px; padding-top: 8px; border-radius: 3px; background-color:#3495eb; color:#fff; text-align: center; font-size: 11px; text-align: center; float: left;}
.st_badge_blank{width: 40px; height: 40px; float: left;}

.st_btn_sub_note{color: #aaa; font-size: 11px; font-family:'texgyreeadventorr'; text-shadow: none;}

/* tw キャンペーン管理ページ */
.tw_main_box11{width: calc(100% - 20px); height: auto; margin: 10px; border: solid 1px #ccc; border-radius: 5px; box-shadow: 0px 0px 4px #bbb; background-color: #fff; font-size: 11px; font-weight: 200;}
.tw_main_box12{width: 100%; height: 100px; padding: 10px; border-bottom: dotted 1px #ddd;}
.tw_main_box13{width: 120px; min-width: 120px; height: 40px; line-height: 20px; margin-top: 5px; margin-right: 10px; text-align: left;}
.tw_main_box14{width: 80px;  min-width: 80px; height: 40px; line-height: 20px; margin-top: 5px; margin-right: 10px; text-align: left;}
.tw_main_box15{width: 200px; min-width: 200px; height: 40px; line-height: 20px; margin-top: 5px; margin-right: 10px; text-align: left; overflow: hidden;}
.tw_main_box16{width: 300px; min-width: 300px; height: 40px; line-height: 15px; margin-top: 5px; margin-right: 10px; text-align: left;}
.tw_main_box17{width: 100px; min-width: 100px; height: 40px; line-height: 50px; margin-right: 5px;  border: solid 1px #ccc; border-radius: 5px; text-align: center; font-size: 10px;}
.tw_main_box18{width: 50px; min-width: 50px; height: 40px; line-height: 15px; margin-top: 5px; margin-right: 10px; text-align: center;}
.tw_main_box19{width: 100px; min-width: 100px; height: 40px; line-height: 15px; margin-top: 5px; margin-right: 10px; text-align: center;}
.tw_main_box20{width: 310px; height: 50px; line-height: 15px; margin-top: 5px; margin-right: 10px; text-align: center;}
.tw_main_box21{width: 100%; height: 115px; padding: 10px; border-bottom: dotted 1px #ddd;}
.tw_main_box_midashi{border-bottom: dotted 1px #61ace5; color: #61ace5;font-size: 10px;}

.tw_main_box22{width: 70px;  min-width: 70px; height: 50px; line-height: 20px; margin-top: 5px; margin-right: 10px; text-align: left;}
.tw_main_box23{width: 130px;  min-width: 130px; height: 50px; line-height: 20px; margin-top: 5px; margin-right: 10px; text-align: left;}
.tw_main_box24{width: 50px; min-width: 50px; height: 50px; line-height: 50px; margin-right: 5px;  border: solid 1px #ccc; border-radius: 5px; text-align: center; font-size: 10px;}

.tw_main_us_s{width: 50px; height: 25px; line-height: 25px; margin-top: 5px; border:solid 1px #ccc; border-radius: 5px; text-align: center; font-size: 10px;}
.tw_main_us_l{width: 50px; height: 25px; line-height: 25px; margin-top: 5px; border:solid 1px #ccc; border-right: none 0 transparent; border-radius: 5px 0px 0px 5px; text-align: center; font-size: 10px;}
.tw_main_us_c{width: 50px; height: 25px; line-height: 25px; margin-top: 5px; border:solid 1px #ccc; border-right: none 0px transparent; border-radius: 0px; text-align: center; font-size: 10px;}
.tw_main_us_r{width: 50px; height: 25px; line-height: 25px; margin-top: 5px; border:solid 1px #ccc; border-radius: 0px 5px 5px 0px; text-align: center; font-size: 10px;}
.tw_main_us_on{background-color: #a7d0ff;}
.tw_main_us_off{background-color: #a8a8a8;}


.tw_panel_wrapper{height: 90px; overflow-x: scroll; overflow-y: hidden; display: flex; -webkit-overflow-scrolling: touch;  overflow-scrolling: touch;}
.tw_panel_wrapper::-webkit-scrollbar{ margin-left: 0; height: 5px;}
.tw_panel_wrapper::-webkit-scrollbar-thumb{background: rgba(105, 129, 169, 0.5);border-radius: 3px;}
.tw_panel_wrapper::-webkit-scrollbar-track {background: rgba(100,100,100, .01);}

.tw_s_bg_end{background-color: #eee;opacity:.6;}
.tw_s_bg_raiyoari{background-color: #ebf5ff;}

/* tw oc bn*/
.kouho_box{ width: 100%; height: 341px; z-index: 999;}
.kouho_box_fixed{position: fixed; top: 50px;}
.banner_box_add{margin-top: 341px;}

.kouho_box_ctrl{width: 100%; height: 41px; background-color: #555; border-bottom: solid 1px #333;}
.kouho_box_ctrl_btn{width: 100px; height: 40px; padding: 5px; border-right: solid 1px #333; background-color: #444; color: #fff; font-size: 10px; font-weight: 200; text-align: center;}

.kouho_box_main{width: 100%; height: 300px; background-color: #555; border-bottom: solid 1px #ccc;}

.bn_base_box{position: absolute; top: 0; left: 0; width: 500px; height: 500px; border-right: dotted 1px #ccc; border-bottom: solid 1px #ccc; background-color: #fff; z-index: 1;}

.bn_prev_box{position: absolute; left: 500px; width: calc(100% - 500px); height: 500px; overflow-x: scroll; overflow-y: hidden; display: flex; -webkit-overflow-scrolling: touch;  overflow-scrolling: touch;}
.bn_prev_box::-webkit-scrollbar{ margin-left: 0; height: 5px;}
.bn_prev_box::-webkit-scrollbar-thumb{background: rgba(105, 129, 169, 0.5);border-radius: 3px;}
.bn_prev_box::-webkit-scrollbar-track {background: rgba(100,100,100, .01);}
.bn_base_box_in_1{width: 100%; height:280px;}
.bn_base_box_in_2{width: 100%; height: 100px; padding: 10px 10px 10px 20px;}

.bn_prev_box_in{width: 500px; height: 500px; margin-right: 10px; flex-shrink: 0; flex-basis: 500px;}

.bn_out{position: relative; width: 100%; height: 500px; border-bottom: solid 1px #ccc;}

.bn_prev_t1{width: 400px; height: 206px; border: solid 1px #ccc; color: #aaa; text-align: center; font-family:'texgyreeadventorr';}
.bn_prev_t2{width: 322px; height: 400px; border: solid 1px #ccc; color: #aaa; text-align: center; font-family:'texgyreeadventorr';}
.bn_prev_t3{width: 225px; height: 400px; border: solid 1px #ccc; color: #aaa; text-align: center; font-family:'texgyreeadventorr';}
.bn_prev_t4{width: 400px; height: 400px; border: solid 1px #ccc; color: #aaa; text-align: center; font-family:'texgyreeadventorr';}
.bn_prev_t5{width: 400px; height: 225px; border: solid 1px #ccc; color: #aaa; text-align: center; font-family:'texgyreeadventorr';}

.bn_thumb_box{width: 100%; height: 100px;}
.bn_thumb_t1{width: 54px; height: 67px; margin: 5px; border: solid 1px #ccc;}
.bn_thumb_t2{width: 54px; height: 96px; margin: 5px; border: solid 1px #ccc;}
.bn_thumb_t3{width: 60px; height: 60px; margin: 5px; border: solid 1px #ccc;}
.bn_thumb_t4{width: 96px; height: 54px; margin: 5px; border: solid 1px #ccc;}
.bn_thumb_t5{width: 54px; height: 54px; margin: 5px; border: solid 1px #ccc;}

/* lp contents control*/
.contets_body{width: 620px; height: auto; margin: 0 auto; box-shadow: 0px 0px 5px 3px #bbb}
@media screen and (max-width: 769px){
	.contets_body{width: 620px; height: auto; margin: 0 auto; box-shadow: 0 0px 0px 5px 3px #bbb}
}
@media screen and (max-width: 480px){
	.contets_body{width: 100%; height: auto; margin: 0; box-shadow: 0px 0px 0px 0px none}
}
/**/
.sakura {
  position: relative;
}

.sakura div {
  width: 10px;
  height: 16px;
  background: #FBA5D1;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: 30px;
  transform-origin: center bottom 4px; /* 回転の基準を下の方に指定 */
}
.sakura .petal02 { transform: rotate(72deg);} /* 5枚なら72度ずつ */
.sakura .petal03 { transform: rotate(144deg);}
.sakura .petal04 { transform: rotate(216deg);}
.sakura .petal05 { transform: rotate(288deg);}

/* 三角形の花びらの先 */
.sakura div::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 2px 0 2px;
  border-color: #fff transparent transparent transparent; /* 背景色と同じ色を指定 */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* tw r*/
.bx001{font-size: 14px;}
.bx002{width: 100%; height: 70px;border-bottom: dotted 1px #ddd; background-color: #2989ff; color: #fff;}
.bx003{width: calc(100% - 50px); height: 70px; padding: 10px;  font-size: 18px; font-weight: 800; overflow: hidden;}
.bx004{line-height: 30px;}
.bx005{line-height: 15px; font-size: 11px; font-weight: normal;}
.bx006{width: 380px;  height: 70px; padding: 10px 0;}
.bx007{width: 150px; height: 95px; line-height: 20px; margin-top: 5px; margin-right: 10px; text-align: center;}
.bx007:hover{border-radius: 5px; background-color: #ff6b6b}
.bx008{border-bottom: dotted 1px #61ace5;}
.bx009{position: relative; width: 60px; height: 50px;}
.bx010{position: relative; width: 60px; height: 50px; line-height: 50px; margin-top: 10px; text-align: center;}
.bx011{width: 100%; padding: 10px; border-bottom: dotted 1px #ddd;}
.bx012{width: 600px; height: 590px; padding: 10px; border-bottom: dotted 1px #ddd;}
.bx013{width: 550px; height: 500px;}
.bx014{color: #61ace5;}
.bx015{width: calc(100% - 600px); height: 590px; padding: 10px; border-bottom: dotted 1px #ddd;}
.bx016{width: 300px; height: 500px; overflow: hidden;}
.bx017{width: 300px;  height: 500px; object-fit:cover;}
.bx018{width: 100%; height: 310px; padding: 10px; border-bottom: dotted 1px #ddd;}
.bx019{width: 660px; height: 270px;}
.bx020{width: 100%; height: 360px; padding: 10px; border-bottom: dotted 1px #ddd;}
.bx021{width: 660px; height: 320px;}
.bx022{width: 150px; height: 15px; line-height: 15px; margin: 0; padding: 0; border: none 0 transparent; background-color: transparent; color: #fff; font-size: 14px; text-align: center;}
.bx023{width: 100%; height: 60px; margin: 0; padding: 0; border: none 0 transparent; background-color: transparent; font-size: 14px;}
.bx024{width: 100%; height: 120px; margin: 0; padding: 0; border: none 0 transparent; background-color: transparent; font-size: 14px;}
.bx025{width: 150px; height: 60px; line-height: 60px; margin: 0; padding: 0; border: none 0 transparent; background-color: transparent; font-size: 24px; text-align: center;}
.bx026{width: 50px; height: 20px; line-height: 20px; margin: 5px 0; padding-top: 1px; border-right:solid 1px rgba(190, 221, 255, 1); background-color: #fff; color: #2989ff; text-align: center; font-size: 12px;}
.bx027{width: 100%; padding: 10px; border-bottom: dotted 1px #ddd;}

.bx028_l,.bx028_r,.bx028_c{width: 80px; height: 20px; line-height: 20px; padding-top: 1px; border: solid 1px #4ca2ff; background-color: #2989ff; color: #a9d2ff;text-align: center; font-size: 12px; }
.bx028_l{margin: 5px 0px 5px 40px; border-radius: 3px 0px 0px 3px; border-right: none 0 transparent;}
.bx028_r{margin: 5px 0;border-radius: 0px 3px 3px 0px; }
.bx028_c{margin: 5px 0;border-radius: 0;border-right: none 0 transparent; }

.bx028_on{background-color: #fff; color: #2989ff; }

.bx029{width: 150px; height: 40px; line-height: 40px; margin: 0; padding: 0; border: none 0 transparent; background-color: transparent; font-size: 24px; text-align: center;}
.bx030{width: 150px; height: 20px; line-height: 20px; margin: 0; padding: 0; border: none 0 transparent; background-color: transparent; font-size: 12px; text-align: center;}
/* tw s*/
.sbx_001{width:100px; height: 60px; line-height: 40px; padding: 10px; border-left: solid 1px #ccc; text-align: center; float: right;}
.sbx_002{width:300px; height: 60px; line-height: 40px;border-left: solid 1px #ccc; text-align: center; float: right;}
.sbx_003{width: 110px; height: 60px; margin-left: 5px; margin-right: 2px;}
.sbx_004{width: 60px; height:25px; line-height: 15px; padding-top: 10px; padding-left:2px; text-align: left; font-size: 9px}
.sbx_005{width: 107px; height: 23px; line-height: 23px; border: none 0 transparent; border-radius: 17px; background-color: #e7e7e7; text-align: center; font-size: 14px ; font-weight: 600;}
.sbx_006{width: 20px; height: 60px; line-height: 20px; padding-top: 29px; font-size:11px; text-align: center;}
.sbx_007{width: 110px; height: 60px; margin-right: 5px;}
.sbx_008{width: 60px; height:25px; line-height: 15px; padding-top: 10px; padding-left: 2px; text-align: left; font-size: 9px}
.sbx_009{width: 60px; height: 60px; line-height: 60px; border-left: dotted 1px #ddd; text-align: center;}
.sbx_010{width:100px; height: 60px; line-height: 40px; padding: 10px; border-left: solid 1px #ccc; text-align: center; float: right;}

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 0px auto 1em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

input[type="radio"]{
  display: none;
}
.radio{
  font-size: 16pt;
  margin-right: 12px;
  padding-left: 20px;
  position:relative;
}
.radio::before{
  background: white;
  border: 1px solid #ccc;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
}
input[type="radio"]:checked + .radio::after{
  background-color: red;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 4px;
  width: 10px;
  height: 10px;
}

/* Safari */
_::-webkit-full-page-media, _:future, :root .radio::before{
  top: -1px;
}
_::-webkit-full-page-media, _:future, :root input[type="radio"]:checked + .radio::after{
  top: 3px;
}

/*l関連*/
.btn_l_01{width: 100px; height: 60px; margin-top: 6px; margin-right: 5px; border: solid 1px #ccc; border-radius: 5px; text-align: center;}
.thmb_l_01{width: 320px; margin: 10px; object-fit:contain; box-shadow: 0px 0px 3px rgba(0,0,0,.6)}

.etf_001{width: 24%; height: 50px; line-height: 50px; margin-bottom: 5px; margin-right: 1%;border: solid 1px #ccc; border-radius: 3px; text-align: center;}
.etf_002{width: 100%; height: 80px; line-height: 80px; margin-bottom: 5px; border: solid 1px #ccc; border-radius: 3px; font-size: 14pt;}
.etf_003{width: 80px; height: 80px; line-height: 80px; margin-bottom: 5px; padding-left: 10px; font-size: .9rem; font-weight: 200;}
.etf_004{width: 32%; height: 50px; line-height: 50px; margin-bottom: 5px; border: solid 1px #ccc; border-radius: 3px;text-align: center;}
.etf_005{width: 49%; height: 50px; line-height: 50px; margin-bottom: 5px; border: solid 1px #ccc; border-radius: 3px;text-align: center;}
.etf_006{padding: 10px 60px 60px 60px; font-weight: 200;}
.etf_007{width: 100%; margin: 0; padding: 0px 20px 20px 20px; font-size: 14pt;}
.etf_008{line-height: 1rem; margin-bottom: 5px; padding: 10px; border-radius: 3px; background-color: #e7e0d3; font-size:0.9rem; font-weight: 200;}
.etf_009{width: 100%; padding: 10px; border: solid 1px #ccc; border-radius: 3px; font-size: 14pt;}
.etf_010{width: 100%; height: 50px;}
.etf_011{margin-bottom: 10px;}
.etf_012{width: calc(100% - 150px); height: 80px; line-height: 30px; padding-top: 10px; padding-right: 10px;}
.etf_013{width: 150px; height: 78px; margin-right: 10px; border-radius: 3px 0px 0px 3px; background-repeat: no-repeat; background-size: cover; background-position: center bottom;}
.etf_014{width: 150px; height: 78px; margin-right: 10px; border-radius: 3px 0px 0px 3px; background-repeat: no-repeat; background-size: cover; }
.etf_015{width: calc(100% - 150px); height: 80px; line-height: 25px; padding-top: 15px;}
.etf_016{background: linear-gradient(to right, rgba(83,203,241,0) 0%,rgba(212,242,252,0) 75%,rgba(255,255,255,1) 100%);}
.etf_017{width: calc(100% - 230px); height: 80px; line-height: 80px; margin: 0; margin-right: 5px; padding: 0; border: none 0 transparent; font-size: 14pt; text-align: center;}
.etf_018{width: 50px; height: 80px; line-height: 80px; border: solid 1px #ccc; border-right: none 0 transparent; border-radius: 5px 0px 0px 5px; font-size: 16px; text-align: center;}
.etf_019{width: 50px; height: 80px; line-height: 80px; border: solid 1px #ccc; border-right: none 0 transparent; font-size: 16px; text-align: center;}
.etf_020{width: 50px; height: 80px; line-height: 80px; border: solid 1px #ccc; border-radius: 0px 5px 5px 0px; font-size: 16px; text-align: center;}
.etf_021{line-height: 1rem; margin-bottom: 5px; padding: 10px; border-radius: 3px; background-color: #61533a; color: #fff; font-size:0.9rem; font-weight: 200;}
.etf_022{width: 100%; height: 200px; border: solid 1px #ccc; border-radius: 3px; font-size: 14pt;}
.etf_023{width: 100%; height: 80px;line-height: 80px; margin-top: 20px; margin-bottom: 10px; border-radius: 3px; background-color: #ff8d00; color: #fff; text-align: center;}
.etf_023:hover{background-color: #ff4100}
.etf_023:active{background-color: #9c2800}

.etf_024_t{width: 130px; height: 80px; line-height: 80px; margin: 0; margin-right: 5px; padding: 0; border: none 0 transparent; font-size: 14pt; text-align: center;}
.etf_024_l{width: 90px; height: 80px; line-height: 80px; border: solid 1px #ccc; border-right: none 0 transparent; border-radius: 5px 0px 0px 5px; font-size: 16px; text-align: center;}
.etf_024_c{width: 90px; height: 80px; line-height: 80px; border: solid 1px #ccc; border-right: none 0 transparent; font-size: 16px; text-align: center;}
.etf_024_r{width: 90px; height: 80px; line-height: 80px; border: solid 1px #ccc; border-radius: 0px 5px 5px 0px; font-size: 16px; text-align: center;}

.ac_etf_tgl_on{background-color: #ff3a83; color: #fff;}
.etf_016_on{background: linear-gradient(to right, rgba(83,203,241,0) 0%,rgba(212,242,252,0) 75%,#ff3a83 100%);}
.alart_bg{background-color: #fcc8c8}

/*rule(tw)*/
.mds1{margin-bottom: 20px; color: #006bdb; font-weight: 800; font-size: 16px;}
.mds2{font-weight: 800; font-size: 16px;}