body {
    font-family: Quicksand, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #444;
}

body.bg2 {
    font-family: Quicksand, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url(../images/site-parts/main_bg2.png);
    background-repeat-x: repeat;
    background-repeat-y: repeat;
    color: #444;
    background-position: center center;
}


html {
    color: #444;
    background: url(../images/site-parts/main_bg.png) ;
    background-size: cover;
}


.syame {
    border: 1px solid #a47100;
    width: 274px;
    position: absolute;
    left: 50%;
    display: initial;
    margin-left: 206px;
}

.staffleft {
    float: left;
    width: 320px;
    padding: 15px 10px;
}

h4.option {
    margin: 0 10px;
}

h4.schedule {
    margin-left: 10px;
}

ul.cast_option {
    margin-left: 10px;
    margin-bottom: 17px;
}
.cast_option li {
    width: 14.1%;
    float: left;
    border: 1px solid #a47100;
    text-align: center;
    padding: 10px;

}

tr.schedule td {
    border: 1px solid #a47100;
    text-align: center;
    padding: 11px 0;
}

table.cast_schedule {
    margin-left: 10px;
    width: 786px;
}



.staffright {
    width: 485px;
    float: left;
    padding: 15px 10px;
}

table.protext {
    font-size: 15px;
}

.cast_prof {
    border: 1px solid #a47100;
    margin-top: -1px;
    padding: 16px;
    height: 305px;
    overflow: auto;
}

caption, th {
    text-align: center;
    border: 1px solid #a47100;
    padding: 5px 5px;
    width: 180px;
}
td.ptd {
    text-align: left;
    border: 1px solid #a47100;
    padding: 5px 5px;
    width: 284px;
}

.h2box {
    font-size: 27px;
}

img.w300 {
    width: 300px;
    height: 400px;
        object-fit: contain;
}

img.i4 {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.col4 {
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-top: 10px;
    height: 96px;
    margin-bottom: 10px;
    border: 1px solid #a47100;
}

img.topimg {
    width: 1140px;
    margin: 0 auto;
}
.ninbg {
    height: 616px;
    width: 1140px;
    background: url(../images/site-parts/main_image.png);
}

.ninbg2 {
    height: 616px;
    width: 1140px;
    background: url(../images/site-parts/main_imagesyougatu.png);
}




main {
    text-align: center;
    width: 1140px;
    margin: 0 auto;
}

img.ninenter {
    position: absolute;
    top: 35%;
    /* right: 10%; */
    padding-left: 195px;
}

p.ninp1 {
    text-align: center;
    font-size: 15px;
    margin: 12px 0 25px 0;
}

div#mainnin {
    text-align: center;
}


h1 {
    width: 100%;
    background-color: #ff9eab;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 1px 0;
}

h2.h2title {
    margin-bottom: 15px;
}

header {
    width: 1002px;
    margin: 0 auto;
    border-left: 1px solid #ff9eab;
    border-right: 1px solid #ff9eab;
}

img.covgirl {
    width: 358px;
    /* max-height: 183px; */
    object-fit: contain;
    height: 358px;
    overflow: hidden;
}

.main {
    width: 1002px;
    background-color: rgba(255,255,255,1);
    margin: 0 auto;
    border-left: 1px solid #ff9eab;
    border-right: 1px solid #ff9eab;
}

article.mainleft {
    float: left;
    width: 175px;
    border-right: 1px solid #ff9eab;
}
article.mainright {
    float: left;
    width: 825px;
    padding: 10px;
}

div.clear{
    clear: both;
}

ul.menu a li{
  margin: 0 auto;
  overflow: hidden;
  background: #FFF;
}
ul.menu a li img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
ul.menu a li:hover img{
  opacity: 0.7;
  transition-duration: 0.3s;
}

.sidebana {
    text-align: center;
    width: 100%;
	padding: 5px;
}

section {
    margin-bottom: 40px;
}

section.sokuhime {
    text-align: center;
}

section.cover {
    width: 318px;
    border: 1px solid #ffe793;
    float: left;
    text-align: center;
    height: 400px;
    margin-right: 10px;
}

section.news {
    width: 477px;
    float: left;

}

.ulop li {
    border: 1px solid #ff9eab;
    width: 24%;
    float: left;
    text-align: center;
    margin-right: 1%;
    padding: 10px;
}

li.oppri {
    margin-bottom: 25px;
}


li.optitle {
    background: #ff9eab;
    margin-bottom: -1px;

}


p.recpink {
    color: #ff8bb7;
    font-size: 180%;
}

table.twocell {
    width: 94%;
    margin: 25px auto;
}




table.twocell tr th {
    background: #ff9eab;
    vertical-align: middle;
    font-weight: normal;
    padding: 10px;
    width: 40%;
    border: 1px solid #fff;
    text-align: center;
}


table.twocell tr td {
    vertical-align: middle;
    font-weight: normal;
    padding: 10px;
    width: 60%;
    border: 1px solid #ff9eab;
    text-align: left;
}

p.recpink {
    color: #ff8bb7;
    font-size: 180%;
    text-align: center;
    margin-top: 27px;
}

.systempng {
    text-align: center;
}

.logo {
    border-bottom: 1px solid #fed4d6;
}

.schedule_tab li {
    float: left;
    border:1px solid #ff9eab;
    padding: 1%;
    margin: 20px 0.5%;
    width: 13.2%;
    font-size: 12px;
    text-align: center;
}


.schedule_tab li.active {
    background-color: #ff9eab;
}


.info {
    border: 1px solid #efe1d4;
    height: 334px;
    overflow: auto;
    padding: 15px;
}
img.news_img {
    max-width: 150px;
}

img.news_img {
    float: left;
    max-width: 150px;
}

.news_info {
    width: 268px;
    float: left;
    margin-left: 10px;
}

p.news_info_title {
    font-size: 22px;
}

p.news_info_time {
    text-align: right;
    font-size: 10px;
}



img.castimg {
    width: 137px;
    /* max-height: 183px; */
    object-fit: contain;
    height: 183px;
}

li.castlistli {
    float: left;
    width: 155px;
    overflow: hidden;
    margin: 8px 6px 8px 0;
    padding: 8px;
    border: 1px solid #ff9eab;
    height: 243px;
    background: #fff;
}

li.plustime {
    height: 260px;
}

p.cast_name {
    text-align: center;
    color: #fff;
    margin-top: 5px;

}
.text12 {
    font-size: 14px;
}

a.ymark {
    color: #444;
}

p.cast_data {
    text-align: center;
}
.text11 {
    font-size: 10px;
}

p.cast_time {
    text-align: center;
}

.banner {
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}

p.allright {
    width: 100%;
    background-color: #ff9eab;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    padding: 1px 0;
}

a {
    color: #444;
    text-decoration: none;
}

ul.menuf a li {
    float: left;
    text-align: center;
    width: 100px;
    font-size: 14px;
    width: 180px;
    margin: 15px 10px;
}

.foot {
    border-top: 1px solid #ff9eab;
}