/** Shopify CDN: Minification failed

Line 288:0 Unexpected "}"

**/
#cartCheckout {
  background: #0A238C;
  color: #fff;
  border: solid 1px #0A238C;
}
#cartCheckout:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
input.input-group__field.search__input {
    border: 0px;
    border-bottom: 1px solid #eee;
}
#header input.input-group__field.search__input {
  background-color: #F7F7F7;
}
button.btn.search__submit {
    background: transparent !important;
    color: #000;
    border: 0px !important;
    padding: 0px;
    border-bottom: 1px solid #eee !important;
    padding-right: 5px;
}
.custom_menu_mobi ul {
    display: flex;
    justify-content: center;
    border-top: 1px solid #dad9d9;
    flex-wrap: wrap;
}
.custom_menu_mobi ul li {
    flex: 1 0 25%;
    border-right: 1px solid #dad9d9;
    text-align: center;
    padding: 5px 0px;
}
.custom_menu_mobi ul li a {
        text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
.custom_menu_mobi ul li:last-child {
    border-right: 0px;
}
.oc_grid_ranking {
position: relative;
}
span.oc_ranking {
    position: absolute;
    left: 20px;
    background: #7e7e7e;
    z-index: 9;
    color: #fff;
    padding: 0;
    border-radius: 100px;
    top: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    font-style: italic;
}
@media(max-width: 600px){
span.oc_ranking {
    position: absolute;
  left: 9px;
}
}
/**
.template-index .latest-blog h3.h3 {
    width: 100%;
    max-width: 100%;
    margin-bottom: -40px;
}
.template-index span.oc_title_blog {
    font-size: 50px;
    font-weight: 500;
    background: white;
    max-width: 490px;
    z-index: 1;
    position: relative;
}
.template-index span.oc_border {
    border: 2px solid #c4c4c4;
    height: 110px;
    width: 100%;
    max-width: 100%;
    position: relative;
    top: -37px;
    z-index: 0;
}
*/
.faqList .panel-title {
    background: #eee;
    padding: 18px 4px;
}
.faqList .panel-title i {
    display: none;
}
.faqList .panel-content {
    padding: 10px 10px 25px;
}

.oc_grid_ranking .product-labels {
    display: none;
}
.btn--share .ad {
    font-size: 20px;
    position: relative;
    top: -4px;
}
form.productForm {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.infolinks.mfp-link {
    width: 100%;
}
.shopify-payment-button {
    width: 100%;
  order: 3;
}
button#BIS_trigger {
    margin-bottom: 15px;
    margin-top: 0px !important;
}
.product-labels {
    left: 0px;
    top: 0px;
}
@media only screen and (min-width: 767px) {
.sec-ttl .h3, .sec-ttl h3 {
   font-size: 32px;
    font-weight: 100;
    letter-spacing: 3px;
}
  div#AddressProvinceContainerNew {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
}
}
@media only screen and (max-width: 767px) {
.oc_iconss form.search-header.search {
    display: none;
}
}


/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
  padding:0;
}

/*以下はコンテンツ内のレイアウト*/
.info-list dl,
.gallery-list{
  display: flex;
}

.info-list dt{
  margin:0 10px 0 0;
}

.gallery-list li{
  margin:0 10px 0 0;
}







.floating-banner {
position: fixed;
left: 0;
bottom: 0;
z-index: 99;
}
.target.is-hidden {
display: none;
}
p {
margin: 0;
}
/* ボタンの設定 */
.floating-banner_button {
display: block;
width: 30px;
height: 30px;
background-color: rgb(87,87,87);
position: absolute;
left: 92.5%;
cursor: pointer;
}
/* アイコンの設定(開) */
.floating-banner_button::before, .floating-banner_button::after {
display: block;
content: '';
width: 4px;
height: 24px;
background-color: #FFF;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.floating-banner_button::before {
transform: rotateZ(90deg);
}
.floating-banner_button::after {
transform: rotateZ(90deg);
}
/* アイコンの設定(閉) */
.floating-banner_buttonClose {
display: block;
width: 30px;
height: 30px;
margin-left: auto;
background-color: rgb(87,87,87);
position: absolute;
left: 0;
bottom: 100%;
cursor: pointer;
}
.floating-banner_buttonClose::before, .floating-banner_buttonClose::after {
display: block;
content: '';
width: 4px;
height: 24px;
background-color: #FFF;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.floating-banner_buttonClose::before {
transform: rotateZ(0deg);
}
.floating-banner_buttonClose::after {
transform: rotateZ(90deg);
}
}