@charset "utf-8";

a {
	outline:none;
}
a:focus{
	outline:none;
}
*{ box-sizing:border-box; margin:0; padding:0; border:0; }

html { -webkit-text-size-adjust: 100%; font-size: 62.5%; font-family: 'Noto Serif JP', serif; }
body, html { min-height: 100%;  position: relative; height: auto; width: 100%; }

body { font-size: 16px; position: relative;
	font-size: 1.6rem; line-height:1.9em;
	color:#333; background: #fff; }

body.fixed { position: fixed; width: 100%; height: 100%; left: 0; }


#loader-bg { 
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: url("images/loading_bg.jpg"); background-size: cover; background-position: center;
  z-index: 19999;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin-top: -50px;
  margin-left: -100px;
  text-align: center;
  color:#25bbf0;
  z-index: 20000;
}

.loader { font-size: 0.8em;
  display: inline-block; margin-bottom: 1.5em;}
  
@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-multiple > div {
    background-color: #25bbf0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }

#wrapper { position: relative; width: 100%; max-width: 1100px; height: auto; min-height:100vh;  margin: 0 auto;  padding-bottom: 150px; background: #fff;  border-top:7px solid #eddb75;}


header { display: block;  padding:5px 0; line-height:0; border-bottom:1px solid #eddb75; border-top:1px solid #eddb75; margin:2em 0 3em; }
.header_inn { display: block; margin: 0; padding:0 0; line-height:0;  background-image: url("images/header_bg.jpg"); background-size: cover; text-align: center; border-bottom:7px solid #eddb75; border-top:7px solid #eddb75;}
.header_inn img {width:100%; max-width: 1200px;  }

pconly { display: block; }




h1 { font-size:2.0em; color:#333; letter-spacing: 3px;  display: block; text-align: center; line-height: 1.4em; font-weight:300; margin:5px 0; padding:1.2em 0; border-bottom:1px solid #eddb75; border-top:1px solid #eddb75; }
h1 span { font-size:0.9em; letter-spacing: 0;}

@media screen and (max-width: 767px) {
	
html { -webkit-text-size-adjust: 100%; font-size: 100%; }
#wrapper { width: 100%; height: auto; margin: 0;}
.container{ width:auto; margin: 0 auto; padding: 0; }
	
.pconly { display:none !important; }


header { margin:1em 0 2em; }    
}


.nonclick { pointer-events: none; background: #c6ecff; }
.nonclick5 { pointer-events: none; opacity:0.5; }

.w1100 { display:block; max-width:1100px; margin:0 auto;}

.movarea { display:block; background-image: url( "images/mov_bg.jpg"); background-size: cover; padding:1em 0; margin:4em 0 2.5em; }
.mov_waku { display:block; background-image: url( "images/mov_waku.png"); background-size: cover; padding:2em 3.4em; margin:0 auto; max-width:1200px;}

@media screen and (max-width: 767px) {
img.bg { display:none; }
.mlogo { display: block; position: absolute; top:0; left:0; }
.mlogo img {width:210px; margin: 0; }
.movarea { padding:1em 0; margin:2em 0 0;  }
.mov_waku { padding:0; background: none; }
}/*767*/


#main { position: relative; width: 100%; padding: 1em 1em 160px; display: block;  margin: 0 auto; max-width:1080px; }

#main p { margin: 1em 0 ; font-weihgt:400; line-height:1.8em;}



.t_center { text-align: center; }
.t_small { font-size: 0.8em; line-height: 1.6em; display:block; }

footer { background-image: url(images/footer.jpg); background-repeat:repeat-x; background-position:bottom; text-align: center; font-size: 0.7em; line-height: 1.4em; height:160px; padding: 100px 0 0; position: absolute; bottom: 0; width: 100%; }

.sponly { display: none;}

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

#main { }
	
#main h2 img { width: 600px;  }
	
.texarea p { margin: 0 1em 1em; }
    .sponly { display:block }
    
}/*767*/


a.opa:hover  { opacity: 0.7; }

/* page-top */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	display:block;
}
#page-top a {
	text-decoration: none;
	width: 90px;
	height:90px;
	padding: 0;
	text-align: center;
	display: block;
	
}



/* =======================================
	ClearFixElements
======================================= */
.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	overflow: hidden;
}





/* =======================================
	blu-ray
======================================= */



.sec-midashi { font-size:1.2em; margin:2em 0 0.5em; line-height:1em; padding:0 0 0 0.4em;  }

.sec-line { display: flex; flex-wrap: nowrap; justify-content: space-between; height:5px; background-image: url("images/sec-line.png"); background-position: left center; }
.sec-line div { display: block; border-radius: 50%; background: #3399cc; height: 5px; width:5px; }

.bl-midashi { font-size:1.3em !important; color:#008aff; margin-bottom:0.5em; line-height:1.2em; }

.bl-title { font-size:1.1em; margin:3em 0 1.5em; color:#26418e; line-height:1.1em; padding:0.2em 0; border-bottom:1px solid #008aff; }
.bl-shiyo { font-size:1.1em; margin:2em 0 1em; line-height:1em; padding:0.2em 0 0.1em 0.8em; border-left:6px solid #26418e; }
.bl-dan { padding:0 0 1em 0.5em; display: block;}

.chui { font-size:0.9em; line-height:1.4em; }


.bl-trail {
  position: relative;
  width: auto; margin: 3em 0;
  padding-top: 56.25%; 
}
.bl-trail iframe { 
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; 
}
@media screen and (max-width: 767px) {
.bl-trail { margin: 2.5em 1em; }
}