/* カスタマイズ用CSS */

#option_detailclass0_area small {
    font-size: 100%;
}

@media (max-width: 767px) {
.t-title1 {
    border-bottom:2px solid #F48282;
    padding-bottom: 2px;
    color: #F48282;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
    
}
}

@media (min-width: 768px) {
.t-title1 {
    border-bottom:2px solid #F48282;
    padding-bottom: 2px;
    color: #F48282;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    
}
}



.t-title1:before {
    
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right:5px;}
  
.t-list img {
    max-width: 100%;
}
.top-banner img {
    margin-bottom: 15px;
}
#class_layout_area {
    border: 1px solid #999;
}
.t-list-waku {
    clear: both;
    margin-bottom: 20px;
}

.t-list2 {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.t-title {
    margin-bottom: 15px;
}

.ctitle {
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 6px;
}

.ec-headerNav a {
    text-decoration: none;
}

.ec-productRole__description h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px;
    padding: 0px;

    padding: 8px 8px 8px;
    border: solid 1px #ccc;
    color: #1D539E;
    background: #F9F1F1;
    font-size: 100%;
}