/* Common */
.clearfix{
    clear: both;
}

/* ------------- PC ------------- */
/* Contents */
.main{
    margin:0 auto 30px;
}
h3{
	background: #383090;
	border-radius: 5px;
    padding: 5px 10px;    
	margin-bottom: 20px;
	color:#fff;
    font-size: 1.3em;	
}
.score_wrap{
 display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
 background: #fff3f3;
 padding: 2%;
 margin-bottom: 3%;
}
.score_left{
 width: 25%;
}
.score_left img{
 border: 1px solid #989898;
}
.score_right{
 width: 75%;
}
.score_right .ttl{
    font-size: 15px;
    font-weight: bold;
   color: #3b4598;
    margin-bottom: 5px;
}
.score_right .txt{
    color: #4e4e4e;
    margin-bottom: 5px;
}
.score_right .level{
    color: #767676;
}
.score_right dl{
    display: table;
 margin-top: 10px;
}
.score_right .score_price{
    font-size: 140%;
 display: table-cell;
}
.score_right .score_price span{
    font-size: 16px;
    font-weight: bold;
    color: #E60082;
}
.score_right .score_notice{
    display: table-cell;
    padding: 2px 0 0 10px;
}
.score_right .score_notice span{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #E60082;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    letter-spacing: normal;
    padding: 3px 10px 2px;
    font-size: 12px;
}
.score_right .cart{
 display: table-cell;
 vertical-align: middle;
}
.score_right dd{
  margin-left:20px;  
}
.official_btn a{
 display: block;
    background: #c14a96;
    box-shadow: 2px 3px 0px 1px #a20c05;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px 0px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
 width: 60%;
    margin: 0 auto 20px;
 padding: 10px;
    cursor: pointer;
}
.official_btn a:hover{
 text-decoration: none;
 opacity: 0.8;
}

/* ---------- SP ---------- */
.sp h3 {
 text-align: center;
    margin-bottom: 10px;
}
.sp .score_wrap {
 display: block;
 padding: 3%;
}
.sp .score_left {
    width: 100%;
    text-align: center;
 margin-bottom: 5%;
}
.sp .score_right {
    width: 100%;
}
.sp .score_right .ttl {
 width: 90%;
 margin: 0 auto 2%;
}
.sp .score_right dl {
    display: block;
}
.sp .score_right dl dd{
    display: block;
 margin: 0 auto 1%;
 text-align: center;
}
.sp .official_btn a {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 90%;
    margin: 0 auto 20px;
    padding: 10px;
    cursor: pointer;
}

/* ---------- SNS Btn ---------- */
#social_btn{
    float: right;
    margin: 0 0 15px 0;
}
#social_btn ul{
    display: flex;
}
#social_btn ul .fb,
#social_btn ul .tw {
    margin-right: 10px;
}