.list-shadow h2{font-size: 2.1rem;margin-bottom: 15px;padding: 0 0 10px 0;border-top: 0;border-bottom: 4px dashed #009cd4;color: #009cd4;text-align: left;}
.yutai-title{font-weight: bold;margin-bottom: 10px;border: 5px #0083b0 double; padding: 15px;color: #0083b0; font-size: 110%;background-color: #ffffff;}
.yutai-title::before {font-family: 'Material Icons';content: '\e3a7';margin-right: 8px;font-size: 1.2rem;vertical-align: middle;color: #00b4db; 
}
.other_box section{padding: 20px;background-color: #ffffff;border-radius: 8px;box-shadow: 0 6px 15px rgba(188, 226, 244, 0.4);}
.other_box h2{font-size: 2.1rem;}
.other_box .list-bg{font-size: 90%;}
.other_box .btn a{background: linear-gradient(to bottom, #fff100, #ffd800); text-decoration: none;text-align: center;display: block;padding: 15px 5px 15px 0;border-radius: 5px;color: #222222; font-weight: bold;margin: 10px 5% 0 5%;font-size: 1.3rem;letter-spacing: 0;box-shadow: 0 3px 0 #dbb600;transition: all 0.2s ease;}
.other_box .btn a:hover{background: linear-gradient(to bottom, #ffd800, #fff100);color: #000000;box-shadow: 0 1px 0 #dbb600;transform: translateY(2px);}
.tab-label-small{margin-bottom: 10px;}
.subtext{font-size: 110%;margin-bottom: 10px;letter-spacing: 0.5px;}
.detail{width: 97%;border-spacing: 3px;margin: 0 1.5%;padding-bottom: 10px;padding-top: 5px;}
.detail th{text-align: center;background: #e1f0f7; color: #0083b0; padding: 10px;}
.detail td{font-size: 100%;padding: 15px;letter-spacing: 1px;background: #f7fbfd; color: #2c3e50;font-weight: bold;}
.detail font{font-size:90%;}
.list-bg{background: #e1f0f7; 
    border-top-left-radius: 10px;}
.list img{border-radius:3px;}
.tokuten_list li{position:relative;margin-bottom:0;font-size:92%;}
.tokuten_list li:before{position:absolute;top:3px;left:0;content:'\e86c';font-family:Material Icons;}
.tokuten_list li p{padding-left:20px;padding-right:10px;}
.arrow_box{position: relative;width: 100%;background: #00abeb;text-align: left;color: #FFFFFF;border-radius: 15px;font-size: 100%;}
.arrow_box:after{border: solid transparent;content: '';height: 0;width: 0;pointer-events: none;position: absolute;border-color: rgba(0, 153, 255, 0);border-top-width: 10px;border-bottom-width: 10px;border-left-width: 10px;border-right-width: 10px;margin-left: -10px;border-bottom-color: #00abeb;bottom: 100%;left: 7%;}
.arrow_box p{padding:15px 20px;}
.btn_red span{font-size:80%;}
.other_text{width:97%;margin:0 1.5%;}

.list-prize li{border:1px #CCC solid;margin-bottom:10px;}
.list-prize li.none{border:0;}
.list-prize dl{display:flex;justify-content:space-between;}
.list-prize dl dt{width:16%;text-align:center;background:#f3f3f3;padding:2%;color:#333;letter-spacing:0.5px;}
.list-prize dl dt span{display:block;text-align:center;}
.list-prize dl dt font{font-size:85%;}
.list-prize dl dd{width:76%;padding:1% 2%;}
.list-prize .featured_prize{font-size: 1.3rem;
    color: #555555;
    margin: 0;
    display: flex;
    align-items: center;}
.list-prize .featured_prize span{background: linear-gradient(to bottom, #fff100, #ffd800); /* 元気な黄色 */
    color: #222222;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 3px 8px;
    border-radius: 4px;
    margin-right: 10px;
    white-space: nowrap;
    box-shadow: 0 2px 0 #dbb600;}
.list-prize-title{font-weight:bold;margin-bottom:10px;border:5px #0074bd double;padding:15px;color:#0074bd;font-size:110%;}
.content_link a{text-decoration:none;color:#333;display:block;}
.content_link a:hover{opacity:0.6;}
.list-prize .content_link {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #e1f0f7;
    box-shadow: 0 6px 12px rgba(0, 160, 233, 0.25); 
    margin-bottom: 15px;
    transition: all 0.2s ease;
}

.list-prize .new.cf {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333333;
    margin: 0 0 10px 0;
    /* 下線にさっきの「破線（dashed）」を使って、結晶っぽさを演出！ */
    border-bottom: 3px dashed #009cd4; 
    padding-bottom: 8px;
}
@media screen and (min-width:651px){
 .other_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
 .other_box li{width:49%;}
 
	.detail th{width:25%;}
	.flex_two{display:flex;justify-content:space-between;}
	.flex_two li{width:50%;}
}

@media screen and (max-width:650px){
 .list-shadow h2{font-size:1.8rem;}
	.c_detail table{font-size:90%;}
	.c_detail th,.c_detail td{display:block;}
	.detail th,.detail td{display:block;width:90%;padding:10px 5%;text-align:left;}
	.member-title dt{font-size:110%;}
	.member-title dd{font-size:90%;}
	.arrow_box{font-size:90%;}
}