/* ==========================================================================
   Public
============================================================================= */
@import url('https://use.fontawesome.com/releases/v5.12.1/css/all.css');


body { 
	font:13px/1.5 Arial, Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
	letter-spacing:0.06em;
	color:#222;
	background-color:#e3e3e3;
}
@media screen and (max-width:1000px) {
	body { font-size:16px; }
}


img {
	border:none;
	vertical-align:middle;
	
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
    -moz-backface-visibility:hidden; 	/* Firefox */
    -ms-backface-visibility:hidden; 	/* Internet Explorer */
	
	/*image-rendering:-moz-crisp-edges;          /* Firefox        */
    image-rendering:-o-crisp-edges;            /* Opera          */
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    /*-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}


*, *:after, *:before {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}


a {
	color:#545454;
	text-decoration:none;
}
a:hover { color:#dd5b6a; }


.clearfix {
    clear: both;
    display: table;
}

/* header
--------------------------------------------------------- */
header {
	width:100%;
	height:89px;
	border-top:#e3e3e3 4px solid;
	background:#FFF url(../img/top-bg.jpg) right center no-repeat;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.35);
    box-shadow: 0 1px 5px rgba(0,0,0,0.35);
}
header .logo {
	margin:0 auto; 
	width:100%;
	max-width:1200px;
	padding:9px 20px 0;
}

@media screen and (max-width:1000px) {
	header { height:60px; }
	header .logo { padding-top:3px; }
	header .logo img { height:48px; }
}
@media screen and (max-width:740px) {
	header { background-size:70%; }
}
@media screen and (max-width:580px) {
	header { background:#FFF url(../img/top-bg.jpg) center center no-repeat; }
}



/* title
--------------------------------------------------------- */
nav {
	margin:0 auto; 
	width:100%;
	display:table;
	max-width:1200px;
	padding:20px;
}

nav .location {
	display:table-cell;
	font-size:25px;	
	color:#755f4e;
	font-weight:600;
	letter-spacing:0;
}
nav .location span { color:#1e8b21; font-size:120%;  }
nav .location i { color:#d74200; font-size:120%; }

nav .total {
	display:table-cell;
	text-align:right;
}
nav .total i { color:#d74200; font-weight:600; }

@media screen and (max-width:760px) {
	nav, nav .location, nav .total { display:block; text-align:left; }
	nav { padding:3% 5%; }
}
@media screen and (max-width:560px) {
	nav, nav .location, nav .total { text-align:center; }
	nav .location { font-size:5vw; }
}


/* search
--------------------------------------------------------- */
aside {
	position:relative;
	margin:0 auto; 
	width:100%;
	max-width:1200px;
	font-size:15px;
	padding:10px 20px;
	border-top:#b2b2b2 2px dotted;
	border-bottom:#b2b2b2 2px dotted;
}
aside img { padding-right:5px; }
aside input {
	padding:10px;
	background:#FFF;
	border:#FFF 1px solid;
	vertical-align: middle;
	border-radius:4px;
	margin-right:2px;
	-webkit-box-shadow: inset 1px 1px 3px 1px #bbb;
    -moz-box-shadow: inset 1px 1px 3px 1px #bbb;
    box-shadow: inset 1px 1px 3px 1px #bbb;
}
aside input[type="checkbox"] {
	width:25px;
	height:25px;
	margin-left:6px;
	margin-right:3px; 
}
aside select {
	padding:11.5px 10px;
	background:#FFF;
	border:#FFF 1px solid;
	vertical-align: middle;
	border-radius:4px;
	margin-right:2px;
	-webkit-box-shadow: inset 1px 1px 3px 1px #bbb;
    -moz-box-shadow: inset 1px 1px 3px 1px #bbb;
    box-shadow: inset 1px 1px 3px 1px #bbb;
}
aside .btn { padding:8px 15px;  }
aside .btn i { display:none; }

aside li { display:inline-block; }

aside .s_info {
	position:absolute;
	top:80px;right:0;
}
aside .s_info i { color:#d74200; font-weight:600; }

@media screen and (max-width:1200px) {
	aside .s_info { right:15px; }
}

@media screen and (max-width:1000px) {
	aside .s_info {	display:none; }
}


.home { padding:20px; }
.home p {
	font-size:130%;
	color:#765f4e;
	font-weight:600;
	padding:10px 0 20px;
}
.home p i { padding-right:3px; color:#de5151; }

.show_1000 { display:none; }

@media screen and (max-width:1200px) {
	.show_1000 { display:block; }
	.no_1000 { display:none; }
}

@media screen and (max-width:640px) {	
	aside li { display:block; }
	aside li:nth-child(1) select { width:80%; }
	aside li:nth-child(2) { padding-top:5px; padding-left:38px;}
}

@media screen and (max-width:560px) {
	aside { text-align:center; }	
	aside img { display:none; }
	aside input { width:calc(100% - 120px); padding:15px 10px; }
	aside .btn { padding:12px 15px;}
	aside .btn i { display:block; font-size:20px; }
	.no_560 { display:none; }
	.home { text-align:left!important; }
	.home .ff { width:calc(100% - 68px); }
	aside select { width:calc((100% - 82px) / 3); }
	aside li:nth-child(1) select { width:100%; }
	aside li:nth-child(2) { padding-top:10px; padding-left:0; text-align:center; }
}


/* map
--------------------------------------------------------- */
#map {
	position:relative;
	margin:20px auto;
	width:100%;
	max-width:1200px;	
}

#map .location {
	position:absolute;
	top:0;
	left:20px;
	font-size:25px;	
	color:#755f4e;
	font-weight:600;
	letter-spacing:0;
}
#map .location i { font-size:120%; color:#d74200; padding-right:3px; vertical-align:middle; }
#map .location span { font-size:13px!important; color:#787878!important; font-weight:normal!important; padding-left:5px; }

#map .floor {
	position:absolute;
	top:0;
	right:20px;
}
#map i { font-size:35px; vertical-align:middle; }

#map .ff {
	display:inline-block;
	font-size:18px;
	color:#656565;
	padding:6px 8px;
	background:#FFF;
	margin:0 1px;
}
#map .ff:hover {
	background:#333;
	color:#FFF;
}
#map .active {
	color:#FFF;
	background:#de5151;
}

#map .no {
	position:absolute;
	bottom:80px;
	right:60px;
	font-size:13px;
}
#map .no i { color:#d74200; font-weight:600; font-size:13px; }

@media screen and (max-width:1200px) {
	#map { display:none; }
}

.map {
	width:1024px;
	text-align:center;
	padding-top:10px;
}

.flag { position:absolute; z-index:2; }
.flag:hover { opacity:0.5; }

.flag_no {
	width:26px;
	line-height:26px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	font-weight:600;
	border-radius:5px;	
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.35);
    box-shadow: 0 1px 4px rgba(0,0,0,0.35)
}
.flag_pp {
	margin-top:-2px;
	margin-left:7px;
	width:0;
    height:0;
    border-style:solid;
    border-width:8px 6px 0 6px;
	background:none!important;
}

.flag .c1 { background:#771111; border-color:#771111 transparent transparent transparent; }
.flag .c2 { background:#00306a; border-color:#00306a transparent transparent transparent; }
.flag .c3 { background:#006014; border-color:#006014 transparent transparent transparent; }
.flag .c4 { background:#8e7500; border-color:#8e7500 transparent transparent transparent; }
.flag .c5 { background:#6f1578; border-color:#6f1578 transparent transparent transparent; }
.flag .c6 { background:#ff4d4d; border-color:#ff4d4d transparent transparent transparent; }

.a_n { top:320px; left:620px; }
.a_s { top:348px; left:655px; }

.b_n { top:285px; left:690px; }
.b_s { top:313px; left:725px; }
.b_w { top:320px; left:835px; }

.c_n { top:250px; left:760px; }
.c_s { top:278px; left:795px; }
.c_w { top:285px; left:900px; }
.c_n2 { top:152px; left:520px; }

.d_n { top:278px; left:955px; }

.e_e { top:128px; left:152px; }
.e_n { top:160px; left:200px; }
.e_s { top:185px; left:235px; }

.f_e { top:100px; left:208px; }
.f_n { top:132px; left:255px; }
.f_s { top:157px; left:290px; }

.g_e { top:227px; left:988px; }
.g_w { top:235px; left:952px; }

.h_e { top:218px; left:910px; }
.h_w { top:225px; left:875px; }

.i_e { top:188px; left:887px; }
.i_w { top:195px; left:850px; }

.j_e { top:145px; left:770px; }
.j_w { top:166px; left:712px; }

.k_e { top:127px; left:723px; }
.k_w { top:147px; left:664px; }

.t_e { top:90px; left:628px; }
.t_w { top:110px; left:568px; }

.s_e { top:110px; left:676px; }
.s_w { top:130px; left:617px; }

.u_e { top:72px; left:264px; }
.u_n { top:104px; left:310px; }
.u_s { top:129px; left:345px; }

.v_e { top:44px; left:320px; }
.v_n { top:76px; left:365px; }
.v_s { top:101px; left:400px; }

.x_e { top:259px; left:1073px; }
.x_w { top:270px; left:1030px; }
.x_w2 { top:300px; left:1100px; }

.y_e { top:16px; left:376px; }
.y_n { top:48px; left:420px; }
.y_s { top:73px; left:455px; }

.z_n { top:19px; left:475px; }
.z_s { top:44px; left:510px; }

.center_l1 { top:180px; left:475px; }
.center_l2 { top:225px; left:603px; }
.center_t1 { top:210px; left:390px; }
.center_t2 { top:250px; left:410px; }
.center_t3 { top:280px; left:505px; }
.center_t4 { top:300px; left:555px; }





/* list
--------------------------------------------------------- */
#list {
	margin:0 auto; 
	width:97%;
	max-width:1400px;
	padding:30px 0;
}
	
#list .list {
	display:inline-flex;
	flex-wrap:wrap;
	width:100%;
}

	
#list .box {
	position:relative;	
	width:calc(100% / 14);
	text-align:center;
	border:#e3e3e3 4px solid;
	margin-bottom:5px;
}
#list .bg_f { background:#854545 url(../img/listbg-f.png) top center no-repeat; background-size:100%; }
#list .bg_m { background:#51627a url(../img/listbg-m.png) top center no-repeat; background-size:100%; }
#list .bg_n { background:#51471e url(../img/listbg-n.png) top center no-repeat; background-size:100%; }
#list .bg_none { background:#FFF url(../img/listbg-none.png) top center no-repeat; background-size:100%; }

#list .box .name {
	position:relative;
	width:100%;
}
#list .box .name img { width:100%; }
#list .box .name1 {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}

#list .box .name2 {
	position:relative;
    width:100%;
    top:50%;
    transform:translateY(-50%);	
}
#list .box .name2 p {
	padding:0 12%;
	line-height:16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

#list .box .no {
	width:100%;
	padding:0 0 6px;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	color:#b9b9b9;
}


#list .box .c1 { color:#FFF; background:rgba(133,69,69,0.7); }
#list .box .c2 { color:#FFF; background:rgba(81,98,122,0.7); }
#list .box .c3 { color:#FFF; background:rgba(81,71,30,0.7); }

@media screen and (max-width:1300px) {
	#list .box .name3 p { font-size:12px; padding-top:5px; height:75px; }
}

@media screen and (max-width:1200px) {
	#list .box .name2 p { font-size:12px; padding:0 3%; line-height:13px; }
	#list .box .name3 p { padding-top:3px; height:60px; line-height:12px; }
}

@media screen and (max-width:1000px) {
	#list { display:none; }
}







/* list 19
--------------------------------------------------------- */
#list_19 {
	margin:0 auto; 
	padding:30px;
}
	
#list_19 .list {
	display:inline-flex;
	flex-wrap:wrap;
	width:124%;
}

	
#list_19 .box {
	position:relative;	
	width:6vw;
	text-align:center;
	border:#e3e3e3 4px solid;
	margin-bottom:5px;
}
#list_19 .bg_f { background:#854545 url(../img/listbg-f.png) top center no-repeat; background-size:100%; }
#list_19 .bg_m { background:#51627a url(../img/listbg-m.png) top center no-repeat; background-size:100%; }
#list_19 .bg_n { background:#51471e url(../img/listbg-n.png) top center no-repeat; background-size:100%; }
#list_19 .bg_none { background:#FFF url(../img/listbg-none.png) top center no-repeat; background-size:100%; }

#list_19 .bg_lignt_f { background:#854545 url(../img/listbg-light-f.png) top center no-repeat; background-size:100%; }
#list_19 .bg_lignt_m { background:#51627a url(../img/listbg-light-m.png) top center no-repeat; background-size:100%; }
#list_19 .bg_lignt_n { background:#51471e url(../img/listbg-light-n.png) top center no-repeat; background-size:100%; }
#list_19 .bg_lignt_none { background:#FFF url(../img/listbg-light-none.png) top center no-repeat; background-size:100%; }

#list_19 .bg_tablet_f { background:#854545 url(../img/listbg-tablet-f.png) top center no-repeat; background-size:100%; }
#list_19 .bg_tablet_m { background:#51627a url(../img/listbg-tablet-m.png) top center no-repeat; background-size:100%; }
#list_19 .bg_tablet_n { background:#51471e url(../img/listbg-tablet-n.png) top center no-repeat; background-size:100%; }
#list_19 .bg_tablet_none { background:#FFF url(../img/listbg-tablet-none.png) top center no-repeat; background-size:100%; }


#list_19 .box .name {
	position:relative;
	width:100%;
}
#list_19 .box .name img { width:100%; }
#list_19 .box .name1 {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}
#list_19 .box .name2 {
	position:relative;
    width:100%;
    top:50%;
    transform:translateY(-50%);	
}
#list_19 .box .name2 p {
	padding:0 12%;
	line-height:16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

#list_19 .box .name3 {
	position:relative;
    width:100%;
	top:50%;
    transform:translateY(-50%);
}
#list_19 .box .name3 p {
	margin:0 auto; 
	width:auto;
	height:80px;
	text-align:left;
	line-height:16px;
	padding-top:5px;
	-webkit-writing-mode:vertical-rl;
	writing-mode:vertical-rl;
}


#list_19 .box .no {
	width:100%;
	padding:0 0 6px;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	color:#b9b9b9;
}

#list_19 .box .c1 { color:#FFF; background:rgba(133,69,69,0.7); }
#list_19 .box .c2 { color:#FFF; background:rgba(81,98,122,0.7); }
#list_19 .box .c3 { color:#FFF; background:rgba(81,71,30,0.7); }

@media screen and (max-width:1500px) {
	#list_19 .box .name3 p { font-size:11px; padding-top:5px; height:75px; }
}

@media screen and (max-width:1300px) {
	#list_19 .box .name3 p { height:60px; line-height:12px; }	
}

@media screen and (max-width:1200px) {
	#list_19 .box .name2 p { font-size:12px; padding:0 3%; line-height:13px;  }	
}

@media screen and (max-width:1000px) {
	#list_19 { display:none; }
}





#table {
	margin:20px auto;
	width:96%;
}

#table table {
	display:none;
	margin:0 auto;
	width:100%;
	background:#f0f0f0;
}

#table th, #table td {
	border:#e3e3e3 1px solid;
	padding:10px;
	text-align:center;
}
#table th {
	color:#FFF;
    background:#6a5c29;	
}

#table th:nth-child(2), #table th:nth-child(3) { min-width:30px; }
#table th:nth-child(4) { min-width:90px; }

.tr_m { background:#bcd3d4; }
.tr_f { background:#f0d0c3; }


@media screen and (max-width:1000px) {
	#table table { display:table; }
}

@media screen and (max-width:560px) {
	#table td:nth-child(1), #table th:nth-child(1) { display:none; } 
}



/* same name
--------------------------------------------------------- */
#same_name {
	margin:0 auto; 
	width:100%;
	max-width:1200px;
	padding-top:30px;
}

#same_name table { width:100%; }

#same_name tr:nth-child(odd) { background:#f0f0f0; }
#same_name tr:nth-child(even) { background:#cbdfe0; }

#same_name th, #same_name td {
	border:#e3e3e3 1px solid;
	padding:8px 5px;
	text-align: center;
}
#same_name th {
	background:#6a5c29;
	color:#FFF;
}
#same_name i { color:#c23902; padding-left:2px; font-size:120%; }



@media screen and (max-width:1000px) {
	#same_name td:nth-last-child(1) { max-width:30%; }
}




/* btn
--------------------------------------------------------- */
.btn_b {
	display:inline-block;
	color:#FFF;
	text-align:center;
	border:#FFF 1px solid;
	border-radius:5px;
	vertical-align: middle;
	background:#78c8cc;
    background:-moz-linear-gradient(top,  #78c8cc 0%, #197d82 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(top,  #78c8cc 0%,#197d82 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to bottom,  #78c8cc 0%,#197d82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c8cc', endColorstr='#197d82',GradientType=0 ); /* IE6-9 */
}

.btn_b:hover { background:#972626; color:#FFF; }