@charset "UTF-8";
#wrapper01{
    max-width: 940px;
    width: auto;
    overflow: hidden;
}
#wrapper02{
margin:0px 20px;
padding:1px;
border:1px solid #6A684F;
color:#434343;
font-size:1.2em;
line-height:160%;
margin-bottom:20px;
max-width: 900px;
}

#wrapper02 #content01{
background:#fff;
padding:28px;
}

#content01 a{
color:#B22D14;
}

#content01 img{
vertical-align:bottom;
max-width: 100%;
height: auto;
}

#content01 h2{
margin-bottom:20px;
}

#content01 .ul01{
clear:both;
height:36px;
background:#D3D0B9;
padding:4px 0px 4px 3px;
margin-bottom:20px;
text-align:center;
}

#content01 .ul01 li{
float:left;
margin:0px 3px 0px 2px;
}

#content01 .ul01 li img{
float:left;
}

#content01 .box01{
height:100%;
background:url("../img/location01_bg_02.png") repeat-x bottom;
padding-bottom:6px;
margin-bottom:20px;
}

#content01 .box01 .box02{/* float:left; *//* width:315px; *//* height:409px; */border:solid #D2CBC1 1px;padding:1px;}

#content01 .box01 .box02 .dl01{
background:url("../img/location01_bg_01.png") repeat-x top;
padding:10px 17px;
}

#content01 .box01 .box02 .dl01 dt{
padding-bottom:10px;
background:url("../img/location01_bg_04.png") no-repeat right bottom;
}

#content01 .box01 .box02 .dl01 dd{
padding-top:20px;
}

#content01 .box01 .box02 .dl01 dd ul{/* padding-left:2em; */display: flex;flex-wrap: wrap;}

#content01 .box01 .box02 .dl01 dd ul li{list-style: none;/* line-height:200%; */margin: 0 10px 14px 0;}

#content01 .box01 .box02 .dl01 dd ul li span{cursor:pointer;border: 1px solid #9d988e;border-radius: 100px;padding: 0.2em 1em;box-sizing: border-box;transition: 0.3s;}
#content01 .box01 .box02 .dl01 dd ul li.is-active span {
    background:#84953e;
    color:#fff;
    border: 1px solid #84953e;
}
#content01 .box01 .box02 .dl01 dd ul li span:hover {
    background:#84953e;
    color:#fff;
    border: 1px solid #84953e;
    opacity: 0.7;
}
#content01 .box01 .box03{/* float:left; *//* width:518px; */height:409px;border:solid #D2CBC1 1px;border-left:none;padding:1px;}

#content01 .box01 .box03 iframe{border:none 0px;background:#eee;width: 100%;height:409px;}

#content01 .box01 .box04{
border:solid #D2CBC1 1px;
padding:1px;
}

#content01 .box01 .box04 .dl01{background:url("../img/location01_bg_01.png") repeat-x top;padding:10px 17px;/* padding-right:0px; */}

#content01 .box01 .box04 .dl01 dt{
padding-bottom:10px;
background:url("../img/location01_bg_04.png") no-repeat left bottom;
}

#content01 .box01 .box04 .dl01 dd{
padding-top:20px;
}

#content01 .box01 .box04 .dl01 dd ul{/* height:155px; */display: flex;justify-content: space-between;flex-wrap: wrap;}

#content01 .box01 .box04 .dl01 dd ul li{/* float:left; *//* margin-right:10px; */width: 24%;}

#content01 .box01 .box04 .dl01 dd ul li img{display:block;border:solid #D2CBC1 1px;margin-bottom:5px;width: 100%;}

#content01 .dl02{
}

#content01 .dl02 dt{
font-weight:800;
color:#6B4932;
margin-bottom:5px;
}

#content01 .dl02 dd .div01{width: 100%;/* float:left; */background:url("../img/location01_bg_02.png") repeat-x bottom;padding-bottom:6px;margin-bottom:20px;}

#content01 .dl02 dd .div02{width: 49%;/* float:right; */background:url("../img/location01_bg_02.png") repeat-x bottom;padding-bottom:6px;margin-bottom:20px;}
#content01 .dl02 dd {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: flex-start;
}
#content01 .dl02 dd table{
width:100%;
line-height:1.2em;
}

#content01 .dl02 dd table tr th{width:50%;height: auto;min-height: 32px;background:#EAE9DC;border:1px solid #D2CBC1;padding: 0.5em 7px;empty-cells:show;line-height: 1.4;/* text-align: justify; */word-break: break-all;}

#content01 .dl02 dd table tr td{width:50%;height: auto;min-height: 32px;border:1px solid #D2CBC1;padding: 0.5em 7px;empty-cells:show;line-height: 1.4;/* text-align: justify; */word-break: break-all;}

#content01 .dl02 dd table tr .th01{
background:url("../img/location01_bg_03.png") repeat-x top #CAC5AE;
padding:0px 15px;
border-right:1px solid #fff;
height:22px;
}

#content01 .dl02 dd table tr .th02{
background:url("../img/location01_bg_03.png") repeat-x top #CAC5AE;
padding:0px 15px;
border-left:1px solid #fff;
height:20px;
}

@media screen and (max-width: 960px) {
    
}
@media screen and (max-width: 768px) {
    #content01 .box01 .box04 .dl01 dd ul li {
        width: 48%;
    }
    #content01 .dl02 dd .div02 {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    #content01 .box01 .box04 .dl01 dd ul li {
        width: 100%;
    }
    #content01 .dl02 dd .div02 {
        width: 100%;
    }
}