@charset "UTF-8";

/*==================================================================

HEADER_AREA

==================================================================*/
@media screen and (min-width:961px) {
.header_area{
width:700px;
margin:0 auto;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.header_area{
width:80%;
margin:30px auto 0;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.header_area{
width:98%;
margin:30px auto 50px;
}
.header_area h1{
width:90%;
margin:0 auto;
}
}









/*==================================================================

ACCESS_AREA

==================================================================*/
@media screen and (min-width:961px) {
.access_area{
width:100%;
margin:80px auto 0px;
background:url("../../access/images/header_october_access.png") no-repeat right top;
background-size:contain;
}
.access_area h2{
display:none;
}
.access_area div.access{
width:90%;
margin:50px 10% 0 0;
padding-top:80px;
}
.access_area ul{
}
.access_area ul li{
width:30%;
float:left;
margin:0 1.6%;
text-align:center;
padding:1em;
font-size:15px;
font-weight:700;
}
.access_area ul li span{
font-size:24px;
}
.access_area ul li a{
position:relative;
display:block;
width:126%;
padding:15px 0;
background-color:#F8B500;
border-radius:8px;
font-size:14px;
color:#000;
text-decoration:none;
text-align:center;
}
.access_area ul li a::after{
content:'';
position:absolute;
top:0;
bottom:0;
right:27px;
width:9px;
height:9px;
margin:auto;
border-top:3px solid #000;
border-right:3px solid #000;
transform:translateY(-2px) rotate(135deg);
box-sizing:border-box;
}
.access_area ul li a:hover{
background:#FBD366;
}
.way{
width:100%;
margin:0 0% 80px 0;
}
.way h3{
font-size:20px;
font-weight:600;
text-align:left;
position:relative;
padding:1em;
box-shadow:6px 6px #000;
outline:3px solid #fff;
border:3px solid #000;
background-color:#FFF;
color:#000;
margin:0 0 35px 0%;
}
.way div.car,.bus,.jr{
margin:0px 0 100px;
}
#car{
padding-top:50px;
}
.way h6{
width:100%;
}
.way h4{
font-size:16px;
font-weight:500;
margin:2em 0 0.75em;
}
.way h4 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.way p{
padding-left:1em;
line-height:1.65em;
}
.way p span{
font-weight:700;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.access_area{
width:100%;
margin:80px auto 0px;
background:url("../../access/images/header_october_access.png") no-repeat right top;
background-size:contain;
}
.access_area h2{
display:none;
}
.access_area div.access{
width:90%;
margin:60px 10% 0 0;
padding-top:60px;
}
.access_area ul{
}
.access_area ul li{
width:30%;
float:left;
margin:0 1.6%;
text-align:center;
padding:1em;
font-size:15px;
font-weight:700;
}
.access_area ul li span{
font-size:18px;
}
.access_area ul li a{
position:relative;
display:block;
width:126%;
padding:15px 0;
background-color:#F8B500;
border-radius:8px;
font-size:13px;
color:#000;
text-decoration:none;
text-align:center;
}
.access_area ul li a::after{
content:'';
position:absolute;
top:0;
bottom:0;
right:27px;
width:9px;
height:9px;
margin:auto;
border-top:3px solid #000;
border-right:3px solid #000;
transform:translateY(-2px) rotate(135deg);
box-sizing:border-box;
}
.access_area ul li a:hover{
background:#FBD366;
}
.way{
width:100%;
margin:0 0% 60px 0;
}
.way{
width:100%;
margin:0 0% 80px 0;
}
.way h3{
font-size:18px;
font-weight:600;
text-align:left;
position:relative;
padding:1em;
box-shadow:6px 6px #000;
outline:3px solid #fff;
border:3px solid #000;
background-color:#FFF;
color:#000;
margin:0 0 35px 0%;
}
.way div.car,.bus,.jr{
margin:0px 0 100px;
}
#car{
padding-top:50px;
}
.way h6{
width:100%;
}
.way h4{
font-size:15px;
font-weight:500;
margin:2em 0 0.75em;
}
.way h4 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.way p{
padding-left:1em;
line-height:1.65em;
}
.way p span{
font-weight:700;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.access_area{
width:94%;
margin:40px auto 0;
background:url("../../access/images/header_october_access.png") no-repeat right top;
background-size:130%;
}
.access_area h2{
display:none;
}
.access_area div.access{
width:80%;
margin:50px 10% 0 10%;
padding-top:60px;
}
.access_area ul li{
width:80%;
margin:0 0%;
text-align:center;
padding:5px 1em;
font-size:15px;
font-weight:700;
}
.access_area ul li span{
font-size:18px;
}
.access_area ul li a{
position:relative;
display:block;
width:126%;
padding:15px 0;
background-color:#F8B500;
border-radius:8px;
font-size:13px;
color:#000;
text-decoration:none;
text-align:center;
}
.access_area ul li a::after{
content:'';
position:absolute;
top:0;
bottom:0;
right:27px;
width:9px;
height:9px;
margin:auto;
border-top:3px solid #000;
border-right:3px solid #000;
transform:translateY(-2px) rotate(135deg);
box-sizing:border-box;
}
.access_area ul li a:hover{
background:#FBD366;
}
.way{
width:94%;
margin:0 3% 60px;
}
.way h3{
font-size:18px;
font-weight:600;
text-align:left;
position:relative;
padding:1em;
box-shadow:6px 6px #000;
outline:3px solid #fff;
border:3px solid #000;
background-color:#FFF;
color:#000;
margin:0 0 35px 0%;
}
.way div.car,.bus,.jr{
margin:0px 0 60px;
}
#car{
padding-top:50px;
}
.way h6{
width:100%;
}
.way h4{
font-size:14px;
font-weight:500;
margin:2em 0 0.75em;
}
.way h4 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.way p{
font-size:13px;
padding-left:1em;
line-height:1.65em;
}
.way p span{
font-weight:700;
}
}