@charset "UTF-8";
img, object, embed, video {max-width:100%}
.ie6 img{width:100%}
a{text-decoration:none}
iframe{border:0}
body{
	background-color:#e1d9bd;
	background:url("../img/bg.jpg");
	min-height: 100vh;
  	font-family:"M PLUS Rounded 1c";
  	padding:0;}
.container{
  	max-width:960px;
  	padding:0;
  	max-width:960px;
  	margin:0 auto;
  }
.contents-wrap{
  	padding:.5em 1.5em;}
header{width:100%;border-top:#ee9635 solid 15px;}
.mv{width:100%;padding-top:25%;background:url("../img/mv.jpg")no-repeat center; background-size:cover; background-position:center}

nav{background-color:#5b503a;color:#fff;padding:.5em 1.5em;height:auto;line-height:1.5;margin-top:-15px}
nav ul{list-style:none;padding-left:0;text-align: center;}
nav ul li{display:inline-block;margin:0 .5em}
nav ul li a{font-family: "Nico Moji";font-size:1.5em;color:#fff;transition:.6s;}
nav ul li a:hover{font-size:1.8em;text-shadow:0 0 10px #fff;}
h2 {
	position: relative;
	padding: .15rem 1rem calc(.25rem + 8px);
	background-color:#ee9635;
	color:#fff;
	font-weight:700;
	text-align:center;
	letter-spacing:0.35em;
	width:9em;
	margin:2.5em auto 1.5em;
}
h2:before {
	position: absolute;
	top:-0.25em;
	left:-0.25em;
	width: 10.25em;
	height: 100%;
	content: '';
	border: 2px solid #5b503a;
}
.top-note-ponte{
	font-size:1.1em;
	font-weight:700;
	letter-spacing:.1em;
	color:#5b503a;
	text-align: center;
	line-height:2;
	margin-bottom:100px;
}
.top-note-vita{
	font-size:1em;
	text-align: center;
	margin-bottom:100px;
	color:#5b503a;
}
.top-note-vita h3{
	font-size:1.25em;
	display:inline;
	border-bottom:#ee9635 solid 4px;
}
.top-note-vita p{
	line-height:1.75;
}
.top-note-vita-left{
	text-align:left;}
.top-note-vita-top-margin{
	padding-top: 1.5em;
}
.top-note-vita-bottom-margin{
	padding-bottom:1.5em;
}
.noletter-spacings{
	letter-spacing:.15em;
}
#rss{clear:both}
#rss a{text-decoration:none;color:#5b503a;transition:.6s;}
#rss a:hover{text-decoration:none;color:#ee9635;transition:.3s;}
#rss dt{
	font-size:1.15em;
	font-weight: 700;
	color:#5b503a;
	text-align:left;
	margin-left:0;
	width:100%;
	vertical-align:middle;
}
#rss dt span{
	font-size:.85em;
	margin-left:1em;
}
#rss dd{
	font-size:.95em;
	line-height:1.75;
	margin-top:.75em;
	margin-left:0;
	margin-bottom:1.25em;
	padding-bottom:1.25em;
	border-bottom:1px dotted #000;
}
#rss dd:last-child{
	border-bottom:none;
}
.bld-pic{
	text-align:center;
	margin-bottom:1em;
}
.bld-pic img{
    width:23em;
}

.acsessdata{
	margin:0 auto 2.5em;
}
.acsessdata a{
	color:#5b503a;
}
.acsessdata dl{
	font-size:.85em;
	margin:0 auto;
    width:27em;
}
.acsessdata dl dt {
    float:left;
    clear: left;
    width:6em;
    font-weight:700;
    text-align:right;
    padding:5px;
    border-top:1px dotted #5b503a; 
}
.acsessdata dl dd {
    margin-left:6.5em;  
    padding:.5em;
    border-top:1px dotted #5b503a;
    display:block;
}
.acsessdata dl dt:first-child
{
    border:none;
}
.acsessdata dl dt:first-child + dd
{
    border:none;
}
.how-to-access{
	margin:2em auto 5em;
	display: flex;
	justify-content:space-around;
}
.how-to-access-l, .how-to-access-r{
	width:46%;
}
.access-car:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url("../img/car.svg") no-repeat;
	background-size:contain;
}
.access-car, .access-train{
	position:relative;
	line-height:1.75em;
	text-indent:2.5em;
	color:#5b503a;
	font-size:1.2em;
	font-weight:700;
}
.access-train:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url("../img/train.svg") no-repeat;
	background-size:contain;
}
.how-to-access p{
	font-size:.95em;
	border-top:#5b503a dotted 1px;
	padding-top:.5em;
	margin-bottom:2em;
}
.privasy{
	margin-bottom:10em;
}
.privasy-subttl{
	text-align:center;
	margin:3em auto 2em;
}
.privasy-subttl h3{
	font-size:1.25em;
	color:#5b503a;
	padding-bottom:.25em;
	display:inline;
	border-bottom:#ee9635 solid 4px;
}
.privasy p{
	font-size:.8em;
	line-height:1.75;
	text-align:left;
}
.privasy a{
	color:#000;
	text-decoration:underline;
}
.privasy p .privacy-text-small{
	font-size:.75em;
	margin-left:2em;
}
.error h3{
	color:#5b503a;
	margin-top:2em;
	padding-bottom:.25em;
	text-align:center;
}
.error p{
	font-size:.8em;
	line-height:1.75;
	text-align:center;
}
.to-toppage{
	margin:5em auto;
}
.to-toppage a{
	font-size:1.25em;
	font-weight:700;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	background-color:#ee9635;
	padding:.25em .75em;
	transition:.6s;
	margin-bottom:5em;
}
.to-toppage a:hover{
	opacity:.5;
}
footer{width:100%;background-color:#5b503a;color:#fff;padding-top:.5em;padding-bottom:.5em;text-align:center}
footer ul{list-style:none;padding-left:0;}
footer ul li a{font-family: "Nico Moji";font-size:1em;color:#fff;transition:.6s;}
footer ul li a:hover{text-shadow:0 0 10px #fff;}
footer ul li{margin:.25em .5em}
#copy{height:20px}

.footer-bottom{
	text-align:center;clear:both;padding-top:30px;}
.footer-bottom img{width:140px;margin:10px 10px 40px}
#footer .footer-bottom a:hover {
	opacity: .6;}

@media screen and (max-width: 800px) {
	.mv{width:100%;padding-top:29%;background:url("../img/mv-s.jpg")no-repeat center; background-size:cover; background-position:center}
	.access-car, .access-train{font-size:1.1em;}
}
@media only screen and (min-width: 681px) {
.footer-bottom img{width:160px;margin-top:-30px}
}
@media screen and (max-width: 500px) {
	.contents-wrap{padding:.5em .75em}
	.top-note-ponte{
		font-size:.8em;
		letter-spacing:0;
		margin-bottom:50px;
}
.top-note-vita{
		font-size:.75em;
		margin-bottom:50px;
}
.top-note-vita h3{
		font-size:1.1em;
		border-bottom:#ee9635 solid 3px;
}
#rss dt{
	font-size:.9em;
}
#rss dt span{
	font-size:.75em;
}
#rss dd{
	font-size:.8em;
}
.acsessdata{
	margin-bottom:1.5em;
	display:block;
}
.acsessdata dl{
	font-size:.8em;
	margin:0 auto;
}
.acsessdata dl dt {
    text-align:center;
    width:auto;
    max-width:18em;
    float:none;
    clear:none;
    width:auto;
    font-weight:700;
    margin:0 auto;
    padding:5px;
    border-top:1px dotted #5b503a; 
}
.acsessdata dl dd {
    text-align:center;
    width:auto;
    max-width:18em;
    margin:0 auto 10px;  
    padding:0;
    border-top:none;
    border-bottom:none;
    display:block;
}
.how-to-access{
	display:block;
    width:auto;
    max-width:18em;
}
.access-car, .access-train{
	font-size:1em;
}
.how-to-access-l, .how-to-access-r{
	width:100%;
}
.how-to-access p{
	font-size:.8em;
	border-top:#5b503a dotted 1px;
	padding-top:.5em;
	margin-bottom:2em;
}
}