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

.heading01 {
    font-size: 21px;
    display: inline-block;
    color: #000;

    font-weight: normal;
    line-height: 23px;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
}
/* ボタンカラー用CSS */
.ec-cartRole .ec-blockBtn--action {
    margin-bottom: 10px;
    background-color: #e72e58;
    transition: 0.3s;
}
.ec-cartRole .ec-blockBtn--action:hover {
    color: #fff;
    background-color: #e50031;
    transition: 0.3s;
}
.ec-cartRole a.ec-blockBtn--cancel:hover {
    transition: 0.3s;
    color: #fff;
}
body#page_contact [type=submit] {
    color: #fff;
    background-color: #e72e58;
    transition: 0.3s;
    font-family:"Noto Sans Japanese", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
body#page_contact button:hover {
    background-color: #e50031;
    color: #FFF;
    transition: 0.3s;
}
.ec-cartNaviWrap a.ec-blockBtn--action {
    color: #fff;
    background-color: #e72e58;
}
.ec-cartNaviWrap a.ec-blockBtn--action:hover {
    background-color: #e50031;
    color: #FFF;
}
.ec-welcomeMsg a.ec-blockBtn--action.load-overlay.dlc-button {
    color: #fff;
    background-color: #e72e58;
}
.ec-welcomeMsg a.ec-blockBtn--action.load-overlay.dlc-button:hover {
    background-color: #e50031;
    color: #FFF;
}
.ec-totalBox__paymentTotal a.ec-blockBtn--action.load-overlay{
    color: #fff;
    background-color: #e72e58;
}
.ec-totalBox__paymentTotal a.ec-blockBtn--action.load-overlay:hover{
    background-color: #e50031;
    color: #FFF;
}
.ec-navlistRole .ec-navlistRole__item{
    font-size: 14px;
}
.ec-navlistRole .active a {
    color: #e72e58;
}
body#page_shopping .ec-blockBtn--action,body#page_shopping_confirm .ec-blockBtn--action {
    color: #fff;
    background-color: #e72e58;
    border-color: #e72e58;
}
body#page_shopping .ec-blockBtn--action:hover,body#page_shopping_confirm .ec-blockBtn--action:hover {
    background-color: #e50031;
    color: #FFF;
    border-color: #e50031;
}
body#page_shopping .ec-layoutRole a:hover,body#page_shopping_confirm .ec-layoutRole a:hover {
    color: #fff;
}
body#page_sln_edit_card a#add_card {
    margin-bottom: 10px;
    background-color: #e72e58;
    color: #fff;
}
body#page_sln_edit_card a#add_card:hover {
    color: #fff;
    background-color: #e50031;
}
.ec-modal-box a.ec-inlineBtn--action{
    background-color: #e72e58;
    color: #fff;
}
.ec-modal-box a.ec-inlineBtn--action:hover{
    color: #fff;
    background-color: #e50031;
}
@media screen and (min-width: 768px) {
    a{
      transition: 0.3s;  
    }
    a:hover{
      transition: 0.3s;  
    }
}
/* お問い合わせ用CSS */
.contact50 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}
.contact50 > div {
    width:48%; 
}
.contact50 input[type=text] {
    width:100%; 
}
.contact50 p.ec-errorMessage {
    margin-top: 3px;
}
@media screen and (max-width: 767px) {
    .contact50 > div {
    width:100%; 
}
}
/* ダウンロードページCSS */
body#page_sheeb_dlc_downloads .ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
    position: relative;
}
p.ec-shelfGrid__item-image::before{
 content: "";
  display: block;
  padding-top: 100%;
    }
p.ec-shelfGrid__item-image img {
      position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: contain;
}

body#page_sheeb_dlc_downloads .dlc-card-title {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
}
body#page_sheeb_dlc_downloads p{
    margin-bottom: 10px;
    font-size: 14px;
}
/* 購入確認CSS */
body#page_shopping_confirm .ec-rectHeading h2,#page_shopping .ec-rectHeading h2 {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}
/* マイページクレジットCSS */
body#page_sln_edit_card .ec-pageHeader h1 {
    font-size:2.2rem;
}
body#page_sln_card_payment {
    font-size: 16px;
}

body#page_sln_card_payment .ec-pageHeader h1 {
    font-size: 32px;
    padding: 16px 0 12px;
    margin: 0 16px 48px;
}

body#page_sln_card_payment div#top_box__footer {
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}

body#page_sln_card_payment #top_box__button_menu p a {
    font-size: 14px;
    color: #fff;
}
body#page_sln_card_payment #top_box__button_menu a.ec-blockBtn--action:hover {
    background-color: #e50031;
    color: #FFF;
}
body#page_sln_card_payment #top_box__button_menu a.ec-blockBtn--action {
    color: #fff;
    background-color: #e72e58;
}
body#page_shopping_complete .ec-blockBtn--cancel:hover {
    color: #fff;
    background-color: #3b3b47;
    border-color: #363642;
}

#page_help_tradelaw .ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}

#page_help_tradelaw .ec-borderedDefs dd,#page_help_about .ec-borderedDefs dd {
    padding-bottom: 5px;
    font-size: 14px;
}
#page_help_tradelaw .ec-borderedDefs dt,#page_help_tradelaw .ec-borderedDefs dd
#page_help_about .ec-borderedDefs dt,#page_help_about .ec-borderedDefs dd {
    line-height: 166%;
}
#page_help_tradelaw .ec-borderedDefs dd a,#page_help_about .ec-borderedDefs dd a{
    color: #2aabd2;
}
@media only screen and (min-width:768px) {
    #page_help_tradelaw .ec-borderedDefs dl,#page_help_about .ec-borderedDefs dl {
        flex-wrap: nowrap;
        padding: 15px 5px;
        align-items: center;
    }
    #page_help_tradelaw .ec-borderedDefs dt,#page_help_about .ec-borderedDefs dt {
        padding-top: 0;
    }

    #page_help_tradelaw .ec-borderedDefs dd,#page_help_about .ec-borderedDefs dd  {
        width: 70%;
        line-height: 166%;
        font-size: 14px;
        margin-bottom: 0;
    }
}
body#page_help_about h3 {
    font-weight: bold;
}

.mypage .ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle,
.mypage .ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice
{
    font-size: 16px;
}

#page_sheeb_dlc_downloads .ec-shelfRole {
    padding: 0;
}
@media screen and (max-width: 767px) {
.mypage .ec-pageHeader {
    margin-bottom: 40px;
}
}
.mypage .ec-rectHeading {
    margin-top: 10px;
}
#page_sln_edit_card #top_box__footer {
    justify-content: center;
}

@media only screen and (max-width : 1023px) {
    .product_page .ec-layoutRole #left-R .search_list_wrap {
        max-height: 550px;
    }
}

#page_mypage_favorite .ec-favoriteRole .ec-favoriteRole__item-image {
    height: inherit;
}
.product_page .ec-layoutRole #product_detail_main .ec-sliderItemRole .slick-track {
    max-width: inherit !important;
}
        .ec-sliderItemRole .slideThumb img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}
.ec-sliderItemRole .slideThumb {
    margin-bottom: 15px;
    width: 18%;
    opacity: .8;
    cursor: pointer;
    aspect-ratio: 1/1;
    margin-right: 2%;
    object-fit: cover;
}
.product_page .ec-layoutRole #product_detail_main .ec-sliderItemRole .slick-track img {
    max-width: 500px!important;
    width: 100%;
    height: auto!important;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 4/3;
    max-height: 500px;
}