@charset "UTF-8";

[lang=ja],
html[lang=ja] body {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, Verdana, Arial, Helvetica, sans-serif;
    background-color: rgba(255,255,255,0.9);
}

/* ------------------------------------------------------------------------------------------------------------------------
    template_store.css のカスタマイズ
------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------
　header
---------------------------------------- */
/* ヘッダー高さ変更 */
.header {
    min-height: auto;
    padding: 0px 5% 0px 21px;
}

/* デフォルトグレーのバー、homeボタン、問い合わせボタン、会員証 非表示 */
.navigation,
ul.navlist li.home,
ul.navlist li.inquiry,
.section_wrp #section01 .section_inner .headline,
.header_wrp #member_card {
    display: none;
}

.section_wrp #section01 .section_inner .headline+.content {
    margin-top: 0;
}

.header_wrp {
    border-bottom: 1px solid #c8c8c8;
}

/* カートボタン */
.header .nav ul li.nav-cart a:before {
    content: '';
    position: absolute;
    margin: auto;
    top: 5px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url(/image/header_icon_cart_in.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px 40px;
}

/* タブレット以下 */
@media screen and (max-width: 768px) {
    .header .nav ul li.nav-cart a:before {
        display: none;
    }
}

/* ----------------------------------------
　contents
---------------------------------------- */
.bg_cover {
    width: 100%;
    height: 45vh;
    background-image: url(/image/header_image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.prdtLink {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    padding: 16px 43px 14px 30px;
    border: 1px solid #fff;
    border-radius: 5px;
    position: absolute;
    top: 43%;
    left: 19%;
    letter-spacing: 1px;
    background: #6b7387;
}

/* 商品一覧ボタンヨコ矢印 */
.prdtLink:after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 45%;
    right: 25px;
    margin-top: -4px;
    transform: rotate(45deg);
}

.prdtLink:hover {
    color: #fff;
    opacity: 0.7;
}

.section_wrp {
    margin-top: 0;
}

.inner_top {
    width: 100%;
    max-width: 1280px;
    box-sizing: border-box;
    margin: 50px auto;
    padding: 0 50px;
    font-size: 16px;
}

.inner_top .flow h1+div {
    margin-top: 15px;
}

.inner_top .flow img {
    max-width: 100%;
}

.type1 {
    margin-bottom: 3.5rem;
    text-align: center;
}

.type1 h1 {
    font-size: 26px;
    font-weight: bold;
}

.type1 p {
    font-size: 18px;
    line-height: 1.8rem;
    padding: 0 230px;
}

@media screen and (max-width: 1200px) {
    .prdtLink {
        top: 45%;
        left: 9%;
    }

    .type1 p {
        padding: 0 50px;
    }
}

@media screen and (max-width: 768px) {
    .bg_cover {
        background-position: center;
        height: 35vh;
    }

    .inner_top {
        padding: 0 20px;
        margin-bottom: 50px;
    }

    .type1 {
        margin-bottom: 2.5rem;
    }

    .type1 h1 {
        font-size: 1.1rem;
        text-align: center;
    }

    .type1 p {
        padding: 0;
        font-size: 15px;
        line-height: 1.5rem;
    }

    .prdtLink {
        top: 90px;
        left: 15px;
        font-size: 19px;
        padding: 13px 35px 12px 25px;
    }

    /* 矢印大きさ、位置 */
    .prdtLink:after {
        width: 6px;
        height: 6px;
        top: 49%;
    }
}

@media screen and (max-width: 768px) {
    .header_wrp .nav .navlist li.nav-cart a {
        border-bottom: 1px solid #f4f4f4;
        box-sizing: border-box;
        text-align: left;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        padding-top: 0;
        padding-left: 55px;
    }

    .header_wrp .nav .navlist li.nav-cart {
		background-color: #6b7387;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }

    .header_wrp .nav .navlist li.nav-cart:before {
        content: "";
        position: absolute;
        top: 20px;
        left: 20px;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;

    }

    .header_wrp .nav .navlist .nav-cart:before {
        background: url(/image/header_icon_cart40_sp.png) no-repeat top center;
    }
}

/* ----------------------------------------
　お知らせ
---------------------------------------- */
/* お知らせ大見出し 非表示 */
.headline h2.title {
    display: none;
}

/* 一覧を見るボタン 位置調整 */
.headline .btn_more {
    top: -0.3rem;
}

/* ----------------------------------------
　業務メニュー
---------------------------------------- */
.section_inner {
    width: 100%;
    max-width: 1280px;
    box-sizing: border-box;
    padding-top: 0;
}

.mypage_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mypage_menu li {
    width: 31.2%;
    margin: 0 1% 15px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    display: table;
    position: relative;
}

.mypage_menu img {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 100px;
}

.mypage_menu .title {
    width: 100%;
    padding: 0 0 0 5px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
}

.mypage_menu a {
    display: block;
    margin: 0;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

@media only screen and (max-width: 768px) {
    .mypage_menu li {
        padding: 10px;
    }

    .mypage_menu .title {
        font-size: 18px;
    }

    .mypage_menu img {
        width: 60px;
        height: 60px;
    }

    .mypage_menu a {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .mypage_menu li {
        width: 100%;
    }

    .mypage_menu .title {
        font-size: 16px;
    }

    .mypage_menu img {
        width: 40px;
        height: 40px;
    }

    .mypage_menu .title {
        font-size: 12px;
    }
}

/* ----------------------------------------
　フッター
---------------------------------------- */
.footer_wrp .content_width .free_area {
    margin: 0;
}

@media only screen and (max-width: 768px) {

    .footer_wrp .content_width .footer .l-footer-left ul.foote_link li:nth-child(5),
    .footer_wrp .content_width .footer .l-footer-left ul.foote_link li:nth-child(6) {
        /*
        display: none;
        */
    }
}

/* ----------------------------------------
　会員情報、お問い合わせページ
---------------------------------------- */
/* input無効 */
/* .member .content .m-inputCustomerInfo #custom_items_a80e04dd-03ef-45b6-ac03-ea647f8a3151,
.member .content .m-inputCustomerInfo #custom_items_7701df99-c7ce-42da-bfc8-4196d961b438,
.member .content .m-inputCustomerInfo #custom_items_97034fcb-1a9a-4f39-a51a-d887ff139785,
.member .content .m-inputCustomerInfo #custom_items_900727ff-5d5f-43c1-96b5-4b2acefc0ce7,
.member .content .m-inputCustomerInfo #custom_items_530143e4-eedf-4162-8151-b39a0f7fe9ea,
.member .content .m-inputCustomerInfo #custom_items_b1a3f653-3b1a-45c9-af31-b6ad2a3ea20e,
.member .content .m-inputCustomerInfo #custom_items_bae88ec2-c028-4887-98f5-422dcf2cbece,
.member .content .m-inputCustomerInfo #custom_items_a5a6bcec-e43f-4fd4-a3d3-542de56a925e,
.member .content .m-inputCustomerInfo #custom_items_84b86448-7d57-4aaf-a76b-02ebbeb1079f,
.member .content .m-inputCustomerInfo #custom_items_e3b95e2f-df83-4d1b-bc39-13ab40370b0a,
.member .content .m-inputCustomerInfo #custom_items_c0a1f99d-4a3e-48a3-b5db-8dc933de6feb,
.member .content .m-inputCustomerInfo #custom_items_169f5c87-9b88-40bd-9ab7-346b08786c7a,
.member .content .m-inputCustomerInfo #custom_items_8c7a4c68-188f-4dd8-bf5f-52feac901f24,
.member .content .m-inputCustomerInfo #custom_items_009ca035-d611-4046-99d8-f1a850006efe,
.member .content .m-inputCustomerInfo #customer_info_company_name,
.member .content .m-inputCustomerInfo #customer_info_last_name,
.member .content .m-inputCustomerInfo #customer_info_first_name,
.member .content .m-inputCustomerInfo #customer_info_email,
.m-payment-method #customer_billing_company_name,
.m-payment-method #customer_billing_company_kana,
.m-payment-method #customer_billing_last_name,
.m-payment-method #customer_billing_first_name,
.m-payment-method #customer_billing_last_kana,
.m-payment-method #customer_billing_first_kana,
.m-payment-method #customer_billing_email,
.content form#inquiriesInput #from_company_name,
.content form#inquiriesInput #from_last_name,
.content form#inquiriesInput #from_first_name,
.content form#inquiriesInput #from_last_kana,
.content form#inquiriesInput #from_first_kana,
.content form#inquiriesInput #from_address {
    pointer-events : none;
    background-color: #eee;
}
.content form#inquiriesInput .u-2cols-container .o-row:nth-child(5) .o-left,
.content form#inquiriesConfirm .m-confirmCustomerInfo .o-row:nth-child(6) .o-left {
    font-size: 0;
    width: 170px;
}
.content form#inquiriesInput .u-2cols-container .o-row:nth-child(5) .o-left:before,
.content form#inquiriesConfirm .m-confirmCustomerInfo .o-row:nth-child(6) .o-left:before {
    content:'お名前（カナ）';
    font-size: 16px;
}
.footer_wrp .copyright {
    font-size: 12px;
} */

/* ------------------------------------------------------------------------------------------------------------------------
    newdesign-blue.css のカスタマイズ
------------------------------------------------------------------------------------------------------------------------*/
/* 基本テーブルスタイル */
table.basic thead tr th {
    background: #6b7387;
}

/* 詳細ボタン */
table.basic td.detail a {
    color: #282d3c;
    background: #fff;
    border: 1px solid #6b7387;
}

table.basic td.detail a:hover {
    color: #fff;
    background: #6b7387;
}

/* セレクタブルテーブル */
table.selectable_table tbody.selected {
    background: #ebf8fb;
}

/*-------------------------------------------------------------
	input text
-------------------------------------------------------------*/


/*-------------------------------------------------------------
	file upload
-------------------------------------------------------------*/

/*-------------------------------------------------------------
	radio, checkbox
-------------------------------------------------------------*/

input[type=checkbox]+.inputLabel:after,
.group .checkbox_text .checked:after {
    border-right: 3px solid #6b7387;
    border-bottom: 3px solid #6b7387;
}

input[type=radio]+.inputLabel:after {
    background-color: #6b7387;
}

span.confirm-checked::before {
    border-right: 3px solid #6b7387;
    border-bottom: 3px solid #6b7387;
}

/*-------------------------------------------------------------
	plusminus-checkbox
-------------------------------------------------------------*/
label.plusminus-label:before,
.local_menu_btn::before {
    /*
    background-image: url("../images/newdesign/icon_check_plus.png");
    */
}

label.plusminus-label:after,
.local_menu_btn::after {
    /*
    background-image: url("../images/newdesign/icon_check_minus.png");
    */
}

/*-------------------------------------------------------------
	select box
-------------------------------------------------------------*/
.selectWrap::before {
    background: #6b7387;
}

/*-------------------------------------------------------------
	tooltip (JS)
-------------------------------------------------------------*/

/*-------------------------------------------------------------
	button
-------------------------------------------------------------*/

.baseBtn {
    background-color: #6b7387;
}
.baseBtn:hover {
    opacity: 0.7;
}

.nextPageBtn {
  background-color: #6b7387;
}
.nextPageBtn:hover {
    opacity: 0.7;
}

.nextPageBtn:after {
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

.borderBtn>span {
    color: #282d3c;
}

.borderBtn:after {
    border-right: solid 2px #6b7387;
    border-bottom: solid 2px #6b7387;
}

.borderBtn,
.borderBtn:hover,
.btn_modal a,
.btn_externalLink a,
.btn_usage a {
    color: #282d3c;
}

.btn_modal a:after,
.btn_externalLink a:after {
    border-right: solid 2px #6b7387;
    border-bottom: solid 2px #6b7387;
}

table .btn_externalLink a,
table .btn_modal a,
.btn_usage a {
    background: #fff;
    border: 1px solid #6b7387;
}

/*-------------------------------------------------------------
  buttons
-------------------------------------------------------------*/
.btn_detail.btn_next:after,
.btn_detail.regist:after {
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

.btn_detail.btn_next a,
.btn_detail.btn_next button,
.btn_detail.btn_next input,
.btn_detail.regist a,
.btn_detail.widget-store-payment-save a,
.btn_detail.print a,
.btn_detail.btn_pdf a{
  background-color: #6b7387;
}

.btn_detail.btn_next a:hover,
.btn_detail.btn_next button:hover,
.btn_detail.btn_next input:hover,
.btn_detail.regist a:hover,
.btn_detail.widget-store-payment-save a:hover,
.btn_detail.print a:hover,
.btn_detail.btn_pdf a:hover {
    background-color: #6b7387;
    opacity: 0.7 !important;
}

/*　マイページ　タブ内のボタン　*/
.tabaccordionbody .btn_detail.btn_next .custom_items_button {
    background: #6b7387;
}

.tabaccordionbody .btn_detail.btn_next .custom_items_button:hover {
  background: #6b7387;
}

/*-------------------------------------------------------------
	2cols
-------------------------------------------------------------*/


/*-------------------------------------------------------------
	ツリーメニュー
-------------------------------------------------------------*/


/*-------------------------------------------------------------
	コーナーボックス
-------------------------------------------------------------*/
.u-cornerBox-container .o-header {
    background-color: #6b7387;
}

/*-------------------------------------------------------------
	ラジオボタン選択時: 親要素の背景色を変更
-------------------------------------------------------------*/


/*-------------------------------------------------------------
	モーダル
-------------------------------------------------------------*/
.modal .modal_container .modal_header {
    background: #6b7387;
}

/*-------------------------------------------------------------
	ページャー
-------------------------------------------------------------*/

.u-pager>ul li>a {
    border: 1px solid #6b7387;
    color: #282d3c;
}

.u-pager>ul li>a:hover {
    background: #6b7387;
}

.u-pager>ul li.a-pager-current a,
.u-pager>ul li.a-pager-current span {
    background: #6b7387;
    border: 1px solid #6b7387;
}

/*-------------------------------------------------------------
  ヘッダー
-------------------------------------------------------------*/
.header .logo a:hover {
    color: #282d3c;
}

.header_wrp .username {
    color: #282d3c;
}

.header .nav ul li a:hover {
  color: #282d3c;
}

@media screen and (max-width: 768px) {
    .header_wrp .header .nav {
    color: #282d3c;
    }
}

@media screen and (max-width: 768px) {
  .header_wrp .nav ul li.nav-cart,
  .header_wrp .nav ul li.guide,
    .header_wrp .nav .navlist li.home,
    .header_wrp .nav .navlist li.inquiry,
    .header_wrp .nav .navlist li.mypage,
    .header_wrp .nav .navlist li.signin,
    .header_wrp .nav .navlist li.login,
    .header_wrp .nav .navlist li.logout {
    background-color: #6b7387;
    }
  .header_wrp .nav ul li.nav-cart a,
  .header_wrp .nav ul li.guide a,
    .header_wrp .nav .navlist li.home a,
    .header_wrp .nav .navlist li.inquiry a,
    .header_wrp .nav .navlist li.mypage a,
    .header_wrp .nav .navlist li.signin a,
    .header_wrp .nav .navlist li.login a,
    .header_wrp .nav .navlist li.logout a {
        border-bottom: 1px solid #ebf8fb;
        line-height: 50px;
        height: 50px;
    }
}

.m-tabaccordion .tabaccordionhead>ul>li>a {
    color: #282d3c;
}


@media screen and (max-width: 960px) {
    .m-tabaccordion .tabaccordionbody .accordion_header a {
        background-color: #6b7387;
    }
}


.m-accordion-menu .o-header {
    background-color: #6b7387;
}

/*-------------------------------------------------------------
	入力フォーム(増減ボタン付き: spinner)
-------------------------------------------------------------*/

/*-------------------------------------------------------------
	スライダー
-------------------------------------------------------------*/

/* ヘッドライン */
.m-headline,
.headline .title {
    border-bottom: 2px solid #6b7387;
}

.m-headline .o-title {
    color: #282d3c;
}

.m-headline-mini {
  background-color: #6b7387;
}

.l-itemDetailMainBox>.m-headline-mini {
    border-bottom: 1px solid #6b7387;
}

.l-itemDetailMainBox>.m-headline-mini .o-title {
    color: #282d3c;
}

/* システムメッセージ */
.message_container {
    color: #282d3c;
    border: solid 1px #6b7387;
    background: #ebf8fb;
}

/* ナビゲーションバンド */
.navigation_wrp {
    background: #6b7387;
}

.btn_cart p a {
    color: #282d3c;
}

@media screen and (max-width: 768px) {
    .header .btn_cart p {
        background-image: url(../images/newdesign/header_icon_cart.png);
    }
}

/* パンくずリンク */
.pankuzu li a {
    color: #282d3c;
}

.pankuzu li a:after {
    border-color: #6b7387;
}



.flowbox .popbox.active .popbox_body {
    background: #6b7387;
}

.flowbox .popbox_right.active .popbox_body {
    border: solid 1px #6b7387;
}

.popbox.active .popbox_arw:after {
    background: #6b7387;
}

/* マイページトップ */
.mypage_menu .title {
    color: #282d3c;
}

/* マイページメニュー */
.localnav {
  background: initial;
}

.localnav .mypage_menu li .title,
.localnav .mypage_menu li.current .title,
.localnav .mypage_menu li .title:hover {
    color: #282d3c;
}

@media screen and (max-width: 768px) {

    .local_menu_btn span,
    .local_menu_btn span:before,
    .local_menu_btn span:after {
        background: #6b7387;
    }
}

@media only screen and (max-width: 480px) {
    .local_menu_btn {
        color: #282d3c;
    }
}

.footer_wrp {
    background-color: #6b7387;
    text-align: center;
}

.l-footer-right .btn_detail.o-inquiries>a {
    color: #282d3c;
}

.l-footer-right .btn_detail.o-inquiries>a:after {
    border-right: solid 2px #6b7387;
    border-bottom: solid 2px #6b7387;
}

.l-footer-right .btn_detail.o-inquiries>a:before {
    background-image: url("../images/newdesign/icon_mail.png");
}

.l-footer-right .btn_detail.o-phonenumber a {
    color: #fff;
    background-color: #6b7387;
}

.l-footer-right .btn_detail.o-phonenumber a:before {
    background-image: url("../images/newdesign/icon_telphone.png");
}

@media screen and (max-width: 768px) {
    .l-footer-left:before {
        /* 最後のリストの下線をテンプレートの色で上書きする */
        background-color: #6b7387;
    }
}

/* おすすめ商品 */
.m-FeaturedProducts {
    background-color: #ebf8fb;
}

.m-FeaturedProducts .headline {
    border-bottom: solid 2px #6b7387;
}

.m-FeaturedProducts .headline .title {
    color: #282d3c;
}

.m-FeaturedProducts .products_list .item .title {
    color: #282d3c;
}


/* 絞り込み、検索、カテゴリ */
.sidemenu_wrp .submit_btn {
    background-color: #6b7387;
}

.sidemenu_wrp .sidemenu_select li.selected>a {
    background-color: #eef6fb;
}



.l-searchBox-wide .sidemenu_searchbox .submit_btn.a-view-text {
  background-color: #6b7387;
}



.sidemenu_wrp.m-sideSearchBox .sidemenu_search dt,
.sidemenu_wrp.m-sideSearchBox .sidemenu_select dt {
    background-color: #6b7387;
}

.sidemenu_wrp.m-sideSearchBox .sidemenu_search dd,
.sidemenu_wrp.m-sideSearchBox .sidemenu_select dd {
    color: #282d3c;
}

.sidemenu_wrp.m-sideSearchBox .sidemenu_search .submit_btn,
.sidemenu_wrp.m-sideSearchBox .sidemenu_select .submit_btn {
    background-color: #6b7387;
}



.m-topFilterBox .o-box-head {
    background-color: #6b7387;
}

.m-topFilterBox .sidemenu_search>dt,
.m-topFilterBox .sidemenu_select>dt,
.m-topFilterBox .topFilterCategory>dt {
    background-color: #6b7387;
}

.m-topFilterBox .sidemenu_search dd,
.m-topFilterBox .sidemenu_select dd,
.m-topFilterBox .topFilterCategory dd {
    color: #282d3c;
}

.m-topFilterBox .sidemenu_search .submit_btn,
.m-topFilterBox .sidemenu_select .submit_btn,
.m-topFilterBox .topFilterCategory .submit_btn {
  background-color: #6b7387;
}

@media screen and (max-width: 768px) {

    .m-topFilterBox .sidemenu_search>dt,
    .m-topFilterBox .sidemenu_select>dt,
    .m-topFilterBox .topFilterCategory>dt,
    .m-topFilterBox .sidemenu_search .submit_btn,
    .m-topFilterBox .sidemenu_select .submit_btn,
    .m-topFilterBox .topFilterCategory .submit_btn {
        background-color: #6b7387;
    }
}

.m-product-detail .o-product-name {
    color: #282d3c;
    /*契約関連のモーダル画面用に設定*/
    border-bottom: 1px solid #6b7387;
}


.m-product-detail .o-product-name a {
    color: #282d3c;
}


.m-charges-model>ul>li:nth-child(odd) p.o-model-title {
    background-color: #6b7387;
}

.m-charges-model>ul>li:nth-child(even) p.o-model-title {
    background-color: #6b7387;
}


.m-charges-model .o-btn-modelDetail {
    background-color: #6b7387;
    color: #FFF;
    border: 1px solid #6b7387;
}
.m-charges-model .o-btn-modelDetail:hover {
    opacity: 0.7;
}

.m-charges-model .o-btn-modelDetail>span {
  color: #FFF;
}

.m-charges-model .o-btn-modelDetail:after {
  border-right: solid 2px #FFF;
  border-bottom: solid 2px #FFF;
}



/* カテゴリ表示(SPメニュー: ボディ) */
@media screen and (max-width: 768px) {

    .sidemenu_select dd.js-category-menu-body>ul li.selected>a,
    .topFilterCategory dd.js-category-menu-body>ul li.selected>a {
        background: #eef6fb;
    }
}

.l-cartTotalBox-inner .o-header {
    background-color: #6b7387;
}

.l-cartTotalBox-inner .o-header.notice {
    background-color: #d64747;
}

.m-cartItemList .o-row-head {
    color: #282d3c;
}

.m-cartItemList .o-row-subTotal>span:nth-child(3) {
    color: #282d3c;
}

.m-cartItemActionBox {
    color: #282d3c;
}

.m-cartItemActionBox a {
    color: #282d3c;
}

.m-estimated-info .o-header,
.m-customer-info .o-header {
    background-color: #6b7387;
}


/* ご請求先情報 */
/* お届け先情報 */
/* お支払い方法 */
.m-payment-method .o-title,
.m-customer-subinfo .o-title {
    background-color: #6b7387;
}

.m-payment-method .o-inner {
    background: #eff8fa;
}

.m-customer-subinfo .m-separate-line-dotted:last-child {
	border:none;
	margin: 0;
}

.m-orderSideBox-inner .o-header {
    background-color: #6b7387;
}

.m-product-select-checkbox .product_set_name>.radio,
.m-product-select-checkbox .product_set_name>.checkbox {
    border-bottom: 1px solid #6b7387;
}

.selectSetProduct .not_select .inputLabel,
.product_sets_list .not_select .inputLabel,
.m-product-select-checkbox .inputLabel {
    color: #282d3c;
}


.m-product-select-checkbox .radio .o-label-outside,
.m-product-select-checkbox .checkbox .o-label-outside {
    color: #282d3c;
}

.m-product-option .o-radioBtn-header {
    color: #282d3c;
}

.m-product-option ul.charges_model>li.js-radio-selected {
    border: 2px solid #6b7387;
    background: #ebf8fb;
}



.m-product-option .inputLabel {
    color: #282d3c;
}

.m-itemDetailSideBox-inner .o-header {
    background-color: #6b7387;
}

.l-itemDetailMainBox .product_sets,
.product_sets_list .product_sets {
    border-left: 5px solid #6b7387;
}

.m-itemDetail-head .o-right-header {
    border-bottom: 1px solid #6b7387;
}

.m-itemDetail-head .o-itemname {
    color: #282d3c;
}

.m-itemDetail-head .o-favstar .favorite {
  color: #282d3c;
}

.m-itemImage-5box .o-itemimage-small span.js-photo-active {
    border-color: #6b7387;
}


.m-payMonthModel-selectBox .o-payModel-box.js-radio-selected {
    background: #ebf8fb;
}


.m-payYearModel-selectBox .o-header {
    background: #51afa9;
}


.m-payYearModel-selectBox .o-payModel-box.js-radio-selected {
    background: #ebf8fb;
}

.m-productOption-item {
    border: 1px solid #ebf8fb;

}


.m-productOption-item.js-OpMS-selected {
    background: #ebf8fb;
}

.m-productOption-item .o-item-name {
    color: #282d3c;

}

.m-topFilterBox .clearBtn .baseBtn,
.m-sideSearchBox .clearBtn .baseBtn {
    background-color: #6b7387;
}

/* 会員証 */
#member_card svg {
    fill: #6b7387;
}

#member_card span {
    color: #282d3c;
}

.detail-list li {
    border: 1px solid #6b7387;
}

.detail-list dl dd:first-of-type {
    color: #fff;
    background: #6b7387;
}

/* カレンダー */
.ui-datepicker-calendar .ui-state-active {
    color: #fff;
    background: #6b7387;
    border: 1px solid #6b7387;
}

.ui-datepicker-calendar .ui-state-active.ui-state-hover {
    color: #282d3c;
    background: rgba(19, 134, 164, 0.1);
}

/* ------------------------------------------------------------------------------------------------------------------------
    追加
------------------------------------------------------------------------------------------------------------------------*/

/* フォントサイズの基準変更 */
html {
    font-size: 62.5%;
}

/* デフォルトフォントカラー変更 */
body {
    color: #282d3c;
}

a {
    color: #282d3c;
}

a:hover {
    color: #282d3c;
}
/*-------------------------------------------------------------
  ヘッダー
-------------------------------------------------------------*/
.header .logo {
    width: 450px;
    max-width: 100%;
}
.header .logo img {
    padding: 25px 0 25px 0px;
    max-height: 27px;
}
.header .logo span {
    color: #6b7387;
}
@media screen and (max-width: 768px) {
    .header .header-content .logo img {
        margin: 0 auto;
        display: none;
    }
}

/* ナビゲーションエリア */
.header .nav ul li a { color:#282d3c;}

.header .nav ul li.home a:before {background-position: 0px 0px;}
.header .nav ul li.guide a:before {background-position: -40px 0px;}
.header .nav ul li.faq a:before {background-position: -80px 0px;}
.header .nav ul li.mypage a:before {background-position: -120px 0px;}
.header .nav ul li.signin a:before {background-position: -160px 0px;}
.header .nav ul li.login a:before {background-position: -200px 0px;}
.header .nav ul li.logout a:before {background-position: -240px 0px;}
.header .nav ul li.nav-cart a:before {background-position: -280px 0px;}

.header .nav ul li a:before,
.header .nav ul li.nav-cart a:before {
    background-image: url(../image/header_icons.png);
    background-size: 320px 40px;
}

@media screen and (max-width: 768px) {
    .header_wrp .nav .navlist li.guide {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }

    .header_wrp .nav .navlist li.guide a {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        text-align: left;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        padding-top: 0;
        padding-left: 55px;
    }

    .header_wrp .nav .navlist li.guide a:before {
        display: none;
    }

    .header_wrp .nav .navlist li.guide:before {
        content: "";
        position: absolute;
        top: 20px;
        left: 20px;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

    .header_wrp .nav .navlist li:last-child a {
        border-bottom: none;
    }

    .header_wrp .nav .navlist .nav-cart:before,
    .header_wrp .nav .navlist .guide:before,
    .header_wrp .nav .navlist .home:before,
    .header_wrp .nav .navlist .inquiry:before,
    .header_wrp .nav .navlist .mypage:before,
    .header_wrp .nav .navlist .signin:before,
    .header_wrp .nav .navlist .login:before,
    .header_wrp .nav .navlist .logout:before {
        background: none;
    }

    .header_wrp .nav .navlist .login:before a,
    .header_wrp .nav .navlist .logout:before a {
        border-bottom: none;
    }
}

/*-------------------------------------------------------------
  フッター
-------------------------------------------------------------*/
.footer_wrp .content_width {
    padding: 0px;
    display: inline-block;
    width: 680px;
    vertical-align: middle;
}

/* フッターを自由描画領域で表示させるため、デフォルトのフッター領域を非表示 */
.footer_wrp .content_width > .footer {
    display: none;
}

.footer_wrp .copyright {
    background-color: transparent;
    font-size: 1rem;
    height: 1rem;
    line-height: 1rem;
    display: inline-block;
    vertical-align: middle;
}

ul.foote_link>li {
    margin: 0px;
}

.footer ul li {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1rem;
}

@media screen and (max-width: 768px) {
    .footer_wrp .content_width {
        padding: 0px;
    }
    .footer_wrp .copyright {
        height: 40px;
        line-height: 40px;
    }
    .l-footer-left {
        margin-top: 0px;
    }
    ul.foote_link>li {
        border-bottom: 1px solid #FFF;
    }
}

.l-footer-right+.l-footer-left {
    width: auto;
}

/*-------------------------------------------------------------
  ボタン
-------------------------------------------------------------*/
.btn_detail a,
.btn_detail input {
    background-color: #6b7387;
}

.btn_detail a:hover,
.btn_detail input:hover {
    background-color: #6b7387;
    opacity: 0.7;
}

.prevPageBtn {
    background-color: #6b7387;
    border: 1px solid #FFF;
}

.prevPageBtn:hover {
    opacity: 0.7;
}

.prevPageBtn>span {
    color: #FFF;
}

.prevPageBtn:after {
    border-right: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}

.btn_detail.btn_prev:after {
    border-right: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}

.btn_detail.btn_prev a {
    color: #FFF;
    background-color: #6b7387;
    border: 1px solid #FFF;
}

.btn_detail.btn_prev button {
    color: #FFF;
    background-color: #6b7387;
    border: 1px solid #FFF;
}

.btn_detail.btn_prev a:hover {
    color: #FFF;
    background-color: #6b7387;
}

.btn_detail.btn_prev button:hover {
    color: #FFF;
    background-color: #6b7387;
}

.btn_detail.pdf a,
.btn_detail.csv a {
    background-color: #6b7387;
}

.btn_more a {
    border: solid 1px #6b7387;
    color: #FFF;
    background-color: #6b7387;
}

label.fileupload {
  border: 1px solid #c8c8c8;
  background-color: #6b7387;
  color:#FFFFFF;
  font-weight: bold;
}

label.fileupload:hover {
  opacity:0.7;
}


/* "ページトップへ"ボタン */
#btn_pagetop a {
    background-color: #6b7387;
}

#btn_pagetop a:hover {
    background-color: #6b7387;
}

#btn_pagetop a:after {
    border-top: solid 2px #FFF;
    border-left: solid 2px #FFF;
}

/*-------------------------------------------------------------
  業務メニュー
-------------------------------------------------------------*/
.linkarea>img {
    display: none;
}

.mypage_menu>.linkarea.top {
    display: none;
}

.linkarea::before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    background-size: 100px 100px;
    background-repeat: no-repeat;
}

.linkarea.menu_estimate::before,
.linkarea.estimates::before {
    background-image: url(../image/icon_estimate.png);
}

.linkarea.menu_order::before,
.linkarea.orders::before {
    background-image: url(../image/icon_order.png);
}

.linkarea.menu_contract::before,
.linkarea.contracts::before {
    background-image: url(../image/icon_agreement.png);
}

.linkarea.linkarea.menu_billing::before,
.linkarea.linkarea.billings::before {
    background-image: url(../image/icon_bill.png);
}

.linkarea.menu_member::before,
.linkarea.members_edit::before {
    background-image: url(../image/icon_user.png);
}

.linkarea.menu_favorite::before,
.linkarea.favorites::before {
    background-image: url(../image/icon_favorite.png);
}

.linkarea.menu_file::before,
.linkarea.store_file_managements::before {
    background-image: url(../image/icon_file.png);
}

.linkarea.menu_disp_role::before,
.linkarea.store_roles::before {
    background-image: url(../image/icon_roles.png);
}

.linkarea.menu_customer::before,
.linkarea.customers::before {
    background-image: url(../image/icon_customers.png);
}

.linkarea.menu_guide::before,
.linkarea.guide::before {
    background-image: url(../image/header_icons.png);
    background-position: -100px 0px;
    background-size: 800px 100px;
}

/*-------------------------------------------------------------
　お知らせ
-------------------------------------------------------------*/
.newsDetail .headline .title {
    color: #282d3c;
}

/*-------------------------------------------------------------
    エラーページ
-------------------------------------------------------------*/
.errorMsg h1 {
    color: #BE375A;
}

/*-------------------------------------------------------------
    利用開始希望日
-------------------------------------------------------------*/
/* メイン商品の利用開始希望日に注意事項を付与 */
body#page_carts_index div:has([id^=datepicker_][id$=_preferred_use_start_date]).preferred_date::after {
	content: '*入力必須です';
	color: #d64747;
	font-weight: bold;
	padding-left: 1rem;
}

/*-------------------------------------------------------------
    ログインエラーメッセージへの追加
-------------------------------------------------------------*/
body#page_auth_login .login_panel .message_container.message_error p::after {
	display:block;
    content:'あるいは、ログインIDがまだ有効ではありません。本人確認メールのURLをクリック済の方は、承認完了メールをお待ちください。';
}