@charset "UTF-8";
/* CSS Document */

/* Cast Staff page */

h3.cast_copy {
	margin: 0px 0px 0px 0px;
	width: 800px; height: 318px;
	background: url(../cast_img/cast_copy1.png) no-repeat;
	text-indent: -9999px; }

h4.harukaze {
	margin: 30px 0px 0px 0px;
	width: 460px; height: 110px;
	background: url(../cast_img/harukaze.png) no-repeat;
	text-indent: -9999px; }

#cast_photo {
 height: 0;
 padding-top: 50%;
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
 background: url(../cast_img/cast_photo.jpg) 50% 0 / contain no-repeat scroll padding-box border-box transparent;
}

.castbox {
  width: 830px;
	margin: 40px 0px 0px 0px;
  padding: 0px;
}
.castbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.castbox_text {
	vertical-align: middle;
  float: left;
  width: 580px;
	padding: 0px 0px 0px 40px;
	font-size: 16px; line-height: 1.9;
	color: #FFFFFF;
}

.castbox_comment { color: #EFEAD0; }

.cast_text_line {
	font-size: 15px; line-height: 1.8;
	color: #EADFBA;
	border-left: 8px solid rgba(186,152,64,0.50);
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 13px;
}

.castbox_mar01 { margin-top: 65px; }
.castbox_mar02 { margin-top: 25px; }

.castbox_pad01 { padding-top: 20px; }
.castbox_pad02 { padding-top: 40px; }
.castbox_pad03 { padding-top: 10px; }

.pop_hoshina {
  background: url(../cast_img/c_hoshina2.jpg) top no-repeat;
	width: 250px; height: 378px;
}
.pop_sana {
  background: url("../cast_img/c_sana2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_tamura {
  background: url(../cast_img/c_tamura2.jpg) top no-repeat;
	width: 250px; height: 378px;
}
.pop_tashima {
  background: url(../cast_img/c_tashima2.jpg) top no-repeat;
	width: 250px; height: 378px;
}
.pop_kazami {
  background: url("../cast_img/c_kazami2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_suzumoto {
  background: url("../cast_img/c_suzumoto2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_kusachi {
  background: url("../cast_img/c_kusachi2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_nakamoto {
  background: url("../cast_img/c_nakamoto2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_goto {
  background: url("../cast_img/c_goto2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_fukushima {
  background: url("../cast_img/c_fukushima2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_murata {
  background: url("../cast_img/c_murata2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_karahashi {
  background: url("../cast_img/c_karahashi2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_babazono {
  background: url("../cast_img/c_babazono2.jpg") top no-repeat;
	width: 250px; height: 378px;
}
.pop_nadagi {
  background: url("../cast_img/c_nadagi2.jpg") top no-repeat;
	width: 250px; height: 378px;
}

.alpha2 a:hover img {
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "alpha(opacity=10)";
}

h3.c_hoshina {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_hoshina2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_hoshina {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_hoshina.png") no-repeat;
	text-indent: -9999px; }

h3.c_sana {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_sana2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_sana {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_sana.png") no-repeat;
	text-indent: -9999px; }

h3.c_tamura {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_tamura2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_tamura {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_tamura.png") no-repeat;
	text-indent: -9999px; }

h3.c_tashima {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_tashima2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_tashima {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_tashima.png") no-repeat;
	text-indent: -9999px; }

h3.c_kazami {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_kazami2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_kazami {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_kazami.png") no-repeat;
	text-indent: -9999px; }

h3.c_suzumoto {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_suzumoto2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_suzumoto {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_suzumoto.png") no-repeat;
	text-indent: -9999px; }

h3.c_kusachi {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_kusachi2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_kusachi {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_kusachi.png") no-repeat;
	text-indent: -9999px; }

h3.c_nakamoto {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_nakamoto2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_nakamoto {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_nakamoto.png") no-repeat;
	text-indent: -9999px; }

h3.c_goto {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_goto2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_goto {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_goto.png") no-repeat;
	text-indent: -9999px; }

h3.c_fukushima {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_fukushima2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_fukushima {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_fukushima.png") no-repeat;
	text-indent: -9999px; }

h3.c_murata {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_murata2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_murata {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_murata.png") no-repeat;
	text-indent: -9999px; }

h3.c_karahashi {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_karahashi2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_karahashi {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_karahashi.png") no-repeat;
	text-indent: -9999px; }

h3.c_nadagi {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_nadagi2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_nadagi {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_nadagi.png") no-repeat;
	text-indent: -9999px; }

h3.c_babazono {
	vertical-align: middle;
	margin: 0px 0 0 0;
	width: 250px; height: 378px;
  float: left;
	background: url("../cast_img/c_babazono2.jpg") no-repeat;
	text-indent: -9999px; }
h3.n_babazono {
	vertical-align: middle;
	margin: 0px 0 0 0px;
	width: 500px; height: 115px;
	background: url("../cast_img/n_babazono.png") no-repeat;
	text-indent: -9999px; }

.c_text01 {
	padding: 15px 0px 0px 0px; text-align: center;
	font-size: 23px; line-height: 1.8;
	color: #FFFFFF; }

.c_text02 {
	padding: 15px 0px 0px 0px; text-align: center;
	font-size: 16px; line-height: 1.8;
	color: #FFFFFF; }

.c_text03 {
	padding: 15px 0px 0px 0px; text-align: center;
	font-size: 16px; line-height: 3.0;
	color: #FFFFFF; }

.cast_mark{
  font-weight: bold;
  color: white;
  background-color: rgba(13,15,22,0.80);
  margin: 10px 0 0 0;
  font-size: 15px;
  padding: 10px 45px 10px 45px;
	border-radius: 19px;
  border-width: 1px;
  border-style: solid;
  border-color: #0E1119;
}

/* ボタン */
.cast_btn,
a.cast_btn {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
	margin: 1rem 0.2rem 0.2rem 0.2rem;
  padding: 0.4rem 2.0rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}

a.cast_btn_slide {
  overflow: hidden;
  color: #fff;
  background: #AB8C62;
	background-image: linear-gradient(to top, rgba(64,48,31,0.80) 0%, rgba(110,87,54,0.60) 100%);
}
a.cast_btn_slide span { position: relative; }
a.cast_btn_slide:before {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  content: '';
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: translateX(-96%);
  transform: translateX(-96%);
	background-image: linear-gradient(to top, rgba(144,92,35,0.80) 0%, rgba(228,179,109,0.80) 100%);
}
a.cast_btn_slide:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.com_text_box {
 font-size: 15px; text-align: left;
 padding: 30px;
 width: 750px;
 z-index: 999;
 background-color: rgba(64,61,53,0.80);
 color: #f7f1e3;
}
.com_text01 { padding: 0px 0 20px 0; }

.com_mark01 {
	margin: 5px 5px 5px 0px;
	padding: 5px 10px;
  background-color: rgba(0,0,0,0.80);
	border: 1px #6C675C solid;
	font-size: 14px; line-height: 1.8;
	color: #FFFFFF;
}

.btn_comment {
  background-repeat : no-repeat;
  padding-top : 7px;
  padding-bottom : 0px;
}

.commentbtn {
	padding: 6px 10px;
	border: 1px #dfcda4 solid;
  background-color: #684d35;
  font-size: 16px;
  border-radius: 0.3rem;
}