@charset "UTF-8";

/*---------------------多店舗リンクボタン設置-----------------------------------*/
#other + div .inner_item_txt p:nth-last-of-type(1) a{
              border: 2px solid var(--i_btn_color);
              color: #fff !important;
              background: var(--i_btn_color);
              position: relative;
              display: inline-block;
              text-align: center;
              transition: .4s ease-in-out;
              font-family: inherit;
              font-weight: 600;
              max-width: 840px;
              min-width: 200px;
              padding:10px 10px;
}
#other + div .inner_item_txt p:nth-last-of-type(1) a span {
              text-align: center;
              line-height: 1.6;
              font-size: 1.5rem;
              padding: 14px 25px 14px
}
#other + div .inner_item_txt:nth-last-of-type(1) a{
              text-decoration: none;
}
#other + div .inner_item_txt p:nth-last-of-type(1) a:hover {
    background: none;
    color: #000 !important;
}
#other + div .inner_item_txt p:nth-last-of-type(1) a span:before,
#other + div .inner_item_txt p:nth-last-of-type(1) a span:after {
    border: 1px solid #fff !important;
}
#other + div .inner_item_txt p:nth-last-of-type(1) a[target=_blank] :before{
    content: "";
    display: block;
    width: 6px;
    height: 4px;
    position: absolute;
    right: 6px;
    top: calc(50% - 1px)
}
#other + div .inner_item_txt p:nth-last-of-type(1) a:before{
    position: absolute;
    content: " ";
    width: 5px;
    height: 5px;
    top: calc(50% - 4px);
    left: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: all 0.3s ease;
    z-index: 10;
}
#other + div .inner_item_txt p:nth-last-of-type(1) a:hover:before{
    left: 10px;
    border-top: 2px solid var(--i_btn_color);
    border-right: 2px solid var(--i_btn_color);
}
#other + div .inner_item_txt p:nth-last-of-type(1) span:before {
    content: "";
    display: block;
    width: 6px;
    height: 4px;
    position: absolute;
    right: 6px;
    top: calc(50% - 1px);
}
#other + div .inner_item_txt p:nth-last-of-type(1) a span:after{
    content: "";
    display: block;
    width: 6px;
    height: 4px;
    position: absolute;
    right: 8px;
    top: calc(50% - 3px);
}
#other + div .inner_item_txt p:nth-last-of-type(1) a span {
    position: relative;
}
#other + div .inner_item_txt p:nth-last-of-type(1) a span:hover:before,
#other + div .inner_item_txt p:nth-last-of-type(1) a span:hover:after{
    border: 1px solid #000 !important;
}