@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: 'M PLUS Rounded 1c', sans-serif; font-weight:300; line-height:1.6;}
body, html { min-height: 100%;  position: relative; height: auto; width: 100%; }

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

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: 1200px; height: auto; min-height:100vh;  margin: 0 auto; background: #fff; padding-bottom: 150px; }
#wrapper.fixed { position: fixed; width: 100%; height: 100%; left: 0; }


.container{ width:auto; max-width: 1200px; margin: 0 auto; padding: 0; height: auto; background: #fff; }

header {}
header img {width:100%;}

pconly { display: block; }

.tabnews { display: block; margin: 15px 0 25px; }
.tabnews a img { width:100%; height: auto; margin:0; padding:0;}
.tabnews a { display: inline-block; padding: 0px; width:33%; background-image: none; margin:0 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; }
.tabnews a img { height:57px; width: 400px;}
.tabnews a { display: block; width:100%; padding: 0 0; margin:0 0 10px; background-size: 57px 100%; background-image: url("images/newstab_bg.png"); height:57px; }
}

.bg_a {margin:0; position:0; background-image:url(images/aria_a_back.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover; }


.mixer {border:1px solid #00ccff; padding:1.5em; border-radius: 1em;}
.mixer .mtitle { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:700; color:#0066ff; font-size:1.3em; text-align: center; line-height: 1.2em; margin-bottom: 3em; }
.mixer .mtitle span { font-size:1.4em; display: block; padding: 0.8em 0; line-height:1.2em; }
.mixer .mmidashi { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; color: #3399ff; font-size:1.2em; border-bottom: 1px solid #3399ff; border-top: 1px solid #3399ff; padding: 0.4em 0; line-height:1.1em; margin-bottom: 2em; margin-top: 3em; }
.mixer .minq { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; line-height: 1.2em;  color:#006699; margin-bottom: 1.5em; padding: 0.2em 0.2em 0 0.8em; border-left:4px solid #006699; font-size:1.05em; }
.mixer .mtex { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:400; line-height: 1.7em; }

.mixer .zadankai { margin-bottom: 1em; display:block; }
.mixer .zadankai a { display: block; padding: 0.5em; text-align: left; margin-bottom: 0.5em; color:#167fe9; background: #f1f9fd; border:1px solid #3399ff ; border-radius: 0.5em; text-decoration: none; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:400;}
.mixer .zadankai a:hover { background: #c6ecff;}


.mtexarea { display: flex; flex-wrap: wrap; margin-bottom: 2em; }
.mtexarea dt,
.mtexarea dd { box-sizing: border-box; padding: 0 0 1em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:400; line-height: 1.7em;}
.mtexarea dt { width: 60px; line-height: 1.1em; padding-top:0.3em !important; }
.mtexarea dd {
    width: calc(100% - 60px);
}

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

.special-menu { margin:2em 0 2.5em; display: flex; flex-wrap: wrap; justify-content: space-around; }
.special-menu a { padding: 0.5em; text-align: center; margin-bottom: 0.5em; color:#fff; background: #3399ff; border-radius: 0.5em; text-decoration: none; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; width:44%; line-height: 1.1em; font-size:1.0em; }
.special-menu a:hover { background: #5aacfe;}
 

@media screen and (max-width: 767px) {
.special-menu a { width:90%; }
.mtexarea dt { width: 3.5em;}
.mtexarea dd { text-align: justify;
    width: calc(100% - 3.5em);
}
}

#sp-menu {display:none;}
.mlogo {position: absolute; top:0; left:5px;}
.mlogo img {width:300px; margin: 0; }


@media screen and (max-width: 767px) {
#mainv { min-height:0;  padding-top: 70%;}
img.bg { display:none; }
.mlogo { display: block; position: absolute; top:0; left:0; }
.mlogo img {width:210px; margin: 0; }
#sp-menu { display:block; position: fixed; top:10px; right:10px; background-color: rgba(255,255,255,0.80); border-radius: 50%; width:80px; height:80px; z-index: 500; padding: 19px 15px; }

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .2s;
  box-sizing: border-box; 
}
.menu-trigger {
  position: relative; 
  width: 50px;
  height: 42px;
}
.menu-trigger span { z-index: 500;
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #1cbeff;
  border-radius: 5px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 19px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(18px) rotate(-45deg);
  transform: translateY(18px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-18px) rotate(45deg);
  transform: translateY(-18px) rotate(45deg);
}
	
}/*767*/




ul {
	list-style: none;
}

ul#nav2{
	margin-left: 12px;
}
ul#nav2 li { position: relative;
	margin-left: 0;
	width: 240px;
	height: 25px;
	overflow: hidden;
	margin-bottom: 10px;
}
ul#nav2 li img {
    position: absolute;
    top: 0px;
    height: 50px;
}


#side_left { position: absolute; z-index: 400; top:170px; left:10px; background: none; width: 230px; padding: 10px 0; display: block;}

#main { position: relative; background: none; width: auto; padding: 0 50px 0 0; display: block;  margin-left: 310px; }

#main h2 { margin: 0 0 0.5em;  }
#main h2 img { width: 400px;  }
#main h3 { margin: 0 0 1.1em; border-radius: 20px; display: block; color:#fff; font-size:1.2em; font-weight: bold; line-height: 1.3em; padding: 0.4em 1em; background-image: url("images/goods_tbg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom right; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500; }
#main h3.bub { background-image: url("images/goods_tbg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom right; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500; }
#main .catch { margin: 0 0 1em;  }
#main h4 { margin: 0 0 1.1em; background: #7fd8fd; border-radius: 5px; display: block; color:#333; font-size:1.1em; font-weight: bold; line-height: 1.3em; padding: 0.3em 0.8em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500;}
#main .catch h2 { font-style: italic; margin: 0;  color:#c1565c; font-size:1.8em; font-weight: 700; line-height: 1.3em; padding: 0; font-family: 'Noto Serif JP', serif; font-weihgt:500;  }
#main .catch h2 span {font-family: 'Noto Sans JP', sans-serif; font-weight:300; letter-spacing: -0.2em; margin-left:0.3em; }
#main .catch { margin: 0 0 1em;  }


.texarea { margin: 0 0 5em; text-align: left; padding: 1em 0; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:400; }
.texarea p { margin: 0 0 1em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:400;}

.texarea img.pic { width:100%; max-width: 700px; }
.texarea img.pic5 { width:100%; max-width: 500px; }

.texarea td { line-height: 1.1em; padding: 2px 5px; }
td.pdb15 {  padding: 2px 5px 15px; }

.fs12_500 { font-size:1.2em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500; }
.bb1 { display:block; border-bottom: 1px solid #036; margin-bottom:1em; font-size:1.1em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500;  }

.tex_bg { background-image: url("images/tex_bg.png"); background-repeat: no-repeat; background-position: bottom right; padding-left: 1.5em; }

.tex_bg2 { background-image: url("images/tex_bg2.png"); background-repeat: no-repeat; background-position: bottom right; padding-left: 1em; }

.tex_aria { text-align: center; font-size: 1.1em; line-height: 1.8em; color:#003e5d; }


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


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

.sponly { display: none;}

@media screen and (max-width: 767px) {
.twit_w { width:260px; margin: 0 0px; height: 350px; position: absolute; top: 10px; left:10px; }
.bnr_w { margin-left:280px; width: auto; }
div#side_left { position: fixed; z-index: 400; top:0; left:0; clear : both; height: 100%; min-height: 100vh; background: rgba(255,255,255,0.95); width: 100%; display: none; padding:80px 10px 0;}
ul#nav2 li { width: 100%; height: 50px; margin-bottom: 15px; }
ul#nav2 li img { height:100px; }
.sponly { display: inherit; }
	
div#side_left.fin { 
  animation: fadein 1s linear 0s 1 normal;
}
div#side_left.fout { 
  animation: fadeout 1s linear 0s  1 normal;
}
	
#main { padding: 0 10px 0 10px; display: block;  margin-left: 0; }
	
#main h2 img { width: 600px;  }
	
.texarea p { margin: 0 1em 1em; }
}/*767*/

.mt1 { margin-top:1.5em !important;}

#comment1 { display: none; }
#comment2 { display: none; }
#comment3 { display: none; }
#comment4 { display: none; }
#comment5 { display: none; }
#comment6 { display: none; }
#comment7 { display: none; }
#comment8 { display: none; }
#comment9 { display: none; }
#comment10 { display: none; }
#comment11 { display: none; }
#comment12 { display: none; }
#comment13 { display: none; }
#comment14 { display: none; }
#comment15 { display: none; }
#comment16 { display: none; }
#comment17 { display: none; }
#comment18 { display: none; }
#comment19 { display: none; }
#comment20 { display: none; }


.inline-cover { display: flex !important; width: 100%; height:100%;  }
.inline-box { display:flex;  width: 100%; max-width: 850px; height:100%; background: #edf6ff; border-radius: 0.8em; padding: 2em; margin: 0 auto; }
.inline-box .photo { display:block; width: 30%; }
.inline-box .photo img { width: 100%; }
.inline-box .text { display:block; width: 70%; padding: 0 0 0 1.5em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:400; }

.inline-schroll { display:block; width: 100%; border:3px solid #afd4f9; height:100%; background: #edf6ff; border-radius: 0.8em; padding: 2em; margin: 0 auto; overflow-y: auto; }
.inline-schroll .cname { display:block; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:700 !important; font-weight: bold; font-size: 1.4em; color:#0066ff; border-radius: 3em; background: #ccf2fc; line-height:1em; padding:0.5em 1em; margin-bottom: 1em;}
.inline-schroll .vname { display:block; padding: 0 0 0 ; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:400 !important; font-size: 1.0em; text-align: right; }
.inline-schroll .cques { display:block; padding: 0 0.5em 1em ; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500 !important;  color:#0099ff; font-size: 1.1em; }
.inline-schroll .texs { display:block; padding: 0 0.5em 2em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:400; }


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

.inline-box { display:block; padding: 1em;}
.inline-box .photo { display:block; width: 100%; }
.inline-box .text { display:block; width: 100%; padding: 1.0em 0 0 0; }
    
.inline-schroll { max-width: 850px; padding: 1em; }
.inline-schroll .cname { font-size: 1.2em; }

}




.round {font-family: 'M PLUS Rounded 1c', sans-serif !important; font-weihgt:500;}



.casn { display:block; margin-bottom: 0.4em; background-image: url("images/cast_bar.png"); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 6px; font-size: 1.3em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500;}
.casn span.rel { display:inline-block; padding: 0; position: relative; }
.casn span.col { color:#0066cc; font-size: 0.9em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:400;}
.casn .fuki { display:block; padding: 0; position: absolute; top: -12px; right: -42px; width: 36px; height: 33px; cursor: pointer; }
.casn .fuki img { width: 100%; height: 100%; display: block; transition-duration: 0.3s; }
.casn .fuki img:hover { transform: scale(1.2,1.2); transition-duration: 0.3s; }

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

.casn .fuki { top: -10px; right: -58px; width: 50px; height: 45px; }

}



.stfn { display:block; margin-bottom: 0.9em; background-image: url("images/cast_bar.png"); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 0; font-size: 1.2em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:500;}
.stfn span.rel { display:inline-block; padding: 0; position: relative; }
.stfn span.col { color:#0066cc; font-size: 0.9em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weihgt:400;}
.stfn .fuki { display:block; padding: 0; position: absolute; top: -12px; right: -42px; width: 36px; height: 33px; cursor: pointer; }
.stfn .fuki img { width: 100%; height: 100%; display: block; transition-duration: 0.3s; }
.stfn .fuki img:hover { transform: scale(1.2,1.2); transition-duration: 0.3s; }









/*News*/
.newsblock { margin-bottom: 2em; }
.newsblock .date { font-size:0.7em; line-height:1.1em; padding: 0.3em 0; color:#666; }
.newsblock h2.news { margin: 0 0 1.2em !important; background: none; border-top: 2px solid #003399; border-bottom: 2px solid #003399; display: block; color:#003399; font-size:1.1em; font-weight: 700; line-height: 1.3em; padding: 0.4em ; }
.newsblock .tex { }
.newsblock .tex ul { list-style: none; }
.newsblock .tex ol { list-style: none; }
.newsblock .tex p { margin-bottom: 0.8em; }

/*Character*/
.charaarea { width: 700px; margin: 0 0 4em 0; }

.cha_b_blue { border-top:3px solid #2e67b6; padding-top: 20px; }
.cha_b_orange { border-top:3px solid #ff6600; padding-top: 20px; }
.cha_b_red { border-top:3px solid #cc0033; padding-top: 20px; }
.cha_b_green { border-top:3px solid #339900; padding-top: 20px; }
.cha_b_pp{ border-top:3px solid #c857e0; padding-top: 20px; }

.cha_bg_blue { background-color:#2e67b6; }
.cha_bg_orange {  background-color:#ff6600; }
.cha_bg_red {  background-color:#cc0033; }
.cha_bg_green {  background-color:#339900; }
.cha_bg_pp {  background-color:#c857e0; }

.charaarea:nth-child(even) { margin: 0 0 4em 130px; }
.charaarea .name { font-size: 1.2em; line-height:1.1em; padding: 0.3em 0.5em; font-weight: 700; color:#fff; border-radius: 5px; }
.charaarea .name span { font-size: 0.9em; padding: 0 1em; font-weight: normal; }

.charaarea .company { font-size: 0.9em; border-bottom:1px solid; line-height:1.1em; padding: 0.2em; margin-bottom: 0.8em;  font-weight: normal; text-align: right; }

.charaarea .b_blue { border-top-color:#2e67b6; border-bottom-color:#2e67b6; color:#2e67b6;}
.charaarea .b_orange { border-top-color:#ff6600; border-bottom-color:#ff6600; color:#ff6600;}
.charaarea .b_red { border-top-color:#cc0033; border-bottom-color:#cc0033; color:#cc0033;}

.charaarea .prof { margin-bottom: 1em;}
.charaarea .comment { padding: 1.4em; background: #f0f4f6; border-radius: 10px; font-size: 0.9em; line-height: 1.7em; }
.charaarea .comment h4 { border-top:1px solid #333; border-bottom:1px solid #333; line-height:1.0em; padding: 0.3em; margin-bottom: 0.8em; font-size:1.1em; }
.charaarea .comment p { margin: 0 0 0.6em; }
.charaarea img.cha { width: 100%; max-width: 700px;}

.c_dblue { color:#003399; display: block; border-bottom: 1px dotted #003399; }


#pager-area { position: relative; margin: 0 0 4em; text-align: center; }
#pager-area img { padding:0 0 0.4em; }
#slide-indicator ul { list-style: none;}
#slide-indicator li { display: inline-block; margin: 5px 0; }
#pager-area a { padding:4px; }
#pager-area a:hover { opacity: 0.7; }
#pager-area a img { width:100px; }

#pager-area .w_blue { text-align: center; color:#2e67b6;  margin-bottom: 1.0em;  }
#pager-area .w_blue span { font-size:0.8em; display:block; border-bottom: 1px solid #2e67b6; border-top: 1px solid #2e67b6; padding: 0.2em; margin-bottom: 1em; line-height: 1.1em !important; background-color: #fff; }
#pager-area .w_blue a { font-size:0.6em; display:inline-block; text-align: center; line-height:1.2em; padding:0 0.5em; color:#2e67b6; text-decoration: none; }

#pager-area .w_orange { text-align: center;  color:#ff6600;   margin-bottom: 1.0em; }
#pager-area .w_orange span { font-size:0.8em; display:block; border-bottom: 1px solid #ff6600; border-top: 1px solid #ff6600; padding: 0.2em; margin-bottom: 1em; line-height: 1.1em !important; }
#pager-area .w_orange a { font-size:0.6em; display:inline-block; text-align: center; line-height:1.2em; padding:0 0.5em; color:#ff6600; text-decoration: none; }

#pager-area .w_red { ftext-align: center; color:#cc0033;  margin-bottom: 1.0em; }
#pager-area .w_red span { font-size:0.8em; display:block; border-bottom: 1px solid #cc0033; border-top: 1px solid #cc0033; padding: 0.2em; margin-bottom: 1em; line-height: 1.1em !important; }
#pager-area .w_red a { font-size:0.6em; display:inline-block; text-align: center; line-height:1.2em; padding:0 0.5em; color:#cc0033; text-decoration: none; }

#pager-area .w_green { text-align: center; color:#698735;  margin-bottom: 1.0em; }
#pager-area .w_green span { font-size:0.8em; display:block; border-bottom: 1px solid #698735; border-top: 1px solid #698735; padding: 0.2em; margin-bottom: 1em; line-height: 1.1em !important; }
#pager-area .w_green a { font-size:0.6em; display:inline-block; text-align: center; line-height:1.2em; padding:0 0.5em; color:#698735; text-decoration: none; }

#pager-area .w_pp { text-align: center; color:#c857e0;  margin-bottom: 1.0em; }
#pager-area .w_pp span { font-size:0.8em; display:block; border-bottom: 1px solid #c857e0; border-top: 1px solid #c857e0; padding: 0.2em; margin-bottom: 1em; line-height: 1.1em !important; }
#pager-area .w_pp a { font-size:0.6em; display:inline-block; text-align: center; line-height:1.2em; padding:0 0.5em; color:#c857e0; text-decoration: none; }



.yasuno { text-align: center; margin-bottom: 1.5em; }
.yasuno img { width: 100%;  border-radius: 15px; }

.cdjacket { text-align: center; margin: 0.5em 0; }
.cdjacket img { width: 100%; height:auto; }

.m_comment {background-image: url("images/goods_tbg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom right;  color: #fff; font-size: 1.1em; padding: 0.3em 1.2em; margin-bottom: 1.2em; border-radius: 20px; }
.m_comment span { font-size:0.8em; }

.jacket { text-align: center; margin-bottom: 1.5em; display: block; }
.jacket img { width: 100%; max-width:600px; border-radius: 15px; }

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

.charaarea { width: auto; margin: 0 0 4em 0; }
.charaarea:nth-child(even) { margin: 0 0 4em 0; }
#pager-area a img { width:110px; }

.yasuno img { width: 100%;  }
.jacket img { width: 100%; max-width:700; }
}



.series { display:flex; flex-wrap: wrap; }
.series a { display:block; text-decoration: none; color:#666; }
.series a:hover { opacity: 0.7; }
.series .sblock { display:block; width: 50%; padding: 0 2% 30px ; text-align: center; font-size: 0.7em; line-height:1.1; }
.series .sblock img.main { display:block; width: 100%; padding: 0 ; }
.series .sblock img.logo { padding: 0 0 0.4em; }

.bluray_sel { display:flex; flex-wrap: wrap; margin: 0.5em 0 2em; }
.bluray_sel a { display:block; text-decoration: none; color:#666; }
.bluray_sel a:hover { opacity: 0.7; }
.bluray_sel .sblock { display:block; width: 33%; padding: 0 0.5% 30px ; text-align: center; font-size: 0.7em; line-height:1.1; }
.bluray_sel .sblock img.main { display:block; width: 100%; padding: 0 ; }
.bluray_sel .sblock img.logo { padding: 0 0 0.4em; }


.pager { text-align: center; padding: 1.5em 0; }
.pager  a { text-decoration: none; }
.pager  a:hover { opacity:0.7; }
.pager .waku { display: inline-block; border: 1px solid #ccc; border-radius: 5px; }
.pager .waku a { display: block; padding:0.3em 0.8em; }
.pager .current { display: inline-block; border: 0px solid #ccc; border-radius: 5px; }
.pager .current a { display: block; padding:0.3em 0.8em; }

.pager .nonl { pointer-events: none; }
.pager .nonl a { color:#999 !important; }
.pager .nonc { pointer-events: none; opacity: 0.2; }


.topics{
font-size:12px; color:#555555; line-height:180%;
text-align:left;
}
.font12{
font-size:12px; color:#555555; line-height:140%;
}
.font14{
font-size:14px; color:#555555; line-height:160%;
}
.font16{
font-size:16px; color:#555555; line-height:180%;
}
.font12_normal{
font-size:12px;
}


div#story{
	margin-bottom:20px;
	width:95%;
	text-align: left;
	font-size:14px;
	color:#383838;
	line-height:160%;
	border: 2px #CCE6FF dotted;
	border-radius: 20px;
	padding:10px;
}
div#story li{
	margin-right:5px;
	margin-left:5px;
	
	display:inline-block;
}

.com_menu{
	margin-left:10px;
	margin-bottom:10px;
	width:80%;	
    -webkit-border-radius:8px;
    -moz-border-radius:8px; 
    border-radius:8px;
	color:#FFF;
	background-color: #414AFF;
	padding:5px;
	font-size:14px;
	line-height:130%;
    text-decoration:none;
}
.com_menu3{
	margin-left:10px;
	margin-bottom:10px;
	width:80%;	
    -webkit-border-radius:8px;
    -moz-border-radius:8px; 
    border-radius:8px;
	color:#FFF;
	background-color: #34E500;
	padding:5px;
	font-size:14px;
	line-height:130%;
    text-decoration:none;
}
a.com_menu2 {/*リンクされた文字*/
	color:#FFF;
    font-style:normal;
    text-decoration:none;
}
a:link.com_menu2 {/*未訪問のリンク*/
	color:#FFF;
    font-style:normal;
      text-decoration:none;
}
a:visited.com_menu2{/*訪問後のリンク*/
	color:#FFF;
       text-decoration:none;
}
a:hover.com_menu2{/*マウスをのせたとき*/
	color:#FFF;
    font-style:normal;
    text-decoration:underline;
}
a:active.com_menu2 {/*クリック中*/
    text-decoration:none;
}

.box_table{
  display: inline-block;
  width: 200px;
  height: 100px;
  margin: 1em;
}
.box{ 
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    border-radius:10px;
	color:#FFF;
	background-color: #06C;
	font-weight:bold;
	padding:5px;
	font-size:18px;
	line-height:160%;
	margin-left:-10px;
} 
.box_orange{ 
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    border-radius:10px;
	color:#FFF;
	background-color:#FF7F33;
	font-weight:bold;
	padding:5px;
	font-size:18px;
	line-height:160%;
	margin-left:-10px;
} 
.box_gray{ 

    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    border-radius:10px;
	color:#000;
	background-color: #B0D8FF;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	line-height:160%;
	margin-left: 0px;
	width:90%;
} 

.t_orange{
	font-size: 16px;
	font-weight: bold;
	color: #FF7F33;
	line-height:140%;

}
.t_red{
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	line-height:140%;
	text-decoration:underline;

}

.f_white{
	color:#FFFFFF;
		font-size: 14px;
		line-height:140%;
}

.table_theater{
	border-style:solid;
	border-width:1px 1px 1px 1px;
	font-size: 14px;
	font-weight:bold;
	line-height:140%;
}

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



.news_t{
	font-size: 18px;
	font-weight: bold;
	color: #FF7F33;
}
.news_txt{
	font-size:16px; color:#555555; line-height:160%;
	padding:10px;
}
.name01{
	color: rgba(20,1,114,1.00);
	font-weight: bold;
}
.name02{
	color: #009B25;
	font-weight: bold;
}
.name03{
	color: #BC005D;
	font-weight: bold;
}

.chara01{
	font-size: 18px;
	font-weight: bold;
	color: #3E00D7;
}
.chara02{
	font-size: 18px;
	font-weight: bold;
	color: #F90000;
}
.chara03{
	font-size: 18px;
	font-weight: bold;
	color: #FF7F33;
}

div#tokuten{
    width: 100%;
    margin: 10px auto;
}

div#tokuten table.zebra {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
	width: 100%;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}

div#tokuten table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
	width: 100%; 
	line-height:1.3em;
}

.zebra td, .zebra th {
	font-size:0.9em;
    padding: 10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;  
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}
  
.goos_frame{
	width:650px;
	border:solid #C8C8C8 1px;
	padding:15px;
}
.goods_h1{
	font-size:1.2em; line-height:1.2em;
	font-weight:bold;
	color:#49ABF1; 
}
.goods_txt1{
	font-size:14px;
	line-height:120%;
}
.goods_txt2{
	font-size:14px;
	line-height:120%;
}


.goods2_frame{
	width:350px;
	height:100%;
	border:solid #C8C8C8 1px;
	padding:15px;
}
.goods2_h1{
	font-size:16px;
	font-weight:bold;
	color:#49ABF1;
}
.goods2_txt1{
	font-size:14px;
	line-height:120%;
}
.goods2_txt2{
	font-size:14px;
	line-height:120%;
}

.goods3_frame{
	width:auto;
	border:solid #C8C8C8 1px;
	padding: 1.5em 2em;
	margin: 0 5px 40px; border-radius: 10px;
}
.goods3_frame p {
	margin: 0 0 1em; padding:0; line-height: 1.6em;
}
.goods3_h1{ 
	font-size:1.2em; line-height:1.2em;
	font-weight:bold;
	color:#49ABF1; border-bottom:solid #C8C8C8 1px; padding-bottom: 0.4em !important;
}

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

.goods3_frame{ padding: 1em; margin: 0 0 40px; }

}

.goods3_frame p.narabi1 { box-sizing:border-box; }
.goods3_frame p.narabi1 img { width:100%; padding: 5px 5px 10px;  }
.goods3_frame p.narabi2 { box-sizing:border-box; }
.goods3_frame p.narabi2 img { width:50%; padding: 5px 5px 10px;  }
.goods3_frame p.narabi3 { box-sizing:border-box; }
.goods3_frame p.narabi3 img { width:33.3%; padding: 5px 5px 10px;  }


.goods4_frame{
	width:750px;
	border:solid #C8C8C8 1px;
	padding: 12px;
}



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



.movpage .titl { display: block; line-height: 1.4em; text-align: center; margin: 0 0 0.5em; padding: 0.4em;  font-size:0.9em; }

.movpage .movbt { line-height: 1.2em; text-align: center; margin: 0 0 3em; padding: 0.4em; display: flex; flex-wrap: wrap; justify-content: center; }
.movpage .movbt a { display: block; width:32%; line-height: 1.1em; text-align: center; margin: 0 0.5% 6px; padding: 0.4em 1em; background-color: #fff; border: 2px solid #25bbf0; border-radius: 10px; text-decoration: none; color:#1e47c2; font-size: 1em; }
.movpage .movbt a:hover { background-color: #cdebfa; }


.movpage .movbt2 { line-height: 1.2em; text-align: center; margin: 0 0 3em; padding: 0.4em; display: flex; justify-content: center; flex-wrap: wrap;  }
.movpage .movbt2 a { display: block; width:32%; line-height: 1.1em; text-align: center; margin: 0 0.5% 6px; padding: 0.4em 1em; background-color: #fff; border: 2px solid #25bbf0; border-radius: 10px; text-decoration: none; color:#1e47c2; font-size: 1em; }
.movpage .movbt2 a:hover { background-color: #cdebfa; }


.movpage .movbt7 { line-height: 1.2em; text-align: center; margin: 0 0 3em; padding: 0.4em; display: flex; justify-content: center; flex-wrap: wrap;  }
.movpage .movbt7 a { display: block; width:49%; line-height: 1.1em; text-align: center; margin: 0 0.5% 6px; padding: 0.4em 1em; background-color: #fff; border: 2px solid #25bbf0; border-radius: 10px; text-decoration: none; color:#1e47c2; font-size: 1em; }
.movpage .movbt7 a:hover { background-color: #cdebfa; }


@media screen and (max-width: 767px) {
.movpage .movbt a, .movpage .movbt2 a { display: block; width:49%; margin: 0 0.5% 6px; }
.movpage .movbt7 a { display: block; width:100%; margin: 0 0 10px; }
}


a.opa:hover  { opacity: 0.7; }

/* 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;
	
}


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

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





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

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

.bl-title { font-size:1.1em; margin:3em 0 1.5em; color:#bd3f3b; line-height:1.1em; padding:0.2em 0; border-bottom:1px solid #bd3f3b; }
.bl-shiyo { font-size:1.1em; margin:1.5em 0 1em;  line-height:1em; padding:0.3em 0 0.1em 0.8em; border-left:7px solid #bd3f3b; }

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

dl.ondemand { display: flex; flex-wrap: wrap;}
dl.ondemand dt { box-sizing:border-box; line-height:1em;
width:300px;
padding: 1em; text-align: left;
border-bottom: 1px solid #ccc; 
}
dl.ondemand dt img { width:100%; padding:0; border: none; }
dl.ondemand dd { box-sizing:border-box; line-height:1em; text-align: left;
width: calc(100% - 300px);
padding: 1em; color:#00ccff;
border-bottom: 1px solid #ccc; display: flex; align-items: center;
}
dl.ondemand dd a { color:#00ccff; text-decoration: none; }
@media screen and (max-width: 767px) {
dl.ondemand {display: block; }
dl.ondemand dt, dl.ondemand dd { width:100%;}
dl.ondemand dt {border-bottom: none; padding: 1em 1em 0; text-align: center;}
dl.ondemand dt img { width:100%; max-width:400px; }
dl.ondemand dd { padding: 0.2em 1em 1em;  text-align: center; display: block;}
}
    
.yoyaku-btn { text-align: center; margin:1em 0 2em; }
.yoyaku-btn a {padding:0.5em 2em; color:#fff; text-decoration: none; font-size:1.1em; line-height:1em; background: #dd5c57; display: inline-block; border-radius: 5px;}
.yoyaku-btn a:hover { background: #bd3f3b; }

.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; }
}
 
ul.bl-list { list-style: disc; margin:-0.5em 0 3em !important; padding:0 !important; }
ul.bl-list li { margin-left:1.5em; line-height:1.2em; margin-bottom:0.5em; }
 
ul.bl-numlist { list-style: decimal;  margin:-0.5em 0 1.5em !important; padding:0 !important; }
ul.bl-numlist li { margin-left:1.5em; line-height:1.2em; margin-bottom:0.5em; }


.bl-oritoku1 { display: flex; flex-wrap: wrap; justify-content: space-between; line-height:1.4em !important;}
.bl-oritoku1-block { width:98%; margin: 0 0.5% 1.5em; padding:3%; text-align: center; box-sizing: border-box; }

.bl-oritoku1-block img { width:100%; margin-bottom: 5px; display: block; }

.bl-oritoku1-block .narabi2 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.bl-oritoku1-block .narabi2 a { color:#003399; display: block; width:49%; text-align: center;  padding:5px;}

.bl-oritoku2 { display: block; flex-wrap: wrap; justify-content: space-between; line-height:1.4em !important;}
.bl-oritoku2-block { width:75%; margin: 0 auto 1.5em; padding:0; text-align: center; box-sizing: border-box; border:1px solid rgba(43,73,128,0.10); }
.bl-oritoku2-block a { color:#003399; display: block; box-sizing: border-box; border:5px solid #fff; background-color: rgba(43,73,128,0.05); padding:10px 10px 10px !important; height:100%;}
.bl-oritoku2-block img { width:100%; margin-bottom: 5px; display: block; }
.bl-oritoku2-block img.half { width:50%; margin-bottom: 5px; display: inline-block; }


.bl-oritoku2-block2 { width:75%; margin: 0 auto 1.5em; padding:0; text-align: center; box-sizing: border-box; border:1px solid rgba(43,73,128,0.10); }
.bl-oritoku2-block2 .inner { color:#003399; display: block; box-sizing: border-box; border:5px solid #fff; background-color: rgba(43,73,128,0.05); padding:10px 10px 10px !important; height:100%;}
.bl-oritoku2-block2 a { color:#003399; }
.bl-oritoku2-block2 img { width:50%; margin-bottom: 5px; display: inline-block; }


.bl-oritoku3 { display: flex; flex-wrap: wrap; justify-content: space-between; line-height:1.4em !important;}
.bl-oritoku2-bn { width:31%; margin: 0 0.5% 1em; padding:10px; text-align: center; }
.bl-oritoku2-bn a { width:100%; text-align: center; display: block; }
.bl-oritoku2-bn a:hover { opacity: 0.7; }
.bl-oritoku2-bn img { width:100%; display: block; }

@media screen and (max-width: 767px) {
.bl-oritoku2 { display: block; }
.bl-oritoku2-block { width:100%;  margin: 0 0 5px;}
.bl-oritoku2-block2 { width:100%;  margin: 0 0 5px;}
.bl-oritoku2-bn { width:48%; margin: 0 0 1em; display: block; }
.bl-oritoku2-bn img { max-width:446px; margin:0 auto;}
.bl-oritoku1-block .narabi2 { display: block;}
.bl-oritoku1-block .narabi2 a { color:#003399; display: block; width:100%; text-align: center;  }
    
ul.bl-list { list-style: disc; margin:-0.5em 0 2em 1em !important;  }
ul.bl-numlist { list-style: decimal;  margin:-0.5em 0 1.5em 1em !important; }

}