@charset "UTF-8";


/* 基本テーブルスタイル */
table.basic thead tr th {
  background: #1386a5;
}
/* 詳細ボタン */
table.basic td.detail a {
  color: #1386a5;
  background: #fff;
  border: 1px solid #1386a5;
}
table.basic td.detail a:hover {
  color: #fff;
  background: #1386a5;
}
/* セレクタブルテーブル */
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 #1386a5;
  border-bottom: 3px solid #1386a5;
}
input[type=radio] + .inputLabel:after {
  background-color: #1386a5;
}
span.confirm-checked::before {
  border-right: 3px solid #1386a5;
  border-bottom: 3px solid #1386a5;
}

/*-------------------------------------------------------------
	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: #1386a5;
}

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

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

.baseBtn {
  background-color: #1386a5;
}

.nextPageBtn {
  background-color: #e37d39;
}

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

.borderBtn > span {
  color: #1386a5;
}

.borderBtn:after {
  border-right: solid 2px #1386a5;
  border-bottom: solid 2px #1386a5;
}

.borderBtn,
.borderBtn:hover,
.btn_modal a,
.btn_externalLink a,
.btn_usage a {
  color: #1386a5;
}

.btn_modal a:after,
.btn_externalLink a:after {
  border-right: solid 2px #1386a5;
  border-bottom: solid 2px #1386a5;
}
table .btn_externalLink a,
table .btn_modal a,
.btn_usage a {
  background: #fff;
  border: 1px solid #1386a5;
}
/*-------------------------------------------------------------
  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: #e37d39;
}

.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: #f39d49;
}

/*　マイページ　タブ内のボタン　*/
.tabaccordionbody .btn_detail.btn_next .custom_items_button {
  background: #1386a5;
}
.tabaccordionbody .btn_detail.btn_next .custom_items_button:hover {
  background: #2c9bb9;
}

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


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


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

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


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

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

.u-pager > ul li > a {
  border: 1px solid #1386a5;
  color: #1386a5;
}

.u-pager > ul li > a:hover {
  background: #1386a5;
}

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

/*-------------------------------------------------------------
  ヘッダー
-------------------------------------------------------------*/
.header .logo a:hover {
  color: #1386a5;
}
.header_wrp .username {
  color: #1386a5;
}
.header .nav ul li a:hover {
  color: #3498db;
}
@media screen and (max-width: 768px) {
  .header_wrp .header .nav {
    color: #1d9aa3;
  }
}

@media screen and (max-width: 768px) {
  .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: #1d9aa3;
  }
  .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;
  }
}

.m-tabaccordion .tabaccordionhead > ul > li > a {
  color: #1386a5;
}


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


.m-accordion-menu .o-header {
  background-color: #1386a5;
}

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

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

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

.m-headline .o-title {
  color: #1386a5;
}

.m-headline-mini {
  background-color: #1d9aa3;
}

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

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

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

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

.btn_cart p a {
  color: #1386a5;
}

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

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

.pankuzu li a:after {
  border-color: #1386a5;
}



.flowbox .popbox.active .popbox_body {
  background: #1386a5;
}

.flowbox .popbox_right.active .popbox_body {
  border: solid 1px #1386a5;
}

.popbox.active .popbox_arw:after {
  background: #1386a5;
}

/* マイページトップ */
.mypage_menu .title {
  color: #1386a5;
}
/* マイページメニュー */
.localnav {
  background: #eef6fb;
}
.localnav .mypage_menu li.current .title,
.localnav .mypage_menu li .title:hover {
  color: #1386a5;
}
@media screen and (max-width: 768px) {
  .local_menu_btn span,
  .local_menu_btn span:before,
  .local_menu_btn span:after {
    background: #1386a5;
  }
}
@media only screen and (max-width: 480px) {
  .local_menu_btn {
    color: #1386a5;
  }
}

.footer_wrp {
  background-color: #1386a5;
}


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

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

.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: #1386a5;
}

.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: #1386a5;
  }
}

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

.m-FeaturedProducts .headline {
  border-bottom: solid 2px #1386a5;
}

.m-FeaturedProducts .headline .title {
  color: #1386a5;
}

.m-FeaturedProducts .products_list .item .title {
  color: #1386a5;
}


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

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



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



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

.sidemenu_wrp.m-sideSearchBox .sidemenu_search dd,
.sidemenu_wrp.m-sideSearchBox .sidemenu_select dd {
  color: #1386a5;
}

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



.m-topFilterBox .o-box-head {
  background-color: #1386a5;
}

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

.m-topFilterBox .sidemenu_search dd,
.m-topFilterBox .sidemenu_select dd,
.m-topFilterBox .topFilterCategory dd {
  color: #1386a5;
}

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

@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: #1386a5;
  }
}

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


.m-product-detail .o-product-name a {
  color: #1386a5;
}


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

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


.m-charges-model .o-btn-modelDetail {
  border: 1px solid #1386a5;
}

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

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



/* カテゴリ表示(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: #1386a5;
}
.l-cartTotalBox-inner .o-header.notice {
  background-color: #d64747;
}

.m-cartItemList .o-row-head {
  color: #1386a5;
}

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

.m-cartItemActionBox {
  color: #1386a5;
}

.m-cartItemActionBox a {
  color: #1386a5;
}

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


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

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


.m-orderSideBox-inner .o-header {
  background-color: #1386a5;
}

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

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


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

.m-product-option .o-radioBtn-header {
  color: #1386a5;
}

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



.m-product-option .inputLabel {
  color: #1386a5;
}

.m-itemDetailSideBox-inner .o-header {
  background-color: #1386a5;
}

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

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

.m-itemDetail-head .o-itemname {
  color: #1386a5;
}

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

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


.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: #1386a5;

}

.m-topFilterBox .clearBtn .baseBtn,
.m-sideSearchBox .clearBtn .baseBtn {
  background-color: #1386a5;
}

/* 会員証 */
#member_card svg {
    fill: #1386a5;
}
#member_card span {
    color: #1386a5;
}
.detail-list li {
    border: 1px solid #1386a5;
}
.detail-list dl dd:first-of-type {
    color: #fff;
    background: #1386a5;
}

/* カレンダー */
.ui-datepicker-calendar .ui-state-active {
    color: #fff;
    background: #1386a5;
    border: 1px solid #1386a5;
}
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
    color: #1386a5;
    background: rgba(19, 134, 164, 0.1);
}