@charset "shift_jis";

#top-head {
  background: #1e1e1e
}

#pankuzu {
   background: #ececec;
}

#pankuzu-main ul li {
  color: #8b0000;
}

#pankuzu-main ul li a {
  color: #8b0000;
}

#pankuzu-main ul li {
  background: url("../special/img/list-icon.png") no-repeat top right;
}

#main-background {
  background-image: url("../special/img/ventures_main_back.jpg");
  background-repeat: repeat;
  height: 400px;
  display: block;
  margin: 70px 0 0;
  width: 100%;
}

.main-photo img {
  width: 450px;
}

.main-text img {
  margin: 23px 0 0;
  width: 450px;
}

#script-main {
  background: #fffacd;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 50px;
  width: 800px
}


#script-main p {
  font-size: 18px;
}

#script-main img {
  margin: 25px 0 0 0;
}

.ventures-special-marginbottom {
  margin: 25px 0 30px!important;
}

.script-title {
  background: #8b0000;
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: 0;
}

.script-title em {
  color: #ffd700;
  font-size: 120%;
}

.script-alert {
  color: #200400;
  font-size: 14px;
  line-height: 170%;
  margin: 25px 0 0;
}

.script-alert2 {
  color: #200400;
  margin: 0 0 30px;
}

.script-alert3 {
  background-color: #e9d7cb;
  color: #200400;
  font-size: 14px;
  line-height: 170%;
  margin: 0 0 25px;
  padding: 15px 20px;
}

.script-alert em, .script-alert2 em, .script-alert3 em {
  font-weight: bold;
}

.script-alert a {
  background: url("/images/parts/link_icon.png") no-repeat scroll left 3px;
  color: #8b0000;
  display: block;
  margin: 5px 0 0 0;
  padding: 0 0 0 14px;
  text-decoration: underline;
}

.script-alert a:hover {
  text-decoration: none!important;
}

#footer {
  background: #ececec;
}

#footer-main ul li {
  color: #8b0000;
}

#footer-main ul li a {
  color: #8b0000;
}

.movie-width iframe {
  width: 800px;
}

.banner-button {
  background:  url("../special/img/ventures_special_link.jpg");
  display: block;
  margin: 0 auto 35px;
  height: 300px;
  width: 900px;
}

.banner-button img {
  display: none;
}

.banner-button:hover {
  background:  url("../special/img/ventures_special_link_onmouse.jpg");
}

.banner-button2 {
  display: block;
  width: 500px;
  margin: 60px auto;
}

#movie_attention {
  background-color: #ececec;
  font-size: 12px;
  letter-spacing: 0;
  padding: 7px 12px 7px 29px;
  text-indent: -17px;
}

.jplayer_title {
  display: block;
  border: 1px solid #e1e1e1;
  padding: 10px 15px 7px;
  background:#ececec;
  font-size: 16px;
  font-weight: bold;
}
.jplayer_title span {
  color: #265494;
 }
.player_width_smp {
  background: #fff;
  display: block;
  height: 63px;
  width: 100%;
}

.ventures-arrow {
  display: block;
  margin: 40px auto;
  width: 610px;
}

/* スマートフォン用CSSここから */

@media screen and (max-width: 640px) {

#mobile-head {
  background: #1e1e1e
}

#main-background {
  background: #ececec;
}

#script-main {
  background: #fffacd;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 0;
  width: 100%
}

#script-main img {
  width: 100%;
}

.script-smp-main {
  padding: 20px 15px;
}

.script-title {
  background: #8b0000;
  border-radius: 0;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 0;
}

.banner-button {
  background: none;
  display: block;
  height: auto;
  width: 100%;
}

.banner-button img {
  display: block;
}

.banner-button:hover {
  background:  none;
}

#movie_attention {
  display: none;
}

.ventures-arrow {
  height: auto;
  width: 100%!important;
}

.ventures-arrow img {
  display: block;
  width: 100%!important;
}

.banner-button2 {
  height: auto;
  width: 100%!important;
}

.banner-button2 img {
  display: block;
  width: 100%!important;
}

.ventures-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.ventures-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

}


@media screen and (max-width: 500px) {

#prof-main p {
width: 90%;
}

}