/*
 b_style.css
 2020/09/28
 */


/* ------------------------ reset */
body,h1,h2,h3,h4,p,form{
	margin:0;
	padding:0;
	}
body {
/*	font:15px/1.62;*/
	background:#eee;
	}
.clearfix:after {
	content: " ";
	clear: both;
	display: block;
	}
img{border:none;}

/* ------------------------ basic & common style */
/*h1{}*/
h3 {padding:10px; font-size:100%; background-color:#eee; color: #000;}
h4 {padding:8px; font-size:116%; line-height:1.3em; background:#857f96;color:#fff;}
h5 {margin:8px 12px; color:#333; font-weight:normal; font-size:100%; line-height:1.3em;}
h6 {margin: 0;
    padding: 8px;
    font-size: 100%;
    line-height: 1.3em;
    clear: both;
    background: #e4e4e4;}
label {display: inline-block;margin-bottom: 8px;}
#wrapper {width:100%; margin:0 auto; padding-top:10px; background:#fff; overflow:hidden;}
.separator {width:100%; height:1px; border-top:1px solid #999; margin: 8px 0;}
.separator_pb {width:100%; height:1px; border-top:1px solid #999; margin: 18px 0 8px;}
.info {padding: 8px; margin-bottom: 12px; line-height:1.3em;}
.red {color:red;}
.guide {color:#b05b4d; font-size:93%; margin:14px; line-height:1.3em;}/*#5f5fd4*/
.guide_st {color:#b05b4d; font-size:93%; margin: 0 0 14px 18px; line-height:1.3em;}


/* ------------------------ login */
#login_wrapper {margin:0; padding:26px 0; background:#fff; overflow:hidden; box-shadow: 4px 2px 6px rgba(0,0,0,0.4);}
#login {margin-bottom:34px;}
#login #logo {text-align:center; margin-bottom: 24px;}
#login table {width:300px; margin:0 auto; border-collapse:separate; border:none; margin-bottom:24px;}
#login table td {padding:8px 2px;}
#login input[type="submit"]{width:145px; padding:4px;}
#login input[type="text"] {width:95px; margin-left:3px;}
#login input[type="password"]{width:95px; margin-left:3px;}
.login_body {text-align:center;}

/* ------------------------ header & black line 2020 */
#header {padding: 0; height:34px;background-image: linear-gradient(#9c9eff 0%, #cef8ff 100%);}
#admin #header {padding: 0; height:34px;background-image: linear-gradient(#9cbfff 0%, #caffbd 100%);}
#admintab { background: #ffb784;padding-left: 8px; color: #333;width: 50%;font-size: 93%;height:27px;}

#b_line {width:100%; background:#5a5a5a; height: 26px;}
#admin #b_line { height: 32px;}

#b_line #gear {padding-top: 3px;text-align: right;}

#b_line p { text-align:right; padding-top:0.2em; font-size:93%; color:#fff;}
#b_line p a {text-decoration:none; color:#fff;font-size: 85%;}

ul#navi_sub {
    position: relative;
	left: 100%;
    margin: 0 0 0 -240px;
    text-align: left;
    box-shadow: 3px 4px 6px 0px #a2a2a2;
    background: #ffffff;
    width: 216px;
    line-height: 2em;
    border: 1px solid #666;
    text-indent: 32px;
    padding: 16px 0;
list-style-type: none;
 }

ul#navi_sub li.uline {margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;}

ul#navi_sub li a {text-decoration: none; color:#333;}
ul#navi_sub li a:hover {text-decoration: underline;}

.login_name {float: left;margin-left:2px; margin-top:2px; font-size:85%;}
#tm {margin-bottom:-16px; width:60px; height:60px; float:left;}
#logo1 {display:none;}
#title_set {float:left; color:#2356a2; font-size: 108%;line-height: 1.9em;}
#main_title {display:inline; margin:6px 0 0 4px;}

/* ------------------------ navi (& under part of header) */
#navi {background:#f7f7f7; padding:8px; border-bottom:1px solid #999;font-size:93%;}/* line-height: 34px;*/
#navi a {text-decoration: none; color:blue;}





/* **************************** pane, box, styles 2020 ****************************  */

/* ------------------------ common pane header */
.pane_head {background:#857f96; padding:7px 8px; color:#fff; font-size: 108%; line-height: 1.2em;font-weight: bold;}
.pane_head span {float:right; color:#666; margin-right:18px; font-size:85%;}

/* admin common  */
.sub_pane {font-size:93%; margin-bottom:18px; border:solid 1px #999; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); overflow:hidden;}
.pane_box {overflow: hidden; padding: 12px; margin-bottom: 4px;line-height: 1.3em;}

#home_box {padding:12px 25px;line-height:1.6em;}

#list_pane h2 {
font-size:295%;font-weight:bold;
margin-bottom:24px;
padding: 14px 0 4px 23px;
text-shadow: -1px -1px 1px rgba(125, 105, 125, 1);
color:#e3d9ff;
background-image: linear-gradient(56deg,#866dd2 0%, #cbf4ff 100%);
}

#admin #list_pane h2 {
    color: #b0ddea;
    background-image: linear-gradient(56deg,#54acd6 0%, #caffbd 100%);
}

/* ------------------------ msg_pane */
#msg { margin-bottom:18px; border:solid 1px #999; line-height:1.6em; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}/*font-size:93%;*/
#msg p{padding:8px; }
.msg_alert {padding:2px 8px; color:#666;}

/* ------------------------ list pane */
#list_pane {margin-bottom:12px;}
#mapList {margin:0;	padding:0;}
ul#mapList .left {float:left; width:80%;}
ul#mapList .right {float:right; padding-top:0.5em;}
#mapList li{ border:1px solid #999; cursor:pointer; list-style-type:none; padding:8px 6px; margin-bottom:8px; overflow:hidden;}
#mapList i {display:block; font-size:85%; color:gray; font-style:normal; margin-top:4px; margin-left:12px;}
#map_caution {color: red; margin: 24px; text-align: center;}

/* ------------------------ recent_pane */
#recent_pane {width:100%;}
#recent {font-size:93%; margin-bottom:18px; border:solid 1px #999; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); overflow:hidden;}

/* ------------------------ BBS_pane */
#bbs_pane {width:100%;}
#bbs {font-size:93%; margin-bottom:18px; border:solid 1px #999; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); overflow:hidden;}

#bbs_tbl {border-collapse:separate; width:94%; border:none; margin-left:10px;}
#bbs_tbl th { font-weight:normal; font-size: 93%;}
#bbs_pane input[type="text"] {width:100%; box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2); padding: 4px;}
#bbs_pane textarea {width:100%; height:43px; font-size:108%; box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2); padding: 4px;}
#bbs_pane input[type="button"] {
	float: right;
	margin: 0 24px 30px 0;
	background-image: linear-gradient(#fff 0%, #c6c6c6 100%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #303030;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	padding: 5px 18px;
	border-radius: 5px;
	font-size: 93%;
	border: 1px solid #999;
}

/* search box */
#search_box, #search_box1, #search_box2 {overflow: hidden; padding: 12px; margin-bottom: 4px;}

.schObj {float: left; margin: 0 0 12px 16px;background: #e2e5ef;padding: 4px;}
.schObj_under {float: left; width:100%; line-height: 1.5em;}
#search_text, #search_text2 {width:60%;margin-left: 12px;}

input[type="text"]#search_id {width:130px;}

#list_outer {
	/*width:98.5%;*/
	margin-bottom:18px;
	padding:0;
	border:1px solid #999;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	}
#list_home {margin:20px;border:1px solid #ccc;padding:25px;line-height:1.5em;}
.list_inner {border:solid 1px #ccc; margin:10px;}
.list_head {background:#e2e5ef;padding:4px;overflow:hidden;}
.list_text {padding:6px;overflow: auto;line-height: 1.4em;}
.list_status {margin:6px;padding:3px;margin-right: 16px; float:left;}
#list_spacer {display:none;}

.btn_s {float: right;
    margin:0 8px 4px 20px;
    background-image: linear-gradient(#fff 0%, #c6c6c6 100%);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    color: #303030;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    padding: 5px 18px;
    border-radius: 5px;
    font-size: 93%;
    border: 1px solid #999;}

.btn_send{float: right;
    margin:0 8px 4px 20px;
    background-image: linear-gradient(#fff 0%, #fcc 100%);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    color: #303030;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    padding: 8px 18px;
    border-radius: 5px;
    font-size: 93%;
    border: 1px solid #999;}

.btn_del{float: left;
    margin:0 8px 4px 20px;
    background-image: linear-gradient(#fff 0%, #fcc 100%);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    color: #303030;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    padding: 8px 18px;
    border-radius: 5px;
    font-size: 93%;
    border: 1px solid #999;
}

.btn_all {    padding: 2px 8px;
    margin-left: 8px;}

.all_chg_obj {float:left;padding: 10px 4px 0 4px;border:1px solid #999;margin: 0 8px;
    height: 34px;    background: #fff;}

.all_chg_h {float:left;    padding: 4px;
    line-height: 1.3em;margin: 0 8px; height: 34px;}

.all_chg_obj label {font-size:85%;}



.ico_tel {padding:0 6px;
	margin-right: 8px;
	border:solid 1px #ccc;}

/* pager style */
#pager_top, #pager_bottom {padding:12px;}
#pager_top p {color: #e05050;margin-top: 4px;}
#admin #pager_top p {margin-top: 10px;}
.pager_a {border: 1px solid #ccc; padding: 4px 8px; margin-left: 4px; text-decoration: none;}
/* paging css */
ul.paging{list-style-type: none;margin: auto;padding: 0;display: table;margin: 0 0 0 auto;}
ul.paging::after{content: "";display: block;clear: both;}
ul.paging > li{	float: left;}
ul.paging > li > *{	margin: 2px;padding: 3px 0;display: block;color: #000;text-decoration: none;}
ul.paging > li > a, ul.paging > li > .active, ul.paging > li > [data-page]{	padding: 3px 10px;border: 1px solid #CCC;border-radius: 5px;color: #666;}
ul.paging > li > .active{background-color: #caccff;}
ul.paging > li > [data-page]{cursor: pointer;}

/* ditail area */
#dt01 table {width: 96%;}
#dt01 th {font-weight:normal; vertical-align: top;padding: 4px;border-bottom: 1px solid #ccc;width:62px;;background: #efefef;}
#dt01 td {padding: 4px;border-bottom: 1px solid #ccc;}

#dt01 a {float:right; min-width: 92px; text-align:center; border:1px solid #999;padding: 0 8px;border-radius: 4px;margin-left:12px;text-decoration: none;background-image: linear-gradient(#fff 0%, #c6c6c6 100%);box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);color: #303030;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);font-size: 93%;display: inline-block;}

#dt01 textarea {width: 98%; height:100px; font-size: 116%;}
#dt01 #send {padding: 20px; margin-bottom: 22px;}

#result_box {padding:24px;}
 
.home_h {background: #efefef; padding: 5px 8px;}

#home_comm {padding:10px;border:1px solid #ccc; margin-bottom: 24px;line-height: 1.4em;}
#home_recent {background: #fff; margin:8px; padding: 8px; line-height: 1.4em;}

#admin #dt01 a {
    float: none;
    width: 97%;
    text-align: left;
    padding: 6px 4px;
    margin-left: 0;
    margin-bottom: 7px;
border:1px solid #efefef;
background-image:none;
text-shadow:none;
}

#admin .chg_status {padding: 4px 14px;
    float: left;
    width:168px;
    background: #efefef;
    margin: 0 2px;
    height: 45px;}

#admin .edit_t {width: 100%;}


.area_list {
	/*width:98.5%;*/
	margin-bottom:18px;
	padding:0;
	border:1px solid #999;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	}
.area_list li{
	border:1px solid #999;
	cursor:pointer;
	list-style-type:none;
	padding:12px 6px;
	margin-bottom:8px;
	}
.area_list .inner {padding:8px; margin-bottom:12px;}

.dt_start {float:right; font-size:77%; font-weight: normal;}
.btn_dis {    display: inline-block;
    border: 1px solid #999;
    padding: 8px 4px;
    border-radius: 5px;
    margin-left: 8px;
    margin-bottom: 4px;
    color: #999;}
.alpha_box {padding: 0 6px; margin-right: 8px; background: #fca49c; border: 1px solid #333;border-radius: 9px;}
.active_card {padding:6px 2px;}
.active_card em {font-weight:normal; font-style:normal; font-size:93%; margin-left:20px;}

#home_list_head p {font-weight:normal;font-size:85%;line-height: 1.2em;    margin-bottom: 6px;}



/*	home_btn ! use media query !	*/
.home_btn, .gc_home_btn {width:29.7%; margin:0 0 10px 10px; padding-top: 14px;font-size: 108%;background: #c8c8da; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);float: left;height: 39px;text-align: center;line-height:1.0em;cursor: pointer;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);}
.home_btn p, .gc_home_btn p{font-size: 85%;color: #666;}
.home_btn span, .gc_home_btn span {color: #ffff00;font-size: 93%;}

.present_btn {width:90%; margin:0 auto 18px;; font-size: 108%; background:#9cacdd; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); height: 45px;text-align: center;line-height:45px;cursor: pointer;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);}




/* ------------------------ detail */
#detail, #search_pane {
	/*width:95%;*/
    border:1px solid #999;
    list-style-type:none;
    /*padding:8px 6px;*/
    margin-bottom:18px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

#details {
	width:98.5%;
    margin-bottom:18px;
	overflow:hidden;
}

#g_home_details { /* use only publisher home   none shadow  width:98.5%;*/
	
    margin-bottom:18px;
	overflow:hidden;
}

#history {font-size:93%; padding:8px 20px; line-height:1.6em;}
#history p {    margin-bottom: -8px;
    font-weight: bold;
    color: #9f9f9f;}

.outline {margin:12px 6px;}
.room {border:1px solid #999; padding:12px 6px; margin-bottom:28px; overflow: hidden; text-align: center;}
.room input[type="button"] {margin:16px; width:100px;}/* use media query!  float:right;*/

.room_num {font-weight:bold; font-size:116%; padding:4px 18px;}
#send_box input[type="button"]#b_back {margin-top:20px;}

.caution {font-size:93%; margin:4px 12px; line-height:1.5em;}
input.card_sub {
	background-image: linear-gradient(#fff 0%, #c6c6c6 100%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #303030;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	border-radius: 5px;
	border: 1px solid #999;
	padding:6px 16px;
	margin-left:8px;
	margin-bottom:8px;
	font-size:108%;
}

.c_title {font-weight:bold; font-size:116%; text-indent:18px; padding-bottom:10px;}

.pb_btn {
	background-image: linear-gradient(#fff 0%, #c6c6c6 100%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #303030;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	padding: 5px 18px;
	border-radius: 5px;
	font-size: 93%;
	border: 1px solid #999;}

.pb_back_btn {
	/*margin:12px;*/
	background-image: linear-gradient(#fff 0%, #c6c6c6 100%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	color: #303030;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	padding: 5px 18px;
	border-radius: 5px;
	font-size: 93%;
	border: 1px solid #999;}

input[type="button"].gc_retry_btn { margin:0; padding:4px 12px; font-size:93%;}/* retry button */
/* retry buttonfloat:right; width:180px; */

.blink {animation: blink_bg 1s infinite alternate;}
@keyframes blink_bg{
	0%{background:#fff;}
	80%{background:#fcc;}
}

.admin_button_area {
width:100%;
text-align:center;
}


/* ***************** モーダルウィンドウ ******************** */
/* ------------------------ Modal Window */
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
}
.modal_bg{
	background: rgba(0,0,0,0);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal_bg_b {
	background: rgba(0, 0, 0, 45%);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal_contents{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.modal_admin{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:90%;
	background:#fff;
	padding:12px;
}
/* add shop in modal */
table#adshop {width: 98%;}
#adshop th {font-weight:normal; vertical-align: top;padding: 4px;border-bottom: 1px solid #ccc;width:105px;;background: #efefef;}
#adshop td {padding: 4px;border-bottom: 1px solid #ccc;}

#adshop a {float:right; min-width: 92px; text-align:center; border:1px solid #999;padding: 0 8px;border-radius: 4px;margin-left:12px;text-decoration: none;background-image: linear-gradient(#fff 0%, #c6c6c6 100%);box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);color: #303030;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);font-size: 93%;display: inline-block;}

#adshop textarea {width: 98%; height:100px; font-size: 116%;}
#adshop #send {padding: 20px; margin-bottom: 22px;}



/* ------------------------ footer */
#footer {font-size:77%; background:#5a5a5a; color:#fff;}
#footer p{ padding:6px; text-align:center;}


/* ------------------------------------------------- */
/* **************** admin page ******************** */
/* ------------------------------------------------- */
#wait_table {border-collapse: inherit; margin: 8px auto;}
#wait_table td {background:#fff; padding:8px; text-align:center;}
#wait_table a{text-decoration: none; font-size: 108%;}
#wait_table a:hover {text-decoration: underline;}

#visit0 {font-size: 100%; text-align:center;}
#visit0 a{text-decoration: none; font-size: 116%;}
#visit0 a:hover {text-decoration: underline;}

#g_home_detail_admin {
	/*width:95%;*/
    padding:0;
    margin-bottom:18px;
	overflow: hidden;}
/*width:128px;*/
.home_btn_a {width:46%; margin:6px; padding-top:8px;font-size: 116%;background: #c8c8da; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);float: left;height: 45px;text-align: center;line-height:1.0em;}
.home_btn_a p {font-size: 85%;}
/*.home_btn_a em {font-style:normal; color:#ffff00; font-size: 77%;}*/
.home_btn_a a {text-decoration: none; color:#505050;}
.home_btn_a a:hover {text-decoration: underline;}

#visual_pane_a {margin-bottom:12px;}
#list_pane_a {width:99%; border:1px solid #999; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
/* padding:12px 4px;*/
.b_a {padding:2px;}
.b_a_center {text-align:center;}
.b_a em {font-weight:normal; font-style:normal; font-size:93%; margin-left:12px;}
#msg_pane_a {width:99%; float:left;}
#msg_a {width:99%;font-size:93%; margin-bottom:18px; border:solid 1px #999; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
#msg_a p{padding:8px; line-height:1.3em;}


.st_note_btn {float: right; padding: 2px 18px; margin-bottom: 12px;}
.st_note_area {width: 100%;    height: 42px;}
.separator_a {height:8px; border-top:1px solid #ccc; margin:0 auto;}/*width:97%; */
.separator_clr {width:100%; height:1px; border-top:1px solid #e8e8e8; margin: 8px 0; clear:both;}
input[type="button"].b_del {float:right;}

#tile_ctrl {padding: 8px; font-size: 93%; line-height: 1.9em;}
#tile_ctrl .ctrl_head {line-height: 1.4em; background: #c8c8da; padding: 4px; overflow:hidden;}/* margin-bottom: 8px;*/
#tile_ctrl .ctrl_head .title {margin-left: 8px; font-weight:bold; padding:2px;line-height: 1.6em;}
.all_check {float:right; background:#f3f3f3; padding:2px;width: 99%;}

#tile_area1 {padding:16px;}
#tile_area1 input[type="button"] {padding:3px;}
#vTable {border-collapse:inherit; width:100%; margin-bottom:24px;}
#vTable td {padding:4px; font-size:93%; background:#efefef; text-align:center;}

#card_profile_table {width:100%; margin-bottom:12px;}
#card_profile_table td {height:32px;}
.graph_bar {height: 12px; float: left;}
.card_edit_caution {color:red;margin:12px;}
.set_open_date { font-size: 93%; margin:8px;text-align: left;}

input.b_func {width:280px; padding:4px 13px; margin-bottom:6px; font-size:100%;}

.ctrl_box {margin: 0 0 12px 18px; overflow: hidden;}
.ctrl_box .inner{text-align: center;}

.ctrl_box table td {font-size:85%;}
#user_sub {margin:12px 4px;}

#user_table {border-collapse:collapse; width:98%; margin-bottom:24px;}
.tr1 {background:#fff;}
.tr2  {background:#eee;}
#user_table th {padding:4px; background:#d4d4d4; font-weight: normal; font-size: 85%; border: 1px solid #999;}
#user_table td {padding:6px; font-size:100%; border:1px solid #999;}
#user_table input[type="button"] {float:right; margin-right:4px; margin-bottom:4px;}
#user_table .td_bb {border-bottom: 2px solid #999;}
#user_table .memo {font-size:85%;}

.card_list {padding:6px 0; clear: both; line-height:1.6em; overflow:hidden;}
.card_list_close {padding:6px 0; clear: both; line-height:1.6em; background:#eee; overflow:hidden;}
.card_list_inner {float:left; width:280px; text-indent:77px;}
.card_b_set {float:right;}
.user_solid {display: inline-block; margin-right: 10px;}


.c_status1 {padding:4px; margin-left: 4px; font-size:93%; background:#d8e5fd; border-radius: 5px;}
.c_status2 {padding:4px; margin-left: 4px; font-size:93%; background:#c3c3c3; border-radius: 5px;}
.c_status3 {padding:4px; margin-left: 4px; font-size:93%; background:#fdec9b; border-radius: 5px;}
.c_status4 {padding:4px; margin-left: 4px; font-size:93%; background:#96f5cd; border-radius: 5px;}


.room_num_set {padding: 6px 0 6px 12px;}
.room_num_set p {font-size:93%; color:#666; padding:8px 0; line-height:1.2em; float:right; width:65%;}
.room_num_set strong {margin-right:8px;}
.b_room {padding: 4px 8px; margin:0 0 4px 6px;}

.st_select {margin-left:8px; padding: 4px;}
.st_select_btm {margin-bottom:12px; margin-left:8px; padding: 4px;}
.input_num {margin-left:8px;padding: 4px; width: 55px;}

.edit_pid {float:right; font-size:93%; font-style:normal; color:#333;}

#edit_card_head {padding:8px; }
#edit_card_head p {line-height: 1.4em; padding:2px;}
#edit_card_head strong {color:#999; padding:28px; line-height:88px;}

#edit_card_navi {padding:8px; line-height: 1.8em;}
#card_navi {padding:4px;}

.msg_btn {float: right; margin: 14px 30px; width: 80px;}
.msg_btn120 {float: right; margin: 14px 30px; width: 120px;}
.ctrl_btn {float:right; margin-right:18px; width: 80px;margin-bottom: 8px;}
.back_btn {margin: 14px 30px; width: 80px;}
.middle_btn {padding: 2px;    width: 210px;    margin: 24px;}
.middle_msg_btn {padding: 2px;    width: 210px;    margin:14px 30px;}
.geo_btn {    width: 200px;    margin: 8px 0;}

.small {font-weight:normal; font-size:85%; color:gray;line-height: 1.2em;margin-bottom: 4px;}
.small_pd14 {font-weight:normal;padding:14px; font-size:85%; color:gray;line-height: 1.2em;margin-bottom: 4px;}

.input_num {padding:2px; width:80px;}
.input_small {padding:2px; width:120px; margin:12px 0;}
.input_middle {padding:2px; width:250px; margin:12px 0;}

#area_sel { margin-right: 14px; padding: 4px; font-size: 85%;}

.del_room_btn {font-size: 69%; float:right;margin-bottom:-10px;color:#c10000;}
.input60 {padding:4px; width:60px;}
.input60red {padding:4px; width:60px; color:red;}
.input60green {padding:4px; width:60px; color:green;}
.input_user {padding:4px;}
.close_card {font-weight:bold; padding:4px 10px; color:#c10000;}
.open_card {font-weight:bold; padding:4px 10px; color:green;}

.input280 {padding:2px; width:280px; margin:6px 0;}
.input180 {padding:2px; width:180px; margin:6px 0;}
.input100p {padding:2px; width:100%; margin:6px 0;}

.sub_textarea {width:92%; height:62px; margin-left:8px;}/* margin-top:16px;*/

.left {float:left;}
.right {float:right;}

#new_rooms_res{color:red;}
#st_ajax_res{color:red; margin:14px 30px;}

#tbl_add_strc, #tbl_add_strc2 {width: 98%;
    margin-left: 8px;
    border-collapse: collapse;}

#tbl_add_strc textarea, #tbl_add_strc2 textarea {width:90%; height:90px;margin-top: 12px;}

.edit_st_button_area {margin:12px 0;}

#new_area_conf {margin-left: 20px; font-size: 108%;}
#new_sub_conf {font-size: 108%;}
#new_card_res { padding: 8px; margin-top: 12px;}
#res_st_list { padding: 8px 16px; line-height: 1.5em; background: #eee; width: 90%;}
#res_st_list a {text-decoration: none;}

/* ********************************** media query ************************************** */
@media screen and (min-width:480px) {
#login_wrapper {width:380px; margin:0 auto; padding:26px;}
#wrapper { box-shadow: 4px 2px 6px rgba(0,0,0,0.4);}
#header, #admin #header {padding: 10px 10px 0 10px; height:70px; box-shadow: 4px 2px 6px rgba(0,0,0,0.4);}
#admintab {  padding: 3px 8px; margin-top: 9px;width: 100%;font-size: 100%; height: 19px;}
#tm {width:81px; height:81px;}
#logo1 {display:block; width:110px; float:right; width:120px;}
#title_set {line-height: 1.2em; font-weight: bold;}
#main_title {display:block; text-indent: 4px; line-height: 1.2em;}
.login_name {margin-left:102px; font-size:100%;}
.room input[type="button"] {margin-left: 28px;}
#navi {padding:8px 10px; font-size: 108%;}
#map_canvas {height:380px;}
.home_btn {width:22.8%;}
.gc_home_btn {width:22.8%;}
.home_btn_a {width:30%;}
	#bbs_tbl th { width:190px;}
	#home_list_head {font-weight:bold; margin-bottom:8px;box-shadow: 2px 2px 4px rgba(0,0,0,0.2);border: 1px solid #999;}
	input[type="button"].gc_retry_btn { margin:4px 24px 34px 24px;}
	#footer {font-size:85%;}
	.modal_admin{width:400px;min-height:400px;}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	#admintab {  padding: 3px 8px; margin-top: 9px;width: 100%;font-size: 100%; height: 19px;}
	#visual_pane_a {float:left; width:54%;}
input[type="text"]#search_id {width:170px;}
}

@media screen and (min-width:1024px) {
	#admintab {  padding: 3px 8px; margin-top: 9px;width: 100%;font-size: 100%; height: 19px;}
	#list_outer {min-height: 760px;}
	#list_spacer {display:block;}
	#wrapper {width:970px;padding:10px;}
	#visual_pane,#list_pane {float:left; width:54%;}/* height:100vh;*/
	#list_pane::after {content: " "; display:block; height:30vh;} /*recentの高さがある場合ホーム画面で崩れるのを防止する */
	#admin #list_pane { height:auto;}
	#detail, #search_pane,#g_home_detail_admin {float:right; width:44%;}
	#recent_pane,#bbs_pane, .sub_pane {float:right; width:44%;}
	#header, #admin #header {width:970px; margin:0 auto;}
	#b_line p, #b_line #gear {width:970px; margin:0 auto;}
	#navi {width:970px; margin:0 auto;}
	#bbs_tbl th { width:190px;}
	#visual_pane_a {float:left; width:54%;}
	#msg_pane_a {width:44%;}
	#gc_home_details {width:45%;}
	#bbs_pane textarea {height:120px;}
	input[type="text"]#search_id {width:170px;}
}