/** Shopify CDN: Minification failed

Line 40:4 "text-aline" is not a known CSS property
Line 369:18 Expected identifier but found bad string token
Line 369:19 Unterminated string token

**/
/***************************************************
新入荷, 再入荷, 先行販売(オレンジラベル)  **********/
.dag-product-label{
border: 1px solid transparent;
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: .1rem;
  line-height: 1;
  padding: .5rem 1.3rem .6rem;
  text-align: center;
  background-color: rgb(var(--color-badge-foreground));
  color: rgb(var(--color-badge-background));
  word-break: break-word;
  margin-bottom:10px;
}
.dag-product-label-orange{
border: 1px solid transparent;
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: .1rem;
  line-height: 1;
  padding: .5rem 1.3rem .6rem;
  text-align: center;
  background-color: #ffa500;
  color: #000000;
  word-break: break-word;
  margin-bottom:10px;
}

/* 閲覧履歴セクション(241118 mizuno)*/
#recently-viewed-products{
  h2.section-header__title{
    text-aline: left !important; 
  }
}
.recentry-product-grid{
  display:flex;
  flex-wrap:wrap;
  @media screen and (max-width: 999px) {
    column-gap: var(--grid-mobile-horizontal-spacing);
    row-gap: var(--grid-mobile-vertical-spacing);
  }
  @media screen and (min-width: 1000px) {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}
.recently-view-product-detail{
  @media (max-width: 999px) {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); 
  }
  @media (min-width: 1000px){
  width: calc(22% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(25% - var(--grid-mobile-horizontal-spacing) / 2);    
  }
  flex-grow: 1;
  flex-shrink: 0;
  display:flex
}
.recently-product-inner{
  width:100%;
}

/* 履歴表示が0の時の対応 */
.recently-empty-message{
  text-align:center;
}


/* 追従バナー＆吹き出しセクション(241205 mizuno)*/
.banner_balloon_following{
  width: 290px;
  position: fixed;
  right:25px;
  z-index:10000;
}
.banner_follow {
  position: fixed; 
  display:none;
  z-index: 100;
}
  
.follow-close {
  position: absolute; 
  border-radius: 100%;
  width: 25px;
  height: 25px;
  border: none;
}
  
.follow-close:hover,
.banner_follow-img:hover {
  opacity: 0.8;
}

/* 再入荷通知登録ボタンの定義(241209 mizuno)*/
.bis_button{
  background-color:#fff;
  outline:solid 1px #181818;
  color:#181818;
  text-align: center;
  margin:10px 0 0 0 !important;
  padding:10px 0;
}
.bis_button a{
  color: #181818;
  text-decoration:none;
  transition:0.3s;
  display: block;
}
.bis_button:hover {
	outline:solid 3px #181818;
}

/* 共通パーツ */
/* 重要リンクで下線を加えたい場合＆デフォルトの色を少し薄める */
.link-faded > a{  
  color: rgb(var(--text-color) / .65) !important;
  transition: color .2s ease-in-out;
  text-decoration: underline !important;
}

input{
  border-radius:3px !important;
}

.h2_underline{
  border-bottom:1px solid var(--colorBorder);
  padding-bottom:10px;
  margin-bottom:15px;
}

/* 各種重要リンクエリア */
.txt-link-center{
  text-align:center !important;
  margin-bottom: 20px;
}
.link-small-caution{
  font-size:0.7rem;
  margin-left:5px;
}

/* 注意書き用リスト */
.cautionary_note{
  padding: 10px;
  font-size: 95% !important;
  list-style:none;
  margin:0 !important;
}

.font-bold{
  font-weight:bold;
}


/***********************************
会員情報の入力フォーム関係
************************************/
.customer .field select:focus,.customer .field select:not(:placeholder-shown)~label{
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + .5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: .04rem;
}

.customer select {
  padding: 1.0rem 1.5rem .8rem 2rem !important;
  margin: var(--inputs-border-width);
  position:static !important;
}

.select .svg-wrapper, .customer select+.svg-wrapper {
  margin-right:3px;
}

.select-field{
  margin-top:15px;
}

.select-field label{
  margin-bottom:2px !important;
}

.dag-field-margin{
  margin:15px 0px;
}

.dag-field-margin .register-caution {
    margin-top: 6px !important;
}

.dag-field-margin ul.register-caution {
    padding-left: 5px !important;
}

.dag-field-checkbox{
  text-align:left !important;
}

/***********************
会員機能関係
***********************/
.fieldset {
    padding-top:30px;
    gap: 15px;
    display: grid;
}
.form-control {
    gap: var(--form-control-gap);
    display: grid;
    position: relative;
}

.floating-label {
    z-index: 1;
    background: var(--colorBody);
    color: rgb(var(--input-text-color, var(--text-color)) / .6);
    opacity: 0;
    pointer-events: none;
    padding: 0 .25rem;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    position: absolute;
    inset-block-start: -10px;
    inset-inline-start: 5px;
    transform: translateY(3px);
}
:is(:is(.input-full,.textarea):not(:placeholder-shown)~.floating-label,:is(.input-full,.textarea,.select):autofill~.floating-label,.select:valid~.floating-label) {
    opacity: 1;
    transform: translateY(0);
}

.input-full{
  margin-bottom:0px !important;
}

.register-form-inner{
  line-height:1.3;  
}
.register-field-h2{
  padding:25px 0 15px 0; 
  text-align:left;
}
.register-field-container{
  padding:10px 0;
}

.register-field-container label{
  margin-bottom:2px !important; 
  font-size:12px !important;
}
.register-field-container[data-required="true"] > label::after{
  content: " *";
  color: #A82020;
}

.field[data-required="true"] > label::after{
  content: " *";
  color: #A82020;
}


/* 注意書きのフォント */
.register-caution{
  font-size: 1.2rem;
  text-align: left;
  padding: 5px;
  margin-bottom:0px;
}
ul.register-caution{
  margin-left:10px;
}
.register_select > input {
    margin-bottom: 0px !important;
}
.submit-box{
  margin-top:35px;
}

/***********************
2列
***********************/
.dag-2column-block{
  display: flex;
  flex-wrap:wrap;
}

.dag-2column-small-outer {
  display: flex;
  position: relative;
  padding: 20px;
  align-items: center;
  background: url( //kottoshop.com/cdn/shop/t/8/assets/link_arrow.png?v=11838 ) 90% center no-repeat;
  background-size: 6px;
  background-color: var(--gradient-background);
    /* ストア毎に色違う */
  border-radius:5px;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.3s;
}

.dag-2column-small-outer:hover {
   opacity:0.5;
}
     
@media screen and (min-width: 700px) {
 .dag-2column-small-outer {
    width: calc(50% - 10px);
    margin:0 10px 20px 0;
  }
}
@media only screen and (max-width: 699px) {
 .dag-2column-small-outer {
   width:100%;
   margin:0 0 5px 0;
  }
}    
.dag-2column-small-inner {
  display: flex;
  flex-direction: column;
  width: 80%;
  border: 0;
  padding: 0;
  text-align:left;
}

.grid-2column-fix{
  margin:0 15px;
}

.grid-1column{
  margin:15px 15px;
}

/* 上付き文字とのセットで使用 */
.grid-2column-part{
  width:70%;
  float:left;
}
/* 上付き文字（spanに使用）　*/
.dag-superscript{
  font-size:0.8em;
  vertical-align: top;
  margin-right:15px;
}

.customer .field input, .customer .field textarea{
  background-color:#fff !important;
}

/* PC2分割→SP1分割の際の右側コンテンツの余白をクリア*/
@media only screen and (max-width: 750px){
  .dag-grid-right{
    padding-left:0px !important;
  }
}

.dag-h1{
 text-align: center;
 font-size:1.5rem;
 font-weight:bold;"
}

.dag-section-header{
  text-align:center;
  margin-bottom:0px;
}
.dag-center{
  text-align:center !important;
}
.dag-center a{
  color:rgba(var(--color-foreground), .75);
}
.dag-center a:hover{
  color:rgba(var(--color-foreground), .55);
}

@media screen and (min-width: 751px) {
 .customer:is(.addresses), .customer:is(.merge-orders){
   max-width:80% !important;
 }
}
@media screen and (max-width: 750px) {
 .customer:is(.addresses), .customer:is(.merge-orders){
   max-width:100% !important;
 }
}
.dag-desc-box{
  text-align:left;
  margin:35px 0;
}
.dag-desc-box > ol{
  padding-left:0 !important;
  margin-top:35px !important;
}
.dag-desc-box > ol > li{
  margin: 0 15px;
}

.dag-border-box{
  margin-top:32px;
  @media only screen and (min-width: 751px) {
    padding:20px 20px;
  }
  @media only screen and (max-width: 750px) {
    padding:10px 10px;
  }
}
.dag-border-box-inner{
  margin:20px 0px;
  padding:30px 20px;
  background-color:#fff;
}
.dag-border-inner-white{
  background-color:#fff;
  margin-bottom:20px;
}
@media only screen and (max-width: 750px) {
  .dag-border-inner-white{
    padding:10px 10px !important;
  }
}
@media only screen and (min-width: 751px) {
  .dag-border-inner-white{
    padding:20px 20px !important;
  }
}
.dag-input-margin{
  margin-top:20px;
}
.dag-input-caution{
  font-size:0.7rem;
  margin:4px 0 0 10px;
}

.dag-input-margin label{
  margin-bottom:2px !important; 
  font-size:12px !important;
}
.dag-input-margin[data-required="true"] > label::after{
  content: " *";
  color: #A82020;
}
.dag-address-box{
  text-align:center;
  background-color:#fff;
  margin:25px 0;
  padding:25px;
  border-radius:5px;
}
  


/**************************************************
購入履歴（詳細)
**************************************************/
/* ブラウザ幅共通 */
.dag-order-history-table{
  table-layout: auto;
  border-collapse: collapse;
  background:none;
  width:100%;
  text-align:center;
}
.dag-order-history-table tr{
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted #e0e0de;
}
.dag-order-history-table tr:last-child{
   border-bottom: 2px solid #e0e0de;
}
.order-history-item-title{
  text-align:left;
}
.order-history-item-title a{
  text-decoration:underline !important;
  color:rgba(var(--color-foreground), .75);
}
.order-history-item-title a:hover{
  color:rgba(var(--color-foreground), .55);
}
.order-history-item-img img{
    border: 0 none;
    display: block;
    height: auto;
    max-width: 100%;
}
.dag-order-history-th{
  background-color:#fff;
}
.dag-order-history-table td{
  background-color:#fff;
  padding: .625em .625em .625em .625em;
}
.dag-order-history-table th{
  background-color:#fff;
}
 
/* デスクトップ */
@media only screen and (min-width: 751px) {
  .order-history-item-img{
    float:left;
    width:50%;
  }
  .dag-history-info{
    float:left;
    width:50%;
    padding:0 10px;
  }
  .order-history-bd td{
    padding:30px 20px !important;
  }
  .dag-button-group{
    float:left;
    padding: 0 20%;
  }
  .medium-up--two-thirds {
    width: 70%;
    max-width: none !important; 
    font-size:small;
    margin-right: 20px;
  }
  .medium-up--one-third {
    width: 25%;
    max-width: none !important;
    font-size:small;
  }
}
/* SP */
@media only screen and (max-width: 750px) {
  .dag-grid{
    display:block;
  }
  .medium-up--two-thirds {
    max-width: none !important; 
    width:100%;
  }
  .medium-up--one-third {
    max-width: none !important;
    width:100%;
  }
  .table--responsive td, .table--responsive tr {
    clear: both;
    float: left;
    width: 100%;
  }
  .table__section+.table__section:after {
   border: 0px !important;
  }
  .table--responsive thead{
    display:none;
  }
  .order-history-bd{
    padding:30px 15px !important;
    border-bottom:1px solid #f2f2ed;
  }
  .order-history-bd td{
    padding:5px 0px !important;
  }
  .dag-order-history-table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  .dag-order-history-table td {
      display: block;
      font-size: .8em;
      text-align: right;
      position: relative;
      padding: .625em .625em .625em 4em !important;
      border-right: none;
  }
  .table--responsive td, .table--responsive tr {
        clear: both;
        float: left;
        width: 100%;
    }
  .order-history-item-img{
    width:100%;
    text-align:center;
  }
  .order-history-item-img img{
    width:100%;
  }
  .order-history-item-title{
    font-size:1.0rem;
    margin:10px 0;
  }
}

/**************************************************
アドレス帳
**************************************************/
.dag-form-box{
  background:#fff;
  padding:20px;
}

/**************************************************
共通パーツ：ボタンリンク
**************************************************/
/* ブラウザ幅：共通 */
.dag-button-group{
  display: flex;
  align-items: center;
}
.dag-button a, .dag-button-red a{
  padding: 11px 15px;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px #7C7C7C; /* 初期の内側線 */
  border: 0rem solid #7C7C7C; /* 外側の固定線 */
  transition: box-shadow 0.2s ease; /* アニメーション */
  color:rgba(var(--color-foreground), .75);
}
.dag-button a:hover {
  box-shadow: inset 0 0 0 0.3rem #9DD8F6; /* 内側の線を太く */
}
.dag-button-red a:hover{
  box-shadow: inset 0 0 0 0.3rem #F1857E; /* 内側の線を太く */
}
  
/* ブラウザ幅：SP */
@media only screen and (max-width: 750px) {
 .dag-button-group{
   float:right;
  }
}
  
@media screen and (min-width: 751px) {
    .dag-border-inner-white tfoot tr:first-of-type td, .dag-border-inner-white tfoot tr:first-of-type th {
        padding-top: 2.4rem;
    }
}
.dag-recently-box{
  display:flex;
  justify-content:space-around;
}