@charset "Shift_JIS";
#wrap_onacup{
    width:750px;
    color:#000;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", "arial", "helvetica", sans-serif !important;
    /*padding-bottom: 40px; フッター画像が入るデザインのため消し */
    margin-bottom: -20px;
    padding: 0 0 180px;
    background: url(images/bg_footer.png) no-repeat bottom #ff80a0;
    background-size: contain;
}
#wrap_onacup h2{text-align: center;}
#wrap_onacup p {font-size: 16px; line-height: 1.8;}
#wrap_onacup p.red{color: #f00;}
#wrap_onacup th,#wrap_onacup td{font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", "arial", "helvetica", sans-serif !important;}
.onacup_section{
        padding: 30px 25px;
        background-color: #fff;
    color: #6c6c6c;
}

p.p_lead{
        font-size: 18px !important;
        line-height: 1.8 !important;
		padding: 0 55px;
        color: #fff;
}

.item_50{flex:0 1 280px;}
.item_380{flex:0 1 380px;}
.item_190{flex:0 1 190px;}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*　tit　*/
.h3_tit{font-size: 40px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #017EC0;
    padding: 30px 0;
    margin-top: 35px;
    font-family: "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;
    background-image: url(images/sec01_h3_tit.jpg);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
}

.h4_tit{font-size: 28px; font-weight: bold; line-height: 1; text-align: center; color: #000; background-color: #ccc; padding: 20px 0 15px; margin-top: 40px; font-family: "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;}


/*　onacup_content　コンテンツ（大枠）の囲み　*/
.onacup_content{margin: 0 25px;}


/* nav 
下部ナビ一覧 */
.h3_navtit {
    font-size: 34px;
    padding: 13px 0;
    height: auto;
    color: #fff;
    background-color: #000;
    background-image: url(images/nav_h3_tit_01.jpg);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
}
.onacup_sec{font-size: 18px; padding: 25px;}
.onacup_nav li {
    position: relative;
    margin-left: 15px;
    flex-grow: 1;
}
.entr_nav {padding-right: 45%;}
.mntr_nav {padding-right: 10%;}
.matome_nav {padding-right: 28.3%;}


.onacup_nav li::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-left: 10px solid #3c00ff;
}
.mntr_tit{background-image: url(images/nav_h3_tit_02.jpg);}
.rvw_tit{background-image: url(images/nav_h3_tit_03.jpg);}
.matome_tit{background-image: url(images/nav_h3_tit_04.jpg);}
.mntr_tit,.rvw_tit,.matome_tit{margin-top: 0;}




/* ----------
sec01~sec03 ----------*/
/* 選定条件 */
.etr_sentei{
    border: 2px solid #ff80a0;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    margin-top: 15px;
}
.etr_sentei .h4_tit{
    color: #ff6688;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: #fff;
    margin-top: 0;
    padding: 10px;
}
.sentei_list {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #6c6c6c;
}
.sentei_list li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 20px;
    letter-spacing: -0.010em;
    line-height: 1.8;
}
.sentei_list li span {
    position: absolute;
    left: 0;
    margin: 0;
}



/* etr_nav */
/* 1~30位 */
.etr_nav li {
    color: #fff;
    background-color: #ff6688;
    border-radius: 30px;
    padding: 10px 0;
    font-size: 28px;
    font-weight: bold;
    width: calc(92.5% / 3);
    text-align: center;
    line-height: 1;
}
.etr_nav li a,.etr_nav li a:hover{
    text-decoration: none;
    color: #fff;
    display: block;
}
.etr_nav .btn_wait {
    background-color: #afafaf;
    cursor: pointer;
}
.etr_nav .btn_active:hover,.etr_nav .btn_wait:hover {
    background-color: #d7d7d7;
    text-decoration: none;
}

/* エントリー */
.etr_item_name{font-size: 18px; line-height: 1.2; font-weight: bold;}
.etr_item_price{font-size: 18px; line-height: 1.2;}
.etr_item_price span{color: #F00; font-weight: bold;}
.etr_item_maker{font-size: 18px; line-height: 1.2; color: #000;}
.etr_item_txt{font-size: 16px; line-height: 1.4; color: #6c6c6c;}

/* 評価を見るbtn */
.btn_hyouka {
    display: block;
    font-size: 24px;
    color: #fff;
    text-align: center;
    background-color: #05b3b5;
    padding: 14px 0;
    border-radius: 10px;
    border-style: none;
    margin: 10px 0 0 auto;
    width: 160px;
    line-height: 1;
}

.btn_hyouka:hover{
    opacity: .7;
    text-decoration:none;
    color: #fff;
}
.btn_hyouka:visited {
    text-decoration: none;
    color: #fff;
}

/*　dot_line　ドットライン　*/
svg.dot_line{
	fill: none;
	stroke: rgb(185, 185, 185);
	stroke-width: 4;
	stroke-linecap: round; 
         /* 線の端の部分を丸く、四角はsquare*/
	stroke-dasharray: 0.5, 8;
         /*　塗りと空白距離で間隔を設ける */
	stroke-dashoffset: -5;
}




/* ----------
sec04 ----------*/
.h3_tit.sec04_tit{background-image: url(images/sec04_h3_tit.jpg);}
.mntr_list{
    width: 100%;
    color: #ff6688;
    background-color: #fff664;
    border-radius: 20px;
    padding: 30px 20px;
    font-size: 18px;
    height: fit-content;
}
.mntr_list li{line-height: 1.6;}



/* ----------
index05 sec05  ----------*/
.h3_tit.sec05_tit{background-image: url(images/sec05_h3_tit.jpg);}

.rvw_list li{
    /*width: calc(92.5% / 5);*/
    margin-top: 12px;
}


/* ----------
index05〜10 sec06〜  ----------*/
.sec06_tit{
    font-size: 32px;
    line-height: 1.2;
    margin-top: 0;
    background-image: none;
    border-right: solid 20px #FFCE37;
    border-left: solid 20px #ffcf37;
    background-color: #04B8B9;
}

/* 各オナカップの評価 */
.h4_tit.sec05_h4_tit,.h4_tit.sec06_h4_tit02 {
    font-size: 32px;
    color: #5e5757;
    background-color: #ccc0;
    margin-top: 0;
    padding-top: 0;
}
.h4_tit.sec05_h4_tit::before,.h4_tit.sec05_h4_tit::after,.h4_tit.sec06_h4_tit02::before,.h4_tit.sec06_h4_tit02::after{
    content: "▼";
    color: #ff6688;
}
.rvw_list li img {
    border: solid 2px #ccc0;
    box-sizing: border-box;
}
.rvw_list li img:hover{
    border: solid 2px #ff0000;
    box-sizing: border-box;
}



/* 総合評価 */
.all_val_box{width: 100%;}
.all_val{
    font-size: 35px;
    line-height: 1;
    color: #ff6688;
    white-space: nowrap;
}
.all_val span{color: #6c6c6c;}
.all_val_box table{
    width: 100%;
    text-align: center;
    border-spacing: 0;
	border-collapse: collapse;
}
.all_val_box th,.all_val_box td {
    line-height: 0;
	border: 3px solid #fff;
    padding: 7px 0;
}
.tit{
    background-color: #5e5757;
    color: #fff;
}
.hoshi{
    width: 138px;
    background-color: #e6e6e6;
}
.points{
    width: 60px;
    background-color:#ff6688;
    color: #fff;
}
/* 補足border */
.brd_t_none th,.brd_t_none td{border-top: none !important;}
.brd_r_none{border-right: none !important;}
.brd_b_none{border-bottom: none !important;}
.brd_l_none{border-left: none !important;}




/*　speech_left　吹き出し　左アイコン,speech_right　吹き出し　右アイコン　*/
.icon_right{flex: 0 0 130px; text-align: center;}
.icon_left{flex: 0 0 115px; text-align: center;}
.icon_left img,.icon_right img{
  max-width: 100%;
  height: auto;
}
.speech_right p{color: #ff8a18; font-size: 20px; line-height: 1.6 !important;}

/* 吹き出し　左アイコン */
.speech_left{
  color: #666;
  position: relative;
  padding: 22px 20px;
  background-color: #fff;
  border: 2px solid #ffce37;
  margin-right: 0px;
  margin-left: 25px;
  flex: 0 1 100%;
  line-height: 1.6 !important;
}

.speech_left::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -24px;
  top: 40%;
  border-right: 24px solid #ffce37;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.speech_left::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -19px;
  top: 40%;
  border-right: 24px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

/* 吹き出し　右アイコン */
.speech_right{
  color: #ff8a18;
  position: relative;
  padding: 25px 15px 25px 20px;/*25px 15px*/
  background-color: #fff;
  border: 2px solid #ffce37;
  margin-right: 20px;
  margin-left: 0px;
  flex: 0 1 100%;
  line-break: anywhere;
}

.speech_right::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -24px;
  top: 40%;
  border-left: 24px solid #ffce37;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.speech_right::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -19px;
  top: 40%;
  border-left: 24px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.speech_right p{
    font-size: 28px !important;
    line-height: 1.2 !important;
}
.f-set{font-feature-settings: "palt";}


/* col_list　縦位置　横並び */
.col_list{flex: 0 0 310px;}
.col_tit{
    color: #fff;
    background-color: #05b3b5;
    padding: 12px 0;
    text-align: center;
}
.col_list img {
    border: solid 2px #dcdcdc;
    border-top: none;
    box-sizing: border-box;
}
.col_list p{line-height: 1.6 !important;}

.sec06_h4_tit{
    font-size: 32px;
    color: #666;
    background-color: #ffce37;
    padding: 15px 0 13px;
}


/* みんなの採点表 */
.h4_tit.sec06_h4_tit02{margin-top: 30px;}
.all_score{
    width: 100%;
    border: solid 2px #ff80a0;
    table-layout: fixed;
}
.all_score,.all_score td,.all_score th {
	border-collapse: collapse;
}
.all_score th,.all_score td {
    text-align: center;
    padding: 20px 0;
    line-height: 1;
}
.all_score th {
    color: #fff;
	background: #ff80a0;
    padding: 20px 0;
}

.all_score td {
    width: 120px;
    padding: 10px 0;
}

/* 星 */
.all_score .rank_top{color: #ff0039;}
.all_score .normal{color: #04b7b9;}
.all_score .low{color: #777070;}

/* 補足border */
.all_score .score_tit th:nth-child(n+2),.all_score .score_name td:nth-child(2){border-left: 1px solid #fff !important;}
.all_score .score_tit th:first-child {
    width: 165px;
    border-bottom: 1px solid #fff !important;
}
.all_score .score_tit th:nth-child(n+2){border-bottom: 1px solid #fff !important;}
.all_score .score_name th{border-bottom: 1px solid #fff !important;}
.all_score .score_name:last-child th{border-bottom: none !important;}
.all_score .score_name td:nth-child(n+3) {border-left: 1px solid #ff80a0 !important;}
.all_score .score_name td:nth-child(n+2) {border-bottom: 1px solid #ff80a0 !important;}

/* 一覧に戻るリンク */
.i_link,.t_link{
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
}

/* ----------
index11 sec35 まとめ ----------*/
.h3_tit.sec35_tit {
    background-image: url(images/sec35_h3_tit.jpg);
}
.list_no1{
    width: 100%;
    text-align: center;
}

/* 総評 */
.souhyou_sec{
    background-color: #fefcbb;
    margin-top: -10px;
}
.souhyou_txt {
    line-height: 1.4;
    color: #d0001d;
    text-align: center;
}
.souhyou_sec{
    font-size: 16px;
    line-height: 1.8;
}