@charset "utf-8";


.guard{
	cursor: no-drop;
	pointer-events: none;
	cursor: default;
}
.L {
	float:left;
}
.R {
	float:right;
}
a{
	outline:none;
}
a:focus{
	outline:none;
}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	max-width: 640px;
}

body {
	font-size: 16px; /* 基本フォントサイズ */
	*font-size: midium; /* IE7およびIE6標準準拠モード用 */
	*font: small; /* IE6後方互換モード用 */
	height: 100%;
	width: 100%;
	max-width: 640px;
	
}

/* =====================================================================
*	TOPページ
* =================================================================== */

#wrapper {
	width: 100%;
	min-height: 100%;
	height: 100%;
	position: relative; margin:0 auto;
}

#wrapper h1 { display:none; }

body > #wrapper {
    height: auto;
}

.contents {
	width: 100%;
	margin: 0px auto;
	padding: 0;
}
.sub_contents {
	width: 100%;
	margin: 0px auto;
	padding: 8px 0 0 0;
}

#top_navi { width: 640px;
	height:auto;
	text-align:center;
	margin:0 auto;
}


#top_navi .block1, #top_navi .block2, #top_navi .block3, #top_navi .block4  { text-align:center; height: auto;  }

.btnsub1 { margin:10px 25px 15px 0; }
.btnsub2 { margin:0 15px 0 0; }
.btnsub3 { margin:20px 10px 25px 0;}
.btnsub4 { margin:20px 0 25px 0;}

.billing { text-align:center; height: auto; }
.billing p { font-size:12px; padding:5px; text-align:center; color:#fff;}
.ban1 { text-align:center; height: auto; padding:15px 0; }
.color039 { color:#003399 !important;}

.twt_wrap {
  text-align: center;
  padding:15px;
  height:auto;
  min-height:250px;
}
.twt_wrap > iframe {
  margin: auto;
}
.main_bg { background:url(../img/main_bg.jpg) no-repeat center top fixed; background-size: cover; }

.logos { text-align:left; margin-bottom:5px;}
.logos img { height:50px; width:auto; }

.dnone { display:none; }
.main_area { width: 580px; margin:0 auto 30px; background:#fff; border-radius:10px; border:3px solid #0066cc; padding:20px; }
.main_area b { font-weight:bold; }
.main_area h3{ color:#0033cc; font-weight:bold; font-size:1.1em; margin-bottom:15px;}
.mb2 { margin-bottom:2em; font-family: "Rounded Mplus 1c";
	font-weight: 400;}
.mb1 { margin-bottom:1em; font-family: "Rounded Mplus 1c";
	font-weight: 400;}
.mb05 { margin-bottom:0.5em; font-family: "Rounded Mplus 1c";
	font-weight: 400;}
.mb08 { margin-bottom:0.5em;}

.skyb { color: #1296FF;}
.skyb { color: #0159E4; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; font-size:1.1em;}
.fs12 { font-size:1.2em !important;}
.darkb { color: #0132CB; font-weight:bold; font-family: "Rounded Mplus 1c";
	font-weight: 600;}
#sub_main a { color: #0132CB !important; }
.ssmall { font-size:0.85em; font-weight:bold;}

.com_area { width: auto; margin:0 auto 30px; text-align:center;}

.storytex { color:#0066cc !important; padding:10px 2px 15px; font-size:1.3em;  font-family: "Rounded Mplus 1c"; font-weight: 500; text-align: justify; line-height:1.4em; }
.mizu { background:#ecf6f8 !important;}

.mov_box { width:100%; height: auto; text-align:center !important; margin:0 auto 30px;}
.mov_box p{ text-align:center !important; line-height:1.1; padding:4px; }
.pdlr10 { padding:0 10px;}
.t_center { text-align:center; height:auto;}


.yokokubt { margin:0 auto 45px; width:240px; }
.imgmg5 { margin:5px; }
.fs12 { font-size:1.2em; }
.storybt { margin:0 auto 45px; width:340px; }

table.onair { margin-bottom:1em;}
table.onair th { color: #0132CB; font-weight:bold; font-family: "Rounded Mplus 1c"; font-weight: 600; padding:0.2em 1.2em 0.2em 0; line-height:1.1em;}
table.onair th a { color: #0132CB; font-weight:bold; font-family: "Rounded Mplus 1c"; font-weight: 600; line-height:1.1em;}
table.onair td {  font-family: "Rounded Mplus 1c"; font-weight: 400 !important; padding:0.2em 1.2em 0.2em 0;}




.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(255,255,255,0.95);
    background-size: cover; background-position: right bottom;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
	position: fixed;
}


.menu-trigger {
  display: inline-block; 
width: 60px;
  height: 60px;
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 1250; background: #0099ff;
/*   transform: translateX(0);
  transition: transform .5s;
 */}
/* .menu-trigger.active {
  transform: translateX(-250px);
}
 */.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 12px;
  width: 36px;
  height: 2px;
  background-color: #fff;
  transition: all .5s;
}
.menu-trigger.active span {
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 15px;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(15px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 29px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 15px;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-13px) rotate(45deg);
}

nav { display: block; 
  width: 100%;
  height: 100%;
  padding: 50px 0 0;
  position: fixed; overflow-y: auto;
  top: 0;
  left: 0;
  z-index: 1200;
    text-align: center;
 opacity: 0;
    pointer-events: none;
  -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    
}
nav.open { opacity: 1;
    transition: opacity 1s;
    pointer-events: auto;
}

.mblock { margin: 0; line-height:1em; 
  color: #000;
  text-align: center;
  padding:  0;
  width: 100%;
}

.mblock a { color: #000; font-size: 1.6em;
  text-align: center; line-height: 1;
  padding: 0 0 !important; display: inline-block; 
}


.bl-menu { display:block; margin:0 0 1.5em; }
.bl-menu a { display:block; }
.bl-menu a img { width:100%;}

.bl-midashi { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; font-size:1.2em; line-height:1.2em; margin:1.5em 0 1.5em; display: block; text-align:center;}

.bluraybox-title { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:700; color:#0033cc; font-size:1.4em; line-height:1.2em; margin:0 0 0.5em; display: block; }
.bluraybox-title br{ line-height: initial !important;}
.bluraybox-title img { width:100%; }

.bluraybox-logo { text-align:center; }
.bluraybox-logo img { width:240px; }

.bluraybox-pack { text-align:center; margin:1.5em 0; pointer-events: none;}
.bluraybox-pack span {display: inline-block; width:48%; text-align: center; padding:0.5%; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; font-size:1.0em; line-height:1.1em; color:#0066ff; }
.bluraybox-pack img { width:auto; width:100%; padding-top:3px; pointer-events: none;}

.bluraybox-btn { text-align:center; margin:1.5em 0; color:#fff !important;}
.bluraybox-btn a { text-decoration: none !important; display: inline-block; width:400px; height:auto; text-align:center; color:#fff !important; background:#33ccff; border-radius:6px; padding:0.5em 1.5em; line-height:1em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; font-size:1.2em; }
.bluraybox-btn a:link { color:#fff !important; }

.bluraybox-youtube  { position: relative; width: 100%; padding: 56.25% 0 0; margin: 2em 0 2em; box-sizing:border-box;}
.bluraybox-youtube  iframe { position: absolute; top: 0;  right: 0; width: 100%; height: 100%; box-sizing:border-box;}

.bgw { background:#fff; padding:2em; margin:0.5em 0 2em; border:1px solid #bed8f3; border-radius:10px; }
.w100 img { width:100%; height:auto; margin:0.5em 0; }



#popup { display:block; text-align: center;}
#popup img { width:100%; height:auto; }

.red { color:#c00; }
.dred { color: #8A3839; }