@charset "utf-8";
.prof_contents{
 font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", 'Noto Serif', "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}
#prof_data{
	width: 98%;
	display: table;
	max-width: 1200px;
	margin: 40px auto;
}
#prof_l {
    display: table-cell;
    vertical-align: top;
    width: 40%;
    text-align: center;
}
#prof_r {
    display: table-cell;
    vertical-align: top;
    color: #28283C;
}
.prof-sum {
    /* margin-bottom: 5%; */
    /* padding: 0 15px; */
    position: relative;
    max-width: 420px;
    margin: 0 auto 10px auto;
}
.sum-change_ul {
    display: table;
    font-size: 0;
    width: 100%;
}
.sum-change_li {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 2% 3% 0;
}
.sum-change_li img {
    border: 1px solid #786762;
}

.pr_girl_q {
  border-bottom: 1px solid #42a3e4;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 10px;
}
.prof_mark {
    text-align: center;
    margin-bottom: 30px;
}


/*** 銀　***/
.ribbonss {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transform: rotate(-10deg) skew(-17deg,4deg);
  transform: rotate(-10deg) skew(-17deg,4deg);
}
.ribbonss:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #949494;
  bottom: -7px;
  left: -15px;
  z-index: -2;
}

.ribbonss:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #949494;
  bottom: -10px;
  right: -25px;
  z-index: -2;
}

.ribbonss p {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: white;
      background: #868686;
    background: -moz-linear-gradient(left, #868686 0%, #b4b4b4 25%, #838383 50%, #b2b2b2 75%, #818181 100%);
    background: -webkit-linear-gradient(left, #868686 0%,#b4b4b4 25%,#838383 50%,#b2b2b2 75%,#818181 100%);
    background: linear-gradient(to right, #868686 0%,#b4b4b4 25%,#838383 50%,#b2b2b2 75%,#818181 100%);
}
.ribbonss p:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 25px #454545;
}
.ribbonss p:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #454545;
}


/*** 金　***/
.ribbongl {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transform: rotate(-10deg) skew(-17deg,4deg);
  transform: rotate(-10deg) skew(-17deg,4deg);
}
.ribbongl:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #bea04d;
  bottom: -7px;
  left: -15px;
  z-index: -2;
}

.ribbongl:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #bea04d;
  bottom: -10px;
  right: -25px;
  z-index: -2;
}

.ribbongl p {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: white;
    background: #c1a454;
    background: -moz-linear-gradient(left, #c1a454 0%, #f0d773 25%, #bd9e4c 50%, #f1d874 75%, #b6994d 100%);
    background: -webkit-linear-gradient(left, #c1a454 0%,#f0d773 25%,#bd9e4c 50%,#f1d874 75%,#b6994d 100%);
    background: linear-gradient(to right, #c1a454 0%,#f0d773 25%,#bd9e4c 50%,#f1d874 75%,#b6994d 100%);
}
.ribbongl p:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 25px #454545;
}
.ribbongl p:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #454545;
}



/*** プラチナ　***/
.ribbonpl {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transform: rotate(-10deg) skew(-17deg,4deg);
  transform: rotate(-10deg) skew(-17deg,4deg);
}
.ribbonpl:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #6892b3;
  bottom: -7px;
  left: -15px;
  z-index: -2;
}

.ribbonpl:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #6892b3;
  bottom: -10px;
  right: -25px;
  z-index: -2;
}

.ribbonpl p {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: white;
    background: #5081A8;
    background: -moz-linear-gradient(left, #5081A8 0%, #7CA1BD 25%, #BFD1DF 50%, #7CA1BD 75%, #5081A8 100%);
    background: -webkit-linear-gradient(left, #5081A8 0%,#7CA1BD 25%,#BFD1DF 50%,#7CA1BD 75%,#5081A8 100%);
    background: linear-gradient(to right, #5081A8 0%,#7CA1BD 25%,#BFD1DF 50%,#7CA1BD 75%,#5081A8 100%);
}
.ribbonpl p:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 25px #454545;
}
.ribbonpl p:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #454545;
}

/*** アスク　***/
.ribbonpa {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transform: rotate(-10deg) skew(-17deg,4deg);
  transform: rotate(-10deg) skew(-17deg,4deg);
}
.ribbonpa:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #bb0324;
  bottom: -7px;
  left: -15px;
  z-index: -2;
}

.ribbonpa:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #bb0324;
  bottom: -10px;
  right: -25px;
  z-index: -2;
}

.ribbonpa p {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: white;
    background: #5081A8;
    background: -moz-linear-gradient(left, #a10420 0%, #b50323 25%, #d20429 50%, #b50323 75%, #a10420 100%);
    background: -webkit-linear-gradient(left, #a10420 0%,#b50323 25%,#d20429 50%,#b50323 75%,#a10420 100%);
    background: linear-gradient(to right, #a10420 0%,#b50323 25%,#d20429 50%,#b50323 75%,#a10420 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5081A8', endColorstr='#5081A8',GradientType=1 );
}
.ribbonpa p:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 25px #a10420;
}
.ribbonpa p:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #a10420;
}



.h3-name {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    
    color: #28283C;
}
.self-ul {
    padding-bottom: 4%;
}
.self-li_top, .self-li_btm {
    text-align: center;
}
.self-li_btm {
    font-size: 24px;
}




/*** 可能プレイ ***/
span.h3_en {
    font-size: 28px;
}
.p_play_ul {
    max-width: 1200px;
    width: 100%;
    display: table;
    margin: 0 auto;
}

.play_bg{
    padding:30px 0; 
        background: #efeff0 url(../images/play.jpg) center center no-repeat;
    background-size: cover;
}
.play_ttl {
    text-align: center;
    margin-bottom: 20px;
}
.play_ttl h3{
    font-size: 16px;
     color: #fff;
     text-shadow: 1px 2px 3px #000000;
}

.bas_c{
    color: #fff;
    text-shadow: 1px 2px 3px #000000;
}
.play_box {
    width: 90%;
    margin: 0 auto;
    display: table;
    font-size: 0;

}
.play_list {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 2%;
    width: 20%;
    text-shadow: 1px 2px 3px #000000;
    text-align: center;
}
.play_caution {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #28283c;
    box-sizing: border-box;
    padding: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #28283c;
    background: rgb(255 255 255 / 87%);
}
.p3_c{
    color:#28283c;
}

.sch_box {
    margin: 40px auto;
}
/*** 週間 ***/
#oneweek-ul {
    border-top: 1px solid #28283C;
    border-right: 1px solid #28283C;
    width: 98%;
    margin: 20px auto;
}
.oneweek-li {
    display: table;
    border-left: 1px solid #28283C;
    border-bottom: 1px solid #28283C;
    text-align: center;
    width: 100%;
    font-size: 18px;
}
.div-day, .div-time {
    display: table-cell;
    width: 50%;
    box-sizing: border-box;
    padding: 2%;
}
.div-day {
    border-right: 1px solid #28283C;
}
span.blue {
    color: #3988ff;
}
span.red {
    color: #ff0000;
}

@media screen and ( max-width:820px){
#prof_l {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    text-align: center;
}
.prof-sum img {
    width: 100%;
}

  .sum-change_li img {
    width: 80px;
}

.play_list {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 1%;
    width: 22%;
    text-shadow: 1px 2px 3px #000000;
    text-align: center;
}


}
@media screen and ( max-width:414px){

#prof_l {
    display: block;
    vertical-align: top;
    width: 98%;
    text-align: center;
    margin: 0 auto;
}
#prof_r {
    display: block;
    vertical-align: top;
    color: #28283C;
    margin:30px auto;
}
.pr_girl_c {
    width: 98%;
    margin: 0 auto;
}
.play_list {
    margin: 1%;
    width: 48%;
}
}