@charset "utf-8";

body, div, dl, dt, dd,  h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
.L {
	float:left;
}
.R {
	float:right;
}
a {
	outline:none;
}
a:focus{
	outline:none;
}
*{ box-sizing:border-box;}
html { -webkit-text-size-adjust: 100%; font-size: 62.5%;}

h1.toppage { text-indent: -9999px !important; line-height:0 !important;}
ul { list-style:none;}

/* =====================================================================
*	TOPページ
* =================================================================== */
body { font-family: 'Noto Serif JP', serif; font-weight:300;
	position:relative;
	background-color: #fff;
	color:#333;
	font-size:16px;
	font-size:1.6rem;
}
html, body {
height: 100%;
min-height: 100%;
}

body > #menu {
  height: auto;
}
body > #wrapper {
  height: auto;
}
body > #wrapper-top {
  height: auto;
 }

body > .bg_subtitle_obi {
  height: auto;
 }
 
 /* =====================================================================
*	loader
* =================================================================== */

#loader-bg { font-family: 'Noto Serif JP', serif; font-weight:300;
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10000;
  background:#fff;
}
#loader { font-family: 'Noto Serif JP', serif; font-weight:300;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin-top: -50px;
  margin-left: -100px;
  text-align: center;
  color: #5877ba;
  z-index: 10002;
}


#loader-bg2 { font-family: 'Noto Serif JP', serif; font-weight:300;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10000;
  background:#008cd6;
}


a:link { color:#335192;  }
a:visited { color:#335192;  }
a:hover { color: #335192; }
a:active {ccolor:#335192;  }
a:focus {color:#335192; }




#indexpage { }
#indexpage a { }

.twitter-timeline { color:#000 !important;}
.twitter-timeline a { color:#335192 !important;}

#wrapper { width: 100%;  height:100%; padding: 0; margin:0 auto; position:relative; text-align:center; overflow: hidden;}

.mainv { width:auto; max-width: 1300px; margin:0 auto 8em; position:relative; padding:0; height:100vh; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; box-sizing:border-box; min-height:850px;}

.bgb {color:#ccc !important; background:#000; background-image: url("../img/bg_b.jpg";):}

.mainv .logoblock { width:40%;  text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding-right: 30px;}
.mainv .logoblock .bcatch　img { width: 100%; max-width:694px; height:auto; margin:0; padding:0 0 1em; align-items: flex-start;}
.mainv .logoblock .blogo　img { width: 100%; max-width:694px; height:auto; margin:0; padding:0; align-items: flex-start; }
.mainv .logoblock .blogo { padding-top:1em; }
.mainv .logoblock .bonair {font-family: 'Noto Serif JP', serif; font-weight:500; text-align: center; margin:0.6em 0 0; padding:0 1em; font-size:2em; color:#3f5991; }
.mainv .logoblock .bbcast { display:block; text-align: center; margin:0.6em 0 2.5em; padding:0 1em; }
.mainv .logoblock .bbcast span { display:inline-block; font-family: 'Noto Serif JP', serif; font-weight:500; text-align: center; font-size:1.2em; color:#3f5991; line-height: 1em; padding:0.3em 0; }
.mainv .logoblock .bbcast span:last-child { padding:0.3em 0 0.3em 0.5em; font-size:1.0em;}
.mainv .logoblock img { width: 100%; object-fit: contain; }
.mainv .picblock { width:60%;   display: flex;  text-align: left;justify-content: center; }
.mainv .picblock img { width: auto; max-width:600px; height:100%; margin:0; padding:0; align-items: flex-start; object-fit: contain;}

.topbnr { padding:0em 0 2em; display: block; text-align: center; }
.topbnr a:hover { opacity: 0.7; }
.topbnr　img { width: 100%; max-width:600px; height:auto; margin:0; padding:0; align-items: flex-start; }

.bl-kokuchi { text-align: center; padding: 0; margin-bottom: 3em; } 
.bl-kokuchi a { text-align: center; display: inline-block; padding:5px; line-height:1; margin:0 auto; width:80%; }
.bl-kokuchi img { width:100%; margin: 0; padding:0; }

.mainv2 { width:100%; margin:0 auto 3em; max-width:1300px; position:relative; padding:0; height:auto; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: center;}

.catch {font-family: 'Noto Serif JP', serif; font-weight:500; text-align: center; margin:1em 0 0.5em; padding:0 1em; font-size:2.1em; color:#3f5991; }
.tonair {font-family: 'Noto Serif JP', serif; font-weight:500; text-align: center; margin:0.6em 0 0; padding:0 1em; font-size:2em; color:#3f5991; }
.bcast { text-align: center; margin:0.6em 0 2em; padding:0 1em; color:#3f5991; }
.bcast span { display:inline-block; font-family: 'Noto Serif JP', serif; font-weight:500; text-align: center; font-size:1.3em; color:#3f5991; line-height: 1em; padding:0.3em 0; }
.bcast span:last-child { padding:0.3em 0 0.3em 0.5em; font-size:1.0em;}

.tgantan {font-family: 'Noto Serif JP', serif; font-weight:500; text-align: center; margin:0.6em 0 1.5em; }
.tgantan span { display:inline-block; 'Noto Serif JP', serif; font-weight:500; text-align: center; margin:0.6em 0 0; padding:0; font-size:1.4em; color:#ccc; border:1px solid #ccc;  background-image: url("../img/bt-gantan_bg.png"); background-repeat: no-repeat; background-position: right bottom; }
.tgantan a { display:block; padding:0.4em 1em; color:#fff; line-height: 1.3em;} 
.tgantan a:hover { background-color: rgba(255,255,255,0.2); } 


.onair-gantan { display: block;  max-width:900px; font-family: 'Noto Serif JP', serif; font-weight:400; text-align: center; margin:0 auto 2em; color:#666; font-size:1.2em; padding:0.3em 1em; border: 1px solid #999; }

.swiper-container2 { width:50%; }
.swiper-container2 img { width:100% !important; height: auto !important; }
.logoarea { width:50%; display: flex; align-items: center; flex-wrap: wrap; align-content: center; text-align: center; }
.logoarea .logo { width:100%; }
.logoarea .logo img { width:100%; }

.logoarea .onair { width:100%; font-family: 'Noto Serif JP', serif; font-weight:300; text-align: center; margin:0 0 0.5em; padding:0 1em; font-size:2.2em; color:#3f5991; }
.logoarea .broadcaster { width:100%; font-family: 'Noto Serif JP', serif; font-weight:500; text-align: center; margin:0.6em 0; padding:0 1em; font-size:1.1em;  }

.logoarea .catch { width:100%; font-family: 'Noto Serif JP', serif; font-weight:400; text-align: center; margin:1em 0 0.5em; padding:0 1em; font-size:1.6em; color:#3f5991; }


nav .share { display:block; text-align: center;}
nav .share a { width:32px !important; display: inline-block !important; margin:0 10px !important; }
nav .share a img { width:100%; }


.news-charas { width:100%; display: flex; align-items: center; flex-wrap: wrap; align-content: center; text-align: center; }
.news-cha1 { width:50%; padding:4%; text-align: center; }
.news-cha1 img { width:100%; display: block; padding-bottom:5px; }



.top-onair { width:100%; max-width:900px; display: flex; flex-wrap: wrap; text-align: left; margin: 0 auto 2em;  border-top: 1px dotted #ccc;}
.top-onair .bc { width:22%; padding:10px; text-align: left; border-bottom: 1px dotted #ccc;}
.top-onair .stt { width:78%; padding:10px; text-align: left; border-bottom: 1px dotted #ccc;}
.top-onair .stt .bloc { width:auto; text-align: left; display: inline-block; padding-right:1em; vertical-align: top;}
table.atx { width:auto;}
table.atx .atxright { text-align: right;}
table.atx td { vertical-align: top; display: table-cell;}
table.atx td.pdr { padding-right:1em; }


.index-ondema { width:100%; max-width:900px; margin: 3em auto 2em; text-align: center; }
.index-ondema span { display: inline-block; padding:0 0.3em 0 0;}

.top-ondema { width:100%; max-width:900px; margin: 3em auto 2em; }
.top-ondema span { display: inline-block; padding:0 0.3em 0 0;}

.l3-ond { display:flex; max-width:700px; width:100%; flex-wrap: wrap; margin:0 auto; }
.l3-ond div { width:50%; text-align: left; padding:0; margin-bottom:1.5em; border-left:2px solid #ccc; line-height:1.1em;}

.copy-non-news1 { pointer-events: none; background-image: url("../img/package_mn.jpg"); background-size: contain; display: block; padding-top:68.8%; margin:1em 0; }

.copy-non-jak1 { pointer-events: none; background-color: #fff; background-image: url("../img/package_mizuho2.jpg"); background-size: contain; display: block; padding-top:138%; margin:0; }
.copy-non-jak2 { pointer-events: none; background-color: #fff; background-image: url("../img/package_nozomi2.jpg"); background-size: contain; display: block; padding-top:138%; margin:0; }

.copy-non { pointer-events: none; }

img.news-story { float:left; padding:5px 2em 1.2em 0; width:270px; }

@media screen and (max-width: 768px) {
table.atx td { vertical-align: top; display:block;}
table.atx .atxright { text-align: left !important;}
    
.sp-mainv { width:auto; margin:0 auto 1em; position:relative; }
.sp-mainv img { width:100%; }
    
.bl-kokuchi { margin-bottom: 2em; } 
.index-ondema { text-align: left; }
    
img.news-story { float:none;  width:100%; }

}

.news-onair { width:100%; display: flex; flex-wrap: wrap; text-align: left; margin-bottom: 0.5em;  border-top: 1px dotted #ccc;}
.news-onair .bc { width:30%; padding:10px;  text-align: left; border-bottom: 1px dotted #ccc;}
.news-onair .stt { width:70%; padding:10px;  text-align: left; border-bottom: 1px dotted #ccc;}
.news-onair .stt .bloc { width:auto; text-align: left; display: inline-block; padding-right:1em; vertical-align: top;}

.topcast { display: block; text-align: center; margin:0 0 1em; }
.topcast span { display: inline-block; padding:0.5em 1em; width:auto; }
.musicspan { display: inline-block; padding:0 1.1em 0 0; width:auto; font-size:0.8em; }
.lh13 { line-height:1.3em; padding:0.3em 0 0.5em; }
.f_small { font-size:0.9em; line-height:1.7em;}
.f_smallx { font-size:0.8em; line-height:1.5em; padding: 0.3em; }

.castname { width:100%; display: flex; justify-content: space-between; flex-wrap: nowrap;  text-align: center; height: auto; line-height: 1.1em; }
.castname .casts { width:25%; padding:1%; text-align: center; }
.castname .casts span { display: block; padding: 10px 0 20px; font-size: 1.2em;}
.castname .casts a { display: inline-block; font-size:0.9em; background: #5877ba; border-radius:5px; color:#fff; padding:0.6em 1.2em; line-height:0.45em; height:auto; }
.castname .casts a:hover { background: #7791c8; }

.interviewbt { text-align: center; }
.interviewbt a { display: inline-block; font-size:1em; background: #5877ba; border-radius:5px; color:#fff; padding:0.6em 1.2em; line-height:0.45em; height:auto; }
.interviewbt a:hover { opacity: 0.7; }

.interview { text-align: left; padding:3em 0; background: #0783e3; color:#fff; }

.interview .int-tex { display:block; max-width:1000px; padding:0 2em; margin:0 auto; }
.interview .int-tex .qes { display:block; margin-bottom:1em; font-weight:500; font-size:1.1em; line-height:1.4em; padding:0.2em 0; border-bottom:1px solid #fff;}
.interview .int-tex .ans { display:block; margin-bottom:3em; line-height:1.8em; }
.interview .int-tex .ans p { display:block; margin-bottom:0.5em; line-height:1.8em; }


.combtn { text-align: center; margin: 0.5em 0 1em; }
.combtn a { display: inline-block; font-size:0.9em; background: #5877ba; border-radius:5px; color:#fff; padding:0.4em 1.2em !important; line-height:0.85em; height:auto; }
.combtn a:hover { background: #7791c8; }


.movbt2 { text-align: center; margin: 0; padding: 0.4em; display: block; text-align: center; }
.movbt2 a.btwaku { display: inline-block; width:45%; line-height: 0.8em; text-align: center; margin: 0 1.5% 4px; padding: 0.5em 1em !important;  border: 1px solid #ccc; text-decoration: none; color:#ccc; font-size: 0.8em; height: auto; }
.movbt2 a:hover { background-color: #222; }

.tw-header { margin:4em 0 4em; }
.tw-header img { width:100%; }
.tw-header a:hover { opacity: 0.7; }
.tw-header h2 { color:#000 !important; font-weight:300; display: block; text-align: center;  line-height:1.1em; margin:0 0 1em !important; padding:0 !important; }


.tw-icon { margin:2em 0 4em; display:block; display: flex; flex-wrap: wrap; line-height:1em; }
.tw-icon .boxi { display:block; width:25%; padding:2%; text-align: center; line-height:1em;}
.tw-icon .boxi img { width:100%; margin:0; padding:0 0 0.5em; }
.tw-icon a:hover { opacity: 0.7; }
.tw-icon .boxi h2 { color:#000 !important; font-weight:300; display: block; text-align: center; line-height:1em !important; margin: 0 !important; padding:0 0 0.5em !important; }

.timetable {}
.timetable td { padding:0 0 0 0; white-space: nowrap; text-align:left; }
.timetable td.tright { text-align:right; }
.timetable td.tpad { padding: 0 0 0 1em; }


@media screen and (max-width: 768px) {
.movbt2 a.btwaku { line-height: 0.9em; }
.interview .int-tex { padding:0 1em;}
.tw-icon .boxi { display:block; width:50%; padding:2%; text-align: center; }

}



.artsname { width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;  text-align: center; height: auto; line-height: 1.1em; }
.artsname .musis { width:31%; padding:1%; text-align: center; margin-bottom: 2em; }
.artsname .musis span { display: block; padding: 10px 0 20px; font-size: 1.2em;}
.artsname .musis a { display: inline-block; font-size:0.9em; background: #5877ba; border-radius:5px; color:#fff; padding:0.6em 1.2em; line-height:0.45em; height:auto; }
.artsname .musis a:hover { background: #7791c8; }

.arts_pic img { float:right; margin:0 0 2em 3em; width:40%; }

@media screen and (max-width: 768px) {
.catch { font-size:1.8em; }
.tonair { font-size:1.6em; }
.news-onair { width:100%; display: block; flex-wrap: wrap; text-align: left; margin-bottom: 0.5em; }
.news-onair .bc { width:100%; padding:15px 10px 0 10px; text-align: left;  border-bottom: none;}
.news-onair .stt { width:100%; padding:0 10px 15px 10px; text-align: left; }
    
.top-onair { width:100%; max-width:900px; display: block; border-top: 1px dotted #ccc;}
.top-onair .bc { width:100%; padding:15px 10px 0 10px; text-align: left; border-bottom: none;}
.top-onair .stt { width:100%; padding: 0 10px 15px 10px; }
.top-onair .stt .bloc {display: block; }

    

    
.topcast span { display: inline-block; padding:0.5em 1em; width:50%;}
    
.castname { flex-wrap: wrap;  }
.castname .casts { width:50%; padding:1% 1% 40px ; text-align: center; display: block; }
    
.artsname { flex-wrap: wrap; align-items: flex-end; }
.artsname .musis { width:50%; padding:1% 1% 40px ; text-align: center; display: block; }
    
.arts_pic img { float: none; margin:0 0 2em 0; width:100%; }

.catchi { font-size:1.0em; }
.ilh { line-height:1.2em !important; margin-bottom:0.6em; }
.catch, .tonair, .bcast span {color:#ccc !important; }
.logo { padding:0 0.8em; }
.logo img { width:100%; }
    
}


.imb { margin-bottom:1.6em !important; }
.catchi { text-align:center; font-size:1.1em; font-weight:500; line-height:1.8em; }
ruby, rt {line-height:1em; padding:0; margin:0;}

/*Goods*/
.goods-pop { display: block; margin: 0; padding:1em; font-size: 1.0em;}
.goods-box { display: block; margin: 0; padding:2em 0em; border: 1px solid #7c98d3; border-top: 6px solid #7c98d3; }
.goods-title { text-align:center; font-size:1.1em; font-weight:400; line-height:1.4em; margin: 0 1.5em 1.5em;}
.goods-pic { display: block; text-align: center; padding:1em 0; }

.goods-box .goods1 img { width:100%; display: inline-block; max-width:600px;}
.goods-box .goods3 img { width:46%; margin:1%; display: inline-block;}
.goods-box .goods6 img { width:16.2%; display: inline-block;}
.goods-box .goods4b img { width:24.5%; display: inline-block; margin:0 0}
.goods-spec { padding:1em 1.5em 0; text-align: center; display:block;}

.goods-spec .inner { padding:1em 0 0; font-size:0.9em; line-height:1.4em; display: inline-block; text-align: left; white-space: nowrap;}

.goods-chu p { line-height:1.5em !important; margin:0 0 0.5em !important; padding:0; }


.goods-area { display:flex; flex-wrap: wrap; justify-content: space-between; margin:3em 0;}
.goods-area:after{ content: ""; width: 30%; height: 0;}
.goods-area .goods-waku { width:30%; border:1px solid #0364cc; border-top:6px solid #0364cc; line-height: 1em; margin-bottom:5%}
.goods-area a { display: block;  padding:16px; }
.goods-area a:hover { opacity: 0.6 !important; }
.goods-area .goods-pic { margin:0; padding:0; line-height:0;}
.goods-area .goods-pic img { width:100%; border:1px solid #8cb3dd; margin:0; padding:0; }
.goods-area .goods-name { padding: 10px 0 0; line-height:1.3em; font-size:0.9em; }


@media screen and (max-width: 768px) {
.goods-box {  }
.goods-pic { display: block; text-align: center; padding:0em 0; }

.goods-box .goods3 img { width:46%; display: inline-block;}
.goods-box .goods6 img { width:24%; display: inline-block;}
.goods-box .goods4b img { }

.goods-area:after{ content: none;}
.goods-area .goods-waku { width:48%; border:1px solid #0364cc; padding:15px; }

}


.contents { margin:0 auto; max-width: 1100px; padding:2em 2em 2em; text-align: left; line-height:2em; margin-bottom:8em; }

.contents h2 { width:100%;  display: block; padding: 2em 0 3em; font-size:1.2em; color:#744d0f;}
.contents h2.present { width:100%; display: block; padding-bottom: 0.2em; font-size:1.3em; color:#744d0f; border-bottom: 1px solid #744d0f; margin-bottom: 1em; max-width: none; line-height:1.2em; }
.contents h2 img {  }
.contents h3 { font-family: 'Noto Serif JP', serif; width:100%; max-width: 720px; text-align: center; display: block; padding: 0 0 2em; font-size:1.4em; font-weight:400; margin-top:-1em; }

.flex2 { display: flex; justify-content: space-between;  padding:0 0 2em!important;  height:auto;}
.block2 { width:50%; padding: 0; margin-bottom: 0; height:650px; }
.block2 .inner { padding: 0 2em; }
.block2 h2.int { margin-bottom: 1em !important; padding:0; }
.block2 h2.int img { width:100%; max-width:500px; }

.block2 .topnews {  height:500px; overflow-y: scroll;}
.block2 .topnews .topnews-date { font-size:0.9em; margin-top:15px; }
.block2 .topnews .topnews-title { padding-bottom:15px; border-bottom:1px dotted #ccc; line-height:1.2em; }
.block2 .topnews .topnews-title a { text-decoration: underline;}


@media screen and (max-width: 768px) {
.flex2 { display: block; justify-content: space-between; }
.block2 { width:100%; padding: 0; margin-bottom: 4em; height: auto; }
.block2 .inner { padding: 1em 1em; }
.block2 h2.int img { width:100%; max-width:500px; }
.contents h2 { padding: 1.5em 0 0.8em !important;}
}

.mw1000 {max-width: 1000px !important; padding:5em 2em;}
.mt0 { margin-top: 0.1em !important; line-height:1.3em; }
.mt1 { margin-top: 1em !important; }
.mt2 { margin-top: 3em !important; }
.present_p { float: right; margin: 0 0 1em 1.5em; }

.mb05 { margin-bottom: 0.5em !important; }


.contents .tex { width:100%; padding: 0.5em 0; text-align: justify; font-size:1.1em; line-height: 2.2em; }
.contents .white {background-color: #fff; }
.contents .tex p { margin: 0 0 1.3em; line-height: 2.2em; }
.contents .tex p.com { margin: 0 0 2em; text-align: justify; font-size:1.0em; line-height: 1.6em; padding: 1em 1.5em; border-radius: 10px; background: rgba(255,255,255,0.25); }
.shadow {text-shadow: 2px 2px 4px #fff, -2px -2px 4px #fff;}
.contents .tex p.com span.name { display:block; text-align: right; font-size:1.1em; line-height: 1.1em; }
.wb { background-color: rgba(255,255,255,0.70) }

.contents .tex_p { width:100%; padding: 0 0 1.5em; text-align: justify; font-size:1.0em; line-height: 1.5em; }

.contents .tex_pp { width:100%; padding: 0 0 1.5em; text-align: justify; font-size:1.0em; line-height: 1.5em; }

.contents .tex_pp p { padding: 0; margin:0 0 0.8em; line-height:1.8em; }



.contents2 { margin:0 auto; max-width: 1300px; padding:2em 1em; text-align: center; }
a.opa:hover  { opacity: 0.8; }

.sns { display:block;  margin: 0 auto; padding: 0.5em 0 1em; text-align: center; }
.sns img {  width: 30px; margin: 5px 10px; }
.roadshow { padding:0em 0 2em; text-align: center; }
.roadshow img { width:100%; max-width: 1000px; }

.right { margin: 0 0 0 auto;}
.center { margin: 0 auto; text-align: center;} 




.swiper-container1 { height: auto; margin-bottom: 1.5em; }
.swiper-container1 img { width: 100%; }

.f-midsmall { font-size:0.9em !important; }
.f-small { font-size:0.85em; }
.f-ssmall { font-size:0.7em; }
.f-large { font-size:1.2em; }
.mb1 { margin-bottom:1.5em !important; }
.mb2 { margin-bottom:2em !important; }
.mb3 { margin-bottom:3em !important; }
.mb4 { margin-bottom:4em !important; }
.mb5 { margin-bottom:4em !important; }
.mb7 { margin-bottom:7em !important; }
.mb10 { margin-bottom:10em; }

@media screen and (max-width: 768px) {
.contents { padding:0em 1em; margin-bottom: 6em; }
.contents .tex { font-size:1.1em; line-height: 1.6em;}

.castbox { display: block;  margin-bottom: 2em;}
.castbox .photo { width:100%;  }
.castbox .photo img { width:100%; }
.castbox .profile { width:100%; text-align: left; padding-top:0.8em; font-size:1.0em; }
    
.mb10 { margin-bottom:5em; }
}






.theatable {  width:100%;  margin:0 auto; border-top:1px solid #80591c; border-left:1px solid #80591c; border-bottom:1px solid #80591c;}
.theatable th { background:rgba(255,255,255,0.80); border-top:1px solid #80591c; border-right:1px solid #80591c; color: #A10A06; text-align:center; padding:0.5em; font-size:0.9em;}
.theatable td { background: rgba(255,255,255,0.80); border-top:1px solid #80591c; border-right:1px solid #80591c; color:#333; padding:0.5em; text-align:center; vertical-align:top; line-height:1.2em; font-size:0.9em; }
.theatable a { color:#9B0904; line-height:1.2em;}
.col1 { width:15%;}
.col2 { width:20%;}
.col3 { width:45%;}
.col4 { width:10%;}
.t_left { text-align: left !important;}





.fadeIn {
  opacity: 0;
  transition: 1s;
}
.fadeIn.is-show {
  opacity: 1;
}
.fadeIn_left {
  opacity: 0;
  transform: translate(-7%, 0);
  transition: 1s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 30px);
  transition: 1s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(6%, 0);
  transition: 1s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_down {
  opacity: 0;
  transform: translate(0, -20px);
  transition: 1s;
}
.fadeIn_down.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

#music, #intro, #story, #staff, #movie, #link { padding-top:20px; margin-top:-20px; }


@media screen and (max-width: 768px) {
.fadeIn_left { transform: translate(0, 10px); }
.fadeIn_right { transform: translate(0, 10px); }
    
.theatable th { padding:0.4em 0.2em; line-height:1.1em; }
.theatable td { padding:0.4em 0.2em; }    

}


.t_left { text-align: left !important;}
.t_right { text-align:right;}
.story_staff { text-align:right; margin:0.9em 0; line-height:1.6em; }

/* =====================================================================
    NEWS
* =================================================================== */

.news-logo { padding:2em; text-align: center;}
.news-logo img { width:300px; }
h2.news { width:100%; display: block; padding: 3em 0 0; margin:0 !important; font-size:1.2em; color:#5877ba; line-height:1em; }
.news-area { padding:0; }
.news-contents { margin:3em auto; max-width: 1000px; padding:3em;  border: 1px solid #5877ba; border-top: 6px solid #5877ba; }
.news-date {text-align: center; font-size: 0.9em; color:#333; font-family: 'Noto Serif JP', serif; font-weight:300; line-height:1.1em; }
.news-title {text-align: center; color:#5877ba; font-size: 1.1em; font-family: 'Noto Serif JP', serif; font-weight:500; margin:0.5em 0 2.5em; line-height:1.3em; }
.w100 img {width:100%; }
.w50 img {width:50%; }

.news-tex {font-family: 'Noto Serif JP', serif; font-weight:300; text-align: left; line-height:1.8em;}
.news-tex p { margin:0 0 1.5em; font-family: 'Noto Serif JP', serif; font-weight:300; text-align: left; line-height:2em;}
.news-tex p a { text-decoration: underline; color:#5877ba; }
.news-tex b { font-family: 'Noto Serif JP', serif; font-weight:500; }

.pager { padding:0em; text-align: center;}
.pager img { width:30px; margin:6px; }
.pager a:hover { opacity: 0.7; }

@media screen and (max-width: 1000px) {
.news-area { padding:0 10px !important; }
}
@media screen and (max-width: 768px) {
.news-contents { padding:1em; }
.news-date {text-align: left; }
.news-title {text-align: left; margin:0.5em 0 1.5em;}
.w50 img {width:100%; }

.pager img { width:60px; margin:10px; }
}

.n-cdjacket { display:block; text-align: center; padding:1.5em 0;}
.n-cdjacket img { width:60%; box-shadow: 3px 3px 8px rgba(0,0,0,0.2); }
.n-dvdjacket { display:block; text-align: center; padding:1.5em 0;}
.n-dvdjacket img { width:30%; box-shadow: 3px 3px 8px rgba(0,0,0,0.2); }

/*POP UP*/

#inline-wrap, #inline-wrap1, #inline-wrap2, #inline-wrap3, #inline-wrap4, #inline-wrap5, #inline-wrap6, #inline-wrap7, #inline-wrap8, #inline-wrap9, #inline-wrap10, #inline-wrap11, #inline-wrap12, #inline-wrap13, #inline-wrap14, #inline-wrap15, #inline-wrap16, #inline-wrap17, #inline-wrap18, #inline-wrap19, #inline-wrap20, #inline-wrap21, #inline-wrap22, #inline-wrap23, #inline-wrap24, #inline-wrap25 {
	position: relative;
	margin:10px auto;
	width: 95%;
    max-width: 1050px;
	background: #fff;
	padding: 2em; border-radius: 0.5em; border:2px solid #5877ba;
}


@media screen and (max-width: 768px) {
#inline-wrap, #inline-wrap1, #inline-wrap2, #inline-wrap3, #inline-wrap4, #inline-wrap5, #inline-wrap6, #inline-wrap7, #inline-wrap8, #inline-wrap9, #inline-wrap10, #inline-wrap11, #inline-wrap12, #inline-wrap13, #inline-wrap14, #inline-wrap15, #inline-wrap16, #inline-wrap17, #inline-wrap18, #inline-wrap19, #inline-wrap20, #inline-wrap21, #inline-wrap22, #inline-wrap23, #inline-wrap24, #inline-wrap25 {
	padding: 2em 0em; 
}
.n-cdjacket img { width:100%; }
.n-dvdjacket img { width:60%; }
}


.charavis1 {display:flex; align-items: flex-start;}
.charavis2 {display:flex; align-items: flex-start;}
.charavis1 img {width:25%; height:auto;}
.charavis2 img {width:20%; height:auto;}



.comtitl {color:#4d659a; display: block; text-align: center; margin-bottom: 0.8em; line-height:1.1em; }
.protit {color:#4d659a; display: block; text-align: center; margin-bottom: 1.4em; line-height:1.1em; font-size:0.9em;}

.popup-modal-dismiss {
	text-align: center; display: block; padding:0; margin: 0 auto; border:1px solid #5877ba; border-radius: 5px; width:300px;
}
.popup-modal-dismiss a { text-align: center; display: block; padding:0.6em 1.5em; line-height: 1em; cursor: pointer; font-size:0.8em; }

.comment-cast { text-align: left; width: auto; margin: 0 auto 1em; color:#333; line-height: 1; padding: 0; }
.comment-cast .name { text-align:center; font-size:1.8em; margin-bottom: 1.5em; }
.comment-cast .y-photo { width:100%; display: block; margin:0 0 2em; }
.comment-cast .y-photo img { width:100%;  }
.comment-cast .cast_com { padding: 0 0 1.5em;}
.comment-cast p { padding: 0 0 0.9em; font-size: 1.1em; line-height: 2em;  }
.comment-cast .bold { font-weight: 500!important; line-height:1.6em; display: block; font-size:1.1em!important; padding:1.5em 0 0.5em; color:#5877ba; }
.comment-cast .profile { margin: 0 0 3em; padding: 1.5em 1.8em; font-size: 1em; color:#333; line-height: 1.8em; border-radius: 1em; background: rgba(176,221,242,0.3);  }
.comment-cast .profile b { font-weight: 500; line-height: 1.5em; }


@media screen and (max-width: 768px) {
.comment-cast .cast_com { padding: 0 1.5em 1.5em;}
.comment-cast .profile { margin: 0 1.5em 2em;}
}


.t_center { text-align:center !important;}

/* page-top */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display:block; opacity: 0.6; z-index: 10000;
}
#page-top a {
	text-decoration: none;
	width: 80px;
	height:auto;
	padding: 0;
	text-align: center;
	display: block;
	
}

.pconly { display: block; }
.pconli { display: inline-block; }
.sponly { display:none; }
.dnon { display:none; }






@media screen and (max-width: 768px) {
	
html { -webkit-text-size-adjust: 100%; font-size:100%; }
body {
	position:relative;
	font-size:16px;
	font-size:1.6rem;
}

#wrapper { padding: 0;}


.pconly { display:none !important; }
.pconli { display:none !important; }
.sponly { display:inherit; }

.timetable { width:98%; text-align:left; background:#fff; max-width:1200px; height:auto; margin:0 auto 30px;  padding: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;
  left: 0px;
  z-index: 1250; background: rgba(255,255,255,0.5);
/*   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: 4px;
  background-color: #5877ba;
  transition: all .3s;
}
.menu-trigger.active span {
  background-color: #5877ba;
}
.menu-trigger span:nth-of-type(1) {
  top: 15px;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(13px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 28px;
}
.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: flex; flex-direction: column; 
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed; overflow-y: auto !important;
  top: 0;
  left: 0;
  z-index: 1200;
 opacity: 0;
    pointer-events: none;
      transition: opacity .3s;
    
}
nav.open { opacity: 1;
    pointer-events: auto;
}

nav.smn div { margin: 0 auto 0 !important; line-height:1em; 
  color: #000;
  text-align: center;
  padding: 0.5em !important;
  width: 100%; max-width: 360px; display: inline-block;  border-bottom: 1px dotted #666;
}

nav.smn div:last-child { border-bottom: none;
}


nav.smn div a { color: #000; font-size: 1.4em;
  text-align: center; line-height: 1;
  padding: 10px 0 !important;
  width: 100%; display: block; 
}
nav.smn div a:hover { opacity:0.9; color:#0e6e66;}

.nonclick { opacity: 0.5; pointer-events: none; }
.nonclick a.mnl { pointer-events: none !important; }

html.is-fixed,
html.is-fixed body {
 @media all and (max-width: 768px) {
    height: 100%;
    overflow: hidden;
 }
}

@media screen and (max-width: 768px) {
nav.smn div { margin: 0.3em 0em 0.3em 1.7em;}
  nav.smn div a { font-size: 1.1em;}
    
    
.menu-trigger {
  display: inline-block;
width: 80px;
  height: 80px;
  }
/* .menu-trigger.active {
  transform: translateX(-250px);
}
 */.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 14px;
  width: 52px;
  height: 4px;
  background-color: #000;
  transition: all .5s;
}
.menu-trigger.active span {
  background-color: #422E13;
}
.menu-trigger span:nth-of-type(1) {
  top: 24px;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(14px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 38px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 24px;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-14px) rotate(45deg);
}

    
}


@media screen and (max-width: 768px) {
.t_center,.t_left  { margin:1.5em auto;  }
.w30,.w70,.w20,.w80 { width:100%; }
.w50p, .w33p { width:100%; }
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; margin:0;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.cr { font-family: 'Noto Serif JP', serif; font-weight:300; padding:1em; text-align:center; font-size:0.8em; display: block; line-height:1.3em; }



/* ---------------------------------
*    clearfix
*/
.clearfix { min-height: 1%; }

.clear { clear:both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from Mac IE ＼*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */


/* ---------------------------------
*    nodisplay
*/
.nodisplay {
	display: none;
}

a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none;  }


.boxt {
  width: 100%;
  overflow: hidden;
}

.boxInner {
  width: inherit;
  height: inherit;
  background-color: #fff;
  opacity: 0;
}

.isPlay {
  animation-name: play;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay:before {
  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient( 0deg, rgba(194,212,236,1) 0%, rgba(108,119,181,1) 100% );
}

.boxInner1 {
  width: inherit;
  height: inherit;
  text-align: center;
  background-color: #fff;
  opacity: 0;
}

.isPlay1 {
  animation-name: play;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay1:before {
  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #b0c0e0;
}

.boxInner2 {
  width: inherit;
  height: inherit;
  text-align: center;
  background-color: #fff;
  opacity: 0;
}

.isPlay2 {
  animation-name: play2;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay2:before {
  animation-name: maskOut2;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #c6dad8;
}

.boxInner3 {
  width: inherit;
  height: inherit;
  text-align: center;
  background-color: #fff;
  opacity: 0;
}

.isPlay3 {
  animation-name: play3;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}
  
.isPlay3:before {
  animation-name: maskOut3;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fbd8d4;
}


@keyframes play {
  from {
    transform: translateY(-100%);
  }
  
  to {
    transform: translateY(0);
  }
}

@keyframes maskOut {
  from {
    transform: translateY(0);
  }
  
  to {
    transform: translateY(100%);
  }
}

@keyframes play2 {
  from {
    transform: translateY(100%);
  }
  
  to {
    transform: translateY(0);
  }
}

@keyframes maskOut2 {
  from {
    transform: translateY(0);
  }
  
  to {
    transform: translateY(-100%);
  }
}
@keyframes play3 {
  from {
    transform: translateY(100%);
  }
  
  to {
    transform: translateY(0);
  }
}

@keyframes maskOut3 {
  from {
    transform: translateY(0);
  }
  
  to {
    transform: translateY(-100%);
  }
}




/*キャラクター*/
.chara-menu { width:100%; margin:0 auto; display: flex; flex-wrap: wrap; margin-bottom:2em; }
.chara-thumb { width:23%; margin: 1%; padding:1%; text-align: center; font-size: 1em; line-height:1em; }
.chara-thumb span { display: inline-block; font-size:0.8em;}
.chara-thumb img {width:100%; display: block; padding-bottom: 0.5em; }

.chara-menu6 { width:100%; margin:0 auto; display: flex; flex-wrap: wrap; margin-bottom:4em; }
.chara-thumb6 { width:14.5%; margin: 1%; padding:1%; text-align: center; font-size: 1em; line-height:1em; }
.chara-thumb6 span { display: inline-block; font-size:0.8em;}
.chara-thumb6 img {width:100%; display: block; padding-bottom: 0.5em; }

.chara-box { display:block; width:100%; max-width:1000px; height:100%; max-height:700px; background: #fff; position: relative; }

.chara-name { position: absolute; z-index:10; width:100%; padding:0.6em 10%; line-height:1em; background:#f5f5f5; font-size:2.1em; font-weight:500; top:8%; }
.chara-name span { font-size:0.8em; font-weight:300; }
.chara-tex {position: absolute; z-index:55; width:46%; top:20%; padding:2em 0; font-size:1.2em; left:10%; line-height:2em; overflow: auto; text-align: justify; }
.chara-tex3 {position: absolute; z-index:55; width:46%; top:20%; padding:2em 0; font-size:1.2em; left:10%; line-height:2em; overflow: auto; text-align: justify; }
.chara-tex2 {position: absolute; z-index:55; width:40%; top:20%; padding:2em 0; font-size:1.2em; left:10%; line-height:2em; overflow: auto; text-align: justify; }
.chara-face { width:30%; position: absolute; z-index:40; bottom:5%; right:14%; text-align:right; vertical-align: bottom; filter: drop-shadow(0px 0px 7px #fff);}
.chara-face img { width:100%;}
.chara-face2 { width:50%; position: absolute; z-index:40; bottom:2%; right:0%; text-align:right; vertical-align: bottom; filter: drop-shadow(0px 0px 7px #fff);}
.chara-face2 img { width:100%;}
.chara-full { height:100%; max-height:700px; position: absolute; z-index:30; bottom:0; right:1%; text-align:right; padding:10px 0;}
.chara-full img { height:100%; }
.chara-full2 { height:100%; max-height:800px; position: absolute; z-index:30; bottom:0; right:1%; text-align:right; padding:10px 0;}
.poright2 { right:6% !important; }
.chara-full2 img { height:100%; }

@media screen and (max-width: 768px) {
.chara-menu {  margin-bottom:1em; }
.chara-thumb { line-height:1em; width:48%;}
.chara-thumb span { display: block; padding:0.2em 0;}
    
.chara-menu6 {  margin-bottom:2em; }
.chara-thumb6 { line-height:1em; width:31.3%; }
.chara-thumb6 span { display: block; padding:0.2em 0;}
    
.chara-box {  max-height:1200px; }
.chara-name { padding:0.3em 50px; line-height:1.2em; font-size:1.6em; top:4%; }
.chara-face { width:40%; bottom:4%; right:3%;}
.chara-face2 { width:78%; bottom:0%; right:0%;}
.chara-tex { width:52%; height:79%; top:15%; padding:0 1em 0 0; font-size:1.1em; left:55px; line-height:1.4em; }
.chara-tex3 { width:44%; height:79%; top:22%; padding:0 1em 0 0; font-size:1.1em; left:55px; line-height:1.4em; }
.chara-tex2 { width:42%; height:79%; top:15%; padding:0 1em 0 0; font-size:1.1em; left:55px; line-height:1.4em; }
.chara-full { bottom:11%; padding:0;}
.chara-full2 { bottom:19%; padding:0; max-height:640px;}
.poright2 { right:1% !important; }
}


.swiper-container { display: block; width:auto; height: auto; max-width: 1000px; margin:0 auto; }
.slider-thumbnail { width: 100%; margin-bottom: 1em; }
.slider-thumbnail .swiper-slide { opacity: .5; padding:15px; text-align: center; font-size: 0.9em; line-height:1em;}
.slider-thumbnail .swiper-slide img { width: 100%; height: auto; padding-bottom:10px; }
.swiper-slide.swiper-slide-thumb-active { opacity: 1; }
.slider { display: block;  width: auto; height: auto; margin:0 -20px !important;}
.slider img { width: 100%; height: auto; }

.swiper-button-prev,
.swiper-button-next {
 position: absolute;
 top: 50%;
 width: calc(var(--swiper-navigation-size) / 44 * 27);
 height: var(--swiper-navigation-size);
 margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
 z-index: 10;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--swiper-navigation-color, var(--swiper-theme-color));
 width: 48px;
 height: 48px; 
 background-size: 48px 48px; 
 margin-top: -24px; 
}
.swiper-button-prev:after,
.swiper-button-next:after { display: none;
 font-size: 0;
 text-transform: none !important;
 letter-spacing: 0;
 text-transform: none;
 font-variant: initial;
}
.swiper-button-next {
 background-image: url("../img/btn-nex.png"); right:0px !important;
 transform: scale(-1, 1); 
}
.swiper-button-prev {
 background-image: url("../img/btn-nex.png"); left:0px !important;
}


@media screen and (max-width: 768px) {
.slider-thumbnail .swiper-slide {  font-size: 0.6em;}
}


#bluray {}

#bluray .t_large2 { font-weight:600; font-size:1.1em; }
#bluray .t_large4 { font-weight:600; font-size:1.1em; padding:10px; }
#bluray .t_large { font-weight:600; font-size:1.1em; border-bottom:1px solid #333; display: block; margin-top:1.5em; }
#bluray .t_large3 { font-weight:600; font-size:1.1em; border-bottom:1px solid #333; display: block; }
#bluray .t_small { display: block; font-size:0.8em; line-height:1.5em !important; padding:0.6em 0 1em;}
#bluray a.btn-br { background:#5877ba; display: inline-block; padding:0.7em 0.2em 0.5em; margin:0.5em 1%; color:#fff; border-radius:5px; line-height:1.1em; text-align: center; width:48%; }
#bluray a.btn-br span  { display: block; padding:0.4em; color:#fff; line-height:1em; text-align: center; font-size:0.8em; }

.bd-dvdimg { text-align:center; line-height:1.2em; margin-bottom:3em; }
.bd-dvdimg img { width:40%; min-width:400px; margin:0 auto 5px; display:block; }
.bd-dvdimg2 { text-align:center; line-height:1.2em; margin-bottom:3em; }
.bd-dvdimg2 img { width:100%; max-width:700px; margin:0 auto 5px; display:block; }

.pd15 { padding: 1.5em 0 0; } 
.pd1515 { padding: 1.5em 0; } 
.mtm2 { margin-top:-2em !important; }
.lh15 { line-height:1.5em; margin-bottom:0.5em; }

.normwaku { padding:0.5em 1.2em; margin:0 0 3em; }
.tokutenwaku { padding:1em 1.4em; background: #e6eaf4; margin:3em 0; }


.hojin-tokuten { display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.hojin-tokuten .block4 {  width:49%; padding:0; }
.hojin-tokuten .block4 img { display:block; width:100%; margin-bottom:1em; }

.fb500 { font-weight:500;  }
.fb700 { font-weight:700; font-size:1.1em; margin-bottom:1em; display: block; }
.fb700n { font-weight:700; font-size:1.1em;  display: block; }

@media screen and (max-width: 768px) {
#bluray a.btn-br { display: block; margin:0.8em 0 0.5em 0; width:100%;}
.hojin-tokuten { display:block;  }
.hojin-tokuten .block4 {  width:100%; padding:5px 0 10px; }
}


#introduction {}
#introduction .in-copy { margin-bottom: 4em; } 
#introduction .in-copy span { text-align: center; font-weight:600; font-size:1.2em; display: block; line-height:1.4em; padding:0 0 1em;}

#story {}
#story .in-copy { margin-bottom: 2em; } 
#story .in-copy span { text-align: center; font-weight:600; font-size:1.2em; display: block; line-height:1.4em; padding:0 0 1em; letter-spacing:5px; }

#story .chapter { margin-bottom:5em; padding-top:1em;}
#story .titles { text-align: center; font-weight:600; font-size:1.1em; display: block; line-height:1.4em; padding:0 0 2em; letter-spacing:5px; }

#story .chapnum { text-align: center; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom:5em; height: auto; padding:0;}
#story .chapnum  a { display:block; padding:0; background: #000; width:7%;  display: flex; align-items:  flex-start; margin:0; }
#story .chapnum  a:hover { background: #555; }
#story .chapnum  a img { width:100%; height:auto; padding:0; margin:0;}
#story .nonclick { opacity: 0.1; pointer-events: none; }



#story .storyslide { display:flex; flex-wrap: nowrap; }
#story .storyslide .slideside { margin:0 5% 0 0; padding:0; width:40%; display: block;  }
#story .storyslide .slideside ul.bxslider { margin:0; padding:0; display: block; }
#story .storyslide .slideside ul.bxslider li { display:block; width: 100%;
height: auto; 
float:left;
list-style:none;
padding: 0;
margin: 0;
border:none; pointer-events: none !important;}
#story .storyslide .slideside ul.bxslider li img { width:100%; pointer-events: none; margin:0; padding:0;}
#story .storyslide .text { margin:0 0 0 0; padding:0; width:55%; }


#story .storyslide-0 { display:block; height:auto; margin:0; padding:0;}
#story .slideside-0 { margin:0 auto; padding:0; width:60%; display: block; }
#story .slideside-0 ul.bxslider { margin:0; padding:0; display: block; }
#story .slideside-0 ul.bxslider li { display:block; width: 100%;
height: auto; 
list-style:none;
padding: 0;
margin: 0;
border:none; pointer-events: none !important; line-height: 0;}
#story .slideside-0 ul.bxslider li img { width:100%; pointer-events: none; margin:0; padding:0; height:auto; }


.st-staff { text-align:right; font-size:0.9em; padding:1.6em 0 0; line-height:1.6em; }


@media screen and (max-width: 768px) {
#story .chapnum { justify-content: flex-start; }
#story .chapnum  a {  width:18%; margin:1%;}

#story .storyslide { display:block; }
#story .storyslide .slideside { margin:0 0 0 0; padding:0; width:100%; display: block;  }
#story .storyslide .text { margin:0 0 0 0; padding:0; width:100%; }
}

.movtitle { text-align:center; padding:0.5em; }




/*新着情報*/
table.hoso3 {margin:0 0 0.8em; padding: 0;}
table.hoso3 td { vertical-align: top; padding:0.5em 1em 0.2em 0; line-height:1.2em;}
table.hoso3 td span { font-size:0.7em;}

.new-ico { color:#FF0000; }

ul.news-ul { list-style: disc; margin: -1em 0 1em !important; padding: 0 0 0 25px !important;   }
ul.news-ul li { padding:0 0 0.5em !important; margin: 0 !important; }