html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: none;
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

body {
   font-size: 1em;
  line-height: 1.75;
  color: #333;
  background-color: white;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

a {
  color: #000099;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

a:hover {
  color: black;
  text-decoration: none;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center {text-align: center;}

.main-btn {
  color: white;
  border: 1px solid white;
  padding: 12px 20px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
}

.main-header {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  z-index: 1000;
  text-align: center;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.scrolled {
  position: fixed; 
  top: 0;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#menu-wrapper {
  background-color:#153778; /*?*/
  opacity: 0.9;
  filter: alpha(opacity=90);
  overflow: hidden;
  -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  height:60px;
   padding-top: 5px;
}


.main-menu ul li {
  display: inline-block;
  margin: 0px 20px;
  vertical-align: middle; 
}

.main-menu ul li a {
 font-size: 16px;
  color: #fff;
  line-height: 1em;
  padding-top: 10px;
  vertical-align: middle;
}

.main-menu ul li a:hover {
  border-top: 2px solid #FC0;
  color: #FC0;
}

.toggle-menu {
  width: 36px;
  height: 36px;
  float: right;
  margin-top: 33px;
  margin-right: 30px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  background: #FFF; /*?*/
  display: inline-block;
  color: #153778; /*?*/
  cursor:pointer;
}

.main-menu ul{margin-right:0px;}

img.size{width:400px;height:400px}

 .main-menu,
 #menu-wrapper,
 .site-main{min-width:1200px}
 .container{width:1100px;margin:auto;padding:0 20px}


@media screen and (max-width: 481px) {
	
.main-menu,#menu-wrapper,.site-main{width: inherit;min-width:inherit;}	
.container{width:inherit;margin:0 0px}
	
	
#menu-wrapper {
opacity: 1;
filter: alpha(opacity=100);
background-color: #153778; /*?*/
height:inherit;
padding-bottom:10px;
}

#menu-wrapper{ width:100%;}

.toggle-menu {margin:5px;} 
 
  .menu-first.show {
     opacity: 1;
					filter: alpha(opacity=100);
					height: auto;
					margin-top: 10px;
					display: block;
					}
					
  .menu-first {
    float: right;
    overflow: auto;
    width: 100%;  
    display: none;
	
  }
  
  .main-menu ul li {
	  width:100%;
	  margin:0;
	  display: block;
  }
  
  .main-menu ul li a {
	font-size:16px;
	text-align:left;
	display: block;
	border-bottom:#ddd 1px solid;
	opacity: 1;
	filter: alpha(opacity=100);
	background-color:#fff;
	line-height:2.0em;
	padding: 5px 10px;
	color:#333;
}
  .main-menu ul li a:before {color:#ccc;font-size:13px;content: "● " } /*?*/
  
  .main-menu ul li.active a {border-top: none;}
  .main-header {top: 0;}
		.site-header {margin-top: 40px;}
  .menu-first {margin-top: 0;}
 .content-section{min-width:100%;}

 .main-menu ul li.active a {
  border-bottom: 1px solid #040; /*?*/
  color: #000;
}


.main-menu ul{margin-right:0px;}
	
	img.size{width:100%;height:none}
	.content-section {width:100%;}
 
}

.ind{text-indent:-1.0em;margin-left:1.0em;}

.go-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	margin:0 auto;
	z-index: 99999;
	}
 
.go-top a {
	padding:10px;
	display:block;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	border-radius: 50px;
	text-decoration:none;
	background-color: #153778; /*?*/
	text-transform: uppercase;
	}
	
.go-top a:hover {background-color: #2054B8} /*?*/
				
				
.arrow{
margin-right:10px;
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
}

.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.up::before{
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}

.up::after{
top:0px;
left: 5px;
width: 10px;
height: 10px;
border-top: 2px solid #ec523f;
border-right: 2px solid #ec523f;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}

#footer {
  margin-top: 0px;
}
#footer{background-color:#eee} /*?*/

/*バッググラウンドイメージ class="cd-fixed-bg cd-bg-1" */
.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
  
.cd-fixed-bg.cd-bg-1 {
  background-image: url("../images/bg-s1.jpg");
}
.cd-fixed-bg.cd-bg-2 {
  background-image: url("../images/bg-s2.jpg");
}
.cd-fixed-bg.cd-bg-3 {
  background-image: url("../images/-slide3.jpg");
}
  
.cd-scrolling-bg {
    min-height: 100%;
}

.f1 { color: #F00}
.f2 { color: #00F}
.f3 { color: #F39}

.i1{text-indent:-1.0em;margin-left:1.0em;}

.k1{border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;    
}  

.s1{text-shadow: 2px 2px 4px #999;}
.s2{text-shadow: 2px 2px 1px #fff;}
.s3{text-shadow: 2px 2px 1px #000;}

.bs1{
-moz-box-shadow: 1px 1px 3px #ccc;
-webkit-box-shadow: 1px 1px 3px #ccc;
}

.gmap{width:100%;height:400px}

#schedule-line .container{ border-left:#669 2px solid;padding-left:40px;padding-bottom:40px;}
#zaseki-line .container{ border-left:#C96 2px solid;padding-left:40px;padding-bottom:40px;}
#ticket-line .container{ border-left:#060 2px solid;padding-left:40px;padding-bottom:40px;}
#access-line .container{ border-left:#ccc 2px solid;padding-left:40px;padding-bottom:40px;}
#omiyage-line .container{ border-left:#ccc 2px solid;padding-left:40px;padding-bottom:40px;}

@media screen and (max-width: 481px) {

#overview-line .container{ border-left:none;padding-left:0px;padding-bottom:0px;}
#schedule-line .container{ border-left:none;padding-left:15px;padding-bottom:0px;}
#zaseki-line .container{ border-left:none;padding-left:15px;padding-bottom:0px;}
#ticket-line .container{ border-left:none;padding-left:15px;padding-bottom:0px;}
#access-line .container{ border-left:none;padding-left:15px;padding-bottom:0px;}
#omiyage-line .container{ border-left:none;padding-left:15px;padding-bottom:0px;}
}



@media screen and (min-width: 482px) {
.p{ display:inline}
.m{ display:none}
}

@media screen and (max-width: 481px) {
.p{ display:none}
.m{ display:inline;}
}