@charset "UTF-8";

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

INDEX

==================================================================*/
@media screen and (min-width:1024px) {
.smp{
display:none;
}
p{
font-size:14px;
line-height:1.5em;
text-align:justify;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.button{
padding:0;
width:160px;
margin:0 auto;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
p{
font-size:13px;
line-height:1.5em;
text-align:justify;
}

img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.reserve{
font-size:18px;
font-weight:600;
text-align:center;
letter-spacing:0.07em;
width:50%;
margin:20px 25%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#FFF;
background:#E05881;
transition: .4s;
border:3px solid #E05881;
border-radius:30px;
}
.reserve:hover{
font-weight:600;
border:3px solid #E05881;
color:#E05881;
background-color:#FFF;
}
.button{
appearance:none;
border:0;
padding:0;
width:140px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
p{
font-size:14px;
line-height:1.5em;
text-align:justify;
}
.flow-navi__wrapper{
display:none;
}
.floating{
display:none;
}
.floating_smp{
position:fixed;
width:100%;
height:auto;
top:auto;
right:0;
bottom:0;
left:0;
z-index:1000;
}
.floating_smp ol{
}
.floating_smp ol li{
width:50%;
margin:0;
float:left;
}
.reserve{
font-size:16px;
font-weight:600;
text-align:center;
letter-spacing:0.07em;
width:90%;
margin:15px 5%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#FFF;
background:#E05881;
transition: .4s;
border:3px solid #E05881;
border-radius:30px;
}
.reserve:hover{
font-weight:600;
border:3px solid #E05881;
color:#E05881;
background-color:#FFF;
}
.button{
appearance:none;
border:0;
padding:0;
width:60%;
}
}









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

INDEX_AREA

==================================================================*/
@media screen and (min-width:1024px) {
#header_area{
}
#header_area .logo{
background:rgba(255,255,255,0.7);
padding:0 1%;
width:14%;
height:100%;
position:absolute;
top:0;
right:auto;
bottom:0;
left:42%;
z-index:998;
}
#header_area h2{
width:80%;
margin:120% auto auto;
}
#header_area h3{
width:18%;
height:auto;
position:absolute;
top:auto;
right:5%;
bottom:15%;;
left:auto;
z-index:997;
-webkit-animation-name:fuwafuwa;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease;
-moz-animation-name:fuwafuwa;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa{
0%{-webkit-transform:translate(0,0);}
50%{-webkit-transform:translate(0,-10px);}
100%{-webkit-transform:translate(0,0);}
}
@-moz-keyframes fuwafuwa{
0%{-moz-transform:translate(0,0);}
50%{-moz-transform:translate(0,-10px);}
100%{-moz-transform:translate(0,0);}
}
#header_area h4{
width:30%;
height:auto;
position:absolute;
top:auto;
right:auto;
bottom:3%;
left:3%;
z-index:998;
}
.scroll_down{
}
.scroll_down a{
color:#FFF;
position:absolute;
bottom:20px;
left:50%;
z-index:998;
display:inline-block;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
text-decoration:none;
padding-top:70px;
}
.scroll_down a span{
position:absolute;
top:0;
left:50%;
width:24px;
height:24px;
margin-left:-12px;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-animation:sdb 1.5s infinite;
animation:sdb 1.5s infinite;
box-sizing:border-box;
}
@-webkit-keyframes sdb{
0%{
-webkit-transform: rotate(-45deg) translate(0,0);
opacity: 0;
}
50%{
opacity:1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px,20px);
opacity: 0;
}
}
@keyframes sdb{
0%{
transform:rotate(-45deg) translate(0,0);
opacity:0;
}
50%{
opacity:1;
}
100%{
transform:rotate(-45deg) translate(-20px,20px);
opacity:0;
}
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
#header_area{
width:100%;
margin:0px auto;
}
#header_area .logo{
background:rgba(255,255,255,0.7);
padding:0 1%;
width:20%;
height:100%;
position:absolute;
top:0;
right:auto;
bottom:0;
left:40%;
z-index:998;
}
#header_area h2{
width:89%;
margin:200% auto auto;
}
#header_area h3{
width:30%;
height:auto;
position:absolute;
top:auto;
right:5%;
bottom:10%;;
left:auto;
z-index:997;
-webkit-animation-name:fuwafuwa;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease;
-moz-animation-name:fuwafuwa;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa{
0%{-webkit-transform:translate(0,0);}
50%{-webkit-transform:translate(0,-10px);}
100%{-webkit-transform:translate(0,0);}
}
@-moz-keyframes fuwafuwa{
0%{-moz-transform:translate(0,0);}
50%{-moz-transform:translate(0,-10px);}
100%{-moz-transform:translate(0,0);}
}
#header_area h4{
width:34%;
height:auto;
position:absolute;
top:auto;
right:auto;
bottom:10%;
left:2%;
z-index:998;
}
@-webkit-keyframes fuwafuwa{
0%{-webkit-transform:translate(0,0);}
50%{-webkit-transform:translate(0,-10px);}
100%{-webkit-transform:translate(0,0);}
}
@-moz-keyframes fuwafuwa{
0%{-moz-transform:translate(0,0);}
50%{-moz-transform:translate(0,-10px);}
100%{-moz-transform:translate(0,0);}
}
.scroll_down{
}
.scroll_down a{
color:#FFF;
position:absolute;
bottom:20px;
left:50%;
z-index:998;
display:inline-block;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
text-decoration:none;
padding-top:70px;
}
.scroll_down a span{
position:absolute;
top:0;
left:50%;
width:24px;
height:24px;
margin-left:-12px;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-animation:sdb 1.5s infinite;
animation:sdb 1.5s infinite;
box-sizing:border-box;
}
@-webkit-keyframes sdb{
0%{
-webkit-transform: rotate(-45deg) translate(0,0);
opacity: 0;
}
50%{
opacity:1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px,20px);
opacity: 0;
}
}
@keyframes sdb{
0%{
transform:rotate(-45deg) translate(0,0);
opacity:0;
}
50%{
opacity:1;
}
100%{
transform:rotate(-45deg) translate(-20px,20px);
opacity:0;
}
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
#header_area{
width:100%;
height:auto;
margin:0px auto;
}
#header_area .logo{
padding:0 1%;
width:30%;
height:100%;
position:absolute;
top:0;
right:auto;
bottom:0;
left:35%;
z-index:997;
}
#header_area h2{
width:92%;
margin:50% auto auto;
}
#header_area h3{
width:46%;
height:auto;
position:absolute;
top:auto;
right:1%;
bottom:36%;;
left:auto;
z-index:996;
-webkit-animation-name:fuwafuwa;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease;
-moz-animation-name:fuwafuwa;
-moz-animation-duration:2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa{
0%{-webkit-transform:translate(0,0);}
50%{-webkit-transform:translate(0,-10px);}
100%{-webkit-transform:translate(0,0);}
}
@-moz-keyframes fuwafuwa{
0%{-moz-transform:translate(0,0);}
50%{-moz-transform:translate(0,-10px);}
100%{-moz-transform:translate(0,0);}
}
#header_area h4{
width:60%;
height:auto;
position:absolute;
top:auto;
right:auto;
bottom:15%;
left:2%;
z-index:998;
}
@-webkit-keyframes fuwafuwa{
0%{-webkit-transform:translate(0,0);}
50%{-webkit-transform:translate(0,-10px);}
100%{-webkit-transform:translate(0,0);}
}
@-moz-keyframes fuwafuwa{
0%{-moz-transform:translate(0,0);}
50%{-moz-transform:translate(0,-10px);}
100%{-moz-transform:translate(0,0);}
}
.scroll_down{
}
.scroll_down a{
color:#FFF;
position:absolute;
bottom:7%;
left:45%;
z-index:998;
display:inline-block;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
text-decoration:none;
padding-top:70px;
}
.scroll_down a span{
position:absolute;
top:0;
left:50%;
width:24px;
height:24px;
margin-left:-12px;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-animation:sdb 1.5s infinite;
animation:sdb 1.5s infinite;
box-sizing:border-box;
}
@-webkit-keyframes sdb{
0%{
-webkit-transform: rotate(-45deg) translate(0,0);
opacity: 0;
}
50%{
opacity:1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px,20px);
opacity: 0;
}
}
@keyframes sdb{
0%{
transform:rotate(-45deg) translate(0,0);
opacity:0;
}
50%{
opacity:1;
}
100%{
transform:rotate(-45deg) translate(-20px,20px);
opacity:0;
}
}
}









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

NEWS_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.news_area{
width:1000px;
margin:0 auto;
padding:60px 0 30px;
}
.news_area h2{
width:30%;
margin:0 auto 10px;
}
/*.news_area div{
width:60%;
margin:30px auto 50px;
}*/
.news_area dl.news{
font-size:14px;
}
.news_area dl.news dt{
font-weight:500;
text-align:center;
background-color:#BAD483;
width:9em;
border-radius:20px;
padding:0.2em 0;
margin-bottom:0.8em;
letter-spacing:0.05em;
}
.news_area dl.news dd{
padding-bottom:0.3em;
border-bottom:1px dashed #808080;
margin-bottom:1.5em;
text-align:justify;
line-height:1.5em;
}
.news_area dl.news dd a{
color:#C11823;
text-decoration:underline;
}
.news_area .link{
margin:3em auto 0;
}
.news_area .link a{
position:relative;
display:flex;
justify-content:space-around;
align-items:center;
margin:0 auto;
max-width:360px;
padding:1em 0;
color:#FFF;
transition:0.3s ease-in-out;
font-size:16px;
font-weight:500;
letter-spacing:0.05em;
background:#C11823;
border-radius:8px;
border-bottom:solid 5px #74030A;
}
.news_area .link a:hover{
border-bottom:solid 2px #74030A;
transform:translateY(3px);
}

/*ニュース*/
.sp_news{
border:2px solid #C11823;
position:relative;
margin:3em auto 2em;
}
.sp_news h3{
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.9em;
}
.sp_news span{
font-size:18px;
font-weight:600;
letter-spacing:0.08em;
padding:0 .5em;
background:#FFF;
color:#C11823;
}
.sp_news .inner_box{
padding:2em 1em 1.5em;
text-align:center;
}
.sp_news .inner_box p{
font-size:15px;
text-align:center;
line-height:1.5em;
}
.sp_news .inner_box p span{
font-size:15px;
font-weight:600;
color:#000;
margin-right:1em;
}
.sp_news .inner_box h6{
margin:2em auto 0.8em;
}
.sp_news .inner_box h6 span{
font-size:15px;
font-weight:500;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:20px;
padding:0.2em 2em;
letter-spacing:0.05em;
}
/*アラート*/
.alart{
/*border:4px solid #B4B4B4;*/
border:4px solid #C11823;
position:relative;
margin:3em auto 2em;
padding:2em;
}
.alart h3{
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.9em;
margin-bottom:2em;
}
.alart span{
font-size:18px;
font-weight:600;
letter-spacing:0.08em;
padding:0 .5em;
background:#FFF;
color:#000;
}
.alart p{
font-size:15px;
text-align:center;
line-height:1.5em;
}
.alart p span{
font-size:15px;
font-weight:600;
color:#000;
}
.alart div.alart_detail{
background:#E8ECEF;
padding:2em;
margin:2em 0;
}
.alart dl{
width:70%;
margin:1em auto 0;
}
.alart dl dt{
font-size:15px;
font-weight:600;
width:30%;
float:left;
margin-bottom:0.5em;
}
.alart dl dd{
font-size:15px;
width:65%;
margin-left:5%;
float:left;
margin-bottom:0.5em;
}
.alart dl dd span{
font-size:15px;
font-weight:600;
background:none;
}
.alart h6{
font-size:15px;
text-align:center;
}
.alart p.finishing{
font-size:15px;
text-align:right;
line-height:1.5em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.news_area{
width:98%;
margin:0 auto;
padding:40px 0 20px;
}
.news_area h2{
width:30%;
margin:0 auto 10px;
}
/*.news_area div{
width:60%;
margin:30px auto 40px;
}*/
.news_area dl.news{
font-size:13px;
}
.news_area dl.news dt{
font-weight:500;
text-align:center;
background-color:#BAD483;
width:9em;
border-radius:20px;
padding:0.2em 0;
margin-bottom:0.8em;
letter-spacing:0.05em;
}
.news_area dl.news dd{
padding-bottom:0.3em;
border-bottom:1px dashed #808080;
margin-bottom:1.5em;
text-align:justify;
line-height:1.5em;
}
.news_area dl.news dd a{
color:#C11823;
text-decoration:underline;
}
.news_area .link{
margin:3em auto 0;
}
.news_area .link a{
position:relative;
display:flex;
justify-content:space-around;
align-items:center;
margin:0 auto;
max-width:330px;
padding:1em 0;
color:#FFF;
transition:0.3s ease-in-out;
font-size:16px;
font-weight:500;
letter-spacing:0.05em;
background:#C11823;
border-radius:8px;
border-bottom:solid 5px #74030A;
}
.news_area .link a:hover{
border-bottom:solid 2px #74030A;
transform:translateY(3px);
}

/*ニュース*/
.sp_news{
border:2px solid #C11823;
position:relative;
margin:3em auto 2em;
}
.sp_news h3{
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.9em;
}
.sp_news span{
font-size:18px;
font-weight:600;
letter-spacing:0.08em;
padding:0 .5em;
background:#FFF;
color:#C11823;
}
.sp_news .inner_box{
padding:2em 1em 1.5em;
text-align:center;
}
.sp_news .inner_box p{
font-size:15px;
text-align:center;
line-height:1.5em;
}
.sp_news .inner_box p span{
font-size:15px;
font-weight:600;
color:#000;
margin-right:1em;
}
.sp_news .inner_box h6{
margin:2em auto 0.8em;
}
.sp_news .inner_box h6 span{
font-size:15px;
font-weight:500;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:20px;
padding:0.2em 2em;
letter-spacing:0.05em;
}
/*アラート*/
.alart{
/*border:4px solid #B4B4B4;*/
border:4px solid #C11823;
position:relative;
margin:3em auto 2em;
padding:2em;
}
.alart h3{
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.9em;
margin-bottom:2em;
}
.alart span{
font-size:18px;
font-weight:600;
letter-spacing:0.08em;
padding:0 .5em;
background:#FFF;
color:#000;
}
.alart p{
font-size:15px;
text-align:justify;
line-height:1.5em;
}
.alart p span{
font-size:15px;
font-weight:600;
color:#000;
}
.alart div.alart_detail{
background:#E8ECEF;
padding:2em;
margin:2em 0;
}
.alart dl{
width:100%;
margin:1em auto 0;
}
.alart dl dt{
font-size:15px;
font-weight:600;
width:30%;
float:left;
margin-bottom:0.5em;
}
.alart dl dd{
font-size:15px;
width:65%;
margin-left:5%;
float:left;
margin-bottom:0.5em;
}
.alart dl dd span{
font-size:15px;
font-weight:600;
background:none;
}
.alart h6{
font-size:15px;
text-align:center;
}
.alart p.finishing{
font-size:15px;
text-align:right;
line-height:1.5em;
}


}
@media only screen and (min-width:320px) and (max-width:767px) {
.news_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.news_area h2{
width:80%;
margin:0 auto 10px;
}
/*.news_area div{
width:80%;
margin:20px auto 20px;
}*/
.news_area dl.news{
font-size:13px;
}
.news_area dl.news dt{
font-weight:500;
text-align:center;
background-color:#BAD483;
width:9em;
border-radius:20px;
padding:0.1em 0;
margin-bottom:0.8em;
letter-spacing:0.05em;
}
.news_area dl.news dd{
padding-bottom:0.3em;
border-bottom:1px dashed #808080;
margin-bottom:1.5em;
text-align:justify;
line-height:1.3em;
}
.news_area dl.news dd a{
color:#C11823;
text-decoration:underline;
}
.news_area .link{
margin:3em auto 0;
}
.news_area .link a{
position:relative;
display:flex;
justify-content:space-around;
align-items:center;
margin:0 auto;
max-width:90%;
padding:1em 0;
color:#FFF;
transition:0.3s ease-in-out;
font-size:16px;
font-weight:500;
letter-spacing:0.05em;
background:#C11823;
border-radius:8px;
border-bottom:solid 5px #74030A;
}
.news_area .link a:hover{
border-bottom:solid 2px #74030A;
transform:translateY(3px);
}

/*ニュース*/
.sp_news{
border:2px solid #C11823;
position:relative;
margin:3em auto 2em;
}
.sp_news h3{
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.9em;
}
.sp_news span{
font-size:18px;
font-weight:600;
letter-spacing:0.08em;
padding:0 .5em;
background:#FFF;
color:#C11823;
}
.sp_news .inner_box{
padding:2em 1em 1.5em;
text-align:center;
}
.sp_news .inner_box p{
font-size:15px;
text-align:center;
line-height:1.5em;
}
.sp_news .inner_box p span{
font-size:15px;
font-weight:600;
color:#000;
/*margin-right:1em;*/
}
.sp_news .inner_box h6{
margin:2em auto 0.8em;
}
.sp_news .inner_box h6 span{
font-size:15px;
font-weight:500;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:20px;
padding:0.2em 2em;
letter-spacing:0.05em;
}
/*アラート*/
.alart{
/*border:4px solid #B4B4B4;*/
border:4px solid #C11823;
position:relative;
margin:3em auto 2em;
padding:2em;
}
.alart h3{
text-align:center;
position:absolute;
right:0;
left:0;
top:-0.9em;
margin-bottom:3em;
line-height:1.8em;
}
.alart span{
font-size:18px;
font-weight:600;
letter-spacing:0.08em;
padding:0 .5em;
background:#FFF;
color:#000;
}
.alart p{
font-size:15px;
text-align:justify;
line-height:1.5em;
margin-top:1.5em;
}
.alart p span{
font-size:15px;
font-weight:600;
color:#000;
}
.alart div.alart_detail{
background:#E8ECEF;
padding:2em;
margin:2em 0;
}
.alart dl{
width:100%;
margin:1em auto 0;
}
.alart dl dt{
font-size:15px;
text-align:center;
font-weight:600;
margin-bottom:0.3em;
}
.alart dl dd{
font-size:15px;
text-align:center;
margin-bottom:0.8em;
}
.alart dl dd span{
font-size:15px;
font-weight:600;
background:none;
}
.alart h6{
font-size:15px;
text-align:center;
}
.alart p.finishing{
font-size:15px;
text-align:right;
line-height:1.5em;
margin-top:0;
}
}









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

BATH_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.bath_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/bath_area_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.bath_area{
width:1000px;
margin:0 auto;
padding:60px 0 50px;
color:#FFF;
text-align:center;
}
.bath_area h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
}
.bath_area ol{
margin-top:40px;
}
.bath_area ol li{
width:33.3%;
float:left;
}
.bath_area ol:after{
content:"";
display:block;
clear:both;
}
.bath_area ol li a{
color:#FFF;
text-decoration:none;
}
.bath_area ol li h3{
font-family: 'Noto Serif JP', serif;
font-weight:400;
letter-spacing:0.15em;
margin-bottom:15px;
}
.bath_area ol li h3 span{
font-size:18px;
background-color:#C11823;
color:#FFF;
padding:0.15em 1em;
}
.bath_area ol li div{
width:90%;
margin:10px auto 15px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.bath_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/bath_area_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.bath_area{
width:98%;
margin:0 auto;
padding:50px 0 40px;
color:#FFF;
text-align:center;
}
.bath_area h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
}
.bath_area ol{
margin-top:40px;
}
.bath_area ol li{
width:33.3%;
float:left;
}
.bath_area ol:after{
content:"";
display:block;
clear:both;
}
.bath_area ol li a{
color:#FFF;
text-decoration:none;
}
.bath_area ol li h3{
font-family: 'Noto Serif JP', serif;
font-weight:400;
letter-spacing:0.15em;
margin-bottom:15px;
}
.bath_area ol li h3 span{
font-size:18px;
background-color:#C11823;
color:#FFF;
padding:0.15em 1em;
}
.bath_area ol li div{
width:90%;
margin:10px auto 15px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.bath_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/bath_area_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.bath_area{
width:98%;
margin:0 auto;
padding:50px 0 20px;
color:#FFF;
text-align:center;
}
.bath_area h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
}
.bath_area ol{
margin-top:40px;
}
.bath_area ol li{
width:90%;
margin:0 auto 25px;
}
.bath_area ol:after{
content:"";
display:block;
clear:both;
}
.bath_area ol li a{
color:#FFF;
text-decoration:none;
}
.bath_area ol li h3{
font-family: 'Noto Serif JP', serif;
font-weight:300;
letter-spacing:0.15em;
margin-bottom:15px;
}
.bath_area ol li h3 span{
font-size:18px;
background-color:#C11823;
color:#FFF;
padding:0.15em 1em;
}
.bath_area ol li div{
width:90%;
margin:10px auto;
}
}









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

HOURS_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.hours_area{
width:1000px;
margin:0 auto;
padding:60px 0 30px;
}
.hours_area h2{
width:30%;
margin:0 auto 10px;
}
.hours_area dl{
font-size:14px;
width:80%;
margin:36px auto 0;
}
.hours_area dl dt{
text-align:left;
width:20%;
margin:0 3% 0.5em 0;
letter-spacing:0.05em;
float:left;
}
.hours_area dl dt span{
background-color:#C11823;
border-radius:20px;
color:#FFF;
padding:0.2em 1.5em;
}
.hours_area dl dd{
font-size:15px;
font-weight:500;
letter-spacing:0.03em;
width:77%;
margin-bottom:0.5em;
text-align:justify;
line-height:1.5em;
float:left;
}
.hours_area dl:after{
content:"";
display:block;
clear:both;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.hours_area{
width:98%;
margin:0 auto;
padding:40px 0 30px;
}
.hours_area h2{
width:30%;
margin:0 auto 10px;
}
.hours_area dl{
font-size:13px;
width:100%;
margin:30px auto 0;
}
.hours_area dl dt{
font-size:18px;
text-align:left;
width:20%;
margin:0 3% 0.5em 0;
letter-spacing:0.05em;
float:left;
}
.hours_area dl dt span{
background-color:#C11823;
border-radius:20px;
color:#FFF;
padding:0.2em 1em;
}
.hours_area dl dd{
font-size:18px;
font-weight:500;
letter-spacing:0.03em;
width:77%;
margin-bottom:0.5em;
text-align:justify;
line-height:1.5em;
float:left;
}
.hours_area dl:after{
content:"";
display:block;
clear:both;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.hours_area{
width:94%;
margin:0 auto;
padding:30px 0 0;
}
.hours_area h2{
width:80%;
margin:0 auto 10px;
}
.hours_area dl{
font-size:18px;
margin:20px auto 0;
}
.hours_area dl dt{
margin:0 auto 0.5em;
letter-spacing:0.05em;
text-align:center;
}
.hours_area dl dt span{
background-color:#C11823;
border-radius:20px;
color:#FFF;
padding:0.2em 1.5em;
}
.hours_area dl dd{
font-size:18px;
font-weight:500;
letter-spacing:0.03em;
margin-bottom:1em;
text-align:center;
line-height:1.5em;
}
.hours_area dl:after{
content:"";
display:block;
clear:both;
}
}









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

FEE_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C4BC84 25%, transparent 25%, transparent 75%, #C4BC84 75%, #C4BC84), linear-gradient(45deg, #C4BC84 25%, transparent 25%, transparent 75%, #C4BC84 75%, #C4BC84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
padding:50px 0;
}
.fee_area{
width:1000px;
margin:0 auto;
padding:50px 0;
background-color:#FFF;
}
.fee_area h2{
width:30%;
margin:0 auto 10px;
}
.fee_area dl{
font-size:14px;
width:80%;
margin:36px auto 10px;
}
.fee_area dl dt{
text-align:left;
width:24%;
margin:0 3% 0.5em 0;
letter-spacing:0.05em;
float:left;
}
.fee_area dl dt span{
background-color:#C11823;
border-radius:20px;
color:#FFF;
padding:0.2em 1.5em;
}
.fee_area dl dd{
font-size:15px;
font-weight:500;
letter-spacing:0.03em;
width:73%;
margin-bottom:0.5em;
text-align:justify;
line-height:1.5em;
float:left;
}
.fee_area dl:after{
content:"";
display:block;
clear:both;
}
.fee_area p{
font-size:14px;
text-align:center;
margin:0 auto 3em;
}
.fee_area p span{
border-bottom:1px solid #000;
padding-bottom:0.1em;
}
.fee_area ol{
width:90%;
margin:0 auto;
}
.fee_area ol li{
width:44%;
float:left;
margin:0 3%;
}
.fee_area ol:after{
content:"";
display:block;
clear:both;
}
.fee_area div{
width:85%;
margin:30px auto 0;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C4BC84 25%, transparent 25%, transparent 75%, #C4BC84 75%, #C4BC84), linear-gradient(45deg, #C4BC84 25%, transparent 25%, transparent 75%, #C4BC84 75%, #C4BC84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
padding:40px 0;
}
.fee_area{
width:98%;
margin:0 auto;
padding:30px 0 40px;
background-color:#FFF;
}
.fee_area h2{
width:30%;
margin:0 auto 10px;
}
.fee_area dl{
font-size:18px;
width:96%;
margin:30px auto 10px;
}
.fee_area dl dt{
font-size:18px;
text-align:left;
width:26%;
margin:0 3% 0.5em 0;
letter-spacing:0.05em;
float:left;
}
.fee_area dl dt span{
background-color:#C11823;
border-radius:20px;
color:#FFF;
padding:0.2em 1.0em;
}
.fee_area dl dd{
font-size:18px;
font-weight:500;
letter-spacing:0.03em;
width:71%;
margin-bottom:0.5em;
text-align:justify;
line-height:1.5em;
float:left;
}
.fee_area dl:after{
content:"";
display:block;
clear:both;
}
.fee_area p{
font-size:14px;
text-align:center;
margin:0 auto 3em;
}
.fee_area p span{
border-bottom:1px solid #000;
padding-bottom:0.1em;
}
.fee_area ol{
width:100%;
margin:0 auto;
}
.fee_area ol li{
width:44%;
float:left;
margin:0 3%;
}
.fee_area ol:after{
content:"";
display:block;
clear:both;
}
.fee_area div{
width:94%;
margin:20px auto 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C4BC84 25%, transparent 25%, transparent 75%, #C4BC84 75%, #C4BC84), linear-gradient(45deg, #C4BC84 25%, transparent 25%, transparent 75%, #C4BC84 75%, #C4BC84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
padding:30px 0;
}
.fee_area{
width:94%;
margin:0 auto;
padding:30px 0 20px;
background-color:#FFF;
}
.fee_area h2{
width:80%;
margin:0 auto 10px;
}
.fee_area dl{
margin:20px auto;
}
.fee_area dl dt{
font-size:18px;
margin:0 auto 0.5em;
letter-spacing:0.05em;
text-align:center;
}
.fee_area dl dt span{
background-color:#C11823;
border-radius:20px;
color:#FFF;
padding:0.2em 1.5em;
}
.fee_area dl dd{
font-size:16px;
font-weight:500;
line-height:1.3em;
letter-spacing:0.03em;
margin-top:0.7em;
margin-bottom:1em;
text-align:center;
}
.fee_area dl dd span{
font-size:14px;
}
.fee_area dl:after{
content:"";
display:block;
clear:both;
}
.fee_area p{
font-size:14px;
width:90%;
margin:0 auto 2em;
}
.fee_area p span{
border-bottom:1px solid #000;
padding-bottom:0.1em;
}

.fee_area ol{
width:90%;
margin:0 auto;
}
.fee_area ol li{
width:90%;
margin:4% auto;
}
.fee_area ol:after{
content:"";
display:block;
clear:both;
}
.fee_area div{
width:82%;
margin:4% auto 0;
}
}









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

SOMMELIER_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.sommelier_area{
width:1000px;
margin:0 auto;
padding:50px 0;
}
.sommelier_area h2{
width:30%;
margin:0 auto 10px;
}
.sommelier_area .profile{
width:45%;
margin:20px 8% 0 auto;
float:left;
}
.sommelier_area .message{
width:47%;
margin:120px 0 0 0;
float:left;
}
.sommelier_area .profile .sommelier{
width:50%;
}
.sommelier_area .profile h4{
font-size:18px;
font-weight:600;
word-spacing:1em;
margin:0.5em auto 1em;
}
.sommelier_area .profile h5{
font-size:15px;
font-weight:500;
line-height:1.5em;
margin-bottom:1em;
}
.sommelier_area .profile p{
font-size:12px;
border:1px solid #005C2C;
padding:1em;
}
.sommelier_area .message h3{
font-size:16px;
font-weight:600;
line-height:1.5em;
margin-bottom:1.3em;
}
.sommelier_area .message p{
line-height:1.75em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.sommelier_area{
width:98%;
margin:0 auto;
padding:30px 0 40px;
}
.sommelier_area h2{
width:30%;
margin:0 auto 10px;
}
.sommelier_area .profile{
width:45%;
margin:20px 8% 0 auto;
float:left;
}
.sommelier_area .message{
width:47%;
margin:110px 0 0 0;
float:left;
}
.sommelier_area .profile .sommelier{
width:60%;
}
.sommelier_area .profile h4{
font-size:16px;
font-weight:600;
word-spacing:1em;
margin:0.5em auto 1em;
}
.sommelier_area .profile h5{
font-size:14px;
font-weight:500;
line-height:1.5em;
margin-bottom:1em;
}
.sommelier_area .profile p{
font-size:12px;
border:1px solid #005C2C;
padding:1em;
}
.sommelier_area .message h3{
font-size:16px;
font-weight:600;
line-height:1.5em;
margin-bottom:1.3em;
}
.sommelier_area .message p{
line-height:1.75em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.sommelier_area{
width:94%;
margin:0 auto;
padding:30px 0 20px;
background-color:#FFF;
}
.sommelier_area h2{
width:80%;
margin:0 auto 10px;
}
.sommelier_area .profile{
margin:20px auto 0;
}
.sommelier_area .message{
margin:30px auto 0;
}
.sommelier_area .profile .sommelier{
width:70%;
margin:0 auto;
}
.sommelier_area .profile h4{
font-size:16px;
font-weight:600;
text-align:center;
word-spacing:1em;
margin:0.5em auto 1em;
}
.sommelier_area .profile h5{
font-size:14px;
font-weight:500;
line-height:1.5em;
margin-bottom:1em;
}
.sommelier_area .profile p{
font-size:12px;
border:1px solid #005C2C;
padding:1em;
}
.sommelier_area .message h3{
font-size:15px;
font-weight:600;
line-height:1.5em;
margin-bottom:1em;
}
.sommelier_area .message p{
}
}









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

RELAX_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.relax_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/relax_area_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.relax_area{
width:1000px;
margin:0 auto;
padding:60px 0 50px;
color:#FFF;
text-align:center;
}
.relax_area h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
}
.relax_area ol{
margin-top:40px;
}
.relax_area ol li{
width:40%;
float:left;
margin:0 5%;
}
.relax_area ol:after{
content:"";
display:block;
clear:both;
}
.relax_area ol li a{
color:#FFF;
text-decoration:none;
}
.relax_area ol li h3{
font-family: 'Noto Serif JP', serif;
font-weight:400;
letter-spacing:0.15em;
margin-bottom:15px;
}
.relax_area ol li h3 span{
font-size:18px;
background-color:#C11823;
color:#FFF;
padding:0.15em 1em;
}
.relax_area ol li div{
width:100%;
margin:10px auto 15px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.relax_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/relax_area_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.relax_area{
width:98%;
margin:0 auto;
padding:50px 0 40px;
color:#FFF;
text-align:center;
}
.relax_area h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
}
.relax_area ol{
margin-top:40px;
}
.relax_area ol li{
width:46%;
float:left;
margin:0 2%;
}
.relax_area ol:after{
content:"";
display:block;
clear:both;
}
.relax_area ol li a{
color:#FFF;
text-decoration:none;
}
.relax_area ol li h3{
font-family: 'Noto Serif JP', serif;
font-weight:400;
letter-spacing:0.15em;
margin-bottom:15px;
}
.relax_area ol li h3 span{
font-size:18px;
background-color:#C11823;
color:#FFF;
padding:0.15em 1em;
}
.relax_area ol li div{
width:100%;
margin:10px auto 15px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.relax_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/relax_area_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.relax_area{
width:98%;
margin:0 auto;
padding:50px 0 20px;
color:#FFF;
text-align:center;
}
.relax_area h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
}
.relax_area ol{
margin-top:40px;
}
.relax_area ol li{
width:90%;
margin:0 auto 25px;
}
.relax_area ol:after{
content:"";
display:block;
clear:both;
}
.relax_area ol li a{
color:#FFF;
text-decoration:none;
}
.relax_area ol li h3{
font-family: 'Noto Serif JP', serif;
font-weight:400;
letter-spacing:0.15em;
margin-bottom:15px;
}
.relax_area ol li h3 span{
font-size:18px;
background-color:#C11823;
color:#FFF;
padding:0.15em 1em;
}
.relax_area ol li div{
width:90%;
margin:10px auto;
}
}









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

SHOP_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.shop_area{
width:1000px;
margin:0 auto;
padding:60px 0 50px;
text-align:center;
}
.shop_area ol{
margin-top:40px;
}
.shop_area ol li.restaurant{
width:40%;
float:left;
margin:0 5%;
}
.shop_area ol li.shop{
width:40%;
float:left;
margin:0 5%;
}
.shop_area ol:after{
content:"";
display:block;
clear:both;
}
.shop_area ol li h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
margin-bottom:1em;
}
.shop_area ol li h3{
font-size:16px;
font-weight:600;
letter-spacing:0.07em;
text-align:center;
}
.shop_area ol li.restaurant p{
font-size:15px;
text-align:center;
letter-spacing:0.05em;
margin:0.5em auto 1em;
}
.shop_area ol li.restaurant div{
width:100%;
margin:10px auto 15px;
border:4px solid #000;
}
.shop_area ol li.shop p{
font-size:14px;
text-align:justify;
letter-spacing:0.05em;
margin:1.5em auto 0;
}
.shop_area ol li.shop div{
width:100%;
margin:10px auto 15px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.shop_area{
width:98%;
margin:0 auto;
padding:20px 0 50px;
text-align:center;
}
.shop_area ol{
margin-top:40px;
}
.shop_area ol li{
width:46%;
float:left;
margin:0 2%;
}
.shop_area ol:after{
content:"";
display:block;
clear:both;
}
.shop_area ol li h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
margin-bottom:1em;
}
.shop_area ol li h3{
font-size:15px;
font-weight:600;
letter-spacing:0.07em;
text-align:center;
}
.shop_area ol li.restaurant p{
font-size:14px;
text-align:center;
letter-spacing:0.05em;
margin:0.5em auto 1em;
}
.shop_area ol li.restaurant div{
width:100%;
margin:10px auto 15px;
border:3px solid #000;
}
.shop_area ol li.shop p{
font-size:13px;
text-align:justify;
margin:1.5em auto 0;
}
.shop_area ol li.shop div{
width:100%;
margin:10px auto 15px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.shop_area{
width:98%;
margin:0 auto;
padding:30px 0 20px;
text-align:center;
}
.shop_area ol{
margin-top:40px;
}
.shop_area ol li{
width:90%;
margin:0 auto 25px;
}
.shop_area ol:after{
content:"";
display:block;
clear:both;
}
.shop_area ol li h2{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:600;
text-align:center;
letter-spacing:0.25em;
}
.shop_area ol li h3{
font-size:18px;
font-weight:600;
letter-spacing:0.07em;
text-align:center;
}
.shop_area ol li.restaurant p{
font-size:18px;
text-align:center;
letter-spacing:0.05em;
margin:0.5em auto;
}
.shop_area ol li.restaurant div{
width:100%;
margin:20px auto 15px;
border:3px solid #000;
}
.shop_area ol li.shop p{
font-size:13px;
text-align:justify;
margin:1.5em auto 0;
}
.shop_area ol li.shop div{
width:100%;
margin:20px auto 15px;
}
}









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

ACCESS_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.access_bg{
width:100%;
margin:0 auto;
background-color:#EEE;
}
.access_area{
width:1000px;
margin:0 auto;
padding:60px 0 50px;
}
.access_area h2{
width:30%;
margin:0 auto 10px;
}
.access_area dl{
margin-top:30px;
}
.access_area dl dt{
width:66%;
margin:0 2% 0 0;
float:left;
border:2px solid #CCC;
}
.access_area dl dd{
width:32%;
margin:0;
float:left;
}
.access_area dl dd div{
margin:0;
}
.access_area dl dd div:first-child{
margin-bottom:34px;
}
.access_area h4{
font-size:16px;
font-weight:600;
text-align:center;
margin:1.5em auto 1em;
}
.access_area h4 span{
border:1px solid #000;
background-color:#FFF;
padding:0.2em 0.5em;
}
.access_area div.case{
width:52%;
margin:0 auto;
}
.access_area div.case h5{
font-size:15px;
font-weight:600;
line-height:1.5em;
}
.access_area div.case p{
margin-bottom:1em;
}
.access_area h3{
font-family: 'Noto Serif JP', serif;
font-size:20px;
font-weight:600;
text-align:left;
letter-spacing:0.2em;
margin-bottom:0.5em;
}
.access_area div.access{
}
.access_area div.access div.map{
width:25%;
margin:0 5% 0 0;
float:left;
border:2px solid #CCC;
}
.access_area div.access div.way{
width:70%;
margin:0;
float:left;
}
.access_area ol{
font-size:14px;
margin-top:1.6em;
}
.access_area ol li:last-child{
padding-left:2.5em;
line-height:2em;
background:url("../../images/access_walk.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ol li{
padding-left:2.5em;
line-height:2em;
background:url("../../images/access_car.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ul{
font-size:14px;
margin-top:2em;
}
.access_area ul li{
padding-left:2.5em;
line-height:2em;
background:url("../../images/access_google.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ul li a{
color:#000;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.access_bg{
width:100%;
margin:0 auto;
background-color:#EEE;
}
.access_area{
width:98%;
margin:0 auto;
padding:50px 0 40px;
}
.access_area h2{
width:30%;
margin:0 auto 10px;
}
.access_area dl{
margin-top:30px;
}
.access_area dl dt{
width:66%;
margin:0 2% 0 0;
float:left;
border:2px solid #CCC;
}
.access_area dl dd{
width:32%;
margin:0;
float:left;
}
.access_area dl dd div{
margin:0;
}
.access_area dl dd div:first-child{
margin-bottom:26px;
}
.access_area h4{
font-size:15px;
font-weight:600;
text-align:center;
margin:1.5em auto 1em;
}
.access_area h4 span{
border:1px solid #000;
background-color:#FFF;
padding:0.2em 0.5em;
}
.access_area div.case{
width:64%;
margin:0 auto;
}
.access_area div.case h5{
font-size:14px;
font-weight:600;
line-height:1.5em;
}
.access_area div.case p{
margin-bottom:1em;
}
.access_area h3{
font-family: 'Noto Serif JP', serif;
font-size:18px;
font-weight:600;
text-align:left;
letter-spacing:0.2em;
margin-bottom:0.5em;
}
.access_area div.access{
}
.access_area div.access div.map{
width:35%;
margin:0 5% 0 0;
float:left;
border:2px solid #CCC;
}
.access_area div.access div.way{
width:60%;
margin:0;
float:left;
}
.access_area ol{
font-size:13px;
margin-top:3em;
}
.access_area ol li:last-child{
padding-left:2.5em;
line-height:2em;
background:url("../../images/access_walk.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ol li{
padding-left:2.5em;
line-height:2em;
background:url("../../images/access_car.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ul{
font-size:13px;
margin-top:2em;
}
.access_area ul li{
padding-left:2.5em;
line-height:2em;
background:url("../../images/access_google.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ul li a{
color:#000;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.access_bg{
width:100%;
margin:0 auto;
background-color:#EEE;
}
.access_area{
width:98%;
margin:0 auto;
padding:30px 0 20px;
}
.access_area h2{
width:80%;
margin:0 auto 10px;
}
.access_area dl{
margin-top:10px;
}
.access_area dl dt{
width:100%;
margin:0;
border:2px solid #CCC;
}
.access_area dl dd{
width:80%;
margin:0 auto;
}
.access_area dl dd div{
margin:10px auto;
}
.access_area h4{
font-size:15px;
font-weight:600;
text-align:center;
line-height:1.2em;
margin:1em auto 0.5em;
border:1px solid #000;
background-color:#FFF;
padding:0.2em;
}
.access_area div.case{
}
.access_area div.case h5{
font-size:14px;
font-weight:600;
line-height:1.5em;
}
.access_area div.case p{
margin-bottom:1em;
line-height:1.3em;
}
.access_area h3{
font-family: 'Noto Serif JP', serif;
font-size:18px;
font-weight:600;
text-align:center;
letter-spacing:0.2em;
margin:1.5em auto 1em 0;
}
.access_area div.access{
}
.access_area div.access div.map{
width:80%;
margin:0 auto;
border:2px solid #CCC;
}
.access_area div.access div.way{
margin:0;
}
.access_area ol{
font-size:13px;
margin-top:1em;
}
.access_area ol li:last-child{
padding-left:2.5em;
line-height:2em;
background:url("../../images/access_walk.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ol li{
padding:0.3em 0 0.5em 2.5em;
line-height:1.2em;
background:url("../../images/access_car.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ul{
font-size:13px;
margin-top:1em;
}
.access_area ul li{
padding:0.3em 0 0.5em 2.5em;
line-height:1.2em;
background:url("../../images/access_google.png") left 0px top 7px no-repeat;
background-size:20px auto;
}
.access_area ul li a{
color:#000;
}
}