@charset "UTF-8";
/****************
mixin
****************/
/* line 51, ../scss/_common.scss */
.visible-pc {
  display: block;
}
@media screen and (max-width: 480px) {
  /* line 51, ../scss/_common.scss */
  .visible-pc {
    display: none !important;
  }
}

/* line 57, ../scss/_common.scss */
.visible-sp {
  display: block;
}
@media screen and (min-width: 481px) {
  /* line 57, ../scss/_common.scss */
  .visible-sp {
    display: none !important;
  }
}

.visible-s-sp {
  display: block;
}
@media screen and (min-width: 321px) {
  /* line 57, ../scss/_common.scss */
  .visible-s-sp {
    display: none !important;
  }
}

a:focus{
  outline: none;
}

.mpr{
  font-family: "M PLUS Rounded 1c"; 
}
/* line 63, ../scss/_common.scss */
.overFlowHidden {
  overflow: hidden;
}

/* line 66, ../scss/_common.scss */
.w105 {
  width: 105px !important;
}

/* line 69, ../scss/_common.scss */
/*episodeのタブレット・スマホの表示をそろえる*/
/*.mg {
  margin: 5px 0px 5px 340px !important;
}*/

/* line 72, ../scss/_common.scss */
.mxWidthNone {
  transition: 0.4s ease;
  max-width: 100%;
  opacity: 0;
}
@media screen and (max-width: 480px) {
  .mxWidthNone {
    position: relative;/*モーダル時androidズレ防止*/
  }
}
/* line 77, ../scss/_common.scss */
.mxWidth1200 {
  transition: 0.4s ease;
  /*max-width: 1200px;*/
}

/* line 82, ../scss/_common.scss */
.blurShow {
  -webkit-animation: apparition 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: apparition 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* line 87, ../scss/_common.scss */
.blurHide {
  -webkit-animation: disparition 800ms cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
  animation: disparition 800ms cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
}

@-webkit-keyframes apparition {
  0% {
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    filter: blur(50px);
    opacity: 0;
  }
}
@keyframes apparition {
  0% {
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    filter: blur(50px);
    opacity: 0;
  }
}
@-webkit-keyframes disparition {
  0% {
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes disparition {
  0% {
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}

/* line 156, ../scss/_common.scss */
.menuAn {
  -webkit-animation: fadeInA 800ms ease forwards;
  animation: fadeInA 800ms ease forwards;
}

@-webkit-keyframes fadeInA {
  0% {
    -webkit-transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fadeInA {
  0% {
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
/* line 180, ../scss/_common.scss */
.fadeIn {
  -webkit-animation: fadeInB 800ms ease forwards;
  animation: fadeInB 800ms ease forwards;
}

@-webkit-keyframes fadeInB {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInB {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 200, ../scss/_common.scss */
.fadeOut {
  -webkit-animation: fadeOut 800ms ease forwards;
  animation: fadeOut 800ms ease forwards;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* line 222, ../scss/_common.scss */
.contFrameTop {
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: auto;
}
@media screen and (max-width: 480px) {
  /* line 222, ../scss/_common.scss */
  .contFrameTop {
    width: 200px;
  }
}
/* line 252, ../scss/_common.scss */
.contFrameTopL {
  /*position: relative;*/
  box-sizing: border-box;
}

/* line 282, ../scss/_common.scss */
.contFrameTopL .contFrameTopInner {
  padding: 20px 30px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .contFrameTopL .contFrameTopInner {
    padding: 20px;
  }
}

/* line 290, ../scss/_common.scss */
.more {
  position: absolute;
  bottom: 5px;
  right: 7px;
  padding: 0 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.more img{
  max-width: 53px;
}

/* line 300, ../scss/_common.scss */
.onair-shadow {
 font-size: 27px;
 text-align: center;
 color: #fff;
 text-shadow: 0px 0px 8px #11fab3;
 margin-bottom: 45px;
}

/* line 305, ../scss/_common.scss */
.copy {
  font-size: 12px;
  font-weight: 700;
  color: #0d0701;
  padding-bottom: 10px;
}

/* line 308, ../scss/_common.scss */
.copy2 {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 0;
  color: #0d0701;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
  background: -webkit-linear-gradient(left,white 0%,white 45px,#fff605 45px,#fff605 100%);
  background: linear-gradient(to right,white 0%,white 45px,#fff605 45px,#fff605 100%);
  /*position: sticky;
  position: -webkit-sticky;
  bottom: 0;*/
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .copy2 {
    /*position: fixed;
    bottom: 0;*/
    background: #0d0701;
    color: #fff;
  }
}

/* line 322, ../scss/_common.scss */
.menu-trigger.active {
  -moz-transform: rotate(360deg) !important;
  -webkit-transform: rotate(360deg) !important;
  transform: rotate(360deg) !important;
  background: url(../img/menu_on.png),#005bf2 !important;
  background-repeat: no-repeat!important;
  background-position: 55% 76%!important;
  background-size: 58% auto!important;
}

/* line 334, ../scss/_common.scss */
.menu-trigger.active span:nth-of-type(1),.menu-trigger.active span:nth-of-type(3) {
	width: 40%;
	left: 31%;
}
.menu-trigger.active span:nth-of-type(1) {
  -moz-transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  top: 38%!important;
}

.menu-trigger.active span:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 480px) {
  /* line 334, ../scss/_common.scss */
  .menu-trigger.active span:nth-of-type(2) {
    display: none;
  }
}
/* line 344, ../scss/_common.scss */
.menu-trigger.active span:nth-of-type(3) {
  -moz-transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  top: 38%!important;
}

/* line 356, ../scss/_common.scss */
::selection {
  background: #d74594;
  color: #fff;
}

/* line 360, ../scss/_common.scss */
::-moz-selection {
  background: #d74594;
  color: #fff;
}

/* line 364, ../scss/_common.scss */
a {
  display: block;
  text-decoration: none;
  color: #da1259;
  transition: 0.8s ease;
}
/* line 369, ../scss/_common.scss */
a img {
  outline: none;
}
@media screen and (min-width: 481px) {
  /* line 373, ../scss/_common.scss */
  a:hover {
    opacity: 0.4;
  }
}
/* line 377, ../scss/_common.scss */
a:active {
  text-decoration: none;
  border-width: 0px;
  border-style: none;
  border-color: transparent;
}

/* line 384, ../scss/_common.scss */
#close {
  transition: 1s ease;
}
/* line 386, ../scss/_common.scss */
#close:hover {
  opacity: 0.4;
}

@media all and (-ms-high-contrast: none) and (min-width: 481px){
  .w-ie{
    width: 100%;
    min-width: 1100px;
  }
}

/* line 390, ../scss/_common.scss */
html {
  width: 100%;
  height: 100%;
}

/* line 394, ../scss/_common.scss */
body {
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: "游ゴシック", Yu Gothic, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  color: #0d0701;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fffffc;
}

@media screen and (max-width: 1024px) and (min-height: 1366px) {
  body#top{
    background: #fff605;
  }
}
body:not(#top){
  background: #f7f8f8;
}
/* line 408, ../scss/_common.scss */
img {
  pointer-events: none;
}

/* line 412, ../scss/_common.scss */
#menu.PC{
  height: 100vh;
  padding: 40px 0 0;
  background: #fff605;
  margin: 30px 0 0 45px;
}
/* line 414, ../scss/_common.scss */
#menu.PC > li {
  /*width: 100%;*/
  margin-left: 45px;
}
/* line 418, ../scss/_common.scss */
#menu.PC > li:last-of-type {
  margin-bottom: 45px;
}
/* line 421, ../scss/_common.scss */
#menu.PC > li a {
  display: inline-block;
  padding: 10px 0 2px;
  border-radius: 13px 13px 5px 5px;
  position: relative;
  text-decoration: none;
}
#menu.PC > li ::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #0d0701;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#menu.PC > li a:hover{
  opacity: 1;
}
#menu.PC > li a:hover::after {
  transform: scale(1, 1);
}


/* line 426, ../scss/_common.scss */
#menu.PC > li a img {
  display: block;
  position: relative;
  z-index: 1;
  /*margin: auto;*/
}
#menu.PC > li:nth-of-type(1) a img {
  width: 54px;
}
#menu.PC > li:nth-of-type(2) a img {
  width: 63px;
}
#menu.PC > li:nth-of-type(3) a img {
  width: 113px;
}
#menu.PC > li:nth-of-type(4) a img {
  width: 118px;
}
#menu.PC > li:nth-of-type(5) a img {
  width: 66px;
}
#menu.PC > li:nth-of-type(6) a img {
  width: 65px;
}
#menu.PC > li:nth-of-type(7) a img {
  width: 79px;
}
/* line 431, ../scss/_common.scss */
#menu.PC #sns.PC {
  width: 65%;
  margin-left: 37px;
  margin-top: 20px;
  text-align: center;
}
/* line 435, ../scss/_common.scss */
#menu.PC #sns.PC > li {
  display: inline-block;
}
/* line 437, ../scss/_common.scss */
#menu.PC #sns.PC > li:nth-of-type(1) {
  margin-right: 30px;
}
/* line 440, ../scss/_common.scss */
#menu.PC #sns.PC > li a {
  display: block;
}
/* line 442, ../scss/_common.scss */
#menu.PC #sns.PC > li a img {
  display: block;
  width: 33px;
}
#bannerMain{
  margin-top: 20px;
  text-align: center;
}
/* line 450, ../scss/_common.scss */
main {
  min-width: 1110px;
  /*max-width: 1200px;*/
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  /* line 450, ../scss/_common.scss */
  main {
    max-width: 768px;
    min-width: initial;
    overflow: hidden;
  }
}
/* line 459, ../scss/_common.scss */
main #modalVideo {
  display: none;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: #fff605;
}
/* line 467, ../scss/_common.scss */
main #modalVideo #video {
  cursor: default;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  z-index: 99;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.4);
  width: 90%;
  max-width: 900px;
}
/* line 479, ../scss/_common.scss */
main #modalVideo #video .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
/* line 483, ../scss/_common.scss */
main #modalVideo #video .youtube #close {
  position: absolute;
  top: -45px;
  right: 0px;
  cursor: pointer;
  z-index: 9;
  width: 60px;
}
/* line 490, ../scss/_common.scss */
main #modalVideo #video .youtube #close img {
  display: block;
  width: 100%;
}
/* line 495, ../scss/_common.scss */
main #modalVideo #video .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 504, ../scss/_common.scss */
main #modalVideo #modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
}
/* line 514, ../scss/_common.scss */
main > section {
  /*max-width: 1200px;*/
  margin: 0 auto;
  width: 100%;
  background-position: top;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: stretch !important;
  box-shadow: -8px 0px 8px -3px rgba(189,189,189,0.1);
}
main:not(#home) > section{
  overflow: hidden;
  background: -webkit-linear-gradient(left,white 0%,white 45px,#fff605 45px,#fff605 230px,#166bde 230px,#166bde 410px,#f7f8f8 410px,#f7f8f8 100%);
  background: linear-gradient(to right,white 0%,white 45px,#fff605 45px,#fff605 230px,#166bde 230px,#166bde 410px,#f7f8f8 410px,#f7f8f8 100%);
}
@media screen and (min-width: 481px) and (max-width: 1000px) {
  main > section {
  background-size: auto;
 }
}
@media screen and (max-width: 480px) {
  /* line 514, ../scss/_common.scss */
  main > section {
    display: block;
  }
  main:not(#home) > section{
    overflow: hidden;
    background: #f7f8f8;
  }
}
/* line 528, ../scss/_common.scss */
main > section nav {
  width: 100%;
}
.sp-top-nav{
  width: 100%;
  position: absolute;
}
.sp-top-nav header h1{
  position: relative;
  z-index: 1;
}
/* line 531, ../scss/_common.scss */
main > section nav .navInner header {
  padding: 8px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  /*align-items: center;
  justify-content: space-between;*/
  box-sizing: border-box;
}
main:not(#home) > section nav .navInner header {
  background: #fff605;
  border-bottom: solid 5px #0d0701;
  padding: 4.5px;
}
main > section nav .navInner header > div:nth-of-type(1) {
  width: 100%;
}
/* line 543, ../scss/_common.scss */
main#home > section nav .navInner header > div:nth-of-type(1) {
  margin-right: 20px;
  width: calc(100% - ( 80px + 20px ));
}
/* line 547, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(1) h1 a {
  display: block;
  cursor: pointer;
}
/* line 550, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(1) h1 a img {
  display: block;
  max-width: 250px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  main:not(#home) > section nav .navInner header > div:nth-of-type(1) h1 {
    max-width: 75px;
    margin-left: 15px;
  }
  main:not(#home) > section nav .navInner header > div:nth-of-type(1) h1.second-logo {
    max-width: 90px;
  }
  /* line 550, ../scss/_common.scss */
  main#home > section nav .navInner header > div:nth-of-type(1) h1 a img {
    max-width: 140px;
    margin-left: 10px;
  }
  main#home > section nav .navInner header > div:nth-of-type(1) h1.second-logo a img {
    max-width: 160px;
  }
}
@media screen and (max-width: 320px) {
  main#home > section nav .navInner header > div:nth-of-type(1) h1 a img {
    max-width: 145px;
  }
}
/* line 560, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(1) div.contFrameTop {
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
}
/* line 564, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(1) div.contFrameTop:before, main > section nav .navInner header > div:nth-of-type(1) div.contFrameTop:after {
  content: none;
}
/* line 567, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(1) div.contFrameTop p {
  color: #cf0576;
  font-size: 11px;
  text-align: center;
  line-height: 1.8;
  width: 90%;
  margin: 2px auto;
  padding: 2px 4px;
}
/* line 575, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(1) div.contFrameTop p span {
  font-weight: bold;
  display: block;
  font-size: 15px;
}

main > section nav .navInner header > .menu-trigger {
  background: url(../img/menu.png),#fff605;
  background-repeat: no-repeat;
  background-position: 55% 76%;
  background-size: 58% auto;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 9999999;
}
@media screen and (max-width: 480px) {
  /* line 583, ../scss/_common.scss */
  main > section nav .navInner header > div:nth-of-type(2) {
    width: 50px;
    height: 50px;
  }
}
/* line 603, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(2) > span {
  display: block;
  width: 55%;
  border-bottom: solid 2px #0d0701;
  -moz-transition: .35s ease-in-out;
  -webkit-transition: -webkit-transform .35s ease-in-out;
  transition: .35s ease-in-out;
  position: absolute;
  left: 24%;
}
main > section nav .navInner header > div:nth-of-type(2).menu-trigger.active > span {
  border-bottom: solid 2px #fff;
}
/* line 612, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(2) > span:nth-child(1) {
  top: 25%;
}
/* line 615, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(2) > span:nth-child(2) {
  top: 40%;
}
/* line 618, ../scss/_common.scss */
main > section nav .navInner header > div:nth-of-type(2) > span:nth-child(3) {
  top: 53%;
}
/* line 624, ../scss/_common.scss */
main > section nav .navInner #menuSP {
  display: none;
  position: fixed;
  z-index: 999999;
  right: 0px;
  top: 0;
  background: -webkit-linear-gradient(left,white 0%,white 50%,#fff605 50%,#fff605 100%);
  background: linear-gradient(to right,white 0%,white 50%,#fff605 50%,#fff605 100%);
  width: 100%;
  padding: 20px;
  height: 100vh;
  box-sizing: border-box;
}
/* line 639, ../scss/_common.scss */
main > section nav .navInner #menuSP div {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 80px);
}
/* line 645, ../scss/_common.scss */
main > section nav .navInner #menuSP div > ul > li {
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 320px) {
  main > section nav .navInner #menuSP div > ul > li {
    margin-bottom: 10px;
  }
}
/* line 648, ../scss/_common.scss */
main > section nav .navInner #menuSP div > ul > li > a {
  padding: 10px 11px 2px;
  display: inline-block;
}
/* line 651, ../scss/_common.scss */
main > section nav .navInner #menuSP div > ul > li > a > img {
  display: block;
  /*width: 50%;*/
  margin: auto;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(1) > a > img {
  max-width: 49px;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(2) > a > img {
  max-width: 70px;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(3) > a > img {
  max-width: 82px;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(4) > a > img {
  max-width: 147px;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(5) > a > img {
  max-width: 153px;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(6) > a > img {
  max-width: 86px;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(7) > a > img {
  max-width: 84.5px;
}
main > section nav .navInner #menuSP div > ul > li:nth-of-type(8) > a > img {
  max-width: 103px;
}


/* line 656, ../scss/_common.scss */
main > section nav .navInner #menuSP div > ul > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
/* line 661, ../scss/_common.scss */
main > section nav .navInner #menuSP div > ul > ul li:first-child {
  margin-right: 10px;
}
/* line 664, ../scss/_common.scss */
main > section nav .navInner #menuSP div > ul > ul li a {
  padding: 1px 2px;
}
/* line 666, ../scss/_common.scss */
main > section nav .navInner #menuSP div > ul > ul li a img {
  width: 33px;
  display: block;
}
/* line 678, ../scss/_common.scss */
main > section aside {
  align-items: center;
  min-height: 100vh;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
main > section aside#fixRe {
  background: #fff;
  position: fixed;
  z-index: 1;
}
/*@media screen and (min-width: 1200px) {
  main:not(#home) > section aside::after {
    left: calc((100% - 1200px) /2);
  }
}*/
@media screen and (max-width: 480px) {
  /* line 678, ../scss/_common.scss */
  main > section aside {
    display: block;
  }
}

/*@media screen and (max-width: 480px){
	#news > section::before,#news-d > section::before{
		content: "";
    display: block;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100vh - 60px);
    background: url(../img/news/news_bg.png) center/cover no-repeat;
	}
}*/
/* line 693, ../scss/_common.scss */
main > section aside:nth-of-type(1) div.asideInner {
  width: 230px;
}
/* line 696, ../scss/_common.scss */
/*main > section aside:nth-of-type(1) div.asideInner h1 {
  font-weight: bold;
 
}*/
/* line 699, ../scss/_common.scss */
main > section aside:nth-of-type(1) div.asideInner h1 {
  position: absolute;
  top: 17px;
  left: 20px;
}
/*topのみ縦のロゴ非表示*/
main#home > section aside:nth-of-type(1) div.asideInner h1 {
  display: none;
}
main > section aside:nth-of-type(1) div.asideInner h1 a {
  display: block;
  cursor: pointer;
}
/* line 702, ../scss/_common.scss */
main > section aside:nth-of-type(1) div.asideInner h1 a img {
  display: block;
  max-width: 49px;
  margin: auto;
  padding: 10px 0 5px;
}

main > section aside:nth-of-type(1) div.asideInner #bannerMain ul li{
  width: 100%;
  margin-bottom: 10px;
  margin-left: 42px;
}
/* line 733, ../scss/_common.scss */
#recentArea {
  margin-left: 25px;
  margin-right: 20px;
}
@media screen and (min-width: 1000px) {
  /* line 733, ../scss/_common.scss */
  #recentArea {
    max-width: 240px;
  }
}
@media screen and (max-width: 480px) {
  /* line 733, ../scss/_common.scss */
  #recentArea {
    display: none;
  }
}
/* line 743, ../scss/_common.scss */
#recentArea h1 {
  position: relative;
  min-width: 180px;
  padding-bottom: 8px;
  background: -webkit-linear-gradient(bottom,#0d0701 0%,#0d0701 12px,#f7f8f8 12px,#f7f8f8 100%);
  background: linear-gradient(to top,#0d0701 0%,#0d0701 12px,#f7f8f8 12px,#f7f8f8 100%);
}


/* line 755, ../scss/_common.scss */
#recentArea h1 img {
  width: 100% !important;
  /*margin: 0 auto 5px !important;*/
  max-width: 155px !important;
  box-sizing: border-box;
}
/* line 763, ../scss/_common.scss */
#recentArea ul {
  min-width: 180px;
  position: relative;
  box-sizing: border-box;
  padding: 25px 20px;
  background: #fff;
  /*border-top: solid 12px #0d0701;*/
}
/* line 766, ../scss/_common.scss */
#recentArea ul li {
  line-height: 1.4;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #0d0701;
  font-size: 1.1em;
}
/* line 771, ../scss/_common.scss */
#recentArea ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
/* line 776, ../scss/_common.scss */
#recentArea ul li a {
  color: #0d0701;
  line-height: 1.6;
  font-weight: 500;
}

/* line 8, ../scss/_home.scss */
/*#home.saf > section #pr {
  bottom: calc((21vh - 70px) - 55px ) !important;
}
@media screen and (max-width: 480px) {
  /* line 8, ../scss/_home.scss */
  /*#home.saf > section #pr {
   bottom: 20px !important;
  }
}*/
@media screen and (max-width: 320px) {
  /* line 8, ../scss/_home.scss */
  #home.saf > section #pr {
    bottom: calc(21vh - 100px) !important;
  }
}
/* line 14, ../scss/_home.scss */
#home.saf > section #scllBt {
  top: calc(100vh - 40px) !important;
}
@media screen and (max-width: 480px) {
  /* line 14, ../scss/_home.scss */
  #home.saf > section #scllBt {
    top: calc(100vh - 40px) !important;
    width: 100%;
   margin-top: 30px;
  }
}
/* line 22, ../scss/_home.scss */
#home > section {
  overflow: hidden;
  /*background: -webkit-linear-gradient(left,white 0%,white 4%,#fff605 4%,#fff605 100%);
  background: linear-gradient(to right,white 0%,white 4%,#fff605 4%,#fff605 100%);*/
  background: -webkit-linear-gradient(left,white 0%,white 45px,#fff605 45px,#fff605 100%);
  background: linear-gradient(to right,white 0%,white 45px,#fff605 45px,#fff605 100%);
}
@media screen and (max-width: 480px) {
  #home > section {
  height: 100%;
  }
}

/* line 31, ../scss/_home.scss */
#home > section #pr {
  position: absolute;
  bottom: calc(0vh + 50px );
  right: 10px;
  width: 210px;
  z-index: 10;
}
/* line 38, ../scss/_home.scss */
#home > section #pr:before, #home > section #pr:after {
  content: none;
}
@media screen and (max-width: 480px) {
  /* line 31, ../scss/_home.scss */
 #home > section #pr > a{
  top: auto;
  bottom: 33px;
  right: auto;
  left: 20px;
 }
 #home > section #pr > img{
  width: 100%;
 }
}
@media screen and (max-width: 320px){
  #home > section #pr {
    max-width: 160px;
  }
}

/* line 48, ../scss/_home.scss */
#home > section #pr > a img {
  width: 190px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 320px){
  #home > section #pr > a img  {
    max-width: 170px;
  }
}

/* line 54, ../scss/_home.scss */
#home > section #pr p {
  color: #cf0576;
  font-size: 13px;
  text-align: center;
  line-height: 1.3;
  margin: 0;
  padding: 10px 10px;
}
@media screen and (max-width: 320px){
 #home > section #pr p {
  padding-right: 0;
}
}

@media screen and (max-width: 480px) {
  /* line 54, ../scss/_home.scss */
  #home > section #pr p {
    font-size: 10px;
  }
}
/* line 65, ../scss/_home.scss */
#home > section #pr p span {
  font-weight: bold;
  display: block;
  font-size: 17px;
  line-height: 1.2;
  padding: 0 0 5px;
}
@media screen and (max-width: 480px) {
  /* line 65, ../scss/_home.scss */
  #home > section #pr p span {
    font-size: 20px;
    color: #fff;
    line-height: 1.4;
    padding-right: 10px;
    text-shadow: 0px 0px 8px #11fab3, 0px 0px 10px #000;
  }
}
@media screen and (max-width: 320px) {
  /* line 65, ../scss/_home.scss */
  #home > section #pr p span {
    font-size: 16px;
    padding-right: 0;
    max-width: 150px;
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 480px) {
  #home > section .part {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  transition: none;
  }
  /* line 77, ../scss/_home.scss */
  #home > section #scllBt {
    height: 40px;
    bottom: 0;
    width: 100%;
  }
  
}
/* line 102, ../scss/_home.scss */
#home > section #scllBt:hover {
  opacity: 1;
}
/* line 105, ../scss/_home.scss */
#home > section #scllBt img {
  padding-top: 25px;
  display: block;
  width: 40px;
  margin: 0 auto;
}
/* line 113, ../scss/_home.scss */
#home > section div:nth-of-type(2) {
  /*position: relative;*/
}

@media screen and (max-width: 480px) {
  /* line 113, ../scss/_home.scss */
  #home > section div:nth-of-type(2) {

  }
}
@media screen and (max-width: 480px) {
  /* line 113, ../scss/_home.scss */
  #home > section div:nth-of-type(2) {
    /*margin: calc(100vh - 110px) 0 0;*/
  }
  #home > section .kv-sp{
    line-height: 0;
    border-bottom: solid 5px #0d0701;
  }
  #home > section .kv-sp img{
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  /* line 134, ../scss/_home.scss */
  #home > section div:nth-of-type(2) > a {
    display: none;
  }
}
/* line 138, ../scss/_home.scss */
#home > section div:nth-of-type(2) > a img {
  width: 220px;
  margin: 0 auto;
  display: block;
}
/* line 144, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner {
 /* width: 290px;*/
  margin: 0px auto 0px 230px;
  background: #fff605;
}
@media screen and (max-width: 480px) {
  /* line 144, ../scss/_home.scss */
  #home > section div:nth-of-type(2) div.asideInner {
    margin: 0 auto;
  }
}
#home > section div:nth-of-type(2) div.asideInner .visible-pc{
  position: relative;
}
#home > section div:nth-of-type(2) div.asideInner .visible-pc img {
  width: 100%;
}
#home > section div:nth-of-type(2) div.asideInner .visible-pc > img {
  /*width: 365px;*/
  width: 30%;
  min-width: 320px;
  max-width: 385px;
  position: absolute;
  top: 235px;
  /*left: 90px;*/
  left: 11%;
  top: 225px;
}
/* 告知 */
#home > section div:nth-of-type(2) div.asideInner .visible-pc > img.second {
  width: 40%;
  max-width: 415px;
  left: 10.5%;
}
/*ロゴ追加*/
#home > section div:nth-of-type(2) div.asideInner .visible-pc .top-logo2{
  width: 27%;
  min-width: 300px;
  max-width: 365px;
  position: absolute;
  top: 40px;
  left: 12%;
}
/* ロゴ2期 */
#home > section div:nth-of-type(2) div.asideInner .visible-pc .top-logo2.second-logo {
  width: 29%;
  max-width: 100%;
}
@media screen and (min-width: 1350px) {
   #home > section div:nth-of-type(2) div.asideInner .visible-pc > img {
    top: 260px;
  }
}
@media screen and (min-width: 1500px) {
  #home > section div:nth-of-type(2) div.asideInner .visible-pc .top-logo2{
    top: 55px;
  }
  #home > section div:nth-of-type(2) div.asideInner .visible-pc > img {
    top: 300px;
  }
  #home > section div:nth-of-type(2) div.asideInner .visible-pc > img.second {
    top: 280px;
  }
}
#home > section div:nth-of-type(2) div.asideInner > .visible-sp{
  position: relative;
}
#home > section div:nth-of-type(2) div.asideInner > .visible-sp > img{
  max-width: 310px;
  position: absolute;
  top: 105px;
  left: 20px;
}
#home > section div:nth-of-type(2) div.asideInner > .visible-sp > img.second{
  max-width: 210px;
}
@media screen and (max-width: 320px) {
  #home > section div:nth-of-type(2) div.asideInner > .visible-sp > img{
    max-width: 225px;
  }
  #home > section div:nth-of-type(2) div.asideInner > .visible-sp > img.second{
    max-width: 165px;
  }
}
#home .cf-anime-link {
  position: fixed;
  top: 25px;
  right: 20px;
  z-index: 1;
}
#home #mediaLink {
  width: 250px;
  position: absolute;
  left: 650px;
  bottom: 51px;
  z-index: 1;
}
@media screen and (max-width: 1120px) {
  #home #mediaLink {
    left: auto;
    right: 10px;
  }
}
@media screen and (max-width: 480px){
  #home #mediaLink {
    width: 100%;
    position: static;
    background: #08b6ff;
    padding: 20px 40px 15px;
    box-sizing: border-box;
    border-bottom: solid 5px #0d0701;
  }
  #home #mediaLink img {
    width: 100%;
  }
}
/* line 151, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #pvMain {
  margin: -195px 0 10px 75px;
}
@media screen and (max-width: 480px) {
  /* line 151, ../scss/_home.scss */
  #home > section div:nth-of-type(2) div.asideInner #pvMain {
    margin: 40px auto;
  }
}
@media screen and (min-width: 410px) and (max-width: 480px) {
  #home > section div:nth-of-type(2) div.asideInner #pvMain:before {
    left: 20px;
  }
  #home > section div:nth-of-type(2) div.asideInner #pvMain:after {
    right: 20px;
  }
}
@media screen and (max-width: 320px) {
  #home > section div:nth-of-type(2) div.asideInner #pvMain:before {
    left: -15px;
  }
  #home > section div:nth-of-type(2) div.asideInner #pvMain:after {
    right: -15px;
  }
}
/* line 156, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #pvMain h1 {
  margin-bottom: 8px;
}
/* line 158, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #pvMain h1 img {
  width: 100%;
  max-width: 93px;
  display: block;
  margin: 0 auto;
}
/* line 165, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn {
  position: relative;
}
@media screen and (min-width: 481px) {
  #home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn {
    display: inline-block;
  }
   #home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn:nth-of-type(2) {
    margin-left: 10px;
  }
}
/* line 167, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn a {
  cursor: pointer;
  position: absolute;
  max-width: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
/*PV2つ掲載用*/
@media screen and (max-width: 480px) {
  #home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn a {
    display: inline;
  }
}

/* line 174, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn a img {
  display: block;
  width: 100%;
}
/* line 179, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn img {
  width: 100%;
  display: block;
  max-width: 260px;
}
@media screen and (max-width: 480px) {
  #home > section div:nth-of-type(2) div.asideInner #pvMain div.playBtn img {
  max-width: 250px;
  margin: auto;
  }
}
#home > section div:nth-of-type(2) div.asideInner .news-twitter{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*-ms-flex-pack: center;
  justify-content: center;*/
}
/* line 187, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #newsMain {
  width: 50%;  
  margin-left: 60px;

*/
#home > section div:nth-of-type(2) div.asideInner #newsMain,
#home > section div:nth-of-type(2) div.asideInner #twitterMain{
  background: #fff;
  position: relative;
  /*z-index: 1;*/
  padding-bottom: 57px;
}  
@media screen and (max-width: 480px) {
  #home > section div:nth-of-type(2) div.asideInner #newsMain,
  #home > section div:nth-of-type(2) div.asideInner #twitterMain{
    padding-bottom: 77px;
  }
}
#home > section div:nth-of-type(2) div.asideInner #newsMain > h1,
#home > section div:nth-of-type(2) div.asideInner #twitterMain > h1{
  background: #0d0701;
  padding: 6px 0;
}
@media screen and (max-width: 480px) {
  /* line 187, ../scss/_home.scss */
  #home > section div:nth-of-type(2) div.asideInner #newsMain {
    width: 100%;
    margin: 0 auto;
  }
}
#home > section div:nth-of-type(2) div.asideInner #newsMain div{
  border-radius: 2px;
  margin: auto;
}

/* line 195, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #newsMain > h1 img {
  max-width: 70px;
  display: block;
  margin-left: 30px;
}
/* line 202, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #newsMain .contFrameTopInner a {
  display: block;
  color: #0d0701;
  margin-bottom: 10px;
}
/* line 206, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #newsMain .contFrameTopInner a:last-child {
  margin-bottom: 0;
}
/* line 210, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #newsMain .contFrameTopInner a article p {
  font-size: 13px;
  color: #ff8b0e;
  margin-bottom: 4px;
}

/* line 221, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #newsMain .contFrameTopInner a article h1 {
  font-weight: 500;
  font-size: 1.35em;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  #home > section div:nth-of-type(2) div.asideInner #newsMain .contFrameTopInner a article p {
    font-size: 1em;
  }
  #home > section div:nth-of-type(2) div.asideInner #newsMain .contFrameTopInner a article h1 {
    font-size: 1.2em;
  }
}


/* line 235, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #twitterMain {
  width: 37%;
  margin-left: 20px;
}
@media screen and (max-width: 480px) {
  /* line 235, ../scss/_home.scss */
  #home > section div:nth-of-type(2) div.asideInner #twitterMain {
    width: 100%;
    margin: 0 auto 20px;
    border-bottom: solid 5px #0d0701;
  }
}


/* line 243, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #twitterMain > h1 img {
  max-width: 101px;
  display: block;
  margin-left: 35px;
}
.twitter-bg{
  /*overflow: hidden;*/
	margin: auto;
  padding: 10px 20px 0;
  margin-bottom: 10px;
	border-radius: 2px;
  height: 13em;
  overflow: auto;/*ios twitterスクロールさせる*/
  -webkit-overflow-scrolling:touch;/*ios twitterスクロールさせる*/
  -ms-overflow-style:none;/*IE Edgeスクロールバー非表示*/
}
.twitter-bg::-webkit-scrollbar{
 display:none;/*chrome safari スクロールバー非表示*/
}

@media screen and (max-width: 480px) {
	.twitter-bg{
    max-width: 100%;
    margin-top: 2em;
    max-height: 18em;
    margin-bottom: 0;
	}
  #home > section div.asideInner #twitterMain .twitter-bg iframe{
    box-sizing: border-box;
    width: 350px !important;
    margin: 0 auto;
    display: block !important;
  }
}



.more-btn{
  background: #08b6ff;
  padding: 5px 60px;
  position: absolute;
  bottom: 25px;
  left: calc((100% - 158px) / 2);
}
.more-btn img{
  max-width: 38px;
}

/*追加css topバナー*/
#menu #bannerMain img{
  max-width: 180px;
}
#menu #bannerMain a{
  line-height: 0;
}
/*ここまで追加css topバナー*/


@media screen and (max-width: 480px) {
  /* line 267, ../scss/_home.scss */
  #home > section div:nth-of-type(2) div.asideInner #bannerMain {
    margin-bottom: 30px;
  }
}
/* line 273, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #bannerMain ul li {
  cursor: pointer;
  margin-bottom: 5px;
  max-width: 270px;
  margin: 0 auto 15px;
}
/* line 278, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #bannerMain ul li:last-child {
  margin-bottom: 0;
}
/* line 281, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner #bannerMain ul li img {
  display: block;
  width: 100%;
  max-width: 180px;
  margin: auto;
}
/* line 288, ../scss/_home.scss */
#home > section div:nth-of-type(2) div.asideInner .copy {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 480px) {
  /* line 288, ../scss/_home.scss */
  #home > section div:nth-of-type(2) div.asideInner .copy {
    padding-top: 5px;
    background: #0d0701;
    color: #fff;
    margin-top: 90px;
  }
}

#character > section aside#fixRe::after,#goods > section aside#fixRe::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 230px;
  z-index: -1;
  width: 180px;
  height: 100vh;
  background: url(../img/bg_sky_o.jpg) top left/cover no-repeat;
}
@media screen and (max-width: 480px) {
  #character > section::before,
  #goods > section::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_sky.jpg) left/contain no-repeat;
    /*opacity: .4;*/
  }
}
/* line 27, ../scss/_character.scss */
#character > section #mainInner {
  min-height: calc(100vh - 25px);
  width: calc(100% - 270px);
  margin-left: 270px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 480px) {
  /* line 27, ../scss/_character.scss */
  #character > section #mainInner {
    min-height: auto;
    width: calc(100% - 40px);
    margin: 55px 20px 0;
    background-image: none;
  }
}
/* line 43, ../scss/_character.scss */
#character > section #mainInner #content {
  width: calc(100% - 77px);
  /*margin: 50px 0px 50px auto;*/
  margin: 50px 0;
  padding-bottom: 30px;
}
@media screen and (max-width: 480px) {
  /* line 43, ../scss/_character.scss */
  #character > section #mainInner #content {
    width: 100%;
    margin: 0;
    padding-bottom: 0;
  }
}
/* line 50, ../scss/_character.scss */
#character > section #mainInner #content h1 {
  margin-bottom: 30px;
  padding-top: 30px;
}
@media screen and (max-width: 480px) {
#character > section #mainInner #content h1 {
  margin-bottom: 25px;
  padding-top: 20px;
 }
}
/* line 52, ../scss/_character.scss */
#character > section #mainInner #content h1 img {
  display: block;
  margin-left: 30px;
  max-width: 260px;
}
@media screen and (max-width: 480px) {
  /* line 52, ../scss/_character.scss */
  #character > section #mainInner #content h1 img {
    width: 156px;
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 61, ../scss/_character.scss */
  #character > section #mainInner #content #charaDetail {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
  }
}
/* line 70, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail img {
  display: block;
  width: 100%;
  margin: auto;
}
#character > section #mainInner #content #charaDetail img[src$="bg.png"] {
  max-width: 630px;
}
@media screen and (max-width: 480px) {
  #character > section #mainInner #content #charaDetail img[src$="bg.png"] {
    background: #f7f8f8;
    background: rgba(247,248,248,0.7);
  }
  #character > section #mainInner #content #charaDetail img {
    width: 100%;
  }
 /*#character > section #mainInner #content #charaDetail img[src$="bg.png"] {
    max-width: 95%;
  }*/
}
/* line 74, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slick-track {
  margin: 0 auto 35px;
}
@media screen and (max-width: 480px) {
  #character > section #mainInner #content #charaDetail .slick-track {
    margin: 0 auto 30px;
  }
}
/* line 77, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider-nav-wrap {
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	#character > section #mainInner #content #charaDetail .slider-nav-wrap {
	  margin-bottom: 0;
	}
}
/* line 79, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav {
  text-align: center;
}
/* line 81, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li {
  outline: none;
  cursor: pointer;
  float: none;
  display: inline-block;
  max-width: 57px;
  position: relative;
  z-index: 1;
  margin-right: 12px;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-child(even) {
  top: 15px;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-of-type(1) {
  background: #d9331d;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-of-type(2) {
  background: #e37af6;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-of-type(3) {
  background: #1b88ee;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-of-type(4) {
  background: #23b556;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-of-type(5) {
  background: #ff898c;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-of-type(6) {
  background: #fcb73e;
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:nth-of-type(7) {
  background: #44d4ee;
}
@media screen and (max-width: 480px) {
  #character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li {
    min-width: 40px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 320px){
	#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li {
    min-width: 35px;
  }
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li img{
  width: 100%;
  display: block;
  pointer-events: auto;
  transition-duration: 0.3s;  /*変化に掛かる時間*/
}
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:hover {
  transition-duration: 0.2s;
  background: #fff605; 
}
/* line 93, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider-nav-wrap .slider-nav li:last-child {
  margin-right: 0;
}
/* line 99, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider {
  max-width: 770px;
  margin: 0 auto;
}
#character > section #mainInner #content #charaDetail .slider .slider-main button {
  background-color: rgba(0,0,0,0);
  border: none;
  width: 40px;
  height: 79px;
  outline: none;
  cursor: pointer;
}
#character > section #mainInner #content #charaDetail .slider .slider-main button[class="slick-prev slick-arrow"] {
  position: absolute;
  top: 33%;
  left: 1%;
  z-index: 1;
}
#character > section #mainInner #content #charaDetail .slider .slider-main button[class="slick-next slick-arrow"] {
  position: absolute;
  top: 33%;
  right: 1%;
  z-index: 1;
}

/* line 103, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider .slider-main li {
  position: relative;
}
@media screen and (min-width: 481px){
	#character > section #mainInner #content #charaDetail .slider .slider-main li {
	  min-width: 693px!important;
	}
}
#character > section #mainInner #content #charaDetail .slider .slider-main li:focus {
  outline: none;
}

/* line 105, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider .slider-main li > img[src$="name.png"]{
  position: absolute;
  top: 11.5%;
  width: 100%;
  max-width: 370px;
  left: 15%;
}
@media screen and (max-width: 480px){
  #character > section #mainInner #content #charaDetail .slider .slider-main li > img[src$="name.png"]{
    max-width: 220px;
    top: 7.5%;
    left: 2%;
  }
}
@media screen and (max-width: 320px){
 #character > section #mainInner #content #charaDetail .slider .slider-main li > img[src$="name.png"]{
    max-width: 195px;
  }
}

#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile {
  position: absolute;
  top: 27%;
  left: 15%;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.6;
  color: #1b1a19;
}
#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile > div{
	margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
	#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile > div{
		margin-top: 10px;
    height: 7.2em;
	}
}

#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile dl > div{
	display: -ms-flexbox;
  display: flex;
  height: 20px;
	margin-bottom: 2px;
  background: #fff;
}

#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile dl dt{
	text-align: center;
	font-size: 0.87em;
	color: #fff;
  width: 4.5em;
  background: #0d0701;
  line-height: 1.7;
}
@media screen and (max-width: 480px) {
	#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile dl dt{
		font-size: 0.9em;
	}
}
#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile dl dt span{
  padding: 0 1.2em;
  border-radius: 1em;
}
#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile dl div:nth-of-type(2) dt span{
  padding: 0 .8em;
}
#character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile dl dd{
	font-size: 0.87em;
  font-weight: 600;
  padding-left: 25px;
  width: 16em;
  line-height: 1.7;
}
/*safari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root #character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile dl dd {
    width: 17em;
  }
}
#character > section #mainInner #content #charaDetail .slider .slider-main li p{
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 480px) {
  #character > section #mainInner #content #charaDetail .slider .slider-main li p{
    font-size: 0.9em;
    line-height: 1.6;
    position: absolute;
    top: 23%;
    left: 3%;
  }
}
@media screen and (max-width: 320px) {
  #character > section #mainInner #content #charaDetail .slider .slider-main li p{
    font-size: 0.95em;
    font-weight: 700;
    line-height: 1.5;
    top: 20%;
  }
}
#character > section #mainInner #content #charaDetail .slider .slider-main li p span{
  padding: 1px 0 1px 5px;
  background: rgba(255,255,255,.7);
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
@media screen and (max-width: 480px) {
  /* line 113, ../scss/_character.scss */
  #character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile {
    font-size: 1.1em;
    position: static;
  }
}
@media screen and (max-width: 320px) {
  /* line 113, ../scss/_character.scss */
  #character > section #mainInner #content #charaDetail .slider .slider-main li > div.profile {
    top: 23.5%;
    left: 8%;
    font-size: 1em;
  }
}

/* line 157, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider li#chara-kiri > p:nth-of-type(2) {
  position: absolute;
  top: 85%;
  right: -23.5%;
  bottom: 0;
  left: 0;
  margin: auto auto;
  width: 56%;
  font-size: 12px;
  text-align: right;
}
@media screen and (max-width: 480px) {
  /* line 157, ../scss/_character.scss */
  #character > section #mainInner #content #charaDetail .slider li#chara-kiri > p:nth-of-type(2) {
    top: 65%;
    right: -32%;
    font-size: 10px;
  }
}

/* line 187, ../scss/_character.scss */
#character > section #mainInner #content #charaDetail .slider li#chara-sakurai > img:nth-of-type(2) {
  width: auto;
  height: 45.5px;
  right: 3.5%;
}
@media screen and (max-width: 480px) {
  /* line 187, ../scss/_character.scss */
  #character > section #mainInner #content #charaDetail .slider li#chara-sakurai > img:nth-of-type(2) {
    width: auto;
    right: -23%;
    height: 30px;
  }
}
/*#news > section,#news-d > section {
  overflow: hidden;
  background: -webkit-linear-gradient(left,white 0%,white 45px,#fff605 45px,#fff605 230px,#166bde 230px,#166bde 410px,#f7f8f8 410px,#f7f8f8 100%);
  background: linear-gradient(to right,white 0%,white 45px,#fff605 45px,#fff605 230px,#166bde 230px,#166bde 410px,#f7f8f8 410px,#f7f8f8 100%);
}*/
@media screen and (max-width: 480px) {
  #news > section::before,#news-d > section::before,#onair > section::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_soma_b.jpg) left/contain no-repeat;
  }
}
/* line 33, ../scss/_news.scss */
#news > section #mainInner,#news-d > section #mainInner{
  min-height: calc(100vh - 10px);
  margin: 0px 0px 0px 230px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
#news > section aside#fixRe::after,#news-d > section aside#fixRe::after,#onair > section aside#fixRe::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 230px;
  z-index: -1;
  width: 180px;
  height: 100vh;
  background: url(../img/bg_soma_b_o.jpg) top left/cover no-repeat;
}

@media screen and (min-width: 481px) {
	#news > section #mainInner,#news-d > section #mainInner {
    width: calc(100% - 270px);
    margin: auto;
    margin-left: 270px;
	}
}
@media screen and (max-width: 480px) {
  /* line 33, ../scss/_news.scss */
  #news > section #mainInner,#news-d > section #mainInner {
    width: calc(100% - 40px);
    margin: 55px 20px 0!important;
    overflow: visible;
  }
}

/* line 44, ../scss/_news.scss */
#news > section #mainInner #content {
  width: 100%;
  margin: 50px 0px 50px auto;
}
@media screen and (max-width: 480px) {
  /* line 44, ../scss/_news.scss */
  #news > section #mainInner #content {
    margin-top: 10px;
    margin-bottom: 30px;
    /*padding-bottom: 30px;*/
  }
}
/* line 51, ../scss/_news.scss */
#news > section #mainInner #content article h1,
#news-d > section #mainInner #content article h1 {
  margin-bottom: 20px;
  position: relative;
}
/* line 51, ../scss/_news.scss */
#news > section #mainInner #content > h1 ,
#news-d > section #mainInner #content > h1 {
  margin-bottom: 15px;
  padding-top: 30px;
}
@media screen and (max-width: 480px){
  #news > section #mainInner #content > h1 ,
  #news-d > section #mainInner #content > h1 {
    padding-top: 10px;
  }
}
/* line 53, ../scss/_news.scss */
#news > section #mainInner #content h1 img,
#news-d > section #mainInner #content h1 img{
  display: block;
  margin-left: 30px;
  max-width: 134px;
}
@media screen and (max-width: 480px) {
  /* line 53, ../scss/_news.scss */
  #news > section #mainInner #content h1 img,
  #news-d > section #mainInner #content h1 img {
    max-width: 80px;
    margin-left: 0;
  }
}
#news > section #mainInner #content #recentArea h1 img,
#news-d > section #mainInner #content #recentArea h1 img{
  margin: auto;
}
/* line 62, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail,#news-d > section #mainInner #content #newsDetail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 850px;
  margin: auto;
}
/* line 66, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries {
  margin-right: 5px;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (min-width: 1000px) {
  /* line 66, ../scss/_news.scss */
  #news > section #mainInner #content #newsDetail #newsEntries,
  #news-d > section #mainInner #content #newsDetail #newsEntries {
    max-width: 600px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  /* line 66, ../scss/_news.scss */
  #news > section #mainInner #content #newsDetail #newsEntries {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 66, ../scss/_news.scss */
  #news > section #mainInner #content #newsDetail #newsEntries {
    margin-right: 0;
    width: 100%;
  }
}
/* line 84, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry,
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry {
  margin-bottom: 30px;
  box-sizing: border-box;
  padding: 15px 25px 20px;
  width: 100%;
  background: #fff;
  border-top: solid 12px #0d0701;
}
/* line 90, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry:last-of-type {
  margin-bottom: 0px;
}
@media screen and (max-width: 480px) {
  /* line 84, ../scss/_news.scss */
  #news > section #mainInner #content #newsDetail #newsEntries article.entry {
    padding: 15px 15px;
  }
}
/* line 98, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry h1 span ,
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry h1 span {
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: 500;
  color: #ff8b0e;
}
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry h1 span {
  top: -2.9em;
}
@media screen and (max-width: 480px) {
  #news > section #mainInner #content #newsDetail #newsEntries article.entry h1 span ,
  #news-d > section #mainInner #content #newsDetail #newsEntries article.entry h1 span {
    font-size: 0.95em;
    top: -2.8em;
    left: -0.3em;
  }
}
/* line 102, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry h1 a {
  font-size: 1.7em;
  font-weight: 600;
  color: #00a2ff;
}
@media screen and (max-width: 480px) {
  /* line 102, ../scss/_news.scss */
  #news > section #mainInner #content #newsDetail #newsEntries article.entry h1 a {
    font-size: 14px;
  }
}
/* line 109, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody {
  margin-bottom: 10px;
}
/* line 111, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody img {
  display: block;
  width: 100%;
  margin: 0 auto 15px;
  max-width: 450px;
}
/* line 116, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody img:last-child {
  margin-bottom: 0;
}
/* line 120, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p {
  margin-bottom: 15px;
  font-size: 1.25em;
}
@media screen and (max-width: 480px) {
  #news > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p {
  font-size: 1em;
  }
}
/* line 122, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p:last-child {
  margin-bottom: 0;
}
/* line 125, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p a {
  display: inline;
  text-decoration: underline;
  color: #00a2ff;
}
/* line 131, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#news > section #mainInner #content #newsDetail #newsEntries article.entry ul li:first-child {
 margin-right: 10px;
}
/* line 136, ../scss/_news.scss */
#news > section #mainInner #content #newsDetail #newsEntries article.entry ul li img {
  width: 33px;
  display: block;
}
/*フォーム入力*/
#news span.wpcf7-list-item,#news-d span.wpcf7-list-item{
  display: block;/*チェックボックス整列*/
}
@media screen and (max-width: 480px) {
	#news > section #mainInner #content #newsDetail #newsEntries article.entry form p label span input,
  #news > section #mainInner #content #newsDetail #newsEntries article.entry form p span input[type="text"],
	#news > section #mainInner #content #newsDetail #newsEntries article.entry form p label span textarea,
  #news > section #mainInner #content #newsDetail #newsEntries article.entry form p span textarea,
	#news-d > section #mainInner #content #newsDetail #newsEntries article.entry form p label span input,
  #news-d > section #mainInner #content #newsDetail #newsEntries article.entry form p span input[type="text"],
	#news-d > section #mainInner #content #newsDetail #newsEntries article.entry form p label span textarea,
  #news-d > section #mainInner #content #newsDetail #newsEntries article.entry form p span textarea{
		width: 98%;
	}
}
/* line 146, ../scss/_news.scss */
#news > section #mainInner #pgNation {
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  /* line 146, ../scss/_news.scss */
  #news > section #mainInner #pgNation {
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  /* line 146, ../scss/_news.scss */
  #news > section #mainInner #pgNation {
    margin-top: 30px;
  }
}
/* line 154, ../scss/_news.scss */
#news > section #mainInner #pgNation ol {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  /* line 154, ../scss/_news.scss */
  #news > section #mainInner #pgNation ol {
    justify-content: center;
  }
}
/* line 162, ../scss/_news.scss */
#news > section #mainInner #pgNation ol li a {
  width: 30px;
  height: 30px;
  border-radius: 50% 50%;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: #0d0701;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 176, ../scss/_news.scss */
#news > section #mainInner #pgNation ol li.active {
  width: 20px;
  height: 30px;
  color: #fff;
  background: #00a2ff;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 191, ../scss/_news.scss */
#news > section #mainInner #pgNation ol li:last-child a {
  margin-right: 0;
}
/* line 199, ../scss/_news.scss */
#news > section #linebkR {
  z-index: -999;
  width: 105px;
  height: 810px;
  background-size: auto calc(100% - 10px);
  margin: 5px 10px 5px 0;
  position: static;
}
@media screen and (max-width: 480px) {
  /* line 199, ../scss/_news.scss */
  #news > section #linebkR {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  /* line 199, ../scss/_news.scss */
  #news > section #linebkR {
    position: fixed;
    left: 0;
  }
}
/* line 27, ../scss/_news-d.scss */
#news-d > section aside {
  position: absolute;
}
@media screen and (min-width: 1000px) {
  /* line 27, ../scss/_news-d.scss */
  #news-d > section aside {
    position: fixed;
  }
}

@media screen and (min-width: 481px) {
	#news > section #mainInner,#news-d > section #mainInner{
		/*min-height: 1054px;*/
    min-height: calc(100vh - 25px);
	}
}

/* line 44, ../scss/_news-d.scss */
#news-d > section #mainInner #content {
  width: 100%;
  margin: 50px 0px 50px auto;
}
@media screen and (max-width: 480px) {
  /* line 44, ../scss/_news-d.scss */
  #news-d > section #mainInner #content {
    margin-bottom: 30px;
    margin-top: 10px;

  }
}
/* line 50, ../scss/_news-d.scss */
/*#news-d > section #mainInner #content > h1 {
  margin-bottom: 40px;
  padding-top: 35px;
}
@media screen and (max-width: 480px){
  #news-d > section #mainInner #content > h1 {
	  margin-bottom: 25px;
	  padding-top: 0px;
	}
}*/

/* line 61, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
/* line 65, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries {
  width: calc( 75% - 5px);
  margin-right: 5px;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  /* line 65, ../scss/_news-d.scss */
  #news-d > section #mainInner #content #newsDetail #newsEntries {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 65, ../scss/_news-d.scss */
  #news-d > section #mainInner #content #newsDetail #newsEntries {
    margin-right: 0;
    width: 100%;
  }
}

/* line 83, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry:last-of-type {
  margin-bottom: 0px;
}
@media screen and (max-width: 480px) {
  /* line 77, ../scss/_news-d.scss */
  #news-d > section #mainInner #content #newsDetail #newsEntries article.entry {
    padding: 15px 15px;
    margin-bottom: 15px;
  }
}
/* line 90, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry h1 {
  font-size: 1.5em;
}
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry h1 span{
  font-size: .8em;
  display: block;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  #news-d > section #mainInner #content #newsDetail #newsEntries article.entry h1 {
    font-size: 1.2em;
  }
}

/* line 104, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody {
  margin-bottom: 10px;
}
/* line 106, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody img {
  display: block;
  width: 100%;
  margin: 0 auto 15px;
  max-width: 450px;
}
/* line 111, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody img:last-child {
  margin-bottom: 0;
}
/* line 115, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p {
  margin-bottom: 15px;
  font-size: 1.25em;
}
@media screen and (max-width: 480px) {
  #news-d > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p {
    font-size: 1.2em;
  }
}
/* line 117, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p:last-child {
  margin-bottom: 0;
}
/* line 120, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry div.entryBody p a {
  display: inline;
  text-decoration: underline;
  color: #2cd5dc;
}
/* line 126, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry ul li:first-child{
  margin-right: 10px;
}
/* line 131, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries article.entry ul li img {
  width: 33px;
  display: block;
}
/* line 138, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries > div {
  margin-top: 50px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  /* line 138, ../scss/_news-d.scss */
  #news-d > section #mainInner #content #newsDetail #newsEntries > div {
    margin-top: 30px;
  }
}
/* line 144, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries > div a {
  display: inline-block;
}
/* line 146, ../scss/_news-d.scss */
#news-d > section #mainInner #content #newsDetail #newsEntries > div a img {
  margin: 0 auto;
  display: block;
  width: 60px;
}
@media screen and (max-width: 480px) {
  /* line 146, ../scss/_news-d.scss */
  #news-d > section #mainInner #content #newsDetail #newsEntries > div a img {
    width: 50px;
  }
}
/* line 160, ../scss/_news-d.scss */
#news-d > section #linebkR {
  z-index: -999;
  width: 105px;
  height: 810px;
  background-size: auto calc(100% - 10px);
  margin: 5px 10px 5px 0;
  position: static;
}
@media screen and (max-width: 480px) {
  /* line 160, ../scss/_news-d.scss */
  #news-d > section #linebkR {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  /* line 160, ../scss/_news-d.scss */
  #news-d > section #linebkR {
    position: fixed;
    left: 0;
  }
}

/*あらすじ　エピソード*/
/* line 27, ../scss/_cast.scss */
#episode > section aside {
  align-items: flex-start;
}
#episode > section aside#fixRe::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 230px;
    z-index: -1;
    width: 180px;
    height: 100vh;
    background: url(../img/bg_yuki_b_o.jpg) top left/cover no-repeat;
}
@media screen and (max-width: 480px) {
  #episode > section::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_yuki_b.jpg) left/contain no-repeat;
  }
}
#episode > section #mainInner {
  min-height: 100vh;
  width: calc(100% - 270px);
  margin: 0px 0px 0px 270px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  #episode > section #mainInner {
    background-image: none;
    width: calc(100% - 40px);
    margin: 55px 20px 0;
  }
}
#episode > section #mainInner #content {
  width: 100%;
  margin: 50px 0px 50px auto;
}
@media screen and (max-width: 480px) {
  /* line 46, ../scss/_cast.scss */
  #episode > section #mainInner #content {
    width: 100%;
    margin-top: 10px;
    /*padding-bottom: 20px;*/
    margin-bottom: 0;
  }
}
/* line 52, ../scss/_cast.scss */
#episode > section #mainInner #content > h1 {
  margin-bottom: 30px;
  padding-top: 30px;
}
@media screen and (max-width: 480px) {
  /* line 52, ../scss/_cast.scss */
  #episode > section #mainInner #content > h1 {
    margin-bottom: 20px;
    padding-top: 20px;
  }
}
/* line 57, ../scss/_cast.scss */
#episode > section #mainInner #content > h1 img {
  display: block;
  margin-left: 30px;
  max-width: 155px;
}
@media screen and (max-width: 480px) {
  /* line 57, ../scss/_cast.scss */
  #episode > section #mainInner #content > h1 img {
    margin-left: 0;
    max-width: 93px;
  }
}

.tabbox label img{
  max-width: 180px;
  pointer-events: auto;
}
@media screen and (max-width: 480px) {
  .tabbox label img{
    max-width: 140px;
  }
}
@media screen and (max-width: 320px) {
  .tabbox label img{
    max-width: 130px;
  }
}
 /*タブ分け部分について*/
.tabbox input { display: none; }
  /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
  .tabbox label{
    display: inline-block;
  }
  .tabbox label{
    cursor:pointer;
  }
 .tabcont {
    display: none;             /* 標準では非表示にする */
 }
 /* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
#intro:checked ~ #cont-story {
  display: block;
  animation: fadeIn 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s 1 normal;
  -webkit-animation: fadeIn 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s 1 normal;
  position: relative;
   }

 @media screen and (max-width: 480px) {
  #intro:checked ~ #cont-story::before {
  left: -20%;
 }
}
#story:checked ~ #cont-episode { 
  display: block;
  animation: fadeIn 0.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
  margin-bottom: 20px;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/*ここまでタブ分け*/
/*タブデザイン*/
.tabbox label p{
  width: 9.5em;
  padding: .25em 0;
  text-align: center;
  font-size: 1.6em;
  font-weight: 900;
  letter-spacing: 1px;
  color: #ab84dc;
  background: #fff;
  border: solid 1px #c6a4f0;
  border-radius: 2em;
}
@media screen and (max-width: 480px) {
  .tabbox label p{
    width: 9em;
    font-size: 1.3em;
  }
}
@media screen and (max-width: 320px) {
  .tabbox label p{
    font-size: 1.2em;
  }
}
.tabbox label img:hover{
  opacity: 0;
}

#intro:checked ~ #intro-tab img{
  visibility: hidden;
}
#story:checked ~ #story-tab img{
  visibility: hidden;
}
#intro-tab{
  margin-left: calc((100% - 390px) /2);
  background-image: url(../img/story/intro_active.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 480px) {
  #intro-tab{
    margin-left: calc((100% - 25.4em) /2);
  }
}
@media screen and (max-width: 320px) {
  #intro-tab{
    margin-left: calc((100% - 23.4em) /2);
  }
}
#story-tab{
  margin-left: 15px;
  margin-bottom: 40px;
  background-image: url(../img/story/story_active.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 480px) {
  #story-tab{
    /*margin-bottom: 10%;*/
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 320px) {
  #story-tab{
    margin-left: .8em;
  }
}

#episode > section #mainInner #content #storyDetail {
  text-align: left;
}
#episode > section #mainInner #content #storyDetail .intro{
  line-height: 1.8;
  font-size: 1.4em;
  font-weight: 700;
  padding: 30px 40px;
}
@media screen and (max-width: 480px) {
  #episode > section #mainInner #content #storyDetail .intro{
    line-height: 2;
    font-size: 1.1em;
    padding: 25px 20px;
  }
}
@media screen and (max-width: 320px) {
  #episode > section #mainInner #content #storyDetail .intro{
  	font-size: .9em;
  }
}

#episode > section #mainInner #content #storyDetail .intro .intro-txt {
  font-size: 1.4em;
  font-weight: 900;
  color: #fff;
  background: #ff25b0;
  padding: 3px 40px;
  margin: 0 -40px 20px;
}
@media screen and (max-width: 480px) {
	#episode > section #mainInner #content #storyDetail .intro .intro-txt{
	  font-size: 1.2em;
    padding: 3px 20px;
    margin: 0 -20px 10px;
	}
}
#episode > section #mainInner #content #storyDetail .intro p:last-child{
  margin-top: 20px;
}
/* line 73, ../scss/_cast.scss */
#episode > section #mainInner #content #storyDetail article {
  max-width: 700px;
  background: url(../img/story/intro_bg.jpg),#fff;
  background-size: 17%;
  background-repeat: no-repeat;
  background-position: right 35px top 0;
  margin: auto;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 480px) {
  #episode > section #mainInner #content #storyDetail article{
    background: url(../img/story/intro_bg_sp.jpg?5),#fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right -25px top 0;
  }
}

@media screen and (min-width: 1000px) {
  /* line 30, ../scss/_episode.scss */
  #episode > section aside {
    position: fixed;
  }
}


/* line 68, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
/* line 72, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries {
  margin-right: 5px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;/*IE用*/
}
@media screen and (max-width: 480px) {
  /* line 72, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 72, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries {
    margin-right: 0;
    width: 100%;
  }
}
/* line 90, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry {
  box-sizing: border-box;
  background: #fff;
  padding: 30px;
  margin: 0 auto 35px;
  width: 100%;
  max-width: 700px;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  /* line 90, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry {
    padding: 25px 15px;
  }
}
/* line 111, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 {
  font-size: 1.34em;
  letter-spacing: 0.1em;
  position: relative;
  background: #08b6ff;
  padding: 2px 30px;
  margin: 0 -30px 30px;
}
@media screen and (max-width: 480px) {
  /* line 111, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 {
    font-size: 12px;
    padding: 2px 15px;
    margin: 0 -15px 25px;
  }
}
/* line 120, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span.num {
  color: #08b6ff;
  padding: 0 30px;
  position: absolute;
  top: -1.36em;
  left: 0;
}
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span.space {
  font-size: 1.25em;
  font-weight: 600;
  padding: 0 2px;
}
@media screen and (max-width: 480px) {
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span.num {
    top: -1.25em;
  }
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span.space {
    font-size: 1.15em;
  }
}
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span.title {
  font-size: 1.35em;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  /* line 120, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span {
    font-size: 14px;
  }
}
/* line 126, ../scss/_episode.scss */
/*#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span:last-child {
  padding: 0;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span:last-child {
  display: inline;
  }
}*/
/* line 129, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span.title span {
  padding: 0 2px;
}
@media screen and (max-width: 480px) {
  /* line 126, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > h1 span:last-child {
    /*display: block;*/
  }
}
/* line 138, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div {
}

@media screen and (max-width: 480px) {
  /* line 138, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div {
    
  }
}
/* line 151, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  /* line 151, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul {
    display: block;
    margin-bottom: 25px;
  }
}
/* line 164, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul li {
  width: 50%;
  box-sizing: border-box;
  /*border: 2px solid #eadbda;*/
}
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul li:nth-of-type(1){
	padding-right: 15px;
}
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul li:nth-of-type(2){
	padding-left: 15px;
}
@media screen and (max-width: 480px) {
  /* line 164, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul li {
    width: 100%;
    border: none !important;
  }
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul li:nth-of-type(1){
		padding-right: 0px;
		margin-bottom: 10px;
	}
	#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul li:nth-of-type(2){
		padding-left: 0px;
	}
}
/* line 178, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > div ul li img {
  display: block;
  width: 100%;
}
/* line 185, ../scss/_episode.scss */
#episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > p {
  font-size: 1.35em;
}
@media screen and (max-width: 480px) {
  /* line 185, ../scss/_episode.scss */
  #episode > section #mainInner #content #episodeDetail #episodeEntries article.entry > p {
    font-size: 12px;
    line-height: 1.5;
  }
}

/* line 217, ../scss/_episode.scss */
#episode a.page-top {
  margin-top: 15px;
  margin-left: auto;
  width: 31px;
}
/* line 221, ../scss/_episode.scss */
#episode a.page-top img {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  padding: 7px;
  border: 1px solid #cf0576;
}

/* line 233, ../scss/_episode.scss */
#page-topSP, #page-topPC {
  z-index: 99999;
  right: 15px;
  bottom: 15px;
  position: fixed;
}
/* line 240, ../scss/_episode.scss */
#page-topSP:hover, #page-topPC:hover {
  -webkit-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
}
@media screen and (max-width: 480px) {
  /* line 233, ../scss/_episode.scss */
  #page-topSP, #page-topPC {
    width: 45px;
    height: auto;
  }
}
/* line 248, ../scss/_episode.scss */
#page-topSP img, #page-topPC img {
  width: 100%;
}

/* line 252, ../scss/_episode.scss */
#page-topSP {
  display: none;
}
@media screen and (max-width: 480px) {
  /* line 252, ../scss/_episode.scss */
  #page-topSP {
    display: block;
    cursor: pointer;
  }
}

/* line 258, ../scss/_episode.scss */
#page-topPC {
  display: none;
}
@media screen and (min-width: 481px) {
  /* line 258, ../scss/_episode.scss */
  #page-topPC {
    display: block;
  }
}

/*safari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root #page-topPC,#page-topSP {
    display: none;
  }
}

/* line 27, ../scss/_cast.scss */
#cast > section aside {
  align-items: flex-start;
}
#cast > section aside#fixRe::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 230px;
  z-index: -1;
  width: 180px;
  height: 100vh;
  background: url(../img/bg_jun_b_o.jpg) top left/cover no-repeat;
}
@media screen and (max-width: 480px) {
  #cast > section::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_jun_b.jpg) left/contain no-repeat;
  }
}
/* line 33, ../scss/_cast.scss */
#cast > section #mainInner {
  min-height: calc(100vh - 10px);
  width: calc(100% - 270px);
  margin-left: 270px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 480px) {
  /* line 33, ../scss/_cast.scss */
  #cast > section #mainInner {
    background-image: none;
    width: calc(100% - 40px);
    margin: 55px 20px 0;
  }
}
/* line 46, ../scss/_cast.scss */
#cast > section #mainInner #content {
  width: 100%;
  margin: 50px 0px 50px auto;
}
@media screen and (max-width: 480px) {
  /* line 46, ../scss/_cast.scss */
  #cast > section #mainInner #content {
    width: 100%;
    margin-top: 10px;
    /*padding-bottom: 20px;*/
  }
}
/* line 52, ../scss/_cast.scss */
#cast > section #mainInner #content > h1 {
  margin-bottom: 15px;
  padding-top: 30px;
}
@media screen and (max-width: 480px) {
  /* line 52, ../scss/_cast.scss */
  #cast > section #mainInner #content > h1 {
    margin-bottom: 15px;
    padding-top: 20px;
  }
}
/* line 57, ../scss/_cast.scss */
#cast > section #mainInner #content > h1 img {
  display: block;
  margin-left: 30px;
  max-width: 293px;
}
@media screen and (max-width: 480px) {
  /* line 57, ../scss/_cast.scss */
  #cast > section #mainInner #content > h1 img {
    width: 176px;
    margin-left: 0;
  }
}
/* line 66, ../scss/_cast.scss */
#cast > section #mainInner #content #castDetail {
  font-size: 1.4em;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  /* line 66, ../scss/_cast.scss */
  #cast > section #mainInner #content #castDetail {
    font-size: 13px;
  }
}

#cast > section #mainInner #content #castDetail > div {
  background: #fff;
  padding: 30px 40px;
  max-width: 620px;
  margin: auto;
}
@media screen and (max-width: 480px) {
  #cast > section #mainInner #content #castDetail > div {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 320px) {
  #cast > section #mainInner #content #castDetail > div {
    padding: 30px 20px;
  }
}
/* line 73, ../scss/_cast.scss */
#cast > section #mainInner #content #castDetail article {
  margin-bottom: 50px;
}
/* line 75, ../scss/_cast.scss */
#cast > section #mainInner #content #castDetail article:last-child {
  margin-bottom: 0;
}
/* line 78, ../scss/_cast.scss */
#cast > section #mainInner #content #castDetail article h1 {
  margin-bottom: 20px;
  line-height: 0;
}
#cast > section #mainInner #content #castDetail article h1.staff-img img{
  max-width: 80px;
 }
@media screen and (max-width: 480px){
  #cast > section #mainInner #content #castDetail article h1.staff-img img{
    max-width: 64px;
 }
}
#cast > section #mainInner #content #castDetail article h1.cast-img img{
  max-width: 158px;
}
@media screen and (max-width: 480px){
  #cast > section #mainInner #content #castDetail article h1.cast-img img{
    max-width: 126px;
  }
}
#cast > section #mainInner #content #castDetail article h1.song-img img{
  max-width: 68px;
}
@media screen and (max-width: 480px){
  #cast > section #mainInner #content #castDetail article h1.song-img img{
    max-width: 54px;
  }
}
@media screen and (max-width: 480px) {
  /* line 78, ../scss/_cast.scss */
  #cast > section #mainInner #content #castDetail article h1 {
    font-size: 14px;
  }
}
#cast > section #mainInner #content #castDetail article .cast-ver{
  display: inline-block;
  padding: 0 30px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom: dashed 1px #fff;
  font-size: 18px;
}
#cast > section #mainInner #content #castDetail article .song{
  width: 100%;
  margin-bottom: 20px;
  font-size: 1.3em;
  font-weight: 700;
}
#cast > section #mainInner #content #castDetail article dl{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*width: calc(100% - 9em);*/
  text-align: left;
  margin: auto;
  /*justify-content: center;*/
}
@media screen and (max-width: 480px) {
	#cast > section #mainInner #content #castDetail article dl{
	  width: 100%;
	}
}
#cast > section #mainInner #content #castDetail article dl > span{
  width: 33.33%;
  margin-bottom: 20px;
}
#cast > section #mainInner #content #castDetail article:nth-of-type(2) dl > span,
#cast > section #mainInner #content #castDetail article:nth-of-type(3) dl > span{
  width: 25%;
}
@media screen and (max-width: 480px) {
  #cast > section #mainInner #content #castDetail article dl > span,
  #cast > section #mainInner #content #castDetail article:nth-of-type(2) dl > span,
  #cast > section #mainInner #content #castDetail article:nth-of-type(3) dl > span{
    width: 50%;
  }
}
#cast > section #mainInner #content #castDetail article:nth-of-type(4) dl > span{
  width: 50%;
}
#cast > section #mainInner #content #castDetail article:nth-of-type(4) dl > span:nth-of-type(3),
#cast > section #mainInner #content #castDetail article:nth-of-type(4) dl > span:nth-of-type(4){
  width: 100%;
}
/*#cast > section #mainInner #content #castDetail article dl > span{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}*/

#cast > section #mainInner #content #castDetail article dl dt{
  color: #00d5ee;
  font-size: 0.85em;
  font-weight: 600;
}
@media screen and (max-width: 480px){
  #cast > section #mainInner #content #castDetail article dl dt{
    font-size: 0.9em;
    font-weight: 700;
  }
}
#cast > section #mainInner #content #castDetail article:nth-of-type(4) dl dt{
  line-height: 1.7;
}
#cast > section #mainInner #content #castDetail article dl dd{
  font-size: 1.05em;
}
@media screen and (max-width: 320px){
  #cast > section #mainInner #content #castDetail article dl dd{
    font-size: 1em;
  }
  #cast > section #mainInner #content #castDetail article dl dd.n-small{
    font-size: 0.96em;
    padding-top: 1px;
  }
}
#cast > section #mainInner #content #castDetail article:nth-of-type(4) dl > span:nth-of-type(3) span,
#cast > section #mainInner #content #castDetail article:nth-of-type(4) dl > span:nth-of-type(4) span{
    font-size: 0.8em;
}
@media screen and (min-width: 481px){
  #cast > section #mainInner #content #castDetail article dl br.sp{
    display: none;
  }
}

/*グッズページ*/
#goods > section #mainInner {
    min-height: calc(100vh - 25px);
    width: calc(100% - 270px);
    margin-left: 270px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 480px) {
 #goods > section #mainInner {
    width: calc(100% - 40px);
    margin: 55px 20px 0;
    }
}
#goods > section #mainInner #content {
    width: 100%;
    margin: 50px 0px;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content {
    width: 100%;
    margin-top: 10px;
    /*padding-bottom: 20px;*/
    margin-bottom: 0;
  }
}
#goods > section #mainInner #content > h1 {
    margin-bottom: 15px;
    padding-top: 30px;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content > h1 {
    padding-top: 20px;
  }
}
#goods > section #mainInner #content > h1 img {
    display: block;
    margin: 0 auto;
    max-width: 154px;
    margin-left: 30px;
}
@media screen and (max-width: 480px){
  #goods > section #mainInner #content > h1 img {
     max-width: 94px;
     margin-left: 0;
  }
}
#goods > section #mainInner #content #goodsDetail {
  padding-bottom: 20px;
}
#goods > section #mainInner #content #goodsDetail article {
    box-sizing: border-box;
    background: #fff;
    padding: 0 30px 30px;
    margin: 0 auto 50px;
    width: 100%;
    max-width: 740px;
    font-weight: 500;
}
@media screen and (max-width: 480px){
  #goods > section #mainInner #content #goodsDetail article {
    width: 100%;
    padding: 0 20px 20px;
  }
}
#goods > section #mainInner #content #goodsDetail article h2 {
  font-size: 1.6em;
  font-weight: 700;
  color: #fff;
  background: #08b6ff;
  margin: 0 -30px 30px;
  padding: 10px 30px;
}
@media screen and (max-width: 480px){
  #goods > section #mainInner #content #goodsDetail article h2 {
    font-size: 1.2em;
    margin: 0 -20px 30px;
    padding: 10px 20px;
  }
}
#goods > section #mainInner #content #goodsDetail article div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#goods > section #mainInner #content #goodsDetail article .comic-img {
  width: 45%;
  margin-bottom: 20px;
}
#goods > section #mainInner #content #goodsDetail article .comic-img img,
#goods > section #mainInner #content #goodsDetail article .goods-img img{
    width: 100%;
}
#goods > section #mainInner #content #goodsDetail article .comic-img .line,
#goods > section #mainInner #content #goodsDetail article .goods-img .line {
   border: solid 1px #d9d9d9;
}
#goods > section #mainInner #content #goodsDetail article .right-box {
  width: 55%;
  display: block;
  box-sizing: border-box;
  padding-left: 30px;
}
@media screen and (max-width: 480px){
  #goods > section #mainInner #content #goodsDetail article .comic-img,
  #goods > section #mainInner #content #goodsDetail article .right-box{
    width: 100%;
  }
  #goods > section #mainInner #content #goodsDetail article .right-box{
    padding-left: 0;
  }
}
#goods > section #mainInner #content #goodsDetail article .buy-btn > a{
  display: inline-block;
  background: #fff605;
  color: #373533;
  padding: 5px 20px;
  font-weight: 700;
  font-size: 1em;
  transition: 0.3s ease;
}
#goods > section #mainInner #content #goodsDetail article .buy-btn > a:hover{
  background: #ff8c8c;
  color: #fff;
  opacity: 1;
}
#goods > section #mainInner #content #goodsDetail article .right-box dl div,
#goods > section #mainInner #content #goodsDetail article .full dl div{
  display: block;
  font-size: 1.25em;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px){
  #goods > section #mainInner #content #goodsDetail article .right-box dl div,
  #goods > section #mainInner #content #goodsDetail article .full dl div{
    font-size: 1.1em;
  }
}
#goods > section #mainInner #content #goodsDetail article .right-box .r-date{
  font-size: 1.6em;
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article .right-box .r-date{
    font-size: 1.3em;
    font-weight: 600;
  }
}
#goods > section #mainInner #content #goodsDetail article dl div dt{
  display: inline-block;
  background: #3e3934;
  color: #fff;
  padding: 0 0.7em;
  font-weight: 600;
  margin-bottom: 7px;
}
#goods > section #mainInner #content #goodsDetail article dl div dd{
  margin-bottom: 5px;
}
#goods > section #mainInner #content #goodsDetail article dl div dd.mb-15{
  margin-bottom: 15px;
}

#goods > section #mainInner #content #goodsDetail article .goods-img {
    width: 100%;
}

#goods > section #mainInner #content #goodsDetail article p {
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1em;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article p {
    width: 100%;
    font-size: 1.1em;
  }
}
#goods > section #mainInner #content #goodsDetail article .full,
#goods > section #mainInner #content #goodsDetail article .benefit {
 width: 100%;
 display: block;
 }

#goods > section #mainInner #content #goodsDetail article .buy-btn{
  margin-top: 20px;
}
#goods > section #mainInner #content #goodsDetail article .full .buy-btn{
  margin: 20px 0 30px;
}

#goods > section #mainInner #content #goodsDetail article .benefit h3{
  font-size: 1.6em;
  background: #0d0701;
  color: #fff;
  padding: 0.4em 1em;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article .benefit h3{
    font-size: 1.4em;
  }
}
#goods > section #mainInner #content #goodsDetail article .benefit div{
  display: block;
  /*width: 100%;*/
  margin: 30px 10px;
  border: solid 2px #08b6ff;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article .benefit div{
    margin: 30px 0;
  }
}
#goods > section #mainInner #content #goodsDetail article .benefit div > p {
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article .benefit div > p {
    padding: 0 15px;
  }
}
#goods > section #mainInner #content #goodsDetail article .small {
  font-size: .9em;
}
#goods > section #mainInner #content #goodsDetail article .benefit h4 {
  background: #08b6ff;
  color: #fff;
  font-size: 1.3em;
  padding: 0.3em 1em;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article .benefit h4 {
    font-size: 1.2em;
  }
}
#goods > section #mainInner #content #goodsDetail article .benefit .bene-img{
  width: 55%;
  margin-top: 15px;
  margin: 15px auto 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article .benefit .bene-img{
    width: 95%;
  }
}
#goods > section #mainInner #content #goodsDetail article .benefit .bene-img img{
  width: 100%;
}
#goods > section #mainInner #content #goodsDetail article .benefit .bene-title{
  font-size: 1.3em;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  #goods > section #mainInner #content #goodsDetail article .benefit .bene-title{
    font-size: 1.1em;
  }
}

#goods .red{
  color: red;
}
#goods .bold{
  font-weight: 700;
}
.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/*期間限定オーディオコメンタリー*/
.sample-video{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 10px auto 24px;
}
.sample-video iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*追加on airページ*/
#onair > section aside {
  align-items: flex-start;
}
@media screen and (min-width: 481px) {
  #onair > section #mainInner {
    min-height: calc(100vh - 25px);
    width: calc(100% - 270px);
    margin-left: 270px;
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 480px) {
  #onair > section #mainInner {
    width: calc(100% - 40px);
    margin: 55px 20px 0;
    position: relative;
    z-index: 1;
  }
}
#onair > section #mainInner #content {
  width: calc(100% - 77px);
  margin: 50px 0px;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content {
    width: 100%;
    margin-top: 10px;
    /*padding-bottom: 20px;*/
  }
}
#onair > section #mainInner #content > h1 {
  margin-bottom: 30px;
  padding-top: 30px;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content > h1 {
    margin-bottom: 30px;
    padding-top: 20px;
  }
}
#onair > section #mainInner #content > h1 img {
  display: block;
  max-width: 159px;
  margin-left: 30px;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content > h1 img {
    max-width: 95px;
    margin-left: 0;
  }
}
#onair > section #mainInner #content #onairDetail {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content #onairDetail {
    font-size: 13px;
  }
}
#onair > section #mainInner #content #onairDetail > p{
  font-size: 2.2em;
}
#onair > section #mainInner #content #onairDetail > img {
  max-width: 391px;
  margin: 0 auto 25px;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content #onairDetail > img {
    width: 100%;
    max-width: 245px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 320px) {
  #onair > section #mainInner #content #onairDetail > img {
    max-width: 275px;
  }
}
#onair > section #mainInner #content #onairDetail article {
  margin-bottom: 30px;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
}
/*safari*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root #onair > section #mainInner #content #onairDetail article {
    padding: 25px 30px 5px;
  }
}*/
/*firefox*/
/*@-moz-document url-prefix(){
  #onair > section #mainInner #content #onairDetail article {
    padding: 25px 30px 5px;
  }
}*/

#onair > section #mainInner #content #onairDetail div {
  box-sizing: border-box;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content #onairDetail div {
  width: 100%;
  }
}
#onair > section #mainInner #content #onairDetail article:last-child {
  margin-bottom: 0;
}
#onair > section #mainInner #content #onairDetail article dl{
  background: #fff;
  padding: 25px 20px 15px;
  border-top: solid 3px #0d0701;
  border-bottom: solid 3px #0d0701;
}

#onair > section #mainInner #content #onairDetail article h2 {
    display: inline-block;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    padding: 0.2em 2.1em 0 1em;
    position: relative;
    z-index: 1;
}
#onair > section #mainInner #content #onairDetail article h2::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  z-index: -1;
  background: #0d0701;
  transform: scaleY(1.3) perspective(.6em) rotateX(5deg);
  transform-origin: bottom left;
  border-radius: 0px 0px 0 0;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content #onairDetail article h2 {
    font-size: 14px;
  }
}

#onair > section #mainInner #content #onairDetail article dl span {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 480px) {
  #onair > section #mainInner #content #onairDetail article dl span {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
}
#onair > section #mainInner #content #onairDetail article dl dt{
  width: 40%;
  margin-bottom: 10px;
  font-size: 1.1em;
}
@media screen and (max-width: 480px) {
	#onair > section #mainInner #content #onairDetail article dl dt{
	  font-size: 1em;
	}
}

#onair > section #mainInner #content #onairDetail article dl dd p{
  margin-bottom: 10px;
}


/*safari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root #onair > section #mainInner #content #onairDetail article dl dt{
    font-size: 1.05em;
  }
}
#onair > section #mainInner #content #onairDetail article dl dt a {
  text-decoration: underline;
  color: #00a2ff;
}
#onair > section #mainInner #content #onairDetail article dl dd{
  display: inline-block;
  margin-bottom: 15px;
  font-size: 1.02em;
  line-height: 1.6;
}
/*safari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root #onair > section #mainInner #content #onairDetail article dl dd{
    font-size: .9em;
  }
}
#onair > section #mainInner #content #onairDetail article dl dd .at-txt{
  font-size: 0.95em;
}
#onair > section #mainInner #content #onairDetail article dl dd .p-indent{
  display: block;
  padding-left: 8em;
  font-size: .9em;
}
/*#onair > section #mainInner #content #onairDetail article dl dd[class="indent"] {
 line-height: 1.7; 
}*/

@media screen and (max-width: 480px) {
  #onair > section #mainInner #content #onairDetail article dl dt{
  width: 100%;
  margin-bottom: 7px;
  }
#onair > section #mainInner #content #onairDetail article dl dd{
  width: 100%;
  }
}

/*special*/
#special.soma > section{
  background: -webkit-linear-gradient(left,white 0%,white 45px,#fff605 45px,#fff605 230px,#d9331d 230px,#d9331d 410px,#f7f8f8 410px,#f7f8f8 100%);
  background: linear-gradient(to right,white 0%,white 45px,#fff605 45px,#fff605 230px,#d9331d 230px,#d9331d 410px,#f7f8f8 410px,#f7f8f8 100%);
}
#special.yuki > section{
  background: -webkit-linear-gradient(left,white 0%,white 45px,#fff605 45px,#fff605 230px,#1b88ee 230px,#1b88ee 410px,#f7f8f8 410px,#f7f8f8 100%);
  background: linear-gradient(to right,white 0%,white 45px,#fff605 45px,#fff605 230px,#1b88ee 230px,#1b88ee 410px,#f7f8f8 410px,#f7f8f8 100%);
}
#special.jun > section{
  background: -webkit-linear-gradient(left,white 0%,white 45px,#fff605 45px,#fff605 230px,#23b556 230px,#23b556 410px,#f7f8f8 410px,#f7f8f8 100%);
  background: linear-gradient(to right,white 0%,white 45px,#fff605 45px,#fff605 230px,#23b556 230px,#23b556 410px,#f7f8f8 410px,#f7f8f8 100%);
}
#special > section aside#fixRe::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 230px;
  z-index: -1;
  width: 180px;
  height: 100vh;
}
#special.soma > section aside#fixRe::after{
  background: url(../img/special/bg_soma_r_o.jpg) top left/cover no-repeat;
}
#special.yuki > section aside#fixRe::after{
  background: url(../img/special/bg_yuki_lb_o.jpg) top left/cover no-repeat;
}
#special.jun > section aside#fixRe::after{
  background: url(../img/special/bg_jun_g_o.jpg) top left/cover no-repeat;
}

@media screen and (max-width: 480px) {
  #special > section::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
  }
  #special.soma > section::before {
    background: url(../img/special/bg_soma_r_o.jpg) left/contain no-repeat;
  }
  #special.yuki > section::before {
    background: url(../img/special/bg_yuki_lb_o.jpg) left/contain no-repeat;
  }
  #special.jun > section::before {
    background: url(../img/special/bg_jun_g_o.jpg) left/contain no-repeat;
  }
}


#special > section #mainInner{
  min-height: calc(100vh - 25px);
  width: calc(100% - 270px);
  margin-left: 270px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  #special > section #mainInner{
    width: calc(100% - 40px);
    margin: 55px 20px 0!important;
    overflow: visible;
  }
}

#special > section #mainInner #content{
  width: 100%;
  margin: 50px 0px 50px auto;
}
/*@media screen and (max-width: 480px) {
  #special > section #mainInner #content{
    margin-bottom: 70px;
  }
}*/
#special > section #mainInner #content > h1{
  margin-bottom: 30px;
  padding-top: 30px;
  line-height: 0;
}
#special > section #mainInner #content > h1 img{
  max-width: 190px;
  margin-left: 30px;
}
@media screen and (max-width: 480px) {
  #special > section #mainInner #content > h1{
    margin-bottom: 20px;
    padding-top: 20px;
  }
  #special > section #mainInner #content > h1 img{
    max-width: 114px;
    margin-left: 0px;
  }
}

#special > section #mainInner #content > ul li{
  max-width: 182px;
  margin: 0 10px;
}
@media screen and (max-width: 480px) {
  #special > section #mainInner #content > ul li{
    margin: 0 2px;
  }
}
#special > section #mainInner #content > ul li:nth-of-type(1){
  background: url(../img/special/soma_active.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
#special > section #mainInner #content > ul li:nth-of-type(2){
  background: url(../img/special/yuki_active.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
#special > section #mainInner #content > ul li:nth-of-type(3){
  background: url(../img/special/jun_active.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 480px) {
  #special > section #mainInner #content > ul li:nth-of-type(1){
    background: url(../img/special/soma_sp_active.jpg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #special > section #mainInner #content > ul li:nth-of-type(2){
    background: url(../img/special/yuki_sp_active.jpg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #special > section #mainInner #content > ul li:nth-of-type(3){
    background: url(../img/special/jun_sp_active.jpg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

#special > section #mainInner #content > ul li a:hover img,
#special > section #mainInner #content > ul li.active img{
  opacity: 0;
}
#special > section #mainInner #content > ul li img{
  width: 100%;
}
#special > section #mainInner #content > ul{
  max-width: 740px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 20px;
}

#special > section #mainInner #content #specialDetail{
  max-width: 740px;
  background: #fff;
  border-top: solid 12px #0d0701;
  border-bottom: solid 12px #0d0701;
  box-sizing: border-box;
  padding: 40px 40px 0;
  margin: auto;
}
@media screen and (max-width: 480px) {
  #special > section #mainInner #content #specialDetail{
    padding: 25px 20px 0;
  }
}
#special > section #mainInner #content #specialDetail #specialEntries{
  animation: fadeIn 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s 1 normal;
  -webkit-animation: fadeIn 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s 1 normal;
}

#special > section #specialDetail #specialEntries article.entry{
  margin-bottom: 40px;
}
#special > section #specialDetail #specialEntries article.entry h1{
  font-size: 1.8em;
  color: #fff;
  padding: 0.2em 1em;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  #special > section #specialDetail #specialEntries article.entry{
    margin-bottom: 25px;
  }
  #special > section #specialDetail #specialEntries article.entry h1{
    font-size: 1.2em;
    margin-bottom: 15px;
  }
}

#special.soma > section #specialDetail #specialEntries article.entry h1{
  background: #d9331d;
}
#special.yuki > section #specialDetail #specialEntries article.entry h1{
  background: #1b88ee;
}
#special.jun > section #specialDetail #specialEntries article.entry h1{
  background: #23b556;
}

#special > section #specialDetail #specialEntries article.entry img{
  width: 100%;
  height: 100%;
  max-width: 660px;
  margin: 0 auto 10px;
}
#special > section #specialDetail #specialEntries article.entry p{
  font-size: 1.35em;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  #special > section #specialDetail #specialEntries article.entry p{
    font-size: 1.1em;
  }
}
/*オーディオ100%表示*/
@media screen and (max-width: 480px) {
  #specialEntries table{
    width: 100%!important;
  }
}