body,html{color:rgba(27,27,27,1);margin:0;padding:0}
img{border:none}
img.invisible{visibility:hidden}
a{color:rgba(219,0,37,1);text-decoration:none}
button,input{vertical-align:middle;font-size:1em}
hr{border:0;border-bottom: 3px double rgba(0,0,0,1);margin:0 0 .5em 0;}
th{text-align:left}
.disable{opacity:.3}
.round{border-radius:4px}

#result{overflow:hidden}
#print{padding:10px;font:1em Merriweather Sans}

.tc{text-align:center}

.tr{text-align:right}
.vat{vertical-align:top}
.flexbox{display:flex;flex-wrap: wrap}
.fr{justify-content:flex-end}
.rel{position:relative}

.label,.label_small,label_vs{font-weight:300}
.label{font-size:1.1em}


.label_small{font-size:1.1em}
.label_vs{font-size:1em}

.c{max-width:60em;padding:1em 2em .5em 2em;margin:auto;font:1em Merriweather;}
.c2{max-width:60em;padding:1em 2em;margin:auto;font:1em Merriweather Sans;}


/* button color */
.jt_red{background:rgba(219,0,37,1);border:rgba(219,0,37,1) 1px solid;color:rgba(255,255,255,1);}
.jt_red2{background:rgba(219,0,37,1);border:rgba(219,0,37,1) 1px solid;color:rgba(255,255,255,1);}
.jt_orange{background:rgba(253,208,0,1);border:rgba(253,208,0,1) 1px solid;color:rgba(27,27,27,1);}
.jt_verydarkgray{background:rgba(27,27,27,1);border:rgba(27,27,27,1) 1px solid;color:rgba(255,255,255,1);}
.jt_gray{background:rgba(137,137,137,1);border:rgba(137,137,137,1) 1px solid;color:rgba(255,255,255,1);}
.jt_lightgray{background:rgba(249,235,222,1);border:rgba(249,235,222,1) 1px solid;color:rgba(27,27,27,1);}

.btn:hover{
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.btn2:hover{
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.btn_verydarkgray:hover{
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.jt_red:hover{background:rgba(0,0,0,1);border:rgba(0,0,0,1) 1px solid;color:rgba(255,255,255,1);}
.jt_red2:hover{background:rgba(253,208,0,1);border:rgba(253,208,0,1) 1px solid;color:rgba(27,27,27,1);}
.jt_orange:hover{background:rgba(0,0,0,1);border:rgba(0,0,0,1) 1px solid;color:rgba(255,255,255,1);}
.jt_verydarkgray:hover{background:rgba(253,208,0,1);border:rgba(253,208,0,1) 1px solid;color:rgba(27,27,27,1);}
.jt_gray:hover{background:rgba(253,208,0,1);border:rgba(253,208,0,1) 1px solid;color:rgba(27,27,27,1);}
.jt_lightgray:hover{background:rgba(253,208,0,1);border:rgba(253,208,0,1) 1px solid;color:rgba(27,27,27,1);}

.font{color:rgba(27,27,27,1)}

/* bg */
.bg_lightgray{background:rgba(249,235,222,1)}
.bg_white{background:rgba(255,255,255,1)}
.bg_black{background:rgba(0,0,0,1)}


/* bottom banner */
#wrapper{
//display:flex;
flex-direction:column;
min-height:100vh;
margin:0;
padding:0;
}

.bottom_banner{
margin-top:auto;
background-color:rgba(219,0,37,1);
background-image:url("../images/leaf-pattern-50px.png");
background-size:50px;
min-height:200px;
}

/* adjustment */
.m0{margin:.1em}
.m1{margin:.5em}
.m2{margin:1em}
.m3{margin:2em}
.m4{margin:4em}
.mt0{margin-top:.1em}
.mt1{margin-top:.5em}
.mt2{margin-top:1em}
.mt3{margin-top:2em}
.mt4{margin-top:4em}
.mr0{margin-right:.1em}
.mr1{margin-right:.5em}
.mr2{margin-right:1em}
.mr3{margin-right:2em}
.mr4{margin-right:4em}
.mb0{margin-bottom:.1em}
.mb1{margin-bottom:.5em}
.mb2{margin-bottom:1em}
.mb3{margin-bottom:2em}
.mb4{margin-bottom:4em}
.ml0{margin-left:.1em}
.ml1{margin-left:.5em}
.ml2{margin-left:1em}
.ml3{margin-left:2em}
.ml4{margin-left:4em}

/* width and height */
@media(min-width:35em){
.col{display:table-cell}
.\31{width:5%}
.\32{width:15%}
.\33{width:22%}
.\34{width:30%}
.\35{width:40%}
.row{display:table;border-spacing:0}
}

.row{width:100%}
.wx50{width:50%}
.wx90{width:90%}
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w32{width:32px}
.w50{width:50px}
.w60{width:60px}
.w65{width:65px}
.w80{width:80px}
.w100{width:100px}
.w120{width:120px}
.w150{width:150px}
.w160{width:160px}
.w172{width:172px}
.w180{width:180px}
.w200{width:200px}
.w300{width:300px}
.w350{width:350px}
.h30{height:30px}
.h32{height:32px}
.h40{height:40px}



/* header and banner */
.archives{font:1.1em EB Garamond;color:rgba(0,0,0,1)}
.banner{display:flex;justify-content:center;align-items:center;width:200px;height:47px;padding:5px;font:.8em Merriweather;line-height:1.1em}
.banner a{color:#fff;transition: .3s ease-in-out;}
/* form */
input{
padding:0 1em;
border:1px solid rgba(255,255,255,1);
}
input:focus, button:focus{
outline:0;
border:1px solid rgba(219,0,37,1);
}

.btn{
cursor:pointer;
padding:0.5em 1em;
font:0.9em Merriweather;
font-weight:bold;
}
.btn.h32{padding:0 0.5em}
.inactive{opacity:0.3}

.btn2{
cursor:pointer;
padding:0.0em 1em;
font:0.9em Merriweather;
font-weight:bold;
}
.btn.h32{padding:0 0.5em}
.inactive{opacity:0.3}

.btn_verydarkgray{
cursor:default;
padding:0em 1em;
font:0.9em Merriweather;
font-weight:bold;
}
.disabled{
	pointer-events: none;

}
/* calendar */
.calendar{display:none}

.ui-datepicker-trigger{
background:rgba(219,0,37,1);
border:rgba(219,0,37,1) 1px solid;
color:rgba(255,255,255,1);
height:32px;
cursor:pointer;
padding:0.5em;
}
.ui-datepicker-trigger:hover{
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
background:rgba(27,27,27,1);
border:rgba(27,27,27,1) 1px solid;
color:rgba(27,27,27,1);
}

/* select */
select{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background: rgba(255,255,255,1);
background-image: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0 0 0 .5em;
color:rgba(27,27,27,1);
font:1em Merriweather;
cursor: pointer;
}

.select{
position: relative;
display: block;
background: rgba(255,255,255,1);
overflow: hidden;

}

select::-ms-expand{display:none}

/* Arrow */
.select::after {
content: '\25BC';
position: absolute;
top: 3px;
right: 0;
bottom: 0;
background: rgba(255,255,255,1);
color: rgba(219,0,37,1);
pointer-events: none;
}
/* Transition */
.select:hover::after{color: rgba(219,0,37,1)}
.select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}

.select.h32::after {padding: 0.1em .5em}
.select.h40::after {padding: 0.3em .5em}
.select option{color:rgba(27,27,27,1)}

/* checkbox */
.checkboxwrap{line-height:1em}
input[type=checkbox] {display: none}
.checkbox01 {
position: relative;
line-height:2;
padding: 0 20px 0 27px;
color:rgba(27,27,27,1);
cursor:pointer;
display:inline-block
}
.checkbox01:after, .checkbox01:before{
position: absolute;
content: "";
display: block;
top: 50%;
}
.checkbox01:after {
left: 0;
margin-top: -12px;
width: 18px;
height: 18px;
border: 1px solid rgba(27,27,27,1);
}
.checkbox01:before {
left: 5px;
margin-top: -11px;
width: 7px;
height: 11px;
border-right: 3px solid rgba(219,0,37,1);
border-bottom: 3px solid rgba(219,0,37,1);
transform: rotate(45deg);
opacity: 0;
}
input[type=checkbox]:checked + .checkbox01:before {opacity: 1}

/* radio */
.radio01{
  display: none;
}
.radio01 + label{
  position:relative;
  padding-left: 30px;
  margin-right: 22px;
  color:rgba(27,27,27,1);
  cursor:pointer;
}
.radio01 + label::before{
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  width: 19px;
  height: 19px;
  border: 1px solid rgba(27,27,27,1);
  border-radius: 50%;
}
.radio01:checked + label{
  color: rgba(27,27,27,1);
}
.radio01:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  background: rgba(219,0,37,1);
  border-radius: 50%;
}

/* search help */
#question_dialog{
padding:20px;
border:1px solid rgba(27,27,27,1);
background:rgba(255,255,255,.9);
z-index:100;
position:fixed;
top:10px;
left:10px;
cursor:move;
font:1em Merriweather Sans;
visibility: hidden;
}
#question_dialog .title{
font-weight:700;
line-height:1.5em;
}

/*--------------------------------- result ---------*/
/* control */
#control{padding:10px;z-index:500;position:fixed;width:calc(100vw - 20px);top:0;left:0}
#control .label_slideshow{margin-top:5px;font-size:0.9em;color:rgba(27,27,27,1)}


/* view */
#id-viewerArea{
height:100vh;
width:70vw;
margin-left:30vw;
overflow:hidden;
z-index:0;
top:0;
}

#id-viewerArea.full{
width:100vw;
margin-left:0;
}


#img_area,.img_box{height:100vh}

.leaflet-container{background:#fff}
.leaflet-control-container{display:none}

/* next/prev button */
.prev_button,.next_button{
position:absolute;
top: 50vh;
z-index:490;
display: inline-block;
text-decoration: none;
background:rgba(219,0,37,0.1);
width: 5vw;
height: 5vw;
font-size: 3vw;
line-height:5vw;
border-radius: 50%;
text-align: center;
vertical-align: middle;
overflow: hidden;
cursor:pointer;
transition-duration: .3s;
}
.prev_button:hover,.next_button:hover{
transition-duration: .3s;
transform: scale(1.2);
background:rgba(219,0,37,0.5);
}
.prev_button button, .next_button button{
cursor:pointer;
}

.prev_button button,.next_button button{
background:transparent;
border:none;
color:rgba(255,255,255,1);
outline:none;
}

.prev_button{
left:calc(30vw + 30px);
}

.next_button{
right:10px;
}

/* submenu */
#submenu {
position: absolute;
left: 0;
background: rgba(249,235,222,1);
z-index:500;
/*max-width:500px;*/
padding:0 0 20px 20px;

}

#submenu .pageinfo{
display: table;
padding: 1em 0;
color:rgba(27,27,27,1);
font:.9em Merriweather Sans;
}

#submenu .results{
display: table;
color:rgba(27,27,27,1);
font:.9em Merriweather Sans;
}

.submenu_close,.submenu_open{
color:rgba(27,27,27,1);
font-size:1.2em;
cursor:pointer;
}

#submenu_close_wrap,#submenu_open_wrap{
position: absolute;
background:rgba(249,235,222,1);
z-index:490;
}

#submenu_close_wrap{right:0;top:0}

#submenu_open_wrap{left:0}

/* table (page list) */
.page_list_wrapper{
overflow:scroll;
white-space: nowrap;
height:65vh;
}

table.page_list{
position:relative;
border-spacing:1px;
background:rgba(27,27,27,1);
border-collapse: collapse;
border:rgba(27,27,27,1) 1px solid;
line-height: 1.5;
}

.page_list tr{background:rgba(249,235,222,1);cursor:pointer}
.page_list tbody tr:hover{background:rgba(253,208,0,1);color:rgba(27,27,27,1)}
.page_list tr.select_line{background:rgba(27,27,27,1)}
.page_list tr.select_line td{color:rgba(255,255,255,1)}

.page_list th,
.page_list td{
text-align:left;
color:rgba(27,27,27,1);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font:.8em Merriweather Sans;
padding:5px 10px 5px 5px;
border-collapse: collapse;
border:rgba(27,27,27,1) 1px solid;
line-height: 1.5;
}

.page_list th{font-weight:700;position:sticky;top:-1px;z-index: 2;background:rgba(255,255,255,1);}
.page_list td{font-weight:400}

.rList_line a{color:rgba(27,27,27,1)}
.rList_line.select_line a{color:rgba(255,255,255,1)}
.page_list tbody tr:hover td{color:rgba(27,27,27,1)}


/* media */
@media screen and (min-width:1120px){
.w400-xl{width:400px}
.mt1-xl{margin-top:.5em}
.mt2-xl{margin-top:1em}
.mt3-xl{margin-top:2em}
.mr1-xl{margin-right:.5em}
.mr2-xl{margin-right:1em}
#control{height:32px}
.control2,.control3{margin-left:auto}
.logo{width:50vw;max-width:600px}
.home_header_button{position:absolute;top:0;right:0;z-index:20;width:170px}
.home_header_banner{position:absolute;top:40px;right:0;z-index:20;width:170px}
.home_header_banner2{display:none}
.home_header_banner3{display:none}
#submenu_open_wrap{top:52px}
#submenu{width:420px;top:52px;height:calc(97vh - 52px);}
.pageinfo,.page_list_wrapper{width:400px;}
}
@media screen and (max-width:1119px) and (min-width:769px){
#control{height:32px}
.control2,.control3{margin-left:auto}
.logo{width:50vw;min-width:300px}
.home_header_button{position:absolute;top:0;right:0;z-index:20;width:170px}
.home_header_banner{display:none}
.home_header_banner2{display:flex;margin-left:auto}
.home_header_banner3{display:none}
.label_vs{margin-top:10px}
#submenu_open_wrap{top:52px}
#submenu{width:320px;top:52px;height:calc(97vh - 53px);}
.pageinfo,.page_list_wrapper{width:300px;}
}
@media screen and (max-width:768px) and (min-width:604px){
#control{height:32px}
.control2,.control3{margin-left:auto}
.logo{width:50vw;min-width:300px}
.home_header_button{position:absolute;top:0;right:0;z-index:20;width:170px}
.home_header_banner{display:none}
.home_header_banner2{display:flex;margin-left:auto}
.home_header_banner3{display:none}
.label_vs{margin-top:10px}
#submenu_open_wrap{top:52px}
#submenu{width:220px;top:52px;height:calc(96vh - 52px);}
.pageinfo,.page_list_wrapper{width:200px;}
}
@media screen and (max-width:603px) and (min-width:541px){
#control{height:32px}
.control2,.control3{margin-left:auto}
.logo{width:50vw;min-width:300px}
.home_header_button{position:relative;margin-left:auto}
.banner{width:100%;height:24px}
.home_header_banner{display:none}
.home_header_banner2{display:none}
.home_header_banner3{display:flex}
.label_vs{margin-top:10px}
#submenu_open_wrap{top:52px}
#submenu{width:220px;top:52px;height:calc(95vh - 52px);}
.pageinfo,.page_list_wrapper{width:200px;}
}
@media screen and (max-width:540px){
.c{padding:1em 1.5em}
.mt1s{margin-top:.5em}
#control{height:32px;padding:10px 5px}
.control2{margin-left:auto}
.control3{margin-left:auto}

.logo{width:50vw;min-width:300px}
.home_header_button{position:relative;margin-left:auto}
.banner{width:100%;height:24px}
.home_header_banner{display:none}
.home_header_banner2{display:none}
.home_header_banner3{display:flex}
#submenu_open_wrap{top:52px}
#submenu{width:220px;top:52px;height:calc(97vh - 58px);}
.pageinfo,.page_list_wrapper{width:200px;}
#kakudai_button,#zoom_ratio,#shukusho_button,.mobileoff{display:none}
.label_small{font-size:1em}
}

/* iPhone対策 */
input[type="button"],input[type="text"],input[type="submit"]{
-webkit-appearance:none;
border-radius:0;
}