/** -------------------- 商品マーク -------------------- **/
.c-itemMark--new {
  background: var(--c_liquor);
}

.c-itemMark--cool {
  background: var(--c_fish);
}

.c-itemMark--sale {
  background: var(--c_meat);
}

.c-itemMark--free {
  background: var(--c_feature);
}

.c-itemMark--limited {
  background: var(--c_vege);
}

.c-itemMark--fresh {
  background: var(--c_fruit);
}

.c-itemMark--reserve {
  background: var(--c_local);
}

.c-itemMark--recommend {
  background: var(--c_wine);
}

/** -------------------- 注文エリア移動ボタン -------------------- **/
.to_orderarea_btn{
    position: fixed;
    right:0;
    bottom:min(60px,6vw);
}
.to_orderarea_btn img{
    max-width:70px;
    width:15vw;
}
/*スマートフォンページの動画表示を調整するCSS*/
@media screen and (max-width:600px){
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/** -------------------- 文字点滅 -------------------- **/
/* 点滅 */
.blink {
	animation: blink 1s linear 0s infinite normal;
}
@keyframes blink {
	0% { opacity: 0; }
	29.9% { opacity: 0; }
	30% { opacity: 1; }
	100% { opacity: 1; }
}

/** ----- PSYCHOPASSウイスキーコラボ ----- **/
/*  フローティングバナー  */
#psychopass_collab .banner {
    position: fixed;
    top: 80px;
    right: 0px;
    z-index: 9999;
    width: 70px;
}

#psychopass_collab .banner img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 480px){
    #psychopass_collab .banner {
        width: 45px;
        top: 100px;
    }
}

/*  共通  */
#psychopass_collab {
    background-color: black;
    color: white;
    text-align: center;
    padding: 60px 0;
}

#psychopass_collab p {
    text-align: justify;
    line-height: 2em;
}

@media screen and (max-width: 480px){
    #psychopass_collab p {
        text-align: left;
    }
}

#psychopass_collab img {
    width: 100%;
    height: auto;
}

#psychopass_collab .wrapper-inner {/*本文幅850*/
  box-sizing: content-box;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
text-align: center;
}

#psychopass_collab section {
    border-bottom: 2px white solid;
    padding: 50px 0;
}

#psychopass_collab h2 {
    margin-bottom: 30px;
}

#psychopass_collab footer {
    margin-top: 30px;
}

#psychopass_collab .d-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}

#psychopass_collab .mb-3 {margin-bottom: 30px;}
#psychopass_collab .mb-2 {margin-bottom: 20px;}

#psychopass_collab .Pc {display: none !important;}

@media screen and (max-width: 480px){
    #psychopass_collab .Sp {display: none !important;}
    #psychopass_collab .Pc {display: inherit !important;}
}

/*　　カラム　　*/

#psychopass_collab .col2-a {
    width: 55%;
}

#psychopass_collab .col2-b {
    width: 36%;
}

#psychopass_collab .col2 {
    width: 47%;
    margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
    #psychopass_collab .col2 {
    margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    #psychopass_collab .col2-a, .col2-b ,.col2 {
    width: 100% !important;
    }
}

/*  whisky  */
#psychopass_collab .logo-tit {
    max-width:500px;
    height: auto;
    margin: 0 auto;
}

/*  anime  */
#psychopass_collab #anime a {
    display: block;
    width: 49%;
}

@media screen and (max-width: 480px){
    #psychopass_collab #anime a {
        width: 100%;
    }
    
    #psychopass_collab #anime a:first-child {
        margin-bottom: 15px;
    }
}

#psychopass_collab #novelty {
    border: 2px white solid;
    padding: 50px 20px;
    margin-top: 80px;
    margin-bottom: 60px;
}

#psychopass_collab #novelty h2 {
    letter-spacing: 0.9em;
}

#psychopass_collab .wrapper-min {/*ノベルティ幅530*/
    max-width: 530px;
    margin: 0 auto;
}

#psychopass_collab .coaster {
    max-width: 650px;
}

#psychopass_collab .coasterImg {
    max-width: 300px;
}

/*  about  */
#psychopass_collab .text-table {
    display: table;
    margin: 0 auto;
    text-align: justify;
}

#psychopass_collab li {
    margin-bottom: 8px;
}

/*  attention  */
#psychopass_collab .attention .d-flex {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#psychopass_collab .tit-min {
    font-size: 1.15em;
    font-weight: bold;
}

#psychopass_collab h4 {
    border-bottom: 1px white solid;
    text-align: justify;
    padding-bottom: 8px;
}

#psychopass_collab .address {
    margin-top: 123px;
}

@media screen and (max-width: 480px){
    #psychopass_collab .address {
        margin-top: 20px;
    }
}

#psychopass_collab .address p {
    line-height: 1.5em;
}

#psychopass_collab .attention img {
    width: 60px;
    height: auto;
}