/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/

* {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "ＭＳ Ｐゴシック", sans-serif;
}


.cast-name{display:block;}
.cast-new{margin:5px auto;}
.wp-block-button__link.red{
    color: #fff;
    background-color: #ff4500;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
}

/* 画像の左上にマーク ここから */
.label_box {
position: relative;
}
.label_inner {
    position: absolute;
    top: -4px;
    left:-5px;
    width: 81px;
    height: 81px;
    overflow: hidden;
}
.ribbon {
display: inline-block;
    position: absolute;
    padding: 4px 0;
    right: -32px;
    top: 10px;
    width: 168px;
    text-align: center;
    font-size: 14px;
    background: #FF1E21;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
font-weight: 700;
/*  font: 700 14px/1 'Lato', sans-serif;*/
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
}
.ribbon:before, .ribbon:after {
position: absolute;
content: "";
border-top: 4px solid #A20002;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
bottom: -4px;
}
.ribbon:before {
left: 28px;
}
.ribbon:after {
/*right: 24px;*/
right: 34px;
}
/* 画像の左上にマーク ここまで */












.cast_list {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.cast_list::after{
  content: "";
  display: block;
  width: 31%;
}
.castone {
    color: #fff;
    width: 31%;
    border: solid 1px #bd8781;
    margin-bottom: 15px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "ＭＳ Ｐゴシック", sans-serif !important;
}
.castone dl {
    
}
.castone dl dt {
    font-weight: normal;
    position: relative;
}
.castone dl dd {
    
}
.castone .profession {
    font-size: 13px;
    padding: 3px 0;
    text-align: center;
    background-color: #bd8781;
    color: #fff;
}
.castone .photo {
    position: relative;
}
.castone .photo .new_icon {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 42px;
    height: 42px;
}
.castone .photo .rank_icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 62px;
    height: 62px;
}
.castone .detail {
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
}
.castone .detail .box {
    padding: 6px 10px 6px 10px;
    background-color: rgba(0, 0, 0, 0.7);
}
.castone .detail .name {
    margin: 0;
    font-size: 15px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "ＭＳ Ｐゴシック", sans-serif !important;
    color: #fff;
}
.castone .detail .size {
    margin: 0;
    font-size: 11px;
}
.castone .grade {
    font-weight: normal;
    text-align: center;
    padding: 3px 0;
    font-size: 13px;
    border-bottom: solid 1px #252525;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "ＭＳ Ｐゴシック", sans-serif !important;
    color: #cccccc;
}
.castone .types {
    display: flex;
    flex-wrap: wrap;
}
.castone .types .type {
    width: 50%;
    font-size: 12px;
    color: #cccccc;
    border-bottom: solid 1px #252525;
    box-sizing: border-box;
    text-align: center;
    padding: 3px 0;
}
.castone .types .type:nth-child(odd) {
    border-right: solid 1px #252525;
}
.castone .today {
    padding: 3px 0;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "ＭＳ Ｐゴシック", sans-serif !important;
    font-size: 13px;
    color: #cccccc;
    text-align: center;
}
.castone .sokuhime {
	text-align: center;
	background: linear-gradient(to right, #a5163e 0%, #e50066 50%, #a5163e 100%);
	color: #fff;
	font-size: 13px;
}
.castone .manin {
	background: linear-gradient(to right, #d2c67c 0%, #674409 50%, #d2c67c 100%);
}


#reservation_date {
    width: auto;
}


#casts_box .castone dd {
    background-color: #000;
}

#casts_box .castone .check {
    text-align: center;
    padding: 10px 0 0 0;
}
#casts_box .castone .check input[type="radio"] {
    width: 28px;
    height: 28px;
    outline: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}


#time_tr {
    display: none;
}
#other_box {
    display: none;
}
#submit_box {
    display: none;
}
/*
span.wpcf7-not-valid-tip,
.wpcf7-response-output {
	display: none !important;
}
*/
.formError {
    color: red;
}
#sel_time {
    width: auto;
}




div.screen-reader-response p {
    color: red!important;
    font-weight: bold!important;

}




.profile_box {
    display: flex;
    font-weight: normal;
}
.profile_box .name {
    margin-right: auto;
}
.other_box {
    color: #ffffff;
    display: flex;
    font-size: 13px;
    text-align: center;
    flex-wrap: wrap;
}
.other_box .new {
    width: 32px;
    flex-shrink: 0;
    padding-right: 5px;
}
.other_box .new img {
    width: 32px;
    height: 32px;
}
.other_box .rank {
    width: 50px;
    white-space: nowrap;
    flex-shrink: 0;
    border: solid 1px #baa779;
}
.other_box .rank img {
    width: 25px;
    height: 25px;
}
.pgbox {
    display: flex;
    margin: 10px 0 20px 0;
}
.pgbox .profession {
    padding: 0 15px;
    background-color: #bd8781;
    border: solid 1px #444;
    color: #fff;
    width: 100%;
    padding-top: 5px;
}
.pgbox .grade {
    padding: 0 15px;
    background-color: #821931;
    border: solid 1px #444;
    color: #fff;
    width: 100%;
    padding-top: 5px;
}
.other_box .types {
    display: flex;
    width: 100%;
}
.other_box .types .type {
    border: solid 1px #444;
    padding: 0 20px;
    width: 100%;
    white-space: nowrap;
    margin-top: 10px;
    padding: 5px 0;
    text-align: center;
    flex: 1;
}

.photo_comment_box {
    overflow: hidden;
    width: 100%;
}
.photo_comment_box .photo {
    width: 400px;
    float: left;
}
.photo_comment_box .comment {
    width: 450px;
    float: right;
}
div.single-cast-main-photo {
    width: 100%!important;
    height: auto!important;
}
div.cast-meta-slide {
    width: 400px!important;
}
.slick-initialized .slick-slide {
    padding-right: 5px;
    box-sizing: border-box;
}
ul.top-slider.slick-initialized.slick-slider {
    width: 400px!important;
}
.comment_box {
    margin-top: 50px;
}
.comment_box h2 {
    background-color: transparent!important;
    font-weight: normal;
    border-left: solid 4px #bd8781!important;
    text-align: left!important;
    padding: 0 0 0 10px!important;
}
.qabox {
    margin-bottom: 50px;
}
.qabox table {
    border-top: solid 1px #666;
    border-right: solid 1px #666;
    width: 100%;
}
.qabox th, .qabox td {
    border-left: solid 1px #666;
    border-bottom: solid 1px #666;
    color: #fff;
}
.cast-schedule_box h2 {
    background-color: transparent!important;
    font-weight: normal;
    border-left: solid 4px #bd8781!important;
    text-align: left!important;
    padding: 0 0 0 10px!important;
}

.krc_calendar dl {
    border-color: #999!important;
}
div.krc_calendar {
    display: block!important;
}
div.krc_calendar dl {
    width: 100%!important;
    border-top: solid 1px #666!important;
    border-left: solid 1px #666!important;
    border-right: solid 1px #666!important;
    border-bottom: none!important;
    box-sizing: border-box;
    height: auto!important;
    display: flex!important;
    padding: 0!important;
}
div.krc_calendar dl dt {
    font-weight: normal;
    width: 50%!important;
    padding: 10px 0 10px 0!important;
    border-right: solid 1px #666!important;
}
div.krc_calendar dl dd {
    font-weight: normal;
    width: 50%!important;
    padding: 10px 0 10px 0!important;
}
div.krc_calendar dl:last-child {
    border-bottom: solid 1px #666!important;
}








@media only screen and (max-width: 1000px) {
    
    .cast_list::after{
      display: none;
    }
    .castone {
        width: 49%;
    }
    
    
    
    .table-res-form th, .table-res-form td {
        display: inline-block;
        width: 100%!important;
        float: left!important;
    }
    
    div.wp-block-contact-form-7-contact-form-selector {
        width: 100%!important;
        padding: 5px 0 10px 0!important;
        box-sizing: border-box;
    }
    
    .table-res-form textarea {
        width: auto!important;
    }
    
    .photo_comment_box {
    }
    .photo_comment_box .photo {
        width: 100%;
        float: none;
        padding-right: 15px;
        padding-left: 15px;
        box-sizing: border-box;
    }
    .photo_comment_box .comment {
        width: 100%;
        float: none;
        padding-right: 15px;
        padding-left: 15px;
        box-sizing: border-box;
    }
    div.cast-meta-slide {
        width: 100%!important;
    }
    ul.top-slider.slick-initialized.slick-slider {
        width: 100%!important;
    }
    .cast-schedule_box {
        box-sizing: border-box;
    }
    .other_box {
        flex-wrap: wrap;
    }
    .other_box .types .type {
        margin-top: 10px;
        padding: 5px 0;
        text-align: center;
        flex: 1;
    }
    
    .slick-slide .single-cast-main-photo img {
        width: 100%;
        height: auto;
    }
    
    
    
    
    
    
    
    
    
    
}