@charset "utf-8";
/* CSS Document */

/*基本レイアウト*/
html{
height:100%;
font-size:.625em;
}
a
,a:active
,a:hover
,a:visited{text-decoration:none;}

body{
font-family:'Roboto',sans-serif;
font-size:1.4rem;
color:#333;
line-height:1.75em;
position:relative;
}

header{
box-sizing:border-box;
width:100%;
height:90px;
position:relative;
top:0;
background: #a5e3dc;
background: -moz-linear-gradient(-45deg,  #a5e3dc 0%, #74c8bf 100%);
background: -webkit-linear-gradient(-45deg,  #a5e3dc 0%,#74c8bf 100%);
background: linear-gradient(135deg,  #a5e3dc 0%,#74c8bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5e3dc', endColorstr='#74c8bf',GradientType=1 );
}
#siteLogo{
display:block;
width:5em;
margin:.5em auto;
}
@media only screen and (min-width:768px){
header{height:150px;}
#siteLogo{
width:10em;
margin:1em auto;
}
}

/*header .container{position:relative;}*/
#siteHeading{
height:3em;
line-height:3em;
background-color:#2D8D83;
color:#FFF;
text-align:center;
font-size:1rem;
}

#mainFlame{}

footer{
margin-top:3em;
padding:3em 0;
background-color:#333;
}

.list-guide-shop{
color:#FFF;
text-align:center;
margin:2em auto;
}
.list-guide-shop dt,
.list-guide-shop dd{}
.list-guide-shop dt{font-size:1.6rem;}
.list-guide-shop dd{}
.list-guide-shop dd a{
display:block;
margin:.25em 0;
font-size:3.5rem;
color:inherit;
}

.copyright{
color:#FFF;
text-align:center;
}





/*店舗情報***********************************/
#section-page-01{margin-top:5em;}

/*アクセス案内*/
.article-s01-01{margin-top:2em;}

#mapCanvas{
box-sizing:border-box;
width:100%;
height:40em;
padding:0;
margin:0;
background-color:#EEE;
}

.list-traffic{}
.list-traffic dt{
font-family:'Anton',sans-serif;
padding-bottom:.5em;
margin-bottom:.5em;
font-size:2rem;
font-weight: 400;
color:#2D8D83;
border-bottom:#CCC solid 1px;
}
.coution-01{
display:block;
font-size:1rem;
color:#C00;
}



/*入場料案内**************************************/
#section-page-02{margin-top:10em;}
/*料金案内*/
.article-s02-01{
box-sizing:border-box;
margin-top:2em;
}
.card-fee-01{
margin-top:2em;
padding:1em;
text-align:center;
background-color:#F9F9F9;
border:#EEE solid 1px;
}
.card-fee-01 h6{
font-size:2rem;
margin-top:.5em;
}
.card-fee-01 em{
font-size:1rem;
margin:.5em 0;
}
.card-fee-01>dl dt{padding:.5em;}
.card-fee-01>dl dd{
font-size:3rem;
}
/*注意事項*/
.article-s02-02{
box-sizing:border-box;
margin-top:2em;
padding:1em;
}


/*料金図*/
.gateReceiptsGuide{
margin:1em 0;
padding:1em 2em;
text-align:center;
border:#999 solid 1px;
border-radius:.25em;
background-color:#FFF;
}
.gateReceiptsGuide h7{
font-size:1.6rem;
font-weight:700;
}
.gateReceiptsGuide h7 em{
display:block;
margin:.25em 0;
font-size:1.2rem;
color:#C00;
}
.gateReceiptsGuide ul{}
.gateReceiptsGuide ul span{
display:block;
margin:.5em 0;
padding:.5em 0;
text-align:center;
border:#999 solid 1px;
border-radius:.25em;
}


/*BBQ案内**************************************/
#section-page-03{margin-top:5em;}
/*料金案内*/
.article-s03-01{margin-top:2em;}

.card-fee-02{
margin-top:2em;
padding:1em;
text-align:center;
border-left:#EEE solid 1em;
background-color:#F9F9F9;
}
.card-fee-02 dt
,.card-fee-02 dd{padding:.5em;}

.card-fee-02 dt{font-size:2rem;}
.card-fee-02 dd{}

.card-fee-02 span{font-size:3rem;}


/*注意事項*/
.article-s03-02{margin-top:2em;}

/*ドリンク案内*/
.article-s03-03{margin-top:2em;}

/*マリン案内*************************************/
#section-page-04{margin-top:5em;}

/*トーイング案内*/
.article-s04-01{margin-top:2em;}

.article-s04-01 .sign-01{margin-top:1em;}


.card-fee-03{
margin-top:1em;
padding:1em;
text-align:center;
border-left:#EEE solid 1em;
background-color:#F9F9F9;
}
.card-fee-03 dt
,.card-fee-03 dd{padding:.25em;}
.card-fee-03 dt{font-size:1.8rem;}
.card-fee-03 dd{font-size:1.2rem;}
.card-fee-03 span{font-size:3rem;}


/*ウェイク案内*/
.article-s04-02{margin-top:2em;}

.card-fee-04{
margin-top:1em;
padding:1em;
text-align:center;
border-left:#EEE solid 1em;
background-color:#F6F6F6;
}
.card-fee-04 dt
,.card-fee-04 dd{padding:.5em;}
.card-fee-04 dt{font-size:1.8rem;}
.card-fee-04 dd{font-size:1.2rem;}
.card-fee-04 span{font-size:3rem;}


/*text-styles////////////////////////////////////////////////////////////////////////////*/
.text-01{
margin:1em 0;
font-size:1.8rem;
line-height:2em;
text-align:center;
}


/*list-styles////////////////////////////////////////////////////////////////////////////*/
.list-caution{
margin:.5em 0;
list-style:none;
font-size:1.3rem;
}
.list-caution li{margin:.25em 0;}
.list-caution sup{vertical-align:middle;}
.list-caution em{color:#C00;}
.list-caution .list-caution{margin-left:.5em;}
.list-caution .list-caution li{
display:inline-block;
font-size:1.2rem;
font-weight:400;
margin-right:.5em;
}

.list-drink{margin-top:1em;}
.list-drink dt
,.list-drink dd{}

.list-drink dt{
font-size:1.8rem;
padding-bottom:.25em;
margin-bottom:.5em;
border-bottom:#CCC solid 1px;
}
.list-drink dd{}

.list-drink span{
font-size:1rem;
margin-left:.5em;
vertical-align:middle;
}

/*heading-styles////////////////////////////////////////////////////////////////////////////*/
.comment-01{
display:block;
margin:1em 0;
font-size:1rem;
color:#999;
}

/*heading-styles////////////////////////////////////////////////////////////////////////////*/
/*大見出し*/
.heading-page-01{
width:100%;
padding:0;
margin:0;
font-family:'Anton',sans-serif;
font-size:4rem;
color:#0F3632;
text-align:center;
}
/*中見出し*/
.heading-section-01{
margin:0;
padding:.5em 0;
font-family:'Anton',sans-serif;
font-size:3rem;
border-bottom:#EEE solid .25em;
color:#2D8D83;
text-align:center;
}
/*注意事項見出し*/
.heading-section-02{
width:100%;
font-size:1.7rem;
font-weight:700;
color:#C00;
overflow:hidden;
text-align:center;
}
.heading-section-02 span{
position:relative;
display:inline-block;
margin:0 2.5em;
padding:0 1em;
text-align:left;
}
.heading-section-02 span::before,.heading-section-02 span::after{
position:absolute;
top:.5em;
content:'';
width:5em;
height:.25em;
background-color:#FEE;
}
.heading-section-02 span::before{right:100%;}
.heading-section-02 span::after{left:100%;}

/*小見出し*/
.heading-section-03{
width:100%;
font-family:'Anton',sans-serif;
font-size:2rem;
color:#2D8D83;
overflow:hidden;
text-align:center;
}

.heading-card-01{
padding:.5em 0;
background-color:#0F3632;
color:#FFF;
font-family:'Anton',sans-serif;
font-size:2rem;
}
.heading-card-01>em{
display:block;
margin-top:.5em;
font-size:1.5rem;
letter-spacing:.1em
}