@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700,800,900&display=swap"); ul#menu-main-menu li#menu-item-370 ul{
width:200px !important;
}
li#menu-item-2579{
background:#541900 !important;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
li#menu-item-2579 a{
color:#fac50f !important;
} .dd-desc-left-f{
font-family: 'Fira Sans', sans-serif;
font-weight:700;
box-sizing:border-box;
width:50%;
float:left;
background:#541800;
color:#ffffff;
font-size:25px;
text-align:right;
padding:10px;
padding-right:30px;
}
.dd-desc-right-f{
font-family: 'Fira Sans', sans-serif;
font-weight:700;
box-sizing:border-box;
width:50%;
float:right;
text-align:left;
background:#cb2428;
color:#ffffff;
font-size:25px;
padding:10px;
padding-left:30px;
}
.dd-desc-right{
display:block;
}
.dd-tit{
font-family: 'Fira Sans', sans-serif;
font-weight:800;
text-align:center;
font-size:20px;
background:#ffc324;
color:#531801;
padding:10px 20px;
border-radius:5px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}
.dd-tnc{
background:#ffffff;
padding:20px 10px;
font-family: 'Fira Sans', sans-serif;
font-weight:300;
}
.dd-tnc table td{
padding:5px 10px;
}
#tabsheader{
border-bottom:0;
padding:0;
overflow:hidden;
}
.my-btn{
width:100%;
}
.my-btn2{
width:32.5%;
}
.my-btnimg{
width:80%;
}
@media only screen and (max-width:768px){
.dd-desc-left-f{
font-family: 'Fira Sans', sans-serif;
font-weight:700;
box-sizing:border-box;
width:100%;
float:left;
background:#541800;
color:#ffffff;
font-size:20px;
text-align:center;
padding:10px;
padding-right:30px;
}
.dd-desc-right-f{
font-family: 'Fira Sans', sans-serif;
font-weight:700;
box-sizing:border-box;
width:100%;
float:right;
text-align:center;
background:#cb2428;
color:#ffffff;
font-size:25px;
padding:10px;
padding-left:30px;
}
}
.positionrel{
position:relative;
}
.positionrel img.desko{
width: 100%;
display: inherit;
}
.positionrel img.mobo{
width: 100%;
display: none;
}
.dbtn01{
width: 13.3%; height: 7%; position: absolute; top: 7%; left: 11.3%;
}
.dbtn02{
width: 13.3%; height: 7%; position: absolute; top: 7%; left: 27.3%;
}
.dbtn03{
width: 13.3%; height: 7%; position: absolute; top: 7%; left: 43.4%;
}
.dbtn04{
width: 13.3%; height: 7%; position: absolute; top: 7%; left: 59.4%;
}
.dbtn05{
width: 13.3%; height: 7%; position: absolute; top: 7%; left: 75.4%;
}
.dbtn06{
width: 13.3%; height: 7%; position: absolute; top: 64%; left: 37.4%;
}
@media only screen and (max-width:768px){
.positionrel img.desko{
width: 100%;
display: none;
}
.positionrel img.mobo{
width: 100%;
display: inherit;
}
.dbtn01{
width: 20.3%; height: 4%; position: absolute; top: 87.4%; left: 7%;
}
.dbtn02{
width: 20.3%; height: 4%; position: absolute; top: 87.4%; left: 39%;
}
.dbtn03{
width: 20.3%; height: 4%; position: absolute; top: 87.4%; left: 71.2%; 
}
.dbtn04{
width: 20.3%; height: 4%; position: absolute; top: 92.9%; left: 22.8%;
}
.dbtn05{
width: 20.3%; height: 4%; position: absolute; top: 92.9%; left: 55.7%;
}
.dbtn06{
width: 23.5%; height: 5%; position: absolute; top: 80%; left: 4.1%;
}
}