@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{width: 100%;}
#top-head {position: absolute;margin: 100px auto 0;top: -100px;line-height: 1;z-index: 999;text-decoration: none;}
#top-head a{text-decoration: none;}
#top-head.fixed {margin-top: 0;top: 0;position: fixed;height: 50px;background: rgba(0,0,0,.7);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 {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_mb{display: none}
@media screen and (max-width: 769px){
	.head_pc{display: none}
	.head_mb{display: block}
}

.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: 25px; height: 25px; margin: 12px;}
.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; text-shadow: 0px 0px 5px black}

.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.8);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(555px);-webkit-transform: translateY(555px);transform: translateY(555px);}
}

/* タイトルバー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);/*background-color: #ff7d12;*/ color:#fff;/*  background-color: rgba(255,255,255,0.9); color: #333;*/ 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;}

@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%;}
	.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: 2.5rem;}
	.fixed_text_harbor_style{top:30%; mix-blend-mode:exclusion;}
}

.teal_shinchaku_box1{position:absolute; width: 200px; height: 100px; bottom:80px; left: 50px}
.teal_shinchaku_box1_in{width: 200px; height: 100px; border-radius: 3px; box-shadow: 0px 0px 10px black; background-position: center center;background-size: cover;}
.teal_shinchaku_box2{position:absolute; width: 180px; height: 16px; line-height: 16px; bottom:90px; left:60px; border-radius: 10px; background-color: #1494df; color: #fff; font-family:'viet_Montserrat-Regular'; font-size: 10px; text-align: center;}

.teal_shinchaku_text1{position:absolute; width: calc(100% - 350px); height:100px; bottom:80px; left: 300px; color: #fff; text-shadow: 0px 0px 5px black; font-size: 1.2rem; overflow: hidden; font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: 800;}
.teal_shinchaku_text2,.teal_shinchaku_text3{font-size: 0.8rem; font-family: sans-serif; font-weight: 300}
.teal_shinchaku_text3{margin-top: 10px;}
@media screen and (max-width: 769px){
	.teal_shinchaku_box1{display: none;}
	.teal_shinchaku_box2{width:120px;top:270px; left:50px; }
	.teal_shinchaku_text1{width:calc(100% - 100px); height: auto; top:290px; left: 50px;}
	.teal_shinchaku_text2{display: none}
}

/* 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{margin: 60px 60px 60px 60px; font-size: 7rem; letter-spacing:0.5em; text-align: center;font-family:'Lato-Hairline',Helvetica,Arial,sans-serif;}
@media screen and (max-width: 769px){
	.contents_ttl_k3_style1{margin: 60px auto; font-size: 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;text-align;}
.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;}

/* welcoeme画面 about周り　さらに個別（k3po）*/
.con_concept{background-image: url(/image/con_concept.svg); width: 100%; height: 500px; background-repeat: no-repeat; background-position: center top; }



/* ログイン後のレイアウト頭と右左の大枠、あるいは全面使用*/
.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{float: left; width: 50vw; height: 60px; padding-left: 10px; 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;left:0;width: 100%;box-shadow:0 2px 4px #999;}

/*レイアウト内左メニュー*/
.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; overflow: hidden; margin-bottom: 5px;}
.ittl_1{font-size: 12px; width: 120px; height: 3.px; line-height: 30px; float: left; color: #6675b3; font-weight: 600;}
.iit_1{width: 240px; margin: 0; padding: 0px 0px 0px 5px; float: left; height: 30px; line-height: 30px; border-radius: 3px; border: solid 1px #ccc;}
.iit_2{width: 100px; margin: 0; padding: 0px 0px 0px 5px; float: left; height: 30px; line-height: 30px; border-radius: 3px; border: solid 1px #ccc;}

/*リストレイアウト*/
.tag_out{width: 350px; height: 600px; box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.5); float: left; margin: 15px; overflow: hidden;}
.tab_in_ue{width: 750; height: 200px; font-size: 18px; font-weight: 700;text-align: center;border-bottom-right-radius: 1000px 500px;border-bottom-left-radius: 1000px 500px;margin-left: -200px;margin-right: -200px;}
.tag_in_ue_ttl_1{width:750px; padding-left: 220px; padding-right: 220px; padding-top: 30px; height: 80px; overflow: hidden;}
.tag_in_ue_ttl_2{width:750px; padding-left: 220px; padding-right: 220px; padding-top: 30px; font-size: 12px;}
.tag_mid{position:relative; top:-50px; left: 125px; height: 100px; width: 100px; border-radius: 80px; background-color: white; text-align: center; font-size: 12px; font-weight: bolder; padding-top: 40px;}
.tag_in_bt{width:310px; height: 400px; line-height: 25px; overflow: hidden; margin: -40px 40px; font-family: sans-serif;}
.tag_in_bt_los{color: #969696; font-size: 12px;}
.tag_in_bt_item{color: #555; font-size: 14px; font-weight: 700;}
.tag_in_bt_ck_out{width: 40px; height: 25px; float: left}
.tag_in_bt_ck_icon{margin-top: 3px; width:15px;height: 10px;border: 3px solid;border-color:  transparent transparent #84bf50 #84bf50;transform: rotate(-45deg);}

.tag_in_bt_edit_btn{width: 270px; height: 40px; line-height: 30px; text-align: center; font-size: 12px; margin-top:20px;}

.ul_s00_ue{background-color: rgba(255,184,80,1.0); color: #fff;}
.ul_s00_ue_alf05{background-color: rgba(255,184,80,0.5); color: #fff;}
.ul_s00_md{color:#ffb850;}
.ul_s00_bt{border: solid 5px rgba(255,184,80,1.0);}

.ul_s01_ue{background-color: rgba(132,191,80,1.0); color: #fff;}
.ul_s01_ue_alf05{background-color: rgba(132,191,80,0.5); color: #fff;}
.ul_s01_md{color:#84bf50;}
.ul_s01_bt{border: solid 5px rgba(132,191,80,1.0);}

.ul_s02_ue{background-color: rgba(79,129,255,1.0); color: #fff;}
.ul_s02_ue_alf05{background-color: rgba(79,129,255,0.5); color: #fff;}
.ul_s02_md{color:#4f81ff;}
.ul_s02_bt{border: solid 5px rgba(79,129,255,1.0);}

.ul_s03_ue{background-color: rgba(79, 170, 255, 0.8); color: #fff;}
.ul_s03_ue_alf05{background-color: rgba(79, 170, 255, 0.8); color: #fff;}
.ul_s03_md{color:#4f81ff;}
.ul_s03_bt{border: solid 5px rgba(79, 170, 255, 0.8);}

.ld_00{font-family: sans-serif; font-size: 12px;}
.ld_01{width: 350px; height: 50px;line-height: 20px; overflow: hidden; padding: 5px;; font-weight: 600; font-size: 14px;}
.ld_02{width: 350px; height: 20px;line-height: 20px; overflow: hidden; padding: 5px; font-weight: 600;}
.ld_03{width: 350px; height: 20px;line-height: 20px; overflow: hidden; padding: 5px;}
.ld_04{width: 350px; height: 20px;font-size: 12px; margin-left: 5px;}
.ld_05{width: 60px; height: 20px; line-height: 20px; border-radius: 3px; margin: 5px; float: left; font-size: 12px; text-align: center;}
.ld_06{width: 130px; height: 20px; line-height: 20px ; border-radius: 3px; margin: 5px; float: right; font-size: 12px; text-align: center; font-family: sans-serif; background-color: #ddd; cursor: pointer;}

.ldb_01,.ldb_02,.ldb_03{border: solid 1px #ccc; width: 340px; height: 20px; line-height: 20px; font-size: 12px; padding-left: 5px; }
.ldb_01{border-radius: 3px 3px 0px 0px; margin: 5px 5px 0px 5px; background-color: #eee; overflow: hidden;}
.ldb_02{border-top: transparent; margin: 0px 5px; border-bottom: 1px dotted #ccc;}
.ldb_03{border-top: transparent; margin: 0px 5px; border-radius: 0px 0px 3px 3px; }
.ldbin_t_1{width:30px; height: 20px; line-height: 20px; float:left;}
.ldbin_t_t{width:60px; overflow: hidden; float: left;}
.ldbin_t_2{width:70px; height: 20px; line-height: 20px; float:left;}
.ldbin_t_3{width:20px; height: 20px; line-height: 20px; overflow: hidden; float: left; border: 1px solid #ccc; background-color: #eee; text-align: center; border-radius: 3px 0px 0px 3px;}
.ldbin_t_4{width:20px; height: 20px; line-height: 20px; overflow: hidden; float: left; border: 1px solid #ccc; background-color: #eee; text-align: center; border-left: transparent;}
.ldbin_t_5{width:40px; height: 20px; line-height: 20px; float:left;}
.ldin_c_1{float:left; color: #777;}
.ldin_c_2{width:10px; float:left; margin-right: 10px;}
.ldin_c_3{width:60px; height: 20px; line-height: 20px; overflow: hidden; float: left; border: 1px solid #ccc; border-left: transparent;}
.ldin_c_4{width:80px; height: 20px; line-height: 20px; overflow: hidden; float: left; border: 1px solid #ccc; border-left: transparent; border-radius: 0px 3px 3px 0px;}
.ldin_c_5{width:20px; float:left; text-align: right;}

.ldbin_it_1,.ldbin_it_2,.ldbin_it_3,.ldbin_it_4,.ldbin_it_5,.ldbin_it_6,.ldbin_it_7{float: left; border: transparent;  height: 18px; line-height: 18px; margin: 0; padding: 0;}
.ldbin_it_1{width: 303px;}
.ldbin_it_2{width: 303px;border-radius: 0px 0px 4px 0px;}
.ldbin_it_3{border-radius: 0px 4px 0px 0px; width: 60px; text-align: center; background-color:#f7f7f7; color: #777}
.ldbin_it_4{width: 20px; text-align: right;}
.ldbin_it_5{width:80px; padding: 0 5px; border-radius: 0px 4px 4px 0px;}
.ldbin_it_6{width: 125px; }
.ldbin_it_7{width: 330px; }

.badge_tag_out{width: 350px; height: 600px; float: left; margin: 15px; overflow: hidden;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);}
.badge{width: 200px;height: 200px;position: relative;border-radius: 10px;margin: 0 auto;margin-top: 80px;}
.badge_text{text-align: center; font-family:'georgia','Impact',sans-serif; font-size: 100px; line-height: 85px; margin-top: 50px; position: relative; top: -200px; left: 0px;}

.badge_tag_out,.badge{ background:#FFF8F0;}
.badge_text{color: #615C5C}

.badge_text_in{font-size: 36px;z-index: 30;letter-spacing: 3px; line-height: 60px;}
.badge_text_in2{font-size: 12px;z-index: 30; line-height: 30px; margin-top: 30px;}
.badge_text_in3{font-size: 36px;z-index: 30; line-height: 40px;}

.tag_sub_uptarget_set{width: 270px; height: 30px; margin-bottom: 10px; margin-top: 10px; overflow: hidden;}
.tag_sub_uptarget_set_bt1{width: 70px; height: 30px; line-height: 30px; border-radius: 3px 0px 0px 3px; font-size: 12px; color: #fff; font-weight: 400; padding-left: 10px; float: left;}
.tag_sub_uptarget_set_bt2{width: 30px; height: 30px; float: left;}
.tag_sub_uptarget_set_bt3{width: 30px; height: 30px; border-radius: 0px 3px 3px 0px; float: left;}
.tag_sub_uptarget_set_separator{width: 10px; height: 30px; float: left}

/* 全画面teble型リスト */
.list_table{min-width: 1180px;}

/* teal 文章編集画面（teal_T01_e） */
.cn_bx1{padding: 10px}
.editor_iotem_box{width: 100%; height:30px; margin-top: 10px; overflow: hidden;}
.editer_item_caption{width: 50px; height: 10px; line-height: 10px; margin-top: 14px; font-size: 8px; color: #2d6ebe; float: left;}
.editer_item_caption2{width: 50px; height: 10px; line-height: 10px; margin-top: 13px; font-size: 8px; color: #2d6ebe; float: left;}
.editer_item_it,.editer_item_it2,.editer_item_it3{height: 30px; line-height: 30px; margin: 0; padding: 5px;border: none 0 transparent; background-color: transparent; float: left;}
.editer_item_it{width:calc(100% - 200px); font-size: 3em; }
.editer_item_it2{width:calc(100% - 200px); font-size: 0.9em;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.editer_item_it3{width:100px; font-size: 0.9em; }
.editor_item_spacer{width: 30px; height: 30px; float: left;}
.editor_main_image_box{width:200px;height:200px;line-height:200px;margin:0 auto;border:solid 1px #d1d1d1;border-radius:3px;font-size:11px;text-align:center; background-size: cover; background-position: center center; }

/*ライセンス・アンケート管理*/
.main_box{border: solid 1px #aaa; border-radius: 3px; margin-bottom: 10px;}
.lic_info_box{height: 63px;border-bottom: solid 1px #aaa; }
.lic_info_box_in{padding:10px 15px 15px 15px;float:left;height: 24px; line-height:24px;}
.lic_info_ttl{font-size:14px; font-weight: 600; text-shadow: black 0 0 5px;}
.lic_info_more_1{height: 20px; line-height:14px;font-size:10px;font-weight: normal; margin-top: 2px; margin-right: 20px; padding: 3px; text-shadow: black 0 0 5px;}
.eql_box{width: 100%; height: 96px; overflow: hidden;}
.eql_box_l{width: 150px; height: 96px; float: left; padding: 15px; font-size: 12px; font-weight: 400;}
.eql_box_r{width: calc(100% - 150px); height: 96px;  float: left; border-left: solid 1px #aaa; border-bottom: dotted 1px #aaa; }

.eql_info_box{height:43px; font-size: 12px; padding: 5px; float: left;}
.eql_btn_box{padding: 5px; float: right;}

.eql_eq_ttl_box{padding:5px; width: 400px; height: 25px; line-height:15px; font-size:12px; overflow: hidden;}
.eql_eq_subinfo{padding:5px; width: 200px;height: 14px; line-height: 14px;}
.eql_eq_subinfo_ttl{width: 50px; float: left;}




/*for demo*/
.fordemo_lic_info_box{background: #184658;/*linear-gradient(to bottom, #017bc4 0%,#0078bf 100%);*/ color: #fff;}
.fordemo_c_blue_1{color: rgba(255, 255, 255, 0.9);}


/*アンケート設計*/
.asumption_box{font-weight: 600; height: 60px;}
.setumon_oosoto_box{width: 100%; height: 60px;}
.kanri_memo{width: 100px; height: 20px; margin-top:40px; font-size: 8px;}

.syouryaku_memo{width:calc(100%-200px); height: 60px; line-height: 60px; margin-left: 10px; float: left;font-size: 14px; overflow: hidden;}

.qa_qdit_image_up_progress_bar{height: 3px; position: absolute; background: red; z-index: 106;}

.cn_bx1{padding: 10px}
.cn_bx2{border: solid 1px #ccc;background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);margin-bottom: 30px;}
.cn_bx3{height: 60px;line-height: 60px;width: 100%; overflow:hidden;}
.cn_bx3_image{height: 90px;width: 100%;}
.cn_bx4{height: 60px; padding: 0; margin: 0; border: solid 1px #ccc;background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); overflow: hidden;}
.cn_bx5{border: solid 1px #ccc;margin-bottom: 30px;}
.cn_setsumon_box{background: #fff;}

.tgl_left{width: 0;height: 0;border-style: solid;border-width: 10px 17.3px 10px 0;border-color: transparent #d0d0d0 transparent transparent;float: left;margin-top: 4px;margin-right: 5px;}
.tgl_right{width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 17.3px;border-color: transparent transparent transparent #d0d0d0;float: left;margin-top: 4px;margin-right: 5px;}

.ttl_deco0{height: 60px; line-height: 40px; font-size: 14px; padding: 10px; float: left;　}
.ttl_deco1{color: #fff; font-size: 12px; font-weight: 600; float: left;　height:50px; line-height: 50px; width: 90px;margin-right: 16px; margin-left: 4px;margin-top: 4px; border: solid 1px #385789; background: #395db1;border-radius: 3px;text-align: center;}
.ttl_deco2{color: #395db1; font-size: 12px; font-weight: 600; float: left;height:28px; line-height: 28px; width: 40px;margin-left: 10px;margin-top: 2px;}
.ttl_deco3{color: #395db1; font-size: 12px; font-weight: 600; float: left;height:60px; line-height:60px; width: 125px;margin-left: 10px;}
.ttl_deco3w{color: #fff; font-size: 12px; font-weight: 600; float: left;height:60px; line-height:60px; width: 125px;margin-left: 10px;}
.ttl_deco3_2l{color: #395db1; font-size: 12px; font-weight: 600; float: left;height:60px; line-height:15px; width: 125px;margin-left: 10px;padding-top: 15px;}
.ttl_deco4{color: #395db1; font-size: 12px; font-weight: 600; float: left;height:33px; line-height: 33px; width: 90px;margin-right: 10px; margin-left: 4px;margin-top: 5px; border: solid 1px #91a3bd/*#27947b*/; background:#d1ddfb/* linear-gradient(to right, #31B294 0%,#31B294 100%)*/;border-radius: 3px;text-align: center;}
.ttl_deco5{color: #395db1; font-size: 12px; font-weight: 600; float: left;height:30px; line-height:30px; width: 20px;margin-left: 10px;}


.input_ta_deco1{width:calc(100vw - 223px); border: solid 1px #ddd;height: 56px; margin: 2px 0px; font-size: 14px;}
.input_ta_deco2{width:calc(100vw - 223px); border: solid 1px #ddd;height: 56px; margin: 2px 0px; font-size: 14px;}
.input_ta_deco3{width:calc(100vw - 222px); border: solid 1px #ddd;height: 300px; margin: 2px 0px; font-size: 14px;}
.input_ta_deco4{width:calc(100vw - 333px); border: solid 1px #ddd;height: 56px; margin: 2px 0px; font-size: 14px;}

.input_it_deco1{border: solid 1px #ddd; height: 56px;margin-top: 2px; margin-left: 0px; width: 110px; font-size: 14px;}
.input_it_deco1_qno{margin:2px 2px 0px 5px; font-size: 14px;}
.input_it_deco1_normal{margin:2px 2px 0px 5px; font-size: 16px; text-align: center; font-size: 14px;}

.input_it_deco2{border: solid 1px #ddd; height: 56px;margin-top: 2px;margin-left: 0px; width:calc(100vw - 520px); font-size: 14px;}
.input_it_deco3{border: solid 1px #ddd; height: 56px;margin-top: 2px;margin-left: 0px; width: 80px; font-size: 14px;}
.input_rd_lbl1{font-size:10px;line-height:50px;height:50px;width:100px;margin-top:5px; float: left; margin-left:2px; font-size: 14px;}
.input_rd_cx_btn{margin-top: 19px; height: 22px; width: 22px; border-radius: 11px; border: solid 1px #cacece; line-height: 20px; font-family: sans-serif; font-size: 11px;color: #bbb; margin-right: 10px;text-align: center;float: left;background: #fff;}
.input_img_deco1{width: 56px; height: 56px; border:solid 1px #ccc; overflow: hidden; object-fit: cover; margin-top:2px;}

.input_sb_deco1{width:calc(100vw - 250px);font-size: 14px;}
.input_sb_deco2{width:calc(100vw - 250px); height:120px; font-size: 14px; border: solid 1px #ddd;}

.guid_box{width:35px; height: 50px; float: left; margin: 5px;}
.guide_arrow_1{height: 20px; width: 20px; margin-top: 15px; border-top: solid 2px #ddd; border-right: solid 2px #ddd;transform: rotate(45deg);}

.sb_def{background-color:#E7E7E7;  color: #999;}
.sb_def:active{background-color: #879ccf; border: solid 1px #778aa9; color: #555;}
.sb_60_1l{width:60px; height:50px; line-height:50px; margin: 5px; border: solid 1px #aaa; border-radius: 3px; font-size: 12px;text-align: center; float: left;}
.sb_60_2l{width:60px; height:50px; line-height:15px; margin: 5px; padding-top:10px; border: solid 1px #aaa; border-radius: 3px; font-size: 12px;text-align: center; float: left;}
.sb_90_1l{width:110px; height:50px; line-height:50px; margin: 5px; border: solid 1px #aaa; border-radius: 3px; font-size: 12px;text-align: center; float: left;}
.sb_90_2l{width:110px; height:50px; line-height:15px; margin: 5px; padding-top:10px; border: solid 1px #aaa; border-radius: 3px; font-size: 12px;text-align: center; float: left;}
.sb_on{color: #fff; background-color: #395db1; border: solid 1px #385789; box-shadow: inset 0px 0px 5px rgba(83, 83, 83, 0.6)}

.setumon_bangou{width: 50px; height: 50px; line-height: 50px; margin: 5px 5px 5px 0px; border: solid 1px #aaa;color:#2c5ac4; text-align: center;}

/**/
.stiky_t60{
	position: sticky;
	position: -webkit-sticky;
	top: 60px;
	z-index: 104;
}
/*回答画面*/
.progress_box{text-align: center; color:#111; font-weight: 700;padding: 20px;font-size: 18px; background: #fff;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;}

/*modaal呼び出し画面周り　基本UNIT内*/
.u_s_tit_1{height: 26px; margin: 0px 15px 5px 20px;}
.u_s_tit_2{width: 145px; height: 26px; line-height: 26px; float: left; font-size: 12px; color: #5b6e89;}

.u_s_con_1{width:calc(100% - 150px); height: 20px; line-height: 20px; float: left; border-radius: 2px; border: solid 1px #ddd;}
.u_s_con_2{width:100px; height: 20px; line-height: 20px; float: left; border-radius: 2px; border: solid 1px #ddd;}

.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;}

/*個別パーツ*/
.btn_list_in_h,.btn_list_in{float:right;width:90px;font-size:9px;height:43px;line-height:43px; text-align:center;}
.bg_dele{border-left:solid 1px rgba(0, 0, 0, 0.2); background:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.07) 100%);color: #222;}
.bg_edit{border-left:solid 1px rgba(0, 0, 0, 0.1); background:-webkit-linear-gradient(rgba(0, 95, 255, 0.20) 0%, rgba(0, 95, 255, 0.25) 100%);}
.bg_addd{border-left:solid 1px rgba(0, 0, 0, 0.1); background:-webkit-linear-gradient(rgba(255, 0, 120, 0.2) 0%, rgba(255, 0, 120, 0.25) 100%);}
.bg_prep{border-left:solid 1px rgba(0, 0, 0, 0.1); background:-webkit-linear-gradient(rgba(255, 137, 0, 0.2) 0%, rgba(255, 137, 0, 0.25) 100%);}
.bg_cont{border-left:solid 1px rgba(0, 0, 0, 0.1); background:-webkit-linear-gradient(rgba(0, 255, 187, 0.2) 0%, rgba(0, 255, 187, 0.25) 100%);}
.bg_veiw{border-left:solid 1px rgba(0, 0, 0, 0.1); background:-webkit-linear-gradient(rgba(129, 255, 0, 0.2) 0%, rgba(129, 255, 0, 0.25) 100%);color: #222;}
.bg_norm{border-left:solid 1px rgba(0, 0, 0, 0.1); background:-webkit-linear-gradient(#fbf9fb 0%, #f3f4f7 100%);color: #222;}

.btn_list_in_h:hover,.btn_list_in:hover{border:solid 1px #29547e;background: linear-gradient(to bottom, #438cd4 0%,#468ed6 100%); color: #fff}
.btn_list_in_h:active,.btn_list_in:active{border:solid 1px #29547e;background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); color: #fff}

.btn_list_in_disabled{float:right;width:90px;border:solid 1px #aaa;font-size:9px;height:20px;line-height:20px;border-radius:3px;text-align:center;margin-top:11px;margin-right:10px;background:-webkit-linear-gradient(rgba(250, 247, 250, 0.5) 0%, rgba(243, 244, 248, 0.5) 100%);color: rgba(33, 33, 33, 0.5);}
.note{color: #555; font-size: 12px; float: left;height:30px; line-height:30px; margin-left: 10px;}

/* UNIT内 */
.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;}

/**/


#masonry {
	margin: 0 auto;
	padding:10px;
	overflow:hidden;
}
.grid {width:33%;min-width: 180px;height: 100%;min-height: 400px;margin:1px;padding:10px;float:left;background:#424242;color:#fff;display:inline;}
@media screen and (max-width: 480px){
	.grid {width:100%;}
}
/**/
.sticky2{ position: sticky;
    position: -webkit-sticky;
    top: 67px;
    z-index: 104;}