/* ROASTERY用のスタイル */
#articleView.article-view-roastery {
    font-size: 1.35vw;
    margin: 0 auto 0;
    text-align: left;
}
#articleView.article-view-roastery * {
    font-size: 1.1vw;
    line-height: 1.4em;
}
#articleView.article-view-roastery .notice-roastery-border {
    border: 1px solid #313131;
    padding: 16px;
    width: 82%;
    box-sizing: border-box;
    margin: 4vw auto 0;
    padding: 1.2vw 2.5vw 1.2vw 1.5vw;
}
@media screen and (max-width: 909px) {
  #articleView.article-view-roastery .notice-roastery-border {
    margin: 8vw 4vw 0;
    padding: 4vw;
    width: auto;
  }
}
#articleView.article-view-roastery .notice-roastery-title{
    font-size: 1.3vw;
    text-align: center;
    margin: 0.5em auto 1.2em;
    font-weight: bold;
}
#articleView.article-view-roastery .linkBtn {
    padding: 0.8vw 5vw 0.8vw 4vw;
    font-size: 1.3vw;
    border: 1px solid #976d3f;
    display: table;
    margin: 0 auto;
    position: relative;
    color: #976d3f;
    font-weight: bold;
}
#articleView.article-view-roastery .linkBtn:hover {
    color: #fff;
    background-color: #ad8a74;
}
#articleView.article-view-roastery .linkBtn::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    border: 2px solid #976d3f;
    border-top: none;
    border-left: none;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    right: 1.5vw;
    border-right: 1px solid #976d3f;
    border-bottom: 1px solid #976d3f;
    right: calc(32 / 1920 * 100vw);
    width: calc(12 / 1920 * 100vw);
    height: calc(12 / 1920 * 100vw);
}
#articleView.article-view-roastery .linkBtn:hover::after {
   border-color: #fff;
}
#articleView.article-view-roastery .linkBtn[target="_blank"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background: url('//d3vgbguy0yofad.cloudfront.net/reserve/common/images/ico-blank.png') no-repeat top center;
    -webkit-background-size: 100%;
    background-size: 100%;
    border: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: calc(23/1920*100vw);
          height: calc(23/1920*100vw);
          right: calc(30/1920*100vw);

}
#articleView.article-view-roastery .linkBtn[target="_blank"]:hover:after{
    background: url('//d3vgbguy0yofad.cloudfront.net/reserve/common/images/ico-blank-white.png') no-repeat top center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

@media screen and (max-width: 909px) {
  #articleView.article-view-roastery {
    width: auto;
    margin: 8vw 0 0;
    padding: 0;
  }
  #articleView.article-view-roastery * {
    line-height: 1.4em;
    font-size: 3vw;
  }
  #articleView.article-view-roastery .notice-roastery-title{ 
    font-size: 3.25vw;
  }
  #articleView.article-view-roastery .linkBtn {
    padding: 3vw 14vw 3vw 10vw;
    font-size: 3.5vw;
    border: calc(2 / 750 * 100vw) solid #976d3f;
  }
  #articleView.article-view-roastery .linkBtn::after {
    width: calc(12/750*100vw);
    height: calc(12/750*100vw);
  }
  #articleView.article-view-roastery .linkBtn[target="_blank"]:after {
    width: calc(24/750*100vw);
    height: calc(24/750*100vw);
    right: calc(30/750*100vw);
  }
}