@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes btnHover {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes btnHover {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
@font-face {
    font-family: 'noto';
	font-weight: 200;
    font-style: normal;	
}

@font-face {
    font-family: 'noto';
    src:url('') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'noto';
    src:url('') format('woff');
	font-weight: 600;
	font-style: normal;
}
*/
html {
  line-height: 1;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav_tit, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.clearfix {
  zoom: 1;
}

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

@media screen and (min-width: 751px) {
  .sp_only {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  .pc_only {
    display: none !important;
  }
}

/* PT Sans */
/* --------------------------------------------------

Base

-------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, main, input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes btnHover {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes btnHover {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: absolute;
  top: 0;
  background-color: #fafafa;
}

#wrapper {
  background-color: #ececec;
  padding-left: 304px;
  padding-top: 83px;
  transition: padding-left 0.5s ease-out;
  -webkit-transition: padding-left 0.5s ease-out;
}
@media screen and (max-width: 1276px) {
  #wrapper {
    padding-left: 0;
    height: auto !important;
  }
}
@media screen and (max-width: 750px) {
  #wrapper {
    padding-left: 0;
    padding-top: 9.3vw;
  }
}

header {
  width: 100%;
  height: 83px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fafafa;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  padding: 0 30px;
  z-index: 5;
}
@media screen and (max-width: 750px) {
  header {
    height: 9.3vw;
    box-shadow: 0px 0.3vw 2vw rgba(0, 0, 0, 0.2);
    padding: 0 2%;
  }
}
header .burger_btn {
  position: absolute;
  width: 36px;
  height: 24px;
  top: 30px;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
}
@media screen and (max-width: 1276px) {
  header .burger_btn {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
  }
}
@media screen and (max-width: 750px) {
  header .burger_btn {
    width: 7%;
    height: 4vw;
    top: 3.2vw;
    right: 2%;
    z-index: 15;
  }
}
header .burger_btn .bar {
  width: 100%;
  height: 4px;
  margin-bottom: 6px;
  background-color: #939393;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
header .burger_btn .bar:nth-child(2) {
  position: absolute;
}
header .burger_btn .bar:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  header .burger_btn .bar {
    height: 0.7vw;
    margin-bottom: 1vw;
  }
}
header .burger_btn.open .bar:nth-child(1) {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  opacity: 0;
}
header .burger_btn.open .bar:nth-child(2) {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
header .burger_btn.open .bar:nth-child(3) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
header .burger_btn.open .bar:nth-child(4) {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  opacity: 0;
}
header .logo {
  display: block;
  width: 195px;
  position: relative;
  margin-top: 11px;
  float: left;
  transition: transform 0.5s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  header .logo:hover {
    animation: blink 0.3s ease-out;
    -webkit-animation: blink 0.3s ease-out;
  }
}
@media screen and (max-width: 1276px) {
  header .logo {
    transform: translateX(65px);
    -webkit-transform: translateX(65px);
  }
}
@media screen and (max-width: 750px) {
  header .logo {
    width: 23.9%;
    margin-top: 0;
    transform: translate(2%, -50%);
    -webkit-transform: translate(2%, -50%);
    top: 50%;
  }
}
header .logo img {
  display: block;
  height: auto;
}
@media screen and (max-width: 750px) {
  header .logo img {
    width: 100%;
    height: auto;
  }
}
header .logo.notransition {
  -webkit-transition: none;
  transition: none;
}
header ul {
  display: block;
  position: relative;
  float: right;
}
@media screen and (max-width: 750px) {
  header ul {
    right: 13%;
    width: 100%;
    position: absolute;
    float: none;
  }
}
header ul li {
  display: block;
  position: relative;
  float: right;
  margin-left: 40px;
  margin-top: 32px;
  line-height: 1;
  font-size: 19px;
}
@media screen and (min-width: 751px) {
  header ul li:hover {
    animation: blink 0.3s ease-out;
    -webkit-animation: blink 0.3s ease-out;
  }
}
@media screen and (max-width: 950px) {
  header ul li {
    margin-top: 36px;
    font-size: 15px;
  }
}
@media screen and (max-width: 750px) {
  header ul li {
    display: none;
  }
}
header ul li:nth-child(1) {
  width: 50px;
  margin-top: 22px;
}
@media screen and (max-width: 750px) {
  header ul li:nth-child(1) {
    display: block;
    width: 8%;
    margin-top: 1.5vw;
  }
}
header ul li:nth-child(1) img {
  display: block;
  height: auto;
}
@media screen and (max-width: 750px) {
  header ul li:nth-child(1) img {
    width: 100%;
    height: auto;
  }
}

.burger_btn {
  position: absolute;
  width: 36px;
  height: 24px;
  top: 30px;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
}
@media screen and (max-width: 1276px) {
  .burger_btn {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
  }
}
@media screen and (max-width: 750px) {
  .burger_btn {
    width: 7%;
    height: 4vw;
    top: 3.2vw;
    right: 2%;
    z-index: 15;
    position: fixed;
    display: block !important;
  }
}
.burger_btn .bar {
  width: 100%;
  height: 4px;
  margin-bottom: 6px;
  background-color: #939393;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.burger_btn .bar:nth-child(2) {
  position: absolute;
}
.burger_btn .bar:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .burger_btn .bar {
    height: 0.7vw;
    margin-bottom: 1vw;
  }
}
.burger_btn.open .bar:nth-child(1) {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  opacity: 0;
}
.burger_btn.open .bar:nth-child(2) {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.burger_btn.open .bar:nth-child(3) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.burger_btn.open .bar:nth-child(4) {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  opacity: 0;
}

#navi {
  width: 304px;
  display: block;
  position: fixed;
  top: 83px;
  left: 0;
  background-color: #ececec;
  min-height: calc( 100% - 83px );
  z-index: 2;
  transition: transform 0.5s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out;
}
@media screen and (max-width: 1276px) {
  #navi {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  #navi.open {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
}
@media screen and (max-width: 1276px) and (max-width: 750px) {
  #navi.open {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    max-height: 100vh;
    overflow: scroll;
  }
}

@media screen and (max-width: 750px) {
  #navi {
    transition: transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    background-color: rgba(83, 82, 87, 0.9);
    left: auto;
    right: 1.5%;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    z-index: 10;
    top: 1vw !important;
    width: 56%;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    min-height: inherit;
  }
}
#navi .italic {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
}
#navi.notransition {
  -webkit-transition: none;
  transition: none;
}
#navi #navi_ul {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 40px;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul {
    padding-top: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }
}
#navi #navi_ul > li {
  display: block;
  width: 100%;
  border-bottom: #bababa 2px solid;
  font-size: 20px;
  letter-spacing: 0.05em;
  height: 76px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out, background-color 0.3s ease-in-out;
  transition: height 0.3s ease-out, background-color 0.3s ease-in-out;
  background-image: url(/img/common/nav_arrow.svg);
  background-repeat: no-repeat;
  background-size: 16px 22px;
  background-position: 267px 27px;
  /*.actor_ul {
  	li {
  		&.act1 a {
  			background-image: url(/img/common/nav_actor1.png);
  		}
  		&.act2 a {
  			background-image: url(/img/common/nav_actor2.png);
  		}
  	}
  }
  .artist_ul {
  	li {
  		&.art1 a {
  			background-image: url(/img/common/nav_artist1.png);
  		}
  		&.art2 a {
  			background-image: url(/img/common/nav_artist2.png);
  		}
  	}
  }
  .specialist_ul {
  	li {
  		&.spe1 a {
  			background-image: url(/img/common/nav_specialist1.png);
  		}
  		&.spe2 a {
  			background-image: url(/img/common/nav_specialist2.png);
  		}
  	}
  }*/
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li {
    border-bottom: 0.3vw solid #fff;
    height: 9.3vw;
    background-image: none;
  }
}
#navi #navi_ul > li:first-child {
  background-image: none;
}
#navi #navi_ul > li .li_title, #navi #navi_ul > li .link_title {
  display: block;
  width: 100%;
  height: 76px;
  position: relative;
  padding-left: 102px;
  padding-top: 28px;
  cursor: pointer;
  font-size: 18px;
  background-repeat: no-repeat;
  transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
@media screen and (min-width: 751px) {
  #navi #navi_ul > li .li_title:hover, #navi #navi_ul > li .link_title:hover {
    animation: blink 0.3s ease-out;
    -webkit-animation: blink 0.3s ease-out;
  }
}
#navi #navi_ul > li .li_title.italic, #navi #navi_ul > li .link_title.italic {
  font-size: 22px;
  padding-left: 105px;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .li_title.italic, #navi #navi_ul > li .link_title.italic {
    padding-left: 16%;
    font-size: 3.2vw;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
#navi #navi_ul > li .li_title:before, #navi #navi_ul > li .link_title:before {
  content: ".";
  display: block;
  height: 22px;
  width: 16px;
  position: absolute;
  font-size: 0;
  top: 26px;
  right: 25px;
  background-repeat: no-repeat;
  background-size: 16px 22px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .li_title:before, #navi #navi_ul > li .link_title:before {
    background-size: 2vw 3vw;
    right: auto;
    left: 8%;
    width: 2vw;
    height: 3vw;
    top: 3.4vw;
    background-image: url(/img/common/sp_nav_arrow.svg);
  }
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .li_title, #navi #navi_ul > li .link_title {
    font-size: 3.2vw;
    font-style: inherit;
    font-weight: bold;
    color: #fff;
    background-image: none !important;
    height: 9.3vw;
    padding-top: 3.5vw;
    padding-left: 16%;
  }
}
#navi #navi_ul > li.stay {
  background-color: #bababa;
  height: auto;
}
#navi #navi_ul > li.open {
  background-color: #ececec;
  background-image: url(/img/common/nav_arrow2.svg);
  background-size: 22px 16px;
  background-position: 259px 32px;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li.open {
    background-color: #828282;
    background-image: none;
  }
}
#navi #navi_ul > li.open .li_title:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
#navi #navi_ul > li:nth-child(1).stay {
  height: 76px;
  background-color: #ececec;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li:nth-child(1).stay {
    height: 9.3vw;
    background-color: #bababa;
  }
}
#navi #navi_ul > li:nth-child(1).stay .li_title {
  background-image: url(/img/common/nav_home_icon_on.svg);
}
#navi #navi_ul > li:nth-child(1) .li_title {
  background-image: url(/img/common/nav_home_icon.svg);
  background-position: 35px center;
  background-size: 38px 30px;
}
#navi #navi_ul > li:nth-child(1) .li_title:before {
  display: none;
}
#navi #navi_ul > li:nth-child(2) .li_title {
  background-image: url(/img/common/nav_youtube_icon.svg);
  background-position: 37px center;
  background-size: 35px 24px;
}
#navi #navi_ul > li:nth-child(2).stay .youtube_dl {
  background-color: #bababa;
}
#navi #navi_ul > li:nth-child(2).stay .li_title {
  background-image: url(/img/common/nav_youtube_icon_on.svg);
}

#navi #navi_ul > li:nth-child(5) .li_title {
  background-image: url(/img/common/nav_talent.svg);
  background-position: 37px 18px;
  background-size: 38px 35px;
}

#navi #navi_ul > li:nth-child(5).stay .li_title {
  background-image: url(/img/common/nav_talent_on.svg);
}

#navi #navi_ul > li:nth-child(6) .li_title {
  background-image: url(/img/common/nav_actor.svg);
  background-position: 34px 21px;
    background-size: 47px 35px;
}
#navi #navi_ul > li:nth-child(6).stay .li_title {
  background-image: url(/img/common/nav_actor_on.svg);
}
#navi #navi_ul > li:nth-child(3) .li_title {
  background-image: url(/img/common/nav_artist.svg);
  background-position: 41px 22px;
  background-size: 33px 34px;
}
#navi #navi_ul > li:nth-child(3).stay .li_title {
  background-image: url(/img/common/nav_artist_on.svg);
}
#navi #navi_ul > li:nth-child(4) .li_title {
  background-image: url(/img/common/nav_specialist.svg);
  background-position: 38px 22px;
  background-size: 32px 39px;
}
#navi #navi_ul > li:nth-child(4).stay .li_title {
  background-image: url(/img/common/nav_specialist_on.svg);
}
#navi #navi_ul > li .youtube_dl {
  display: block;
  position: relative;
  width: 100%;
}
#navi #navi_ul > li .youtube_dl dt {
  width: 100%;
  display: block;
  position: relative;
  height: 49px;
  background-color: #cfcfcf;
  padding-left: 105px;
  color: #fff;
  font-size: 18px;
  padding-top: 14px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .youtube_dl dt {
    height: 9.3vw;
    background-image: none !important;
    padding-top: 3.5vw;
    padding-left: 16%;
    font-size: 3.2vw;
  }
}
#navi #navi_ul > li .youtube_dl:nth-child(2) dt {
  padding-left: 30px;
  color: #000;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .youtube_dl:nth-child(2) dt {
    background-color: #bababa;
    color: #fff;
  }
}
#navi #navi_ul > li .youtube_dl:nth-child(3) dt {
  padding-left: 30px;
  color: #000;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .youtube_dl:nth-child(3) dt {
    background-color: #bababa;
    color: #fff;
  }
}
#navi #navi_ul > li .youtube_dl dd {
  width: 100%;
  display: block;
  position: relative;
  height: 76px;
  font-size: 20px;
  transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  background-color: #cfcfcf;
  /*&.ch1 a {
  	background-image: url(/img/common/nav_channel1.png);
  	background-position: 28px 15px;
  	background-size: 65px 46px;
  	
  }
  &.ch2 a {
  	background-image: url(/img/common/nav_channel5.png);
  	background-position: 36px 13px;
  	background-size: 50px 50px;
  }
  &.ch3 a {
  	background-image: url(/img/common/nav_channel3.png);
  	background-position: 36px 13px;
  	background-size: 50px 50px;
  }
  &.ch4 a {
  	background-image: url(/img/common/nav_channel4.png);
  	background-position: 35px 14px;
  	background-size: 48px 48px;
  }
  &.ch5 a {
  	background-image: url(/img/common/nav_channel2.png);
  	background-position: 34px 13px;
  	background-size: 52px 50px;
  }
  &.yt1 a {
  	background-image: url(/img/common/nav_youtuber1.png);
  	background-position: 35px 12px;
  	background-size: 52px 52px;
  }
  &.yt2 a {
  	background-image: url(/img/common/nav_youtuber2.png);
  	background-position: 35px 12px;
  	background-size: 51px 51px;
  }*/
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .youtube_dl dd {
    height: 6.7vw;
    font-size: 3.2vw;
  }
}
#navi #navi_ul > li .youtube_dl dd a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 107px;
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-left: 28px;
  line-height: 68px;
}
@media screen and (min-width: 751px) {
  #navi #navi_ul > li .youtube_dl dd a:hover {
    animation: blink 0.3s ease-out;
    -webkit-animation: blink 0.3s ease-out;
  }
}
#navi #navi_ul > li .youtube_dl dd a > img {
  vertical-align: middle;
  margin-right: 16px;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .youtube_dl dd a {
    color: #fff;
    padding-left: 17%;
    padding-top: 1.5vw;
    line-height: 4.25vw;
    background-image: none !important;
  }
  #navi #navi_ul > li .youtube_dl dd a > img {
    display: none;
  }
}
#navi #navi_ul > li .youtube_dl dd.double {
  line-height: 25px;
}
#navi #navi_ul > li .youtube_dl dd.double a {
  padding-top: 13px;
}
#navi #navi_ul > li .youtube_dl dd.stay {
  background-color: #b4b4b4;
}
#navi #navi_ul > li .actor_ul,
#navi #navi_ul > li .actor_science_ul,
#navi #navi_ul > li .artist_ul,
#navi #navi_ul > li .specialist_ul {
  display: block;
  position: relative;
  width: 100%;
  background-color: #c8c8c8;
}
#navi #navi_ul > li .actor_ul li,
#navi #navi_ul > li .actor_science_ul li,
#navi #navi_ul > li .artist_ul li,
#navi #navi_ul > li .specialist_ul li {
  width: 100%;
  display: block;
  position: relative;
  height: 66px;
  font-size: 18px;
  transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .actor_ul li,
  #navi #navi_ul > li .actor_science_ul li,
  #navi #navi_ul > li .artist_ul li,
  #navi #navi_ul > li .specialist_ul li {
    height: 6.7vw;
    font-size: 3.2vw;
  }
  #navi #navi_ul > li .actor_ul li a,
  #navi #navi_ul > li .actor_ul li a:link, 
  #navi #navi_ul > li .actor_ul li a:visited,
  #navi #navi_ul > li .actor_science_ul li a,
  #navi #navi_ul > li .actor_science_ul li a:link, 
  #navi #navi_ul > li .actor_science_ul li a:visited,
  #navi #navi_ul > li .artist_ul li a,
  #navi #navi_ul > li .artist_ul li a:link,
  #navi #navi_ul > li .artist_ul li a:visited,
  #navi #navi_ul > li .specialist_ul li a,
  #navi #navi_ul > li .specialist_ul li a:link,
  #navi #navi_ul > li .specialist_ul li a:visited {
    color: #fff;
    padding-left: 17%;
    padding-top: 1.5vw;
    background-image: none !important;
  }
}
#navi #navi_ul > li .actor_ul li a,
#navi #navi_ul > li .actor_science_ul li a,
#navi #navi_ul > li .artist_ul li a,
#navi #navi_ul > li .specialist_ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 106px;
  padding-top: 23px;
  background-position: 34px 6px;
  background-size: 54px 54px;
  background-repeat: no-repeat;
  padding-top: 8px;
  padding-left: 28px;
}
@media screen and (min-width: 751px) {
  #navi #navi_ul > li .actor_ul li a:hover,
  #navi #navi_ul > li .actor_science_ul li a:hover,
  #navi #navi_ul > li .artist_ul li a:hover,
  #navi #navi_ul > li .specialist_ul li a:hover {
    animation: blink 0.3s ease-out;
    -webkit-animation: blink 0.3s ease-out;
  }
}
#navi #navi_ul > li .actor_ul li a img,
#navi #navi_ul > li .actor_science_ul li a img,
#navi #navi_ul > li .artist_ul li a img,
#navi #navi_ul > li .specialist_ul li a img {
  vertical-align: middle;
  margin-right: 16px;
}
@media screen and (max-width: 750px) {
  #navi #navi_ul > li .actor_ul li a img,
  #navi #navi_ul > li .actor_science_ul li a img,
  #navi #navi_ul > li .artist_ul li a img,
  #navi #navi_ul > li .specialist_ul li a img {
    display: none;
  }
}
#navi #navi_ul > li .actor_ul li.stay,
#navi #navi_ul > li .actor_science_ul li.stay,
#navi #navi_ul > li .artist_ul li.stay,
#navi #navi_ul > li .specialist_ul li.stay {
  background-color: #a9a9a9;
}

#main {
  position: fixed;
  width: calc(100% - 304px);
  min-height: calc( 100% - 83px );
  padding-bottom: 140px;
  top: 83px;
  background-color: #fafafa;
  transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
}
@media screen and (max-width: 1276px) {
  #main {
    position: relative;
    top: 0;
    padding-bottom: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 1276px) {
  #main {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  #main {
    top: 0px;
    position: relative;
    padding-bottom: 0;
    -webkit-transform: none !important;
    transform: none !important;
  }
}
#main .ajax_area {
  position: relative;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  /*-------ダミー-----*/
}
#main .ajax_area .contents {
  position: relative;
  width: 100%;
  height: 100%;
}

footer {
  display: none;
}
@media screen and (max-width: 750px) {
  footer {
    display: block;
    width: 100%;
    height: auto;
    background-color: #ea9251;
  }
  footer .footer_inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #187456;
    padding: 4vw 5%;
    border-top: 1vw solid #ef7a00;
    color: #fff;
  }
  footer .footer_inner a, footer .footer_inner a:link, footer .footer_inner a:visited {
    color: #fff;
    text-decoration: underline;
  }
  footer .footer_inner div {
    margin-bottom: 1vw;
    line-height: 1.5;
    font-size: 2.4vw;
  }
}

@media screen and (min-width: 751px) {
  .blink:hover {
    animation: blink 0.3s ease-out;
    -webkit-animation: blink 0.3s ease-out;
  }
}
/*
-------TOP-----*/
.load_element.home_contents .contents_inner {
  width: 100%;
  position: relative;
  background-color: #fafafa;
  padding-top: 30px;
}
.load_element.home_contents .main_contents {
  width: 100%;
  box-sizing: border-box;
  padding: 0 34px 0 86px;
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .main_contents {
    padding: 0 5%;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .main_contents {
    padding: 0 2%;
  }
}
.load_element.home_contents .top_contents {
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .top_contents {
    margin-bottom: 3.4vw;
  }
}
.load_element.home_contents .slide_box {
  width: 48.8%;
  height: auto;
  float: left;
  position: relative;
}
.load_element.home_contents .slide_box img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .slide_box {
    width: 100%;
    float: none;
    margin-bottom: 3vw;
  }
}
.load_element.home_contents .slide_box iframe {
  width: calc(100% + -1px);
  height: calc(100% + -1px);
}
.load_element.home_contents .slide_box .arrow_left {
  position: absolute;
  left: 3%;
  top: 50%;
  width: 5%;
  height: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.load_element.home_contents .slide_box .arrow_right {
  position: absolute;
  right: 3%;
  top: 50%;
  width: 5%;
  height: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.load_element.home_contents .news_area {
  box-sizing: border-box;
  overflow: scroll;
  border: 1px solid #959595;
  width: 48% !important;
  float: right;
  padding: 9px 10px !important;
  height: 355px;
  overflow: scroll;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .news_area {
    width: 100% !important;
    height: 40vw !important;
    float: none;
    padding: 3vw 3% !important;
    border: 0.3vw solid #959595;
  }
}
.load_element.home_contents .news_area .news_title {
  font-size: 24px;
  font-weight: bold;
  color: #17684c;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .news_area .news_title {
    font-size: 4.5vw;
  }
}
.load_element.home_contents .news_area dl {
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-left: 2.8%;
  padding-right: 3.8%;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .news_area dl {
    margin-bottom: 4vw;
  }
}
.load_element.home_contents .news_area dl dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.15;
  color: #17684c;
  float: left;
  text-align: right;
  clear: both;
  width: 80px;
  font-family: "Josefin Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
  letter-spacing: 0.05vw;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .news_area dl dt {
    font-size: 3.6vw;
    width: 13vw;
  }
}
.load_element.home_contents .news_area dl dt img {
  width: 100%;
  height: auto;
}
.load_element.home_contents .news_area dl dd {
  line-height: 1.31;
  font-size: 14px;
  float: left;
  margin-left: 20px;
  width: calc(100% - 100px);
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .news_area dl dd {
    font-size: 3.2vw;
    margin-left: 3.1vw;
    width: calc(100% - 17vw);
  }
}
.load_element.home_contents .link_area {
  width: 100%;
  margin-bottom: 29px;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .link_area {
    margin-bottom: 4vw;
  }
}
.load_element.home_contents .link_area ul li {
  float: left;
  width: 32.8%;
  margin-right: 0.66%;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .link_area ul li {
    float: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2vw;
  }
}
.load_element.home_contents .link_area ul li .sub_link {
  width: 33%;
  height: 1.2vw;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background-color: #fff;
  opacity: 0;
}
@media screen and (max-width: 1276px) {
  .load_element.home_contents .link_area ul li .sub_link {
    height: 1.6vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .link_area ul li .sub_link {
    height: 4.8vw;
  }
}
.load_element.home_contents .link_area ul li .sub_link a {
  width: 100%;
  height: 100%;
}
.load_element.home_contents .link_area ul li a {
  display: block;
}
.load_element.home_contents .link_area ul li img {
  width: 100%;
  height: auto;
}
.load_element.home_contents .link_area ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .link_area ul li:last-child {
    margin-bottom: 0;
  }
}
.load_element.home_contents .movie_area {
  width: 100%;
}
.load_element.home_contents .movie_area h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #187456;
  margin-bottom: 6px;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area h2 {
    font-size: 4vw;
    margin-bottom: 1.5vw;
  }
}
.load_element.home_contents .movie_area .youtube_player {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1240px;
}
@media screen and (max-width: 1660px) {
  .load_element.home_contents .movie_area .youtube_player {
    width: 930px;
  }
}
@media screen and (max-width: 1350px) {
  .load_element.home_contents .movie_area .youtube_player {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_player {
    width: 84%;
    margin: 0 auto;
  }
}
.load_element.home_contents .movie_area .youtube_box {
  /*max-width: 416px;*/
  margin-right: 8px;
  margin-bottom: 30px;
  /*width: calc(33.5% - 8px);*/
  width: 300px;
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(2n) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1350px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1276px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(3n) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(3n) {
    margin-right: 2%;
  }
}
.load_element.home_contents .movie_area .youtube_box:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 1350px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(4n) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 1276px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(4n) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_box:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1350px) {
  .load_element.home_contents .movie_area .youtube_box {
    width: calc(33% - 8px);
    margin-right: 8px;
  }
}
@media screen and (max-width: 1276px) {
  .load_element.home_contents .movie_area .youtube_box {
    width: calc(25% - 8px);
    margin-right: 8px;
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .movie_area .youtube_box {
    width: calc(33% - 8px);
    margin-right: 8px;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_box {
    width: 100%;
    margin: 0 auto !important;
    margin-bottom: 3vw !important;
    float: none;
  }
}
.load_element.home_contents .movie_area .youtube_box .clip {
  width: 300px;
  height: 163px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  /* margin: 0 auto; */
  padding: 6px;
  box-sizing: border-box;
}
@media screen and (max-width: 1350px) {
  .load_element.home_contents .movie_area .youtube_box .clip {
    width: 100%;
    height: 12.52vw;
  }
}
@media screen and (max-width: 1276px) {
  .load_element.home_contents .movie_area .youtube_box .clip {
    width: 100%;
    padding: 0.5vw;
    height: 11.47vw;
  }
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .movie_area .youtube_box .clip {
    width: 100%;
    height: 15.3vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_box .clip {
    width: 100%;
    height: 41.5vw;
    padding: 1vw;
  }
}
.load_element.home_contents .movie_area .youtube_box .clip iframe {
  width: 100%;
  height: 100%;
}
.load_element.home_contents .movie_area .youtube_box .clip .overlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.load_element.home_contents .movie_area .youtube_box .title {
  font-size: 14px;
  padding-top: 6px;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .movie_area .youtube_box .title {
    padding-top: 0.7vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_box .title {
    font-size: 2.8vw;
    padding-top: 1vw;
  }
}
.load_element.home_contents .movie_area .youtube_box .name {
  font-size: 14px;
  padding-top: 6px;
  line-height: 1.4;
}
@media screen and (max-width: 950px) {
  .load_element.home_contents .movie_area .youtube_box .name {
    padding-top: 0.7vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .youtube_box .name {
    font-size: 2.8vw;
    padding-top: 1vw;
  }
}
.load_element.home_contents .movie_area .youtube_box img {
  width: 100%;
  height: auto;
}
.load_element.home_contents .movie_area .more_link {
  font-size: 22px;
  margin-top: 50px;
  padding-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .load_element.home_contents .movie_area .more_link {
    font-size: 3.2vw;
    margin-top: 4vw;
    padding-bottom: 4vw;
  }
}
.load_element.home_contents .movie_area .more_link a, .load_element.home_contents .movie_area .more_link a:link, .load_element.home_contents .movie_area .more_link a:visited {
  color: #000;
  text-decoration: none;
}
.load_element.home_contents .jspTrack {
  top: -7%;
}
.load_element.home_contents .jspContainer {
  width: 100% !important;
  height: 100% !important;
}
.load_element.home_contents .jspPane {
  width: 100% !important;
}
.load_element.home_contents body {
  color: red !important;
}
.load_element.home_contents .jspVerticalBar {
  right: 1%;
}

@media screen and (max-width: 750px) {
  .jspVerticalBar {
    top: 6vw;
  }
}

/*
-------INNER-----*/
.load_element.youtube .top_name {
  color: #000;
}
.load_element.youtube .left_pic iframe {
  position: relative;
  left: -2px;
  top: -2px;
  width: 100%;
  height: 100%;
}
.load_element.youtube .left_pic .channel_title {
  font-size: 24px;
  margin-bottom: 17px;
  color: #17684c;
}
@media screen and (max-width: 750px) {
  .load_element.youtube .left_pic .channel_title {
    font-size: 4.2vw;
    margin-bottom: 3vw;
  }
}
.load_element.youtube .left_pic .title {
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-bottom: 28px;
  padding-top: 10px;
}
@media screen and (max-width: 750px) {
  .load_element.youtube .left_pic .title {
    font-size: 3.2vw;
    line-height: 1.3;
    padding-top: 1.3vw;
    margin-bottom: 4vw;
  }
}
.load_element.youtube #main_player {
  width: 100%;
  height: 100%;
}
.load_element.youtube .youtube_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.load_element.youtube .clip {
  width: 100%;
  height: 100%;
}

.load_element.inner .contents_inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fafafa;
  padding: 30px 15px 80px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .contents_inner {
    height: auto;
    padding: 5vw 6%;
  }
}
.load_element.inner .left_column {
  float: left;
  width: calc(100% - 451px);
  box-sizing: border-box;
  padding: 0 14px 5px;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .load_element.inner .left_column {
    width: 100%;
    float: none;
    border: none;
  }
}
@media screen and (max-width: 1000px) {
  .load_element.inner .left_column {
    height: auto;
    padding: 0;
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column {
    padding-bottom: 4vw;
  }
}
.load_element.inner .left_column .top_name {
  font-size: 24px;
  margin-bottom: 17px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .top_name {
    font-size: 3.8vw;
    margin-bottom: 3vw;
  }
}
.load_element.inner .left_column .top_name span {
  float: left;
  margin-right: 25px;
  margin-bottom: 1vw;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .top_name span {
    clear: both;
    margin-right: 0;
  }
}
.load_element.inner .left_column .name_area {
  clear: both;
}
.load_element.inner .left_column .label {
  font-size: 16px;
  color: #fff;
  background-color: #a0a0a0;
  display: inline-block;
  float: left;
  line-height: 1;
  padding: 6px 12px;
  margin-bottom: 13px;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .label {
    font-size: 2.8vw;
    padding: 1vw 3vw;
    margin-top: 2vw;
    margin-bottom: 3vw;
    clear: both;
    clear: both;
  }
}
.load_element.inner .left_column .left_pic {
  margin-bottom: 14px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .left_pic {
    margin-bottom: 3vw;
  }
}
.load_element.inner .left_column .left_pic img {
  width: 49.3%;
  height: auto;
  margin: 0 auto;
}
.load_element.inner .left_column .left_pic.double img {
  width: 49.3%;
  float: left;
}
.load_element.inner .left_column .left_pic.double img:last-child {
  float: right;
}
.load_element.inner .left_column .movie_section {
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  color: #17684c;
  margin-bottom: 28px;
}
.load_element.inner .left_column .name_area h3 {
  font-size: 18px;
  color: #17684c;
  float: left;
  line-height: 1.35;
  margin-bottom: 14px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .name_area h3 {
    margin-bottom: 4vw;
    font-size: 2.7vw;
  }
}
.load_element.inner .left_column .name_area h3 img {
  margin-right: 25px;
  vertical-align: middle;
  height: auto;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .name_area h3 img {
    width: 31%;
    height: auto;
    margin-right: 4vw;
  }
}
.load_element.inner .left_column .name_area h3 a, .load_element.inner .left_column .name_area h3 a:link, .load_element.inner .left_column .name_area h3 a:visited {
  color: #17684c;
}
.load_element.inner .left_column .name_area h3 span {
  font-size: 1.8vw;
  font-weight: bold;
  vertical-align: middle;
  color: #17684c;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .load_element.inner .left_column .name_area h3 span {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .name_area h3 span {
    font-size: 3.5vw;
  }
}
.load_element.inner .left_column .prof_info {
  margin-bottom: 18px;
}
.load_element.inner .left_column .prof_info a {
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .prof_info {
    margin-bottom: 3vw;
  }
}
.load_element.inner .left_column .prof_info .profile {
  padding-bottom: 1.5em;
}
.load_element.inner .left_column .prof_info .profile p {
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .prof_info .profile p {
    font-size: 3.2vw;
  }
}
.load_element.inner .left_column .history_area {
  background-color: #eeeeee;
  box-sizing: border-box;
  height: 415px;
  overflow: scroll;
  width: 100% !important;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .history_area {
    height: 50vw;
  }
}
.load_element.inner .left_column .history_area .jspPane {
  padding: 0 !important;
  left: 0 !important;
}
.load_element.inner .left_column .history_area .history_list {
  width: 94%;
  padding: 1.5em 0 1.5em 1.5em;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .history_area .history_list {
    width: 92%;
    padding: 1.5em 0 1.5em 0.8em;
  }
}
.load_element.inner .left_column .history_area h4 {
  font-size: 16px;
  color: #fff;
  background-color: #a0a0a0;
  display: inline-block;
  text-align: center;
  padding: 5px 20px;
  margin-bottom: 6px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .history_area h4 {
    font-size: 2.8vw;
    width: 20vw;
    padding: 1vw 0;
    margin-bottom: 3vw;
  }
}
.load_element.inner .left_column .history_area dl {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .history_area dl {
    font-size: 3.2vw;
    margin-bottom: 4vw;
  }
}
.load_element.inner .left_column .history_area dl dt {
  clear: both;
  float: left;
  color: #515151;
  width: 110px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .history_area dl dt {
    width: 22%;
  }
}
.load_element.inner .left_column .history_area dl dd {
  float: right;
  color: #000;
  width: calc(100% - 110px);
}
.load_element.inner .left_column .history_area dl dd a {
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  .load_element.inner .left_column .history_area dl dd {
    width: 76%;
  }
}
.load_element.inner .inner_border {
  width: 1px;
  background-color: #959595;
  float: left;
}
@media screen and (max-width: 1000px) {
  .load_element.inner .inner_border {
    display: none;
  }
}
.load_element.inner .right_column {
  float: right;
  width: 450px;
  height: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .load_element.inner .right_column {
    float: none;
    width: 100%;
    border: none;
  }
}
.load_element.inner .right_column .right_title {
  font-size: 24px;
  margin-bottom: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .right_title {
    margin-bottom: 3vw;
    font-size: 4.2vw;
  }
}
.load_element.inner .right_column .right_title img {
  vertical-align: middle;
}
.load_element.inner .right_column > div {
  border-bottom: 1px solid #959595;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column > div {
    border-bottom: 0.3vw solid #959595;
  }
}
.load_element.inner .right_column > div:last-child {
  border: none;
}
.load_element.inner .right_column #twitter_block {
  padding: 5px 0px 15px;
  /*padding-right:20px;*/
  width: 95%;
  margin: 0 auto;
  margin-bottom: 15px;
}
.load_element.inner .right_column #twitter_block .right_title img {
  margin-right: 7px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column #twitter_block .right_title img {
    width: 14%;
    height: auto;
    margin-right: 4%;
  }
}
.load_element.inner .right_column #twitter_block .inner {
  height: 340px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.load_element.inner .right_column #twitter_block a {
  display: block;
  color: #000;
}
.load_element.inner .right_column #twitter_block .t_option {
  padding-top: 1.5em;
}
.load_element.inner .right_column #twitter_block .t_option p {
  padding: 0.5em 3em;
}
.load_element.inner .right_column #twitter_block .t_option p a {
  color: #3b94d9;
}
.load_element.inner .right_column .insta_block {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 15px;
  border-bottom: 1px solid #959595;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .insta_block {
    margin-bottom: 3vw;
    border-bottom: 0.3vw solid #959595;
  }
}
.load_element.inner .right_column .insta_block a {
  display: block;
  color: #000;
}
.load_element.inner .right_column .insta_block img {
  width: 50px;
  height: auto;
  vertical-align: middle;
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .insta_block img {
    width: 12%;
    margin-right: 5%;
  }
}
.load_element.inner .right_column .fb_block {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 15px;
  border-bottom: 1px solid #959595;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .fb_block {
    margin-bottom: 3vw;
    border-bottom: 0.3vw solid #959595;
  }
}
.load_element.inner .right_column .fb_block a {
  display: block;
  color: #000;
}
.load_element.inner .right_column .fb_block img {
  width: 50px;
  height: auto;
  vertical-align: middle;
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .fb_block img {
    width: 12%;
    margin-right: 5%;
  }
}
.load_element.inner .right_column .blog_block {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 15px;
  border-bottom: 1px solid #959595;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .blog_block {
    margin-bottom: 3vw;
    border-bottom: 0.3vw solid #959595;
  }
}
.load_element.inner .right_column .blog_block a {
  display: block;
  color: #000;
}
.load_element.inner .right_column .blog_block img {
  width: 50px;
  height: auto;
  vertical-align: middle;
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .blog_block img {
    width: 12%;
    margin-right: 5%;
  }
}
.load_element.inner .right_column .youtube_block {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .youtube_block {
    width: 100%;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
.load_element.inner .right_column .youtube_block img {
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .youtube_block img {
    width: 15%;
    height: auto;
    margin-right: 3vw;
  }
}
.load_element.inner .right_column .youtube_block .youtube_box {
  margin-bottom: 8px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .youtube_block .youtube_box {
    margin-bottom: 3.5vw;
  }
}
.load_element.inner .right_column .youtube_block .youtube_box:last-child {
  margin-bottom: 0;
}
.load_element.inner .right_column .youtube_block .movie_more {
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background-color: #ececec;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .youtube_block .movie_more {
    font-size: 3.2vw;
    height: 12vw;
    line-height: 12vw;
  }
}
.load_element.inner .right_column .youtube_block .movie_more a, .load_element.inner .right_column .youtube_block .movie_more a:link, .load_element.inner .right_column .youtube_block .movie_more a:visited {
  display: block;
  color: #000;
}
.load_element.inner .right_column .youtube_block .clip {
  width: 200px;
  height: 113px;
  overflow: hidden;
  position: relative;
  float: left;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .youtube_block .clip {
    width: 43%;
    height: 21.3vw;
  }
}
.load_element.inner .right_column .youtube_block .clip iframe {
  width: 100%;
  height: 100%;
}
.load_element.inner .right_column .youtube_block .clip .overlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.load_element.inner .right_column .youtube_block .title {
  float: right;
  width: 215px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .load_element.inner .right_column .youtube_block .title {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .youtube_block .title {
    width: 51%;
    font-size: 3.2vw;
    line-height: 1.3;
  }
}
.load_element.inner .right_column .btn_area {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .btn_area {
    width: 100%;
    margin-bottom: 2vw;
  }
}
.load_element.inner .right_column .btn_area li {
  width: 100%;
  height: 90px;
  line-height: 90px;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  font-size: 22px;
  margin-bottom: 16px;
  position: relative;
  background-color: #eb9151;
  background: url("/img/common/button.png");
  background-repeat: no-repeat;
  background-size: 100%;
  /*
  &:after{
  	content: "";
  	display: block;
  	border: 3px solid #fff;
  	position: absolute;
  	left: 8px;
  	top: 8px;
  	width: 405px;
  	height: 70px;
  	
  	@media screen and (max-width: $change_column_pc) {
  		width: 94%;
  		height: 6.4vw;
  		left: 2%;
  		top: 0.7vw;
  		border: 0.5vw solid #fff;
  	}
  	
  	@media screen and (max-width: $sp_width) {
  		height: 11vw;
  		top: 2vw;
  	}
  }*/
}
@media screen and (max-width: 1000px) {
  .load_element.inner .right_column .btn_area li {
    width: 48.5%;
    font-size: 2vw;
  }
}
.load_element.inner .right_column .btn_area li.yt {
  background: url("/img/common/button_y.png");
}
.load_element.inner .right_column .btn_area li a {
  opacity: 0;
}
.load_element.inner .right_column .btn_area li a, .load_element.inner .right_column .btn_area li a:link, .load_element.inner .right_column .btn_area li a:visited {
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .load_element.inner .right_column .btn_area li:first-child {
    float: left;
    line-height: 9vw;
    height: 9vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .btn_area li:first-child {
    float: none;
    width: 100%;
    background-size: cover;
    height: 16vw;
    line-height: 16vw;
    font-size: 3.2vw;
  }
}
.load_element.inner .right_column .btn_area li.fan {
  background-image: none;
  height: auto;
  font-size: 18px;
  line-height: 1.6;
  padding-left: 24px;
  color: #000;
  background-color: transparent;
  cursor: pointer;
}
.load_element.inner .right_column .btn_area li.fan:after {
  content: none;
}
@media screen and (max-width: 1000px) {
  .load_element.inner .right_column .btn_area li.fan {
    float: right;
    height: 9vw;
    font-size: 2vw;
    padding-left: 2vw;
    line-height: 9vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.inner .right_column .btn_area li.fan {
    float: none;
    width: 100%;
    background-size: cover;
    height: 7vw;
    line-height: 7vw;
    font-size: 3.2vw;
    margin-bottom: 0;
  }
}
.load_element.inner .right_column .btn_area li.fan img {
  max-width: 22px;
}
.load_element.inner .right_column .btn_area li img {
  max-width: 18px;
  width: 100%;
  height: auto;
  padding-right: 5px;
  margin-left: -20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  .load_element.inner .right_column .btn_area li img {
    width: 5%;
    max-width: inherit;
    margin-left: -6%;
    padding-right: 0.6%;
  }
}
.load_element.inner .jspTrack {
  -webkit-transform: scaleY(0.8);
  transform: scaleY(0.8);
  top: -6%;
}
@media screen and (max-width: 750px) {
  .load_element.inner .jspTrack {
    top: -12.5%;
  }
}

.load_element.audition .contents_inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fafafa;
  padding: 30px 15px 80px;
}
@media screen and (max-width: 750px) {
  .load_element.audition .contents_inner {
    height: auto;
    padding: 5vw 6%;
  }
}
.load_element.audition h5 {
  font-weight: 200;
  font-size: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .load_element.audition h5 {
    font-size: 4.2vw;
    margin-bottom: 5vw;
  }
}
.load_element.audition h6 {
  font-size: 16px;
  margin: 0 auto;
  margin-bottom: 20px;
  clear: both;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  .load_element.audition h6 {
    font-size: 3.2vw;
    margin-bottom: 4vw;
  }
}
.load_element.audition h6.scroll_h {
  margin: 0;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin-bottom: 20px;
  font-size: 18px;
}
@media screen and (max-width: 750px) {
  .load_element.audition h6.scroll_h {
    font-size: 2.8vw;
    margin-bottom: 2vw;
    line-height: 1.6;
  }
}
.load_element.audition .modal_audition {
  width: 90%;
  margin: 0 auto;
}
.load_element.audition dt {
  clear: both;
  width: 120px;
  float: left;
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .load_element.audition dt {
    width: 23vw;
    font-size: 3.2vw;
  }
}
.load_element.audition dd {
  width: calc(100% - 150px);
  margin-bottom: 27px;
  float: right;
  line-height: 1.8;
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  .load_element.audition dd {
    font-size: 3.2vw;
    width: calc(100% - 23vw);
    margin-bottom: 3vw;
  }
}
.load_element.audition dd.bold {
  font-size: 18px;
  margin-top: -4px;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .load_element.audition dd.bold {
    font-size: 3.4vw;
    margin-top: -0.4vw;
  }
}
.load_element.audition dd.note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 200;
}
@media screen and (max-width: 750px) {
  .load_element.audition dd.note {
    font-size: 2.4vw;
  }
}
.load_element.audition dd.note.bottom {
  margin-bottom: 60px;
}
@media screen and (max-width: 750px) {
  .load_element.audition dd.note.bottom {
    margin-bottom: 8vw;
  }
}
.load_element.audition dd.tume {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0;
}
.load_element.audition dd.tume:last-child {
  margin-bottom: 27px;
}
@media screen and (max-width: 750px) {
  .load_element.audition dd.tume:last-child {
    margin-bottom: 8vw;
  }
}
.load_element.audition p.privacy {
  font-size: 14px;
  margin-bottom: 50px;
  line-height: 1.8;
  clear: both;
}
@media screen and (max-width: 750px) {
  .load_element.audition p.privacy {
    font-size: 2.4vw;
    margin-bottom: 6vw;
  }
}
.load_element.audition .modal_scroll {
  overflow: scroll;
  width: 90.71%;
  height: auto;
  max-width: inherit;
  max-height: 300px;
  padding: 1vw;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .load_element.audition .modal_scroll {
    width: 100%;
    max-height: 40vw;
    padding: 3vw;
  }
}
.load_element.audition .modal_scroll p {
  color: #000;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .load_element.audition .modal_scroll p {
    font-size: 2.4vw;
    margin-bottom: 3vw;
  }
}
.load_element.audition .modal_btn_area {
  width: 58.73%;
  max-width: 480px;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .load_element.audition .modal_btn_area {
    width: 100%;
    max-width: inherit;
    margin-top: 4vw;
  }
}
@media screen and (max-width: 750px) {
  .load_element.audition p.link_area {
    font-size: 3.2vw;
  }
}
.load_element.audition .check_area {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 55%;
}
@media screen and (max-width: 750px) {
  .load_element.audition .check_area {
    width: 50vw;
    text-align: center;
    margin-bottom: 4vw;
  }
}
.load_element.audition ul.link_box {
  width: 58.73%;
  max-width: 480px;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 25px;
  border: 1px solid #226445;
  font-size: 18px;
}
@media screen and (max-width: 750px) {
  .load_element.audition ul.link_box {
    width: 100%;
    max-width: inherit;
    margin-top: 4vw;
    border: 0.3vw solid #226445;
    font-size: 3.2vw;
    margin-bottom: 5vw;
  }
}
.load_element.audition ul.link_box a, .load_element.audition ul.link_box a:link, .load_element.audition ul.link_box a:visited {
  display: block;
  color: #3c3c3c;
  padding: 15px 0;
}
@media screen and (max-width: 750px) {
  .load_element.audition ul.link_box a, .load_element.audition ul.link_box a:link, .load_element.audition ul.link_box a:visited {
    padding: 4vw 0;
  }
}
.load_element.audition #check_box {
  float: left;
}
.load_element.audition p.chek_text {
  padding-left: 1.5em;
  text-align: left;
  font-size: 1em;
}
@media screen and (max-width: 750px) {
  .load_element.audition p.chek_text {
    padding-left: 4vw;
    font-size: 2.4vw;
    float: left;
    vertical-align: middle;
    padding-top: 1.2vw;
  }
}
.load_element.audition p.music {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  .load_element.audition p.music {
    font-size: 3.2vw;
    margin-bottom: 3vw;
  }
}
.load_element.audition p.link_area span {
  text-decoration: underline;
}
.load_element.audition #submit {
  background-color: #fff;
  font-size: 18px;
  padding: 10px 0;
  border: 1px solid #d47614;
  width: 100%;
  color: #3c3c3c;
}
@media screen and (max-width: 750px) {
  .load_element.audition #submit {
    font-size: 3.2vw;
    padding: 2vw 0;
    border: 0.3vw solid #d47614;
  }
}
.load_element.audition input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

.load_element.talent .left_pic .channel_title,
.load_element.specialist .left_pic .channel_title,
.load_element.artist .left_pic .channel_title {
  display: none;
}

.footer_area {
  box-sizing: border-box;
  padding: 18px 0px 18px 20px;
  color: #000;
  position: relative;
}
.footer_area.fixed {
  position: absolute;
}
@media screen and (max-width: 750px) {
  .footer_area {
    display: none;
  }
}
.footer_area .footer_title {
  font-size: 18px;
  line-height: 1.66;
  font-weight: bold;
  margin-bottom: 12px;
}
.footer_area .footer_title2 {
  font-size: 12px;
  line-height: 1.66;
  font-weight: bold;
  margin-bottom: 12px;
  text-decoration: underline;
}
.footer_area ul {
  margin-bottom: 10px;
}
.footer_area ul li {
  font-size: 13px;
  line-height: 1.6;
}
.footer_area ul li:first-child {
  font-size: 18px;
}
.footer_area ul li:last-child {
  font-size: 18px;
}

/*
-------modal-----*/
body.modal_mode {
  overflow: hidden;
  height: 100%;
}
body.modal_mode #modal {
  display: block;
}

#modal {
  width: 100%;
  height: 100.1%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
  display: none;
  z-index: 20;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0;
}
#modal.show {
  opacity: 1;
}
#modal.hide {
  opacity: 0;
}
#modal .inner {
  max-width: 985px;
  width: 100%;
  height: 100% !important;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 750px) {
  #modal .inner {
    max-width: inherit;
  }
}
#modal .inner.fan {
  height: auto !important;
}

#modal_box {
  max-width: 985px;
  margin: 0 auto;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
  margin-bottom: -10px;
  background-color: rgba(70, 70, 70, 0.9);
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  #modal_box {
    max-width: inherit;
    position: relative;
    top: 0;
    -webkit-transform: none;
    transform: none;
  }
}
#modal_box .contents_block {
  padding: 3.8em 5em 2em;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 1;
}
#modal_box .contents_block.show {
  opacity: 1;
}
@media screen and (max-width: 750px) {
  #modal_box .contents_block {
    padding: 16vw 10%;
  }
}
#modal_box .close_btn {
  width: 50px;
  height: auto;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #modal_box .close_btn {
    width: 8%;
    height: auto;
    right: 3vw;
    top: 3vw;
  }
}
#modal_box .close_btn img {
  width: 100%;
  height: auto;
}
#modal_box h4 {
  color: #fff;
  background-color: #787878;
  width: 12.84%;
  font-size: 0.85em;
  float: left;
  text-align: center;
  padding: 0.1em 0;
}
#modal_box h5 {
  font-size: 33px;
  padding: 0;
  margin: 0 auto 30px;
}
@media screen and (max-width: 750px) {
  #modal_box h5 {
    font-size: 4.5vw;
    margin: 0 auto 6vw;
  }
}
#modal_box h6 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  #modal_box h6 {
    font-size: 3.2vw;
    margin-bottom: 3vw;
  }
}
#modal_box h6.data2 {
  margin-bottom: 0;
}
#modal_box h6 span {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #modal_box h6 span {
    font-size: 2.5vw;
  }
}
#modal_box .modal_close {
  width: 20.97%;
  max-width: 169px;
  margin: 0 auto;
  margin-top: 3.4em;
  cursor: pointer;
}
#modal_box .modal_audition p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  #modal_box .modal_audition p {
    font-size: 3.2vw;
    margin-bottom: 3vw;
  }
  #modal_box .modal_audition p.bottom {
    margin-bottom: 0;
    text-indent: -1em;
    padding-left: 1em;
  }
}
#modal_box .modal_audition p span {
  font-size: 14px;
}
#modal_box .modal_audition p.privacy {
  font-size: 13px;
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  #modal_box .modal_audition p.privacy {
    font-size: 2.8vw;
    text-indent: -1em;
    padding-left: 1em;
  }
}

.modal_scroll {
  overflow: scroll;
  width: 90.71%;
  height: auto;
  max-width: 795px;
  max-height: 210px;
  margin: 0 auto;
  padding: 1em;
  padding-right: 1.9em;
  background-color: #fff;
}

.modal_scroll p {
  color: #000;
  font-size: 0.8em;
  margin-bottom: 1.5em;
}

h6.scroll_h {
  margin: 0;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin-bottom: 1.5em;
}

ul.slider_area {
  visibility: hidden;
}

ul.slider_area.slick-initialized {
  visibility: visible;
}

@media screen and (min-width: 751px) {
  .blink2 {
    animation: blink2 0.3s ease-out;
    -webkit-animation: blink2 0.3s ease-out;
  }
}

@keyframes blink2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes blink2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*# sourceMappingURL=common.css.map */