/* カスタマイズ用CSS */
.ec-layoutRole .ec-layoutRole__contents{
    max-width: 1200px;
}

.ec-layoutRole__main{
    background: #F0FFE0;
    padding:60px 0px 100px;
}

.ec-select select{
    background: white;
}

.ec-pageHeader h1, .ec-topicpath, .ec-productRole .ec-productRole__price, .ec-cartRole .ec-cartRole__totalAmount, .ec-zipInputHelp span, .ec-link{
    color:#EB73A1;
}

.ec-pageHeader h1{
    border-bottom: 1px solid #EB73A1;
}

.ec-borderedDefs{
    border-top:none;
}

.ec-searchnavRole .ec-searchnavRole__infos{
    border-top:1px dotted #A893C1;
}

.ec-borderedDefs dl, .ec-productRole .ec-productRole__category,.ec-productRole .ec-productRole__price, .ec-productRole .ec-productRole__tags{
    border-bottom:1px dotted #A893C1;
}

.ec-productRole .ec-productRole__title .ec-headingTitle{
    color:#A0C096;
    font-weight: bold;
}

.ec-progress .is-complete .ec-progress__number{
    background: #A893C1;
    color:white;
}
.ec-progress .ec-progress__number{
    background: white;
    color:#A893C1;
    outline:2px solid #A893C1;
    outline-offset: -1px;
}

a,.ec-productRole .ec-productRole__category a, .ec-progress .ec-progress__label, .ec-progress .is-complete .ec-progress__label{
    color: #A893C1;
}
.ec-progress .ec-progress__item:after{
    background: #A893C1;
}

.ec-cartHeader .ec-cartHeader__label{
    background: #EB73A1;
    color: white;
}

.ec-alert-warning, .ec-cartNaviNull .ec-cartNaviNull__message, .ec-cartNavi .ec-cartNavi__badge{
    background: #EB73A1;
}
.ec-login, .ec-guest{
    background: #EBDEFF;
}

/*ボタン*/
.ec-blockBtn--action{
    background: #A893C1;
    color:white;
    transition: all 0.3s;
    border:none;
    outline: 2px dotted #F5BDD2;
    outline-offset:-5px;
}

.ec-blockBtn--action:hover,.ec-blockBtn--action:active,.ec-blockBtn--action:focus{
    background: white; 
    color:#A893C1;
    outline-offset:-1px;
}

.ec-blockBtn--action:active:hover, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus,
    .open > .ec-blockBtn--action.dropdown-toggle:hover,
    .open > .ec-blockBtn--action.dropdown-toggle:focus,
    .open > .ec-blockBtn--action.dropdown-toggle.focus {
    background: white; 
    color:#A893C1;
    outline-offset:-1px;
    }
    
    
.ec-blockBtn--action.disabled:hover, .ec-blockBtn--action.disabled:focus, .ec-blockBtn--action.disabled.focus, .ec-blockBtn--action[disabled]:hover, .ec-blockBtn--action[disabled]:focus, .ec-blockBtn--action[disabled].focus,
  fieldset[disabled] .ec-blockBtn--action:hover,
  fieldset[disabled] .ec-blockBtn--action:focus,
  fieldset[disabled] .ec-blockBtn--action.focus{
    background: white; 
    color:#A893C1;
    outline-offset:-1px;
  }
  
  .ec-blockBtn--action:focus, .ec-blockBtn--action.focus, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus{
    outline: none;
  }
  
  
  
  
  .ec-inlineBtn--action{
    background: #A893C1;
    color:white;
    transition: all 0.3s;
    border:1px solid #A893C1;
}

.ec-inlineBtn--action:hover,.ec-inlineBtn--action:active,.ec-inlineBtn--action:focus{
    background: white; 
    color:#A893C1;
    border:1px solid #A893C1;
}


.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action{
    background: #A893C1;
    color:white;
    transition: all 0.3s;
    border:1px solid #A893C1;
    outline: none;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action:hover{
    background: white; 
    color:#A893C1;
    border:1px solid #A893C1;
}
    
    
    
/*キャンセルボタン*/
.ec-blockBtn--cancel{
    background: white;
    color:#EF91B4;
    transition: all 0.3s;
    border:none;
    outline: 2px dotted #A893C1;
    outline-offset:-5px;
}

.ec-blockBtn--cancel:hover,.ec-blockBtn--cancel:active,.ec-blockBtn--cancel:focus{
    background:#EF91B4; 
    color:white;
    outline-offset:-1px;
}

.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus{
    outline: none;
}



.ec-inlineBtn--cancel{
    background: white;
    color:#EF91B4;
    transition: all 0.3s;
    border:1px solid #EF91B4;
}

.ec-inlineBtn--cancel:hover,.ec-inlineBtn--cancell:active,.ec-inlineBtn--cancel:focus{
    background:#EF91B4; 
    color:white;
    border:1px solid #EF91B4;
}


.ec-cartNavi--cancel{
    background: white;
    color:#EF91B4;
    transition: all 0.3s;
    border:1px solid #EF91B4;
}

.ec-cartNavi--cancel:hover{
    background:#EF91B4; 
    color:white;
    border:1px solid #EF91B4;
}