/* ==========================================================================
   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;
}


*, *: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;
	background:#FFF;
	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) -80% 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 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 .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: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); }
}


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

.c1_1 { top:10px; left:515px; }
.c1_2 { top:10px; left:485px; }
.c1_3 { top:20px; left:452px; }
.c1_4 { top:20px; left:414px; }
.c1_5 { top:52px; left:428px; }
.c1_6 { top:52px; left:398px; }
.c1_7 { top:60px; left:360px; }
.c1_8 { top:60px; left:330px; }
.c1_9 { top:92px; left:338px; }
.c1_10 { top:92px; left:308px; }
.c1_11 { top:101px; left:268px; }
.c1_12 { top:101px; left:238px; }
.c1_13 { top:133px; left:252px; }
.c1_14 { top:133px; left:214px; }
.c1_15 { top:141px; left:178px; }
.c1_16 { top:141px; left:148px; }
.c1_17 { top:174px; left:164px; }
.c1_18 { top:174px; left:134px; }
.c1_19 { top:180px; left:90px; }
.c1_20 { top:180px; left:60px; }

.c2_1 { top:146px; left:282px; }
.c2_2 { top:146px; left:312px; }
.c2_3 { top:146px; left:342px; }
.c2_4 { top:146px; left:372px; }
.c2_5 { top:180px; left:338px; }
.c2_6 { top:180px; left:368px; }
.c2_7 { top:356px; left:715px; }
.c2_8 { top:356px; left:745px; }
.c2_9 { top:356px; left:775px; }
.c2_10 { top:356px; left:805px; }
.c2_11 { top:388px; left:775px; }
.c2_12 { top:388px; left:805px; }

.c3_1 { top:92px; left:390px; }
.c3_2 { top:92px; left:420px; }
.c3_3 { top:92px; left:450px; }
.c3_4 { top:92px; left:480px; }
.c3_5 { top:124px; left:450px; }
.c3_6 { top:124px; left:480px; }
.c3_7 { top:124px; left:510px; }
.c3_8 { top:124px; left:540px; }
.c3_9 { top:156px; left:512px; }
.c3_10 { top:156px; left:542px; }
.c3_11 { top:156px; left:572px; }
.c3_12 { top:156px; left:602px; }
.c3_13 { top:188px; left:575px; }
.c3_14 { top:188px; left:605px; }
.c3_15 { top:188px; left:644px; }
.c3_16 { top:188px; left:674px; }

.c4_1 { top:44px; left:500px; }
.c4_2 { top:44px; left:530px; }
.c4_3 { top:44px; left:560px; }
.c4_4 { top:44px; left:590px; }
.c4_5 { top:76px; left:560px; }
.c4_6 { top:76px; left:590px; }
.c4_7 { top:76px; left:620px; }
.c4_8 { top:76px; left:650px; }
.c4_9 { top:108px; left:620px; }
.c4_10 { top:108px; left:650px; }
.c4_11 { top:108px; left:680px; }
.c4_12 { top:108px; left:710px; }
.c4_13 { top:140px; left:680px; }
.c4_14 { top:140px; left:710px; }
.c4_15 { top:140px; left:749px; }
.c4_16 { top:140px; left:779px; }

.c5_1 { top:291px; left:1175px; }
.c5_2 { top:291px; left:1145px; }
.c5_3 { top:302px; left:1102px; }
.c5_4 { top:302px; left:1062px; }
.c5_5 { top:338px; left:1078px; }
.c5_6 { top:338px; left:1048px; }
.c5_7 { top:350px; left:1005px; }
.c5_8 { top:350px; left:975px; }
.c5_9 { top:383px; left:978px; }
.c5_10 { top:383px; left:948px; }
.c5_11 { top:391px; left:895px; }
.c5_12 { top:391px; left:865px; }
.c5_13 { top:428px; left:880px; }
.c5_14 { top:428px; left:842px; }
.c5_15 { top:438px; left:798px; }
.c5_16 { top:438px; left:768px; }
.c5_17 { top:474px; left:782px; }
.c5_18 { top:474px; left:752px; }
.c5_19 { top:482px; left:700px; }
.c5_20 { top:482px; left:670px; }

.c6_1 { top:224px; left:668px; }
.c6_2 { top:224px; left:698px; }
.c6_3 { top:224px; left:728px; }
.c6_4 { top:224px; left:758px; }
.c6_5 { top:257px; left:735px; }
.c6_6 { top:257px; left:765px; }
.c6_7 { top:257px; left:795px; }
.c6_8 { top:257px; left:825px; }
.c6_9 { top:289px; left:798px; }
.c6_10 { top:289px; left:828px; }
.c6_11 { top:289px; left:858px; }
.c6_12 { top:289px; left:888px; }
.c6_13 { top:321px; left:860px; }
.c6_14 { top:321px; left:890px; }
.c6_15 { top:321px; left:929px; }
.c6_16 { top:321px; left:959px; }
.c6_17 { top:321px; left:920px; }
.c6_18 { top:321px; left:950px; }
.c6_19 { top:257px; left:726px; }
.c6_20 { top:289px; left:789px; }

.c7_1 { top:170px; left:795px; }
.c7_2 { top:170px; left:825px; }
.c7_3 { top:170px; left:855px; }
.c7_4 { top:170px; left:885px; }
.c7_5 { top:202px; left:858px; }
.c7_6 { top:202px; left:888px; }
.c7_7 { top:202px; left:918px; }
.c7_8 { top:202px; left:948px; }
.c7_9 { top:234px; left:920px; }
.c7_10 { top:234px; left:950px; }
.c7_11 { top:234px; left:980px; }
.c7_12 { top:234px; left:1010px; }
.c7_13 { top:266px; left:980px; }
.c7_14 { top:266px; left:1010px; }
.c7_15 { top:266px; left:1049px; }
.c7_16 { top:266px; left:1079px; }

.c8_1 { top:370px; left:742px; }
.c8_2 { top:370px; left:772px; }
.c8_3 { top:370px; left:802px; }
.c8_4 { top:370px; left:832px; }



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

	
#list .box {
	position:relative;	
	width:calc(100% / 16);
	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:#51627a 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:1200px) {
	#list .box .name2 p { font-size:12px; padding:0 3%; line-height:13px;  }	
}

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









/* list 15
--------------------------------------------------------- */
#list_15 {
	margin:0 auto; 
	padding:30px;
}
	
#list_15 .list {
	display:inline-flex;
	flex-wrap:wrap;
	width:175%;
}

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

#list_15 .box .name {
	position:relative;
	width:100%;
}
#list_15 .box .name img { width:100%; }
#list_15 .box .name1 {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}
#list_15 .box .name2 {
	position:relative;
    width:100%;
    top:50%;
    transform:translateY(-50%);	
}
#list_15 .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_15 .box .no {
	width:100%;
	padding:0 0 6px;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	color:#b9b9b9;
}

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


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

@media screen and (max-width:1000px) {
	#list_15 { 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; }