@charset "utf-8";

/*-----------------------------------------------------------
共通
-----------------------------------------------------------*/

.ec-role {
    color: var(--white);
}

.ec-layoutRole {
    width: 100%;
    transition: transform 0.3s;
    background: var(--primary);
}

#page_product_list .ec-layoutRole .ec-layoutRole__contents, #page_product_detail .ec-layoutRole .ec-layoutRole__contents {
    max-width: 1630px;
    width: 100%;
    padding: 50px 15px 75px;
}

.ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin: auto;
}

.ec-blockBtn--action {
	display: block;
	border-radius: 6px;
	border: solid 1px #0A1D4A;
	background: var(--white);
	text-align: center;
	color: var(--primary);
}

.ec-blockBtn--action:hover {
	background-color: var(--white) !important;!i;!;
	color: var(--primary);
	border: solid 1px #0A1D4A !important;!i;!;
	opacity: 0.7;
}

.ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
	background: var(--white);
	color: var(--dark);
}

.ec-blockBtn--cancel {
	background: var(--primary);
	border-radius: 6px;
	border: solid 1px var(--white);
	color: var(
	--white);
}

.ec-blockBtn--cancel:hover {
	background: var(--primary);
	color: var(--white);
	border-color: var(--white);
	opacity: 0.7;
}

.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus {
	background: var(--secondary);
	color: var(--dark);
	outline: none;
}

/*-----------------------------------------------------------
見出し
-----------------------------------------------------------*/

.ec-pageHeader h1 {
    margin: 0;
    font-weight: normal;
    font-family: var(--font-family02);
}

.ec-pageHeader {
    font-size: 0;
    text-align: center;
    color: var(--white);
}

.ec-pageHeader:after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    background: var(--white);
    margin: 20px 0 0;
}

/*-----------------------------------------------------------
レフトナビ
-----------------------------------------------------------*/

.contact-banner-link {
    display: block;
    margin: 30px auto 0
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background: var(--secondary);
}

.ec-headerSearch .ec-headerSearch__category .ec-select select {
    color: var(--dark);
}

.ec-headerSearch .ec-headerSearch__keyword input[type="search"]::placeholder {
    color: var(--dark);
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
    border-top-color: var(--primary);
}

.fa-shopping-cart:before {
    color: var(--primary);
}

.ec-headerNav .ec-headerNav__itemIcon {
    color: var(--white);
}

.ec-headerNav .ec-headerNav__itemLink {
    color: var(--white);
}

.p-cateTit {
    background: var(--tertiary);
    color: var(--white);
    text-align: center;
}

.ec-itemNav__nav.p-sideitemNav__nav a:hover {
    opacity: 0.7;
}

.ec-itemNav__nav li a {
    background: unset;
    color: var(--white);
    border-color: var(--white);
}

.ec-itemNav__nav > li:hover > a {
    background: unset;
    color: var(--white);
    border-color: var(--white);
}

.ec-itemNav__nav li ul li a {
    background: var(--tertiary);
    border-bottom: solid 1px var(--white);
    color: var(--white);
}

.ec-itemNav__nav > li:hover li:hover > a {
    background: var(--tertiary);
    border-bottom: solid 1px var(--white);
    color: var(--white);
}

.sideNavList li a {
    color: var(--white);
}

.sideNavList li a:hover {
    color: var(--white);
    text-decoration: none;
    opacity: 0.7;
}

/*-----------------------------------------------------------
商品一覧
-----------------------------------------------------------*/

.ec-layoutRole .ec-layoutRole__mainWithColumn {
    background: var(--white);
    padding: 15px;
    border-radius: 6px;
}

.ec-topicpath {
    padding: 0;
}

.ec-topicpath .ec-topicpath__item a {
    color: var(--primary);
}

.ec-topicpath .ec-topicpath__item, .ec-topicpath .ec-topicpath__divider, .ec-topicpath .ec-topicpath__item--active {
    color: var(--primary);
}

.ec-topicpath .ec-topicpath__item--active a {
    color: var(--primary);
}


.ec-topicpath .ec-topicpath__item a:hover {
    text-decoration: underline;
}

.ec-searchnavRole .ec-searchnavRole__infos {
    color: var(--primary);
}

.ec-shelfGrid .ec-shelfGrid__item-image {
    background: #fff;
    position: relative;
    padding: 0 0 100%;
    height: 0;
}

.ec-shelfGrid .ec-shelfGrid__item-image > img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.ec-shelfGrid a > p {
    color: var(--dark);
}

.ec-productRole__btn > a {
    min-height: 40px;
    font-size: 13px;
}

.ec-shelfRole {
    color: var(--white);
}

.price02-default {
    color: var(--primary);
}

.ec-pager .ec-pager__item {
    transition: .3s;
}

.ec-searchnavRole__actions .ec-select select {
    background: var(--tertiary);
    border-color: var(--tertiary);
    color: var(--white);
}

.ec-pager .ec-pager__item:hover {
    background: var(--tertiary);
}

.ec-pager .ec-pager__item--active {
    background: var(--tertiary);
}

.ec-pager .ec-pager__item a{
    color: var(--primary);
}

.ec-pager .ec-pager__item a:hover, .ec-pager .ec-pager__item--active a:hover{
    color: var(--white);
}

.product_page .ec-inlineBtn--action {
    margin-top: 10px !important;
}

/*-----------------------------------------------------------
カート
-----------------------------------------------------------*/

.ec-cartRole {
    padding: 0;
}

#page_cart .ec-layoutRole__main {
    background: #fff;
    padding: 20px 10px;
}

#page_cart .ec-layoutRole__main .ec-pageHeader {
    color: var(--primary);
}

#page_cart .ec-layoutRole__main .ec-pageHeader:after {
    background: var(--primary);
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
    border-color: var(--tertiary);
    background: var(--tertiary);
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
    border-color: var(--tertiary);
}

span.ec-cartRow__amountDownButton__icon {
}

.ec-progress .is-complete .ec-progress__number {
    background: var(--tertiary);
    color: var(--white);
}

.ec-progress .is-complete .ec-progress__label {
    color: var(--tertiary);
}

.ec-progress .ec-progress__number {
    background: var(--white);
    color: var(--dark);
}

.ec-progress .ec-progress__label {
    color: var(--white);
}

.ec-progress .ec-progress__item:after {
    background: var(--white);
}

#page_cart .ec-progress .is-complete .ec-progress__number {
    background: var(--tertiary);
    color: var(--white);
}

#page_cart .ec-progress .is-complete .ec-progress__label {
    color: var(--tertiary);
}

#page_cart .ec-progress .ec-progress__number {
    background: var(--primary);
    color: var(--white);
}

#page_cart .ec-progress .ec-progress__label {
    color: var(--primary);
}

#page_cart .ec-progress .ec-progress__item:after {
    background: var(--primary);
}

.ec-cartRole {
    color: var(--dark);
}

.ec-cartHeader .ec-cartHeader__label {
    background: var(--secondary);
    color: var(
    --dark);
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name > a {
    color: #337AB7;
}

.ec-cartRole .ec-cartRole__totalAmount {
    color: #FF4646;
}

.ec-modal .ec-modal-wrap {
    color: var(--dark);
}

.ec-orderRole {
    color: var(--white);
}

.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
    color: var(--dark);
}

.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price, .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
    color: #FF4646;
}

.ec-totalBox {
    color: var(
    --dark);
}

.ec-totalBox .ec-totalBox__btn a {
    color: var(--white);
}

#shopping-form .ec-imageGrid .ec-imageGrid__content > p:first-of-type {
    color: var(--dark);
}

.ec-cartNaviIsset {
    color: var(--dark);
}

.ec-cartCompleteRole {
    color: var(--white);
}

/*-----------------------------------------------------------
ログイン
-----------------------------------------------------------*/

.ec-login {
    background: var(--white);
    color: var(
    --dark);
}

.ec-login__input input {
    border: solid 1px var(--primary);
}

.ec-link {
    color: var(--tertiary);
}

.ec-link:hover {
    color: var(--tertiary);
    opacity: 0.7;
}

.ec-guest {
    background: var(--secondary);
    color: var(
    --dark);
}

.ec-guest .ec-guest__actions a {
    background: var(--white);
    color: var(
    --dark);
}

/*-----------------------------------------------------------
テーブル
-----------------------------------------------------------*/

.ec-borderedDefs dl:not(:first-child) {
    margin-top: 2px;
}

.ec-borderedDefs {
    border: 0;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 2.35em;
}

.ec-borderedDefs dl {
    border: 0;
    justify-content: space-between;
}

.ec-borderedDefs dt {
    background: var(--tertiary);
}

.ec-borderedDefs dd {
    background: var(--white);
    color: var(--base-font-color);
}

.tradelawTb th {
    background: var(--secondary);
    color: var(--dark);
}

/*-----------------------------------------------------------
フォーム
-----------------------------------------------------------*/

.ec-required {
    max-width: 40px;
    width: 100%;
    background: var(--white);
    color: var(--primary);
    font-weight: 600;
    text-align: center;
    line-height: 1em;
    padding: 3px 5px;
}

/*-----------------------------------------------------------
会員登録
-----------------------------------------------------------*/

.ec-registerRole {
    color: var(--white);
}

.ec-registerCompleteRole {
    color: var(--white);
}

/*-----------------------------------------------------------
利用規約
-----------------------------------------------------------*/

.iAgreAr01 {
    padding: 30px 3%;
    background: var(--white);
    color: var(--base-font-color);
}

.iAgreTit01 {
    color: var(--tertiary);
    border-color: var(--tertiary);
}

/*-----------------------------------------------------------
マイページ
-----------------------------------------------------------*/

.ec-navlistRole .ec-navlistRole__item {
    background: var(--white);
    color: var(--dark);
}

.ec-navlistRole .active a {
    background: var(--tertiary);
    color: var(--white);
}

.ec-navlistRole .ec-navlistRole__item a:hover {
    background: var(--tertiary);
    color: var(--white);
}

.ec-welcomeMsg {
    color: var(--white);
}

.ec-mypageRole {
    color: var(--white);
}

.ec-closeBtn--circle {
    background: var(--tertiary);
}

.ec-withdrawRole {
    color: var(--white);
}

.ec-historyRole .ec-historyRole__contents {
    color: #fff;
}

/*-----------------------------------------------------------
パスワード再発行
-----------------------------------------------------------*/

.ec-forgotRole {
	color: #fff;
}

/*-----------------------------------------------------------
バナー
-----------------------------------------------------------*/

.product-banner-area {
    max-width: 1000px;
    width: 100%;
    margin: 30px auto;
}

.product-banner-link {
    display: block;
    background: url(../img/common/onlineshop_banner_bg.jpg) no-repeat center / cover;
    color: #fff;
    text-align: center;
    padding: 40px 5px;
}

.product-banner-link:hover {
    opacity: 0.65;
    color: #fff;
}


.product-banner-link > .title03 {
    line-height: 1.8em;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:378px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.product_page .ec-inlineBtn--action {
	margin-top: 0 !important;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 378px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:576px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
商品一覧
-----------------------------------------------------------*/

.ec-productRole__btn > a {
    font-size: 14px;
}

/*-----------------------------------------------------------
テーブル
-----------------------------------------------------------*/

.ec-borderedDefs dt {
    width: 28.12%;
}

.ec-borderedDefs dd {
    width: 71.65%;
}

/*-----------------------------------------------------------
レフトナビ
-----------------------------------------------------------*/

.contact-banner-link {
    max-width: 330px;
    margin: 0 0 0 auto;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

#page_product_list .ec-layoutRole .ec-layoutRole__contents, #page_product_detail .ec-layoutRole .ec-layoutRole__contents {
    padding: 100px 15px 150px;
}

/*-----------------------------------------------------------
商品一覧
-----------------------------------------------------------*/

.ec-layoutRole .ec-layoutRole__mainWithColumn {
    padding: 30px;
}

.ec-productRole__btn > a {
    font-size: 14px;
}

/*-----------------------------------------------------------
カート
-----------------------------------------------------------*/

#page_cart .ec-layoutRole__main {
    padding: 40px 15px;
}

/*-----------------------------------------------------------
利用規約
-----------------------------------------------------------*/

.iAgreAr01 {
    padding: 60px 5%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

#page_product_list .ec-layoutRole .ec-layoutRole__contents, #page_product_detail .ec-layoutRole .ec-layoutRole__contents {
    padding: 100px 15px 150px;
}

/*-----------------------------------------------------------
バナー
-----------------------------------------------------------*/

.product-banner-area {
    margin: 50px auto;
}

.product-banner-link {
    padding: 80px 15px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */