@charset "UTF-8";
/*
agf blendy cafelatory
*/
@import url("https://fonts.googleapis.com/css2?family=Caveat&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400&display=swap");
/*
vender
============================================================================
*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

body.hidden {
  overflow: hidden;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.drawer-overlay {
  z-index: 1000;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000;
}

.cboxIframe {
  background: #000;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: #000;
  padding: 1px;
}

#cboxLoadingGraphic {
  background: url(../img/loading.gif) no-repeat 50% 50%;
}

#cboxLoadingOverlay {
  background: #000;
}

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons,and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow {
  display: none;
}

#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 27px;
  height: 27px;
  position: absolute;
  top: -32px;
  background: url(../img/btn_close.png) no-repeat 0 0;
}
/* avoid outlines on :active (mouseclick),but preserve outlines on :focus (tabbed navigating) */
#cboxClose:active {
  outline: 0;
}

#cboxClose {
  background-position: 0 0;
  right: 0;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*
setup
============================================================================
*/
/* @font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url('../font/NotoSansCJKjp-Regular.woff2') format('woff2'), url('../font/NotoSansCJKjp-Regular.woff') format('woff'), url('../font/NotoSansCJKjp-Regular.ttf') format('truetype'), url('../font/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}

@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url('../font/NotoSansCJKjp-Bold.woff2') format('woff2'), url('../font/NotoSansCJKjp-Bold.woff') format('woff'), url('../font/NotoSansCJKjp-Bold.ttf') format('truetype'), url('../font/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}

@font-face {
font-family: 'Noto Serif JP';
font-style: normal;
font-weight: 600;
src: url("../font/NotoSerifCJKjp-SemiBold.woff") format("woff"), url("../font/NotoSerifCJKjp-SemiBold.otf") format("opentype");
} */

.mt-5 {
  margin-top: -5px !important;
}

.lh16 {
  line-height: 1.6;
}

@media screen and (max-width: 700px) {
  .pc {
    display: none;
  }

  .pc_inline {
    display: none;
  }

  .sp {
    display: block;
  }

  .sp_inline {
    display: inline;
  }

  .sp_mt0 {
    margin-bottom: 0 !important;
  }

  .sp_ht13 {
    line-height: 1.3em !important;
  }
}

@media screen and (min-width: 701px) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }

  .sp_inline {
    display: none;
  }

  .pc_inline {
    display: inline;
  }

  img.pc_retina {
    width: 100%;
  }
}

#cp-cafelatory em {
  font-weight: inherit;
}

#cp-cafelatory .r_fill {
  letter-spacing: -0.05em;
}

@media all and (max-width: 700px) {
  body {
    margin: 0;
  }

  #cp-cafelatory {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 3.1vw;
    overflow: hidden;
  }

  #cp-cafelatory .min {
    font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 400;
  }

  #cp-cafelatory .bold {
    font-weight: bold;
    font-weight: 700;
  }

  #cp-cafelatory img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
  }

  #colorbox a,
  #colorbox a:focus,
  #colorbox a img,
  #cp-cafelatory a,
  #cp-cafelatory a:focus,
  #cp-cafelatory a img {
    border: 0 none;
    outline: none;
  }

  #cp-cafelatory h2,
  #cp-cafelatory h3,
  #cp-cafelatory h4,
  #cp-cafelatory p,
  #cp-cafelatory figure {
    margin: 0;
    line-height: 1.6;
    line-break: strict;
  }

  #cp-cafelatory ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #cp-cafelatory em,
  #cp-cafelatory i {
    font-style: normal;
  }

  #cp-cafelatory .reg_wrap {
    position: relative;
    padding-right: 0.6em;
  }

  #cp-cafelatory .reg {
    position: absolute;
    bottom: -0.2em;
    line-height: 1;
    font-size: 90%;
    right: 0.2em;
  }

  #cp-cafelatory .copy {
    margin-bottom: 3vw;
  }

  #cp-cafelatory .sent p+p {
    margin-top: 1em;
  }

  #cp-cafelatory .btn a {
    background: #bd9a33;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 45vw;
    display: inline-block;
    padding: 1.6vw 6vw 1.6vw 8vw;
    border-radius: 5vw;
    position: relative;
    font-size: 4vw;
  }

  #cp-cafelatory .btn a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 6px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    content: "";
    top: 50%;
    right: 4vw;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }

  #cp-cafelatory .tl02 {
    text-align: center;
    color: #fff;
    font-size: 2vw;
    /* padding-bottom: 7vw;
    padding-top: 8vw; */
  }

  #cp-cafelatory .tl02 span {
    display: block;
    font-size: 2.8vw;
  }

  #cp-cafelatory .tl02 span+span {
    margin-top: 2vw;
  }

  /* #cp-cafelatory .tl02 img {
  width: 92vw;
  } */
  #cp-cafelatory .tl02 .reg_wrap {
    /* padding-right: 7px; */
  }

  #cp-cafelatory .tl02 .reg {
    /* font-size: 10px;
    right: 2px;
    bottom: -3px; */
  }

  #cp-cafelatory .kakko_l {
    padding-right: 0;
  }

  #cp-cafelatory .kakko_r {
    padding-left: 0;
  }

  /*
  スマホメニュー
  ============================================================================
  */
  #smp_header,
  #smp_close_wrapper {
    display: none;
    background: #fbf0e4;
    overflow: hidden;
    padding: 2.4vw 4.8vw 2.4vw 2.4vw;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 500;
    overflow: hidden;
    box-sizing: border-box;
  }

  /*
  .drawer-nav li:nth-child(4) img {
  width: 40.13vw;
  display: block;
}
*/
  /*
classes
============================================================================
*/
  /*-------------------------------
*  wrap
-------------------------------*/
  /*-------------------------------
*  slide
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__mv
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__topics
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__about
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__awa
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__lineup
-------------------------------*/
  /* #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li:nth-child(3n):before {
position: absolute;
content: "";
bottom: 0.99vw;
left: -72vw;
width: 110vw;
height: 26vw;
background: url(../img/lineup_bgbar.png) center bottom repeat-x;
background-size: 270vw auto;
} */
  /* #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li:nth-child(3n):after {
position: absolute;
content: "";
bottom: 0.99vw;
left: -72vw;
width: 110vw;
height: 10vw;
-webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.8);
box-shadow: 0 7px 14px rgba(0, 0, 0, 0.8);
z-index: 10;
} */
  /* #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li + li {
margin-left: 2%;
} */
  /*-------------------------------
*  cp-cafelatory__movie
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__movie2
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__special
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__instagram
-------------------------------*/
  /*-------------------------------
*  page__gotop
-------------------------------*/
  /*-------------------------------
*  js-cafelatory__slide
-------------------------------*/
  /*
js popup
============================================================================
*/
  /*-------------------------------
*  animation
-------------------------------*/
}

@media (max-width: 700px) and (min-width: 750px) {

  #smp_header,
  #smp_close_wrapper {
    padding: 18px 36px 18px 20px !important;
  }

  #smp_header .b_smp_menu,
  #smp_close_wrapper .b_smp_close {
    width: 80px !important;
  }

  #smp_header .logo {
    width: 162px !important;
  }
}






/******************************************************************************************/
/*SPサイズ*/
/******************************************************************************************/
@media all and (max-width: 700px) {
  #smp_close_wrapper {
    background: transparent;
    z-index: 3000;
  }

  #smp_header.fixed,
  #smp_close_wrapper.fixed {
    display: block;
  }

  #smp_header .logo {
    width: 20vw;
    height: auto;
    /*		margin-top: 1.2vw;*/
    margin-top: 0;
    float: left;
  }

  #smp_header .logo img {
    width: 100%;
  }

  #smp_header .b_smp_menu,
  #smp_close_wrapper .b_smp_close {
    width: 9.87vw;
    float: right;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }

  #smp_header .b_smp_menu img,
  #smp_close_wrapper .b_smp_close img {
    width: 100%;
  }

  .drawer-nav {
    background: #fffdeb;
    display: block;
    z-index: 1001;
    width: 73vw;
  }

  .drawer--right .drawer-nav {
    right: -73vw;
  }

  .drawer-nav .b_smp_close {
    margin: 0;
    padding: 0 12.798% 0 0;
    float: right;
    width: 32%;
    cursor: pointer;
  }

  .drawer-nav ul {
    padding-top: 20vw;
  }

  .drawer-nav li {
    padding: 5vw;
    text-align: center;
  }

  .drawer-nav li a {
    color: #bd9a33;
    text-decoration: none;
    display: inline-block;
  }

  .drawer-nav li a:hover {
    color: #a90010;
    text-decoration: underline;
  }

  .drawer-nav li img {
    /* width: 44vw; */
    display: block;
  }

  .drawer-nav li:nth-child(1) img {
    width: 7.33vw;
    display: block;
  }

  .drawer-nav li:nth-child(2) img {
    width: 12.53vw;
    display: block;
  }

  .drawer-nav li:nth-child(3) img {
    width: 14.93vw;
    display: block;
  }

  .drawer-nav li:nth-child(4) img {
    width: 14vw;
    display: block;
  }

  .drawer-nav li:nth-child(5) img {
    width: 14vw;
    display: block;
  }

  .page__wrap {
    padding: 0;
    margin: 0;
    width: 93vw;
    padding-left: 3.5vw;
    padding-right: 3.5vw;
  }

  #cp-cafelatory .slick-dots {
    position: absolute;
    bottom: -5vw;
  }

  #cp-cafelatory .slick-dotted.slick-slider {
    margin-bottom: 0px;
  }

  #cp-cafelatory .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
  }

  #cp-cafelatory .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #eac89c;
    border-radius: 6px;
  }

  #cp-cafelatory .slick-dots li button+button {
    display: none;
  }

  #cp-cafelatory .slick-dots li button:before {
    width: 12px;
    height: 12px;
    content: "";
  }

  #cp-cafelatory .slick-dots li.slick-active button {
    background: #432b21;
  }

  #cp-cafelatory .cp-cafelatory__mv img {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__topics {
    /* background: #42271f url(../img/topics_bg.jpg) center top no-repeat; */
    background: #fbf0e4;
    position: relative;
    box-sizing: border-box;
    background-size: cover;
    padding: 8vw 0 11vw;
  }

  #cp-cafelatory .cp-cafelatory__topics .page__wrap {
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__topics .tl02 {
    color: #432b21;
    margin-bottom: 5vw;
  }

  #cp-cafelatory .cp-cafelatory__topics h3 {
    /* position: absolute; */
    left: 0;
    /* top: 0; */
  }

  #cp-cafelatory .cp-cafelatory__topics h3 .img img {
    width: 20vw;
  }

  #cp-cafelatory .cp-cafelatory__topics #slide {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: -2vw; */
  }

  #cp-cafelatory .sub {
    vertical-align: sub;
    font-size: 90%;
    position: relative;
    bottom: -0.2em;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .page__wrap {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 {
    padding-top: 7.6vw;
    padding-bottom: 6.66vw;
    background: url(../img/about/sp_about_block01_bg.gif) center top/cover no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie {
    position: relative;
    width: 81.666vw;
    margin: 0 auto;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie a {
    position: relative;
    display: block;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie a:before {
    pointer-events: none;
    opacity: 0.8;
    content: "";
    width: 12.8vw;
    height: 12.8vw;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/about/about_movie_arrow.png) 0 0/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box {
    position: relative;
    width: 81.333vw;
    height: 84.866vw;
    margin: 5.33vw auto 0 9.86vw;
    background: url(../img/about/sp_about_block01_box01.png) 0 0/100% auto no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box .about_block01_subttl {
    width: 59.466vw;
    padding-top: 10.26vw;
    margin: 0 auto 5.8vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box .item01 {
    width: 21.733vw;
    position: absolute;
    top: -3.53vw;
    left: -5vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box p {
    text-align: center;
    color: #845322;
    font-weight: 500;
    font-size: 2.96vw;
    line-height: 1.902;
    letter-spacing: 0.08em;
    margin-top: 1em;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box p:first-of-type {
    margin-top: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 {
    padding-bottom: 4.66vw;
    background-color: #d7a771;
    overflow: hidden;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box {
    padding-top: 7.33vw;
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item {
    position: absolute;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item01 {
    width: 58.66vw;
    z-index: 4;
    top: -8.5vw;
    right: -7.5vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box01 {
    position: relative;
    z-index: 3;
    width: 48.26vw;
    height: 37.866vw;
    margin: 0 auto 0 10.13vw;
    background: url(../img/about/about_block02_box01.png) 0 0/100% auto no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box01 .about_block02_subttl {
    width: 28vw;
    padding-top: 8vw;
    padding-left: 10.666vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item02 {
    width: 43.333vw;
    z-index: 2;
    top: 24vw;
    left: -11vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 {
    position: relative;
    z-index: 1;
    width: 87.4vw;
    height: 95.933vw;
    margin: -8vw auto 0 7.733vw;
    background: url(../img/about/sp_about_block02_box02.png) 0 0/100% auto no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 .about_block02_txt p {
    color: #845322;
    font-weight: 500;
    line-height: 1.902;
    letter-spacing: 0.08em;
    font-size: 2.976vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 .about_block02_txt p.t01 {
    padding-top: 22vw;
    padding-left: 19vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 .about_block02_txt p.t02 {
    padding-top: 4.3vw;
    padding-left: 25.5vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item03 {
    width: 24.8vw;
    z-index: 5;
    top: 34vw;
    right: 15.3vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item04 {
    width: 29.2vw;
    z-index: 6;
    top: 94vw;
    left: -0.9vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item05 {
    width: 58vw;
    z-index: 7;
    top: 69vw;
    right: -24vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item06, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item07, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item08, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item09, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item10, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item11, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item12, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item13 {
    display: none;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap {
    margin-top: 4vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item06, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item07, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item08, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item09, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item10, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item11, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item12, #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item13 {
    display: none;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li {
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5.6vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li:first-child {
    margin-top: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li a {
    position: relative;
    display: block;
    width: 82.666vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li a:before {
    pointer-events: none;
    opacity: 0.8;
    content: "";
    width: 12.8vw;
    height: 12.8vw;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/about/about_movie_arrow.png) 0 0/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum01 {
    height: 64.2vw;
    background: url(../img/about/about_block02_thum01_bg.png) center center/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum01 a {
    margin-top: 3vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum02 {
    height: 58.8vw;
    background: url(../img/about/about_block02_thum02_bg.png) center center/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum03 {
    height: 61.33vw;
    background: url(../img/about/about_block02_thum03_bg.png) center center/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 {
    background-color: #845322;
    padding-top: 7.06vw;
    padding-bottom: 6.73vw;
    position: relative;
    overflow: hidden;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_wrap .item {
    position: absolute;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_wrap .item01 {
    width: 22.66vw;
    z-index: 2;
    /*top: 6vw;
    right: 1vw;*/
    top: 13vw;
    right: -4.5vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .item02 {
    position: absolute;
    width: 70.66vw;
    z-index: 3;
    bottom: -33.5vw;
    left: -19.5vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_subttl {
    /*    width: 55.86vw;*/
    width: 67.2vw;
    margin: 0 auto 0 13vw;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_movie_wrap {
    width: 73.333vw;
    margin: 6.93vw auto 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_movie_wrap .about_block03_movie video {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_movie_wrap .about_block03_txt {
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 2.96vw;
    line-height: 1.902;
    letter-spacing: 0.08em;
    margin-top: 5.6vw;
  }

  .cups.sp {
    position: relative;
    padding-bottom: 10vw;
    transition: 0.4s;
  }

  .cups.sp.active {
    padding-bottom: 0;
  }

  #cp-cafelatory .cups .cups_list01 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 72vw;
    margin: 0 auto;
    gap: 2.5vw 0;
    margin-top: 5.3vw;
  }

  #cp-cafelatory .cups .cups_list02 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 72vw;
    margin: 0 auto;
    gap: 2.5vw 0;
    margin-top: 3.3vw;
  }

  .cups_list02_wrap {
    display: none;
  }

  #cp-cafelatory .andmore {
    width: 22.6vw;
    height: 13vw;
    position: absolute;
    bottom: -7vw;
    right: 14.5vw;
  }

  #cp-cafelatory .andmore img {
    position: absolute;
    top: 0;
    left: 0;
    /*    animation: floating-y 1.6s ease-in-out infinite alternate-reverse;*/
  }

  @keyframes floating-y {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(4vw);
    }
  }

  #cp-cafelatory .andmore .blinking {
    position: absolute;
    top: 22px;
    left: calc((22.6vw/2) - 7px);
    width: 14px;
    height: auto;
    -webkit-animation: blink 0.8s ease-in-out infinite alternate;
    -moz-animation: blink 0.8s ease-in-out infinite alternate;
    animation: blink 0.8s ease-in-out infinite alternate;
  }

  @-webkit-keyframes blink {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-moz-keyframes blink {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes blink {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .cups_list li {
    width: 24vw;
    text-align: right;
  }

  .cups_list01 li:nth-child(3) {
    text-align: center;
  }

  .cups_list .cup00 {
    width: 17.6vw;
  }

  .cups_list .cup01 {
    width: 19.44vw;
  }

  .cups_list .cup02 {
    width: 19.7vw;
  }

  .cups_list .cup03 {
    width: 22vw;
    display: none;
  }

  .cups_list .cup04 {
    width: 20vw;
  }

  .cups_list .cup05 {
    width: 20.6vw;
  }

  .cups_list .cup06 {
    width: 19.7vw;
  }

  .cups_list .cup07 {
    width: 22.4vw;
  }

  .cups_list .cup08 {
    width: 19.7vw;
  }

  .cups_list .cup09 {
    width: 19.7vw;
  }

  .cups_list .cup10 {
    width: 21.6vw;
  }

  .cups_list .cup11 {
    width: 21.6vw;
  }

  .cups_list .cup12 {
    width: 20.9vw;
  }


  /*****/
  @media screen and (max-width: 700px) {
    .about_block04 {
      background: url(../img/about/about_block04_bg_sp.png) center 0 / cover repeat;
      padding-top: 8.6vw;
      padding-bottom: 9.3vw;
    }

    .about_block04_wrap {
      position: relative;
    }

    .about_block04_l {
      /* width: 737px;
      height: 631px; */
      width: 94vw;
      height: 60.7vw;
      position: relative;
      left: 3vw;
      background: url(../img/about/about_block04_left_sp.png) 0 0 / cover no-repeat;
    }

    .about_block04_txt {
      width: 78.1vw;
      /* padding-top: 65px;
      padding-left: 110px; */
      padding-top: 10vw;
      padding-left: 8vw;
    }

    #cp-cafelatory .about_block04_txt img {
      width: auto;
    }

    #cp-cafelatory .about_block04_t {
      font-size: 3.3vw;
      color: #990000;
      line-height: 1.7;
      font-weight: 600;
      margin-top: 4vw;
      padding-left: 2vw;
      text-align: center;
    }

    .about_block04_r {
      position: relative;
      width: 98vw;
      height: 117vw;
      margin: 0 auto;
      margin-top: -14vw;
      background: url(../img/about/about_block04_right_sp.png) 0 0 / cover no-repeat;
    }

    .about_block04_item {
      width: 67.66vw;
      padding-top: 7vw;
      padding-left: 14vw;
      position: relative;
      z-index: 1;
    }

    .about_block04_badge {
      position: absolute;
      width: 22.2vw;
      top: -2.6vw;
      right: 10vw;
    }
  }

  /*****/

  /* #cp-cafelatory .lineup01 {
  padding-top: 50px;
  }*/
  #cp-cafelatory .lineup01_ttl {
    background: #fff;
    padding-top: 6.6vw;
    padding-bottom: 5.7vw;
    text-align: center;
  }

  #cp-cafelatory .lineup01_ttl img {
    width: 28vw;
  }

  #cp-cafelatory .lineup_sttl01 {
    width: 47.2vw;
    margin: 0 auto;
  }

  /*#cp-cafelatory .lineup02 {
  padding-top: 50px;
  }*/
  #cp-cafelatory .lineup_sttl02 {
    width: 39vw;
    margin: 0 auto;
  }

  .tasty {
    background: #d6a671;
    padding-top: 8.6vw;
    padding-bottom: 10.1vw;
  }

  #cp-cafelatory .tasty_ttl {
    width: 49.2vw;
    margin: 0 auto;
  }

  #cp-cafelatory .tasty_ttl img {
    width: auto;
  }

  .tasty_btn_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4.8vw 0;
    margin-top: 6vw;
  }

  .tasty_btn {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }

  .tasty_btn:hover {
    opacity: 0.85;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }

  .tasty_btn.tasty_btn01 {
    width: 75vw;
  }

  .tasty_btn.tasty_btn02 {
    width: 37.8vw;
    bottom: 4vw;
  }

  .tasty_btn.tasty_btn03 {
    width: 71.3vw;
  }

  .tasty_btn.tasty_btn04 {
    width: 37.8vw;
    bottom: 4.8vw;
  }

  .tasty_btn12 {
    text-align: right;
    width: 79.8vw;
    position: relative;
  }

  .tasty_btn02, .tasty_btn04 {
    position: absolute;
    left: 0;
  }

  .tasty_btn34 {
    text-align: right;
    width: 79vw;
    position: relative;
  }

  .tasty_modal_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
  }

  .tasty_modal_wrap.active {
    transition: 0.4s;
    visibility: visible;
    opacity: 1;
  }

  .tasty_overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .tasty_modal {
    position: fixed;
    /*    height: calc(100% - 8dvw);*/
    width: 90%;
    /*    top: 8vw;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }

  .tasty_close {
    cursor: pointer;
    position: absolute;
    top: -5vw;
    right: 0;
    width: 4vw;
    height: 4vw;
    background: url(../img/close.png) 0 0 / contain no-repeat;
  }

  #cp-cafelatory .tasty_modal_in {
    /*    height:100%;*/
    overflow: auto;
  }

  #cp-cafelatory .tasty_modal img {
    /* height:100%;
    width: auto;*/
    max-width: none;
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__about .page__wrap {
    width: auto;
    padding: 0;
  }

  #cp-cafelatory .about_ttl_wrap {
    text-align: center;
    color: #432b21;
  }

  #cp-cafelatory .about_ttl_wrap .about_ttl img {
    width: 20.78vw;
  }

  #cp-cafelatory .about_ttl_t1 {
    font-size: 5.7vw;
    margin-top: 10.33vw;
    line-height: 1;
    letter-spacing: -0.06em;
  }

  #cp-cafelatory .about_ttl_t1 .kakko_l {
    padding-right: 0;
  }

  #cp-cafelatory .about_ttl_t1 .reg_wrap {
    position: relative;
    padding-right: 0.6em;
  }

  #cp-cafelatory .about_ttl_t1 .kakko_r {
    padding-left: 0;
  }

  #cp-cafelatory .about_ttl_t1 .reg {
    right: 0.3em;
    bottom: -0.2em;
    line-height: 1;
    font-size: 80%;
  }

  #cp-cafelatory .about_ttl_t2 {
    font-size: 4vw;
    letter-spacing: -0.01em;
    margin-top: 4.8vw;
    margin-left: 0.5em;
    line-height: 2;
  }

  #cp-cafelatory .about_ttl_t2 span {
    position: relative;
    z-index: 2;
  }

  #cp-cafelatory .about_ttl_t2 span:after {
    content: "";
    width: 102%;
    height: 2vw;
    background: #fbf0e4;
    position: absolute;
    bottom: 0;
    left: calc(50% - 3px);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
  }

  #cp-cafelatory .cp-cafelatory__about .tl {
    margin-bottom: 5vw;
    margin-left: -3vw;
    width: 14vw;
  }

  #cp-cafelatory .cp-cafelatory__about .txt_block {
    background: #321a06;
    color: #fff;
    width: auto;
    padding: 10.67vw 3vw 5vw 6.83vw;
    box-sizing: border-box;
    margin: -6.67vw 5vw 0 10vw;
    position: relative;
    z-index: 10;
  }

  #cp-cafelatory .cp-cafelatory__about .sent p {
    line-height: 2;
    letter-spacing: 0.4px;
  }

  #cp-cafelatory .cp-cafelatory__about .copy {
    width: 69vw;
  }

  #cp-cafelatory .cp-cafelatory__about figure {
    margin-left: auto;
    width: 70vw;
    margin-right: -3.5vw;
    position: relative;
    z-index: 11;
  }

  #cp-cafelatory .about_movie {
    margin-top: 13.33vw;
    margin-left: 0vw;
    width: 69.33vw;
    position: relative;
    z-index: 11;
  }

  #cp-cafelatory .about_movie video {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__about .awaLink {
    text-align: center;
    width: 80vw;
    padding-top: 15vw;
    padding-bottom: 5vw;
    margin: 0 auto;
  }

  #cp-cafelatory .cp-cafelatory__about .awaLink a {
    display: inline-block;
  }

  #cp-cafelatory .cp-cafelatory__awa {
    background: #ece8d9 url(../img/sp_awa_bg.jpg) center top no-repeat;
    box-sizing: border-box;
    background-size: cover;
    padding-top: 16vw;
    padding-bottom: 13vw;
  }

  #cp-cafelatory .cp-cafelatory__awa .movie {
    margin-left: -3.5vw;
    width: 88vw;
    position: relative;
    z-index: 11;
  }

  #cp-cafelatory .cp-cafelatory__awa .movie video {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__awa .txt_block {
    margin: -6vw 0 0 6vw;
    background: #fff6f0;
    width: 83vw;
    padding: 11vw 10vw 9vw 7vw;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
  }

  #cp-cafelatory .cp-cafelatory__awa .txt_block .att {
    position: absolute;
    bottom: 1em;
    right: 1em;
    font-size: 2vw;
  }

  #cp-cafelatory .cp-cafelatory__awa .copy {
    /* width: 65vw; */
    width: 41vw;
  }

  #cp-cafelatory .cp-cafelatory__awa .sent {
    /* line-height: 2; */
    letter-spacing: -1.2px;
  }

  #cp-cafelatory .cp-cafelatory__lineup {
    background: #524538 url(../img/lineup_bg_loop.jpg) center top repeat;
  }

  #cp-cafelatory .cp-cafelatory__lineup h3 .img img {
    width: 24.32vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .tl02 {
    box-sizing: border-box;
    padding: 4vw 0;
    box-sizing: border-box;
    background: #fbf0e4;
    color: #432b21;
    font-size: 3.73vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product {
    position: relative;
    transition: margin 1s ease;
  }

  #cp-cafelatory .lineup01 {
    padding: 9.33vw 0 0;
    background: #f3cd9c url(../img/sp_lineup_bg01.jpg) center top repeat;
    background-size: 100%;
  }

  #cp-cafelatory .lineup02 {
    padding: 9.33vw 0 13.33vw;
    background: #fccaba url(../img/sp_lineup_bg02.jpg) center top repeat;
    background-size: 100%;
  }

  #cp-cafelatory .lineup03 {
    padding: 9.33vw 0 13.33vw;
    background: #412715 url(../img/sp_lineup_bg03.png) center top repeat;
    background-size: cover;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product .lineup_wrap>ul.current {
    margin-bottom: 60vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product .lineup_wrap>ul.current:has(.dblPkg) {
    margin-bottom: 65vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con:before {
    position: absolute;
    content: "";
    bottom: 0.99vw;
    left: -6vw;
    width: 110vw;
    height: 26vw;
    /* background: url(../img/lineup_bgbar.png) center bottom repeat-x; */
    background-size: 270vw auto;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con:after {
    position: absolute;
    content: "";
    bottom: 0.99vw;
    left: -6vw;
    width: 110vw;
    height: 10vw;
    /* -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.8);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.8); */
    z-index: 10;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con>li {
    width: 32%;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    margin-left: 2%;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con>.dblPkg {
    width: 48.5% !important;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con>li:first-child {
    margin-left: 0;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box {
    text-align: center;
    height: 50vw;
    padding-top: 7vw;
    box-sizing: border-box;
    position: relative;
    z-index: 20;
  }

  #cp-cafelatory .cp-cafelatory__lineup .tea1stlineSP .cafelatory__lineup__box {
    padding-top: 2vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .new .cafelatory__lineup__box:before {
    position: absolute;
    width: 8.5vw;
    height: 8.5vw;
    background: url(../img/i_item_new.png) center center no-repeat;
    content: "";
    top: 2vw;
    left: 18.8vw;
    z-index: 10;
    background-size: contain;
  }

  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .cafelatory__lineup__box:before {
    left: 35.3vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box p {
    color: #fff;
    font-size: 2.8vw;
    letter-spacing: -1px;
    line-height: 1.2;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box>p:first-of-type img {
    /* width: 16vw; */
    height: 27.2vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con>li .cafelatory__lineup__box img {
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con>li .cafelatory__lineup__box img~.right {
    margin-left: 8px;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box p+p {
    margin-top: 2vw;
    z-index: 13;
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.7s ease;
    background: #fcf4ea;
    width: 100vw;
    top: 50vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    position: absolute;
    height: 60vw;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    /*z-index: 20;*/
    z-index: 99;
    /* -webkit-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); */
    padding-top: 8.1vw;
    box-sizing: border-box;
  }

  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .cafelatory__lineup__openbox {
    padding-top: 4.1vw;
    height: 65vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .current_on .cafelatory__lineup__box:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 15px 16px;
    border-color: transparent transparent #fcf5ec transparent;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 12;
  }

  #cp-cafelatory .cp-cafelatory__lineup .current_on .cafelatory__lineup__openbox {
    pointer-events: auto;
    opacity: 1;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .img {
    /* width: 25vw; */
    margin-left: 2vw;
    height: 42.5vw;
    min-width: 25vw;
    text-align: center;
  }

  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .cafelatory__lineup__openbox .img {
    margin-top: 12vw;
    margin-left: 2vw;
    height: 35.0vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .img img {
    height: 100%;
    width: auto;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .img img~.right {
    margin-left: 1vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .txt_block {
    width: 63vw;
    margin-left: 4vw;
    color: #432b21;
  }

  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .cafelatory__lineup__openbox .txt_block {
    width: 50.0vw;
    margin-left: 2.0vw;
    margin-right: 2.0vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .txt_block .tl {
    font-size: 2.8vw;
    letter-spacing: -1px;
    margin-bottom: 2.5vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .txt_block .tl {
    font-size: 2.8vw;
    margin-bottom: 1.5vw;
    position: absolute;
    left: 3.0vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .txt_block .tl p+p {
    font-size: 4vw;
    line-height: 1.5;
  }

  #cp-cafelatory .cp-cafelatory__lineup .txt_block .name {
    /*padding-right: 0.5em;*/
  }

  #cp-cafelatory .cp-cafelatory__lineup .txt_block .num {
    display: inline-block;
  }

  #cp-cafelatory .cp-cafelatory__lineup .lineup01 .btn a {
    background: #b97332;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 40vw;
    display: inline-block;
    padding: 2.5vw 6vw 2.5vw 4vw;
    border-radius: 2vw;
    position: relative;
    font-size: 3.47vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .lineup02 .btn a {
    background: #e14e0f;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 40vw;
    display: inline-block;
    padding: 2.5vw 6vw 2.5vw 4vw;
    border-radius: 2vw;
    position: relative;
    font-size: 3.47vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .lineup03 .btn a {
    background: #000000;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 40vw;
    display: inline-block;
    padding: 2.5vw 6vw 2.5vw 4vw;
    border-radius: 2vw;
    position: relative;
    font-size: 3.47vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .txt_block .tl p:first-child {
    margin-left: -0.5em;
    line-height: 1.2;
  }

  #cp-cafelatory .cp-cafelatory__lineup .txt_block .sent {
    line-height: 1.5;
    font-size: 2.7vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .txt_block .sent {
    margin-top: 11vw;
    letter-spacing: -0.04em;
  }

  #cp-cafelatory .cp-cafelatory__lineup .btn {
    position: absolute;
    bottom: 9.4vw;
    left: 34.5vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .btn {
    bottom: 3.0vw;
    left: 48.0vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink {
    background: #fbf0e4;
    text-align: center;
    color: #432b21;
    box-sizing: border-box;
    padding: 9.33vw 0 10.67vw;
    position: relative;
    z-index: 11;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink .stl {
    font-size: 6.4vw;
    letter-spacing: -0.02em;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink .kometxt {
    font-size: 2.5vw;
    margin-top: 1vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink_box {
    margin: 6vw auto 0;
    font-size: 2.4vw;
    width: 64vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink_box li+li {
    margin-top: 7vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink_box p {
    margin-top: 2vw;
  }

  #cp-cafelatory .cp-cafelatory__lineup .theLink {
    text-align: center;
    width: 80vw;
    padding-top: 5vw;
    margin: 0 auto;
  }

  #cp-cafelatory .cp-cafelatory__lineup .teaCatch {
    width: 86vw;
    margin: 7vw auto -1vw auto;
  }

  #cp-cafelatory .cp-cafelatory__lineup .teaTxtCatch {
    margin-top: 1.5em;
    margin-bottom: -0.8em;
    position: relative;
    z-index: 999;
  }

  #cp-cafelatory .cp-cafelatory__lineup .theLink a {
    display: inline-block;
  }

  #cp-cafelatory .lineup_sttl {
    text-align: center;
    font-family: "Noto Serif JP", "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }

  #cp-cafelatory .lineup_sttl .t1 {
    font-size: 6.4vw;
    color: #432b21;
    line-height: 1.1;
    letter-spacing: 0.02em;
    line-height: 0.9;
  }

  #cp-cafelatory .lineup01 .lineup_sttl .t1 {
    color: #432b21;
  }

  #cp-cafelatory .lineup02 .lineup_sttl .t1 {
    color: #432b21;
  }

  #cp-cafelatory .lineup03 .lineup_sttl .t1 {
    color: #fff;
  }

  #cp-cafelatory .lineup_sttl .t1 span {
    font-family: "Caveat", cursive;
    font-size: 5.07vw;
    margin-left: -1vw;
  }

  #cp-cafelatory .lineup01 .lineup_sttl .t1 span {
    color: #a14e1f;
  }

  #cp-cafelatory .lineup02 .lineup_sttl .t1 span {
    color: #d6552c;
  }

  #cp-cafelatory .lineup03 .lineup_sttl .t1 span {
    color: #f8e0be;
  }

  #cp-cafelatory .lineup_sttl .t2 {
    font-size: 3.2vw;
    color: #fff;
    margin-top: 2vw;
    padding-left: 1em;
  }

  #cp-cafelatory .lineup01 .lineup_sttl .t2 {
    color: #432b21;
  }

  #cp-cafelatory .lineup02 .lineup_sttl .t2 {
    color: #432b21;
  }

  #cp-cafelatory .lineup03 .lineup_sttl .t2 {
    color: #fff;
  }

  #cp-cafelatory .lineup02 .balloon {
    margin: 25px auto -5px;
    color: #fff;
    position: relative;
    background: #ff998c;
    padding: 0.8em 0.9em 0.8em 1.7em;
    border-radius: 10px;
    /*  width: 70vw;*/
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
  }

  #cp-cafelatory .lineup02 .balloon p {
    font-weight: 600;
    font-size: 120%;
    text-align: center;
  }

  #cp-cafelatory .lineup02 .balloon:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #ff998c transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }

  #cp-cafelatory .cp-cafelatory__lineup .lineup01 .cafelatory__lineup__box p {
    color: #432b21;
  }

  #cp-cafelatory .cp-cafelatory__lineup .lineup02 .cafelatory__lineup__box p {
    color: #432b21;
  }

  #cp-cafelatory .cp-cafelatory__lineup .lineup03 .cafelatory__lineup__box p {
    color: #fff;
  }

  #cp-cafelatory .hr-wacafe {
    padding: 35px 0 40px 0;
  }

  #cp-cafelatory .hr-wacafe::before {
    content: "";
    width: 80%;
    height: 4px;
    background: rgb(126, 172, 30);
    background: linear-gradient(135deg, rgba(126, 172, 30, 1) 0%, rgba(172, 168, 30, 1) 20%, rgba(254, 118, 129, 1) 50%, rgba(155, 7, 7, 1) 100%);
    position: absolute;
    margin-top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 2px;
  }

  /*
  #cp-cafelatory .hr-wacafe::after {
  content: "";
  width: 80%;
  height: 4px;
  background: rgb(126,172,30);
  background: linear-gradient(135deg, rgba(126,172,30,1) 0%, rgba(172,168,30,1) 20%, rgba(254,118,129,1) 50%, rgba(155,7,7,1) 100%);
  position: absolute;
  margin-top: -5px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 2px;
}
*/
  #cp-cafelatory .cp-cafelatory__movie .tl02 {
    box-sizing: border-box;
    color: #432b21;
    font-size: 3.73vw;
    margin-bottom: 7.33vw;
  }

  #cp-cafelatory .cp-cafelatory__movie .tl02 .img img {
    width: 64.1vw;
  }

  #cp-cafelatory .cp-cafelatory__movie {
    background: #5a483b url(../img/sp_movie_bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 9.33vw 0 13.33vw;
  }

  #cp-cafelatory .cp-cafelatory__movie__con {
    margin: 0 auto;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* align-items: center; */
    text-align: center;
  }

  #cp-cafelatory .cp-cafelatory__movie__con a {
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__movie__con a:before {
    position: absolute;
    content: "";
    width: 9vw;
    height: 9vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/btn_play.png) center center no-repeat;
    background-size: contain;
  }

  #cp-cafelatory .cp-cafelatory__movie__con li {
    width: 63vw;
    margin: 6vw auto 0;
    background: #fff;
  }

  #cp-cafelatory .cp-cafelatory__movie__con li.big {
    width: 100%;
    margin-bottom: 7vw;
  }

  #cp-cafelatory .cp-cafelatory__movie__con li img {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__movie2 .tl02 {
    box-sizing: border-box;
    color: #432b21;
    font-size: 3.73vw;
    margin-bottom: 7.33vw;
  }

  #cp-cafelatory .cp-cafelatory__movie2 .tl02 .img img {
    width: 64.1vw;
  }

  #cp-cafelatory .cp-cafelatory__movie2 {
    background: #5a483b url(../img/sp_movie_bg2.jpg) center top no-repeat;
    background-size: cover;
    padding: 7.33vw 0 9.33vw;
  }

  #cp-cafelatory .cp-cafelatory__movie2__con {
    margin: 0 auto;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* align-items: center; */
    text-align: center;
  }

  #cp-cafelatory .cp-cafelatory__movie2__con a {
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__movie2__con a:before {
    position: absolute;
    content: "";
    width: 9vw;
    height: 9vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/btn_play.png) center center no-repeat;
    background-size: contain;
  }

  #cp-cafelatory .cp-cafelatory__movie2__con li {
    width: 63vw;
    margin: 6vw auto 0;
    background: #fff;
  }

  #cp-cafelatory .cp-cafelatory__movie2__con li.big {
    width: 100%;
    margin-bottom: 7vw;
  }

  #cp-cafelatory .cp-cafelatory__movie2__con li img {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__special {
    background: #c1c4b8 url(../img/sp_special_bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 9.33vw 0;
  }

  #cp-cafelatory .cp-cafelatory__special .tl02 {
    box-sizing: border-box;
    color: #432b21;
    font-size: 3.73vw;
    margin-bottom: 7.33vw;
  }

  #cp-cafelatory .cp-cafelatory__special .tl02 .img img {
    width: 52.8vw;
  }

  #cp-cafelatory .cp-cafelatory__special__con li {
    width: 100%;
    margin-top: 5vw;
    background: #fff;
  }

  #cp-cafelatory .cp-cafelatory__special__con li img {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__instagram {
    text-align: center;
    background: #fbf0e4 url(../img/sp_instagram_bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 12vw 0;
  }

  #cp-cafelatory .cp-cafelatory__instagram .tl02 {
    box-sizing: border-box;
    color: #432b21;
    font-size: 3.73vw;
    margin-bottom: 7.33vw;
  }

  #cp-cafelatory .cp-cafelatory__instagram .tl02 .img img {
    width: 32.44vw;
  }

  #cp-cafelatory .cp-cafelatory__instagram .t1 {
    font-size: 4.8vw;
    color: #5d3a2b;
    letter-spacing: -0.05em;
  }

  #cp-cafelatory .cp-cafelatory__instagram .t1 span {
    display: inline-block;
  }

  #cp-cafelatory .cp-cafelatory__instagram .instaLink {
    /*    margin: 8vw auto 0;*/
    margin: 4vw auto 0;
    width: 16vw;
  }

  #cp-cafelatory .cp-cafelatory__instagram .instaLink a {
    cursor: pointer;
  }

  #cp-cafelatory .page__gotop {
    background: #f5f5f5;
    height: 65px;
  }

  #cp-cafelatory .pagetop_button {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px 10px 3vh 10px;
    transition: 0.3s;
    z-index: 99;
    /*デフォルトで非表示にする*/
    opacity: 0;
    visibility: hidden;
  }

  #cp-cafelatory .pagetop_active {
    opacity: 1;
    visibility: visible;
  }

  #cp-cafelatory .pagetop_absolute {
    position: absolute;
    bottom: auto;
  }

  #cp-cafelatory .pagetop_button img {
    width: 45px;
    height: 45px;
  }

  .js-cafelatory__scroll_anime {
    opacity: 1;
    transition: opacity 0.5s ease, -webkit-transform 0.7s ease;
    transition: opacity 0.5s ease, transform 0.7s ease;
    transition: opacity 0.5s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
  }

  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product.js-cafelatory__scroll_anime {
    transition: margin 1s ease, opacity 0.5s ease, -webkit-transform 0.7s ease;
    transition: margin 1s ease, opacity 0.5s ease, transform 0.7s ease;
    transition: margin 1s ease, opacity 0.5s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
  }

  #cp-cafelatory .cafelatory__lineup__product_con.js-cafelatory__scroll_anime {
    transition: margin 1s ease, opacity 0.5s ease, -webkit-transform 0.7s ease;
    transition: margin 1s ease, opacity 0.5s ease, transform 0.7s ease;
    transition: margin 1s ease, opacity 0.5s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
  }

  .js-cafelatory__delay-s {
    transition-delay: 0.5s;
  }

  .js-cafelatory__delay-ms {
    transition-delay: 1s;
  }

  .js-cafelatory__slide_left {
    -webkit-transform: translateX(-10vw);
    transform: translateX(-10vw);
    opacity: 0;
  }

  .js-cafelatory__slide_right {
    -webkit-transform: translateX(10vw);
    transform: translateX(10vw);
    opacity: 0;
  }

  .js-cafelatory__slide_bottom {
    -webkit-transform: translateY(10vw);
    transform: translateY(10vw);
    opacity: 0;
  }

  .js-cafelatory__slide_top {
    -webkit-transform: translateY(-10vw);
    transform: translateY(-10vw);
    opacity: 0;
  }


    .js-cafelatory__slide_pcleft_sptop {
      -webkit-transform: translateY(-10vw);
      transform: translateY(-10vw);
      opacity: 0;
    }


    .js-cafelatory__slide_pcright_spbottom {
      -webkit-transform: translateY(10vw);
      transform: translateY(10vw);
      opacity: 0;
    }


  .js-cafelatory__fadein {
    opacity: 0;
  }

  .mfp-iframe-holder .mfp-close {
    /*    background: url(../img/btn_close.png) right 5px bottom 7px no-repeat;*/
    background: url(../img/btn_close.png) right 10px bottom 10px no-repeat;
    background-size: auto 3.5vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0;
    opacity: 1;
  }

  .mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.1s ease;
  }

  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.9;
  }

  .mfp-ready .mfp-content {
    /*    width: 85%;*/
    width: 100% !important;
    -webkit-animation: tosmall 0.5s ease 0s 1 normal both;
    animation: tosmall 0.5s ease 0s 1 normal both;
  }

  @-webkit-keyframes tosmall {
    from {
      width: 85%;
    }

    to {
      width: 100%;
    }
  }

  @keyframes tosmall {
    from {
      width: 85%;
    }

    to {
      width: 100%;
    }
  }

  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }

  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.3s ease-out;
  }

  .mfp-fade.mfp-bg.mfp-removing {
    transition: all 0.25s ease;
  }

  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }

  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }
}

@media all and (min-width: 701px) {
  body {
    min-width: 1275px;
    margin: 0;
  }

  #cp-cafelatory {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 300;
    font-size: 18px;
    width: 100%;
    overflow: hidden;
  }

  #cp-cafelatory .min {
    font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 300;
  }

  #cp-cafelatory .bold {
    font-weight: bold;
    font-weight: 700;
  }

  #cp-cafelatory img {
    vertical-align: middle;
  }

  .ttl_inline {
    display: inline-block;
  }

  #cp-cafelatory h3 img {
    width: 50%;
  }

  #colorbox a,
  #colorbox a:focus,
  #colorbox a img,
  #cp-cafelatory a,
  #cp-cafelatory a:focus,
  #cp-cafelatory a img {
    border: 0 none;
    outline: none;
  }

  #cp-cafelatory h2,
  #cp-cafelatory h3,
  #cp-cafelatory h4,
  #cp-cafelatory p,
  #cp-cafelatory figure {
    margin: 0;
  }

  #cp-cafelatory ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #cp-cafelatory em,
  #cp-cafelatory i {
    font-style: normal;
  }

  #cp-cafelatory a,
  #cp-cafelatory a img {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }

  #cp-cafelatory a:hover,
  #cp-cafelatory a:hover img {
    text-decoration: none;
    opacity: 0.85;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }

  #cp-cafelatory .reg_wrap {
    position: relative;
    padding-right: 0.6em;
  }

  #cp-cafelatory .reg {
    position: absolute;
    bottom: -0.2em;
    line-height: 1;
    font-size: 90%;
    right: 0.2em;
  }

  #cp-cafelatory .copy {
    margin-bottom: 30px;
  }

  #cp-cafelatory .copy img {
    width: 460px;
  }

  #cp-cafelatory .sent p+p {
    margin-top: 1em;
  }

  #cp-cafelatory .btn a {
    background: #bd9a33;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 210px;
    display: inline-block;
    padding: 17px 38px 20px 27px;
    border-radius: 31px;
    position: relative;
  }

  #cp-cafelatory .btn a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 6px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    content: "";
    top: 50%;
    right: 25px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }

  #cp-cafelatory .tl02 {
    text-align: center;
    color: #fff;
    font-size: 20px;
  }

  #cp-cafelatory .tl02 span {
    /**		display: block;**/
    letter-spacing: -1px;
  }

  .ttl_subtitle {
    display: block;
  }

  #cp-cafelatory .tl02 span+span {
    margin-top: 16px;
  }

  #cp-cafelatory .tl02 .reg_wrap {
    padding-right: 0.6em;
  }

  #cp-cafelatory .tl02 .reg {
    font-size: 90%;
    right: 0.2em;
    bottom: -0.2em;
  }

  #cp-cafelatory .kakko_l {
    padding-right: 0.2em;
  }

  #cp-cafelatory .kakko_r {
    padding-left: 0.1em;
  }

  /*
  stick_menu
  ============================================================================
  */
  #stick_menu {
    background: #fbf0e4;
    height: 80px;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 500;
  }

  #stick_menu.fixed {
    position: fixed;
  }

  #cp-cafelatory.fixed {
    padding-top: 80px;
  }

  #stick_menu .stick_container {
    width: 1280px;
    margin: 0 auto;
    position: relative;
  }

  #stick_menu .stick_container p.logo {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    margin: 0;
  }

  #stick_menu .stick_container ul {
    display: flex;
    /*width: 760px;*/
    /*width: 538px;*/
    width: 393px;
    height: 80px;
    margin: 0 auto;
    z-index: 9;
    /*		padding-left: 40px;*/
    padding-left: 0;
  }

  #stick_menu .stick_container ul li {
    height: 80px;
    line-height: 85px;
    text-align: center;
    list-style: none;
    background: url(../img/menu_v_line.png) right center no-repeat;
  }

  #stick_menu .stick_container ul li a {
    display: inline-block;
    position: relative;
  }

  #stick_menu .stick_container ul li a:hover::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #221613;
    position: absolute;
    left: 0;
    bottom: 34px;
  }

  #stick_menu .stick_container ul li:nth-child(1) {
    width: 116px;
  }

  #stick_menu .stick_container ul li:nth-child(2) {
    width: 132px;
  }

  #stick_menu .stick_container ul li:nth-child(2) img {
    margin-bottom: 2px;
  }

  #stick_menu .stick_container ul li:nth-child(3) {
    width: 145px;
    background: none;
  }

  /*
  #stick_menu .stick_container ul li:nth-child(4) {
  width: 226px;
}
*/
  #stick_menu .stick_container ul li:nth-child(4) {
    width: 145px;
    background: none;
  }

  #stick_menu .stick_container ul li:nth-child(5) {
    width: 145px;
    background: none;
  }

  /*

classes
============================================================================
*/
  /*-------------------------------
*  breadCrumbs
-------------------------------*/
  #breadCrumbs li .reg_wrap {
    position: relative;
    padding-right: 1.2em;
  }

  #breadCrumbs li .reg {
    position: absolute;
    bottom: 0em;
    line-height: 1;
    font-size: 100%;
    right: 0.2em;
  }

  /*-------------------------------
*  wrap
-------------------------------*/
  #cp-cafelatory .page__wrap {
    padding: 0;
    width: 1275px;
    margin: 0 auto;
  }

  /*-------------------------------
*  slides
-------------------------------*/
  #cp-cafelatory .slick-dots {
    position: absolute;
    bottom: -45px;
  }

  #cp-cafelatory .slick-dotted.slick-slider {
    margin-bottom: 0px;
  }

  #cp-cafelatory .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
  }

  #cp-cafelatory .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #eac89c;
    border-radius: 6px;
  }

  #cp-cafelatory .slick-dots li button:before {
    width: 12px;
    height: 12px;
    content: "";
  }

  #cp-cafelatory .slick-dots li.slick-active button {
    background: #432b21;
  }

  /*-------------------------------
*  cp-cafelatory__mv
-------------------------------*/
  #cp-cafelatory .cp-cafelatory__mv img {
    width: 100%;
  }

  /*-------------------------------
*  cp-cafelatory__topics
-------------------------------*/
  #cp-cafelatory .cp-cafelatory__topics {
    /* background: #42271f url(../img/topics_bg.jpg) center top no-repeat; */
    background: #fbf0e4;
    position: relative;
    padding-top: 50px;
    min-height: 394px;
    box-sizing: border-box;
  }

  /*-------------------------------
*  cp-cafelatory__about
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__about
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__lineup
-------------------------------*/
  /* #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product.current {
margin-bottom: 430px;
} */
  /*
#cp-cafelatory .cp-cafelatory__lineup .lineup_wrap ul li:nth-child(7n) {
margin-left: 0;
} */
  /*-------------------------------
*  cp-cafelatory__movie
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__movie2
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__special
-------------------------------*/
  /*-------------------------------
*  cp-cafelatory__instagram
-------------------------------*/
  /*-------------------------------
*  page__gotop old

#cp-cafelatory .page__gotop {
text-align: right;
background: #fff;
}

#cp-cafelatory .page__gotop a {
color: #cea65d;
text-decoration: none;
display: inline-block;
padding: 30px 50px 30px 0;
position: relative;
font-size: 16px;
font-weight: 700;
}

#cp-cafelatory .page__gotop a:before {
position: absolute;
width: 38px;
height: 38px;
content: "";
top: 50%;
right: 0%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
background: url(../img/bg_pagetop.png) center center no-repeat;
}
-------------------------------*/
  /*-------------------------------
*  page__gotop
-------------------------------*/
  /*

js animations
============================================================================
*/
  /*-------------------------------
*  js-cafelatory__slide
-------------------------------*/
  /* #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product.js-cafelatory__scroll_anime {
transition: margin 1s ease, opacity 0.5s ease, transform 0.7s ease;
} */
  /*
js popup
============================================================================
*/
  /*-------------------------------
*  animation
-------------------------------*/
}

@media screen and (min-width: 701px) and (min-width: 1920px) {
  #cp-cafelatory .cp-cafelatory__topics {
    background-size: cover;
  }
}

@media all and (min-width: 701px) {
  #cp-cafelatory .cp-cafelatory__topics .page__wrap {
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__topics h3 {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-top: 0;
    padding-bottom: 0;
  }

  #cp-cafelatory .cp-cafelatory__topics h3 span {
    text-align: center;
    color: #432b21;
    font-size: 20px;
    padding-bottom: 20px;
    display: block;
    letter-spacing: 0;
  }

  #cp-cafelatory .cp-cafelatory__topics h3 span.img {
    text-align: left;
    padding-bottom: 0;
    margin-top: 0;
    /* width: 140px; */
  }

  #cp-cafelatory .cp-cafelatory__topics h3 span.img img {
    max-width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__topics #slide {
    width: 867px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
  }

  #cp-cafelatory .cp-cafelatory__topics .slick-slide:focus {
    outline: none;
  }

  #cp-cafelatory .cp-cafelatory__topics .caption {
    text-align: right;
    font-size: 70%;
    padding-top: 5px;
    padding-right: 210px;
  }

  #cp-cafelatory img {
    max-width: 100%;
  }

  #cp-cafelatory .sub {
    vertical-align: sub;
    font-size: 90%;
    position: relative;
    bottom: -0.2em;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 {
    padding-top: 46px;
    padding-bottom: 68px;
    background: url(../img/about/about_block01_bg.gif) center top/auto repeat-y;
  }
}

@media screen and (min-width: 701px) and (min-width: 1920px) {
  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 {
    background-size: cover;
  }
}

@media all and (min-width: 701px) {
  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie {
    position: relative;
    width: 744px;
    margin: 0 auto;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie a {
    background: #fff;
    position: relative;
    display: block;
    opacity: 1;
    transition: opacity 0.4s;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie a:hover {
    opacity: 1;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie a:hover img {
    opacity: 0.9;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie a:hover:before {
    opacity: 1;
    transition: opacity 0.4s;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_movie a:before {
    z-index: 1;
    pointer-events: none;
    opacity: 0.8;
    transition: opacity 0.4s;
    content: "";
    width: 114px;
    height: 114px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/about/about_movie_arrow.png) 0 0/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box_wrap {
    position: relative;
    padding-left: 176px;
    margin-top: 20px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box_re {
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 253px;
    width: 760px;
    height: 589px;
    background: url(../img/about/about_block01_box02.png) 0 0/100% auto no-repeat;
    -webkit-transform: translateX(-120px) rotate(0deg);
    transform: translateX(-120px) rotate(0deg);
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box_re.js-cafelatory__slide_right {
    -webkit-transform: translateX(120px) rotate(3deg);
    transform: translateX(120px) rotate(3deg);
    opacity: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box {
    position: relative;
    z-index: 2;
    width: 740px;
    height: 585px;
    margin: 0 auto;
    background: url(../img/about/about_block01_box01.png) 0 0/100% auto no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box .about_block01_subttl {
    width: 445px;
    padding-top: 70px;
    margin: 0 auto 32px 140px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box .about_block01_subttl img {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box .item01 {
    width: 203px;
    position: absolute;
    top: 60px;
    right: -108px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box .item01.js-cafelatory__slide_left {
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    opacity: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box p {
    text-align: left;
    color: #845322;
    font-weight: 500;
    font-size: 22.27px;
    line-height: 1.902;
    letter-spacing: 0.08em;
    margin-top: 1em;
    margin: 0.8em auto 0 140px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block01 .about_block01_box p:first-of-type {
    margin-top: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 {
    padding-bottom: 246px;
    background-color: #d7a771;
    overflow: hidden;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box {
    padding-top: 38px;
    padding-bottom: 24px;
    position: relative;
    overflow: hidden;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item {
    position: absolute;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item01 {
    width: 490px;
    z-index: 4;
    top: -42px;
    right: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box01 {
    position: relative;
    z-index: 3;
    width: 363px;
    height: 285px;
    margin: 0 auto 0 164px;
    background: url(../img/about/about_block02_box01.png) 0 0/100% auto no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box01 .about_block02_subttl {
    width: 210px;
    padding-top: 66px;
    padding-left: 90px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box01 .about_block02_subttl img {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item02 {
    width: 310px;
    z-index: 2;
    top: 313px;
    left: 126px;
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item02.js-cafelatory__slide_left {
    -webkit-transform: translateX(-120px) rotate(-14deg);
    transform: translateX(-120px) rotate(-14deg);
    opacity: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 {
    position: relative;
    z-index: 1;
    width: 920px;
    height: 734px;
    margin: -150px auto 0 240px;
    background: url(../img/about/about_block02_box02.png) 0 0/100% auto no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 .about_block02_txt p {
    color: #845322;
    font-weight: 500;
    line-height: 1.902;
    letter-spacing: 0.08em;
    font-size: 22.32px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 .about_block02_txt p.t01 {
    padding-top: 190px;
    padding-left: 230px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .about_block02_box02 .about_block02_txt p.t02 {
    padding-top: 22px;
    padding-left: 281px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item03 {
    width: 187px;
    z-index: 5;
    top: 119px;
    right: auto;
    left: 527px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item03.js-cafelatory__slide_right {
    -webkit-transform: translateY(-120px) translateX(0);
    transform: translateY(-120px) translateX(0);
    opacity: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item04 {
    width: 188px;
    z-index: 6;
    top: 732px;
    left: 304px;
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item04.js-cafelatory__slide_left {
    -webkit-transform: translateX(-120px) rotate(-24deg);
    transform: translateX(-120px) rotate(-24deg);
    opacity: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item05 {
    width: 436px;
    z-index: 6;
    top: 338px;
    left: auto;
    right: -18px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item06 {
    width: 140px;
    z-index: 6;
    bottom: 56px;
    left: 133px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item07 {
    width: 143px;
    z-index: 6;
    bottom: -5px;
    right: 192px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item11 {
    width: 215px;
    z-index: 6;
    bottom: 198px;
    right: 72px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_box .item12 {
    width: 205px;
    z-index: 6;
    bottom: 4px;
    right: 561px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap {
    margin-top: 10px;
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item {
    position: absolute;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item08 {
    width: 408px;
    z-index: 6;
    bottom: -295px;
    left: 94px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item09 {
    width: 152px;
    z-index: 6;
    bottom: -206px;
    left: 788px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item10 {
    width: 176px;
    z-index: 6;
    bottom: -232px;
    left: 494px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap .item13 {
    width: 195px;
    z-index: 6;
    bottom: -198px;
    right: 118px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 3px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li {
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li a {
    position: relative;
    display: block;
    width: 350px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li a:hover {
    opacity: 1;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li a:hover img {
    opacity: 0.85;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li a:hover:before {
    opacity: 1;
    transition: opacity 0.4s;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li a:before {
    z-index: 1;
    opacity: 0.8;
    transition: opacity 0.4s;
    pointer-events: none;
    content: "";
    width: 55px;
    height: 55px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/about/about_movie_arrow.png) 0 0/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum01 {
    width: 412px;
    height: 270px;
    background: url(../img/about/about_block02_thum01_bg.png) center center/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum01 a {
    margin-top: 15px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum02 {
    width: 410px;
    height: 253px;
    margin-top: 15px;
    background: url(../img/about/about_block02_thum02_bg.png) center center/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum02 a {
    margin-top: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum03 {
    width: 410px;
    height: 265px;
    margin-top: 9px;
    background: url(../img/about/about_block02_thum03_bg.png) center center/contain no-repeat;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block02 .about_block02_movie_wrap ul.list li.thum03 a {
    margin-top: 0;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 {
    background-color: #845322;
    padding-top: 85px;
    padding-bottom: 110px;
    position: relative;
    overflow: hidden;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    /* display: -ms-flex;
    display: flex;
    justify-content: center;
    gap: 0 50px;
    padding-right: 65px;*/
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .page__wrap {
    position: relative;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_wrap .item {
    position: absolute;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_wrap .item01 {
    width: 177px;
    z-index: 2;
    top: -50px;
    right: -53px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .item02 {
    position: absolute;
    width: 458px;
    z-index: 3;
    bottom: -350px;
    left: -109px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_subttl {
    /*    width: 452px;*/
    width: 894px;
    /*    margin-top: 45px;*/
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_subttl img {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_movie_wrap {
    /*    width: 469px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_movie_wrap div {
    width: 469px;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_movie_wrap .about_block03_movie video {
    width: 100%;
  }

  #cp-cafelatory .cp-cafelatory__about2311 .about_block03 .about_block03_movie_wrap .about_block03_txt {
    text-align: left;
    color: #fff;
    font-weight: 500;
    font-size: 22.32px;
    line-height: 1.902;
    letter-spacing: 0.08em;
    /*    margin-top: 30px;*/
  }

  #cp-cafelatory .cups {
    margin: 0 auto;
    margin-top: 36px;
    padding-right: 50px;
    height: 323px;
  }

  #cp-cafelatory .cups .cups_list {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  #cp-cafelatory .cups .cups_list01 {}

  #cp-cafelatory .cups .cups_list02 {
    margin-top: 30px;
  }

  .cups_list02 {
    margin-top: 30px;
  }

  .cups_list img {
    margin-left: 10px;
  }

  .cups_list .cup00 {
    width: 132px;
    margin-left: 22px;
  }

  .cups_list .cup01 {
    width: 146px;
  }

  .cups_list .cup02 {
    width: 148px;
  }

  .cups_list .cup03 {
    width: 165px;
    margin-left: 0;
  }

  .cups_list .cup04 {
    width: 150px;
  }

  .cups_list .cup05 {
    width: 155px;
  }

  .cups_list .cup06 {
    width: 148px;
  }

  .cups_list .cup07 {
    width: 168px;
  }

  .cups_list .cup08 {
    width: 148px;
  }

  .cups_list .cup09 {
    width: 148px;
  }

  .cups_list .cup10 {
    width: 162px;
    margin-left: 0;
  }

  .cups_list .cup11 {
    width: 163px;
    margin-left: 0;
  }

  .cups_list .cup12 {
    width: 157px;
    margin-left: 0;
  }

  #cp-cafelatory .cp-cafelatory__about {
    /* padding-top: 176px; */
    padding: 60px 0 80px;
    background: #fff7d1 url(../img/about_bg.jpg) center top no-repeat;
    background-size: cover;
    /* min-height: 852px; */
    box-sizing: border-box;
  }

  .about_block04 {
    background: url(../img/about/about_block04_bg.png) center 0 repeat;
    /* padding-top: 100px;
    padding-bottom: 50px; */
    padding-top: 50px;
    padding-bottom: 200px;
  }

  .about_block04_wrap {
    position: relative;
  }

  .about_block04_l {
    /* width: 737px;
    height: 631px; */
    width: 625px;
    height: 536px;
    position: relative;
    left: -27px;
    background: url(../img/about/about_block04_left_pc.png) 0 0 / cover no-repeat;
  }

  .about_block04_txt {
    /* width: 409px; */
    width: 337px;
    /* padding-top: 65px;
    padding-left: 110px; */
    padding-top: 59px;
    padding-left: 76px;
  }

  #cp-cafelatory .about_block04_txt img {
    width: auto;
  }

  #cp-cafelatory .about_block04_t {
    font-size: 22px;
    color: #990000;
    font-weight: 500;
    line-height: 2;
    /* margin-top: 30px;
    padding-left: 110px; */
    margin-top: 27px;
    padding-left: 77px;
  }

  .about_block04_r {
    position: absolute;
    /* top: -45px;
    left: 527px; */
    /* width: 688px;
    height: 616px; */
    top: 40px;
    left: 374px;
    width: 902px;
    height: 642px;
    background: url(../img/about/about_block04_right_pc.png) 0 0 / cover no-repeat;
  }

  .about_block04_item {
    /* width: 497px; */
    width: 763px;
    /* padding-top: 54px;
    padding-left: 97px; */
    padding-top: 61px;
    padding-left: 73px;
    position: relative;
    z-index: 1;
  }

  .about_block04_badge {
    position: absolute;
    width: 167px;
    /* bottom: -68px;
    right: -22px; */
    top: -29px;
    right: 97px;
  }

  /*
  #cp-cafelatory .lineup01 {
  padding-top: 50px;
}
*/
  #cp-cafelatory .lineup01_ttl {
    padding-top: 50px;
    padding-bottom: 33px;
    text-align: center;
  }

  #cp-cafelatory .lineup01_ttl img {
    width: 252px;
  }

  #cp-cafelatory .lineup_sttl01 {
    width: 386px;
    margin: 0 auto;
  }

  /*
#cp-cafelatory .lineup02 {
padding-top: 50px;
}
*/
  #cp-cafelatory .lineup_sttl02 {
    width: 319px;
    margin: 0 auto;
  }

  .tasty {
    background: #d6a671;
    padding-top: 50px;
    padding-bottom: 60px;
  }

  #cp-cafelatory .tasty_ttl {
    width: 369px;
    margin: 0 auto;
  }

  #cp-cafelatory .tasty_ttl img {
    width: auto;
  }

  .tasty_btn_wrap {
    display: flex;
    justify-content: center;
    gap: 0 60px;
    margin-top: 54px;
  }

  .tasty_btn {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }

  .tasty_btn:hover {
    opacity: 0.85;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }

  .tasty_btn12 {
    width: 293px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .tasty_btn02, .tasty_btn04 {
    margin-top: 30px;
  }

  .tasty_btn34 {
    width: 284px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .tasty_modal_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
  }

  .tasty_modal_wrap.active {
    transition: 0.4s;
    visibility: visible;
    opacity: 1;
  }

  .tasty_overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  #cp-cafelatory .tasty_modal_in {
    height: 100%;
  }

  .tasty_modal {
    position: fixed;
    height: 89%;
    max-height: 800px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tasty_close {
    cursor: pointer;
    position: absolute;
    top: -30px;
    right: 0;
    width: 27px;
    height: 27px;
    background: url(../img/close.png) 0 0 / contain no-repeat;
  }

  #cp-cafelatory .tasty_modal_in>div {
    height: 100%;
  }

  #cp-cafelatory .tasty_modal img {
    height: 100%;
    width: auto;
    max-width: none;
  }

  @media screen and (min-width: 701px) and (min-width: 1920px) {
    #cp-cafelatory .cp-cafelatory__about {
      background-size: cover;
    }
  }

/******************************************************************************************/
/*PCサイズ*/
/******************************************************************************************/
@media all and (min-width: 701px) {
  #cp-cafelatory .about_ttl_wrap {
    text-align: center;
    color: #432b21;
  }
  #cp-cafelatory .about_ttl_t1 {
    font-size: 38px;
    margin-top: 70px;
    letter-spacing: -0.06em;
  }
  #cp-cafelatory .about_ttl_t1 .kakko_l {
    padding-right: 0;
  }
  #cp-cafelatory .about_ttl_t1 .kakko_r {
    padding-left: 0;
  }
  #cp-cafelatory .about_ttl_t1 .reg_wrap {
    position: relative;
    padding-right: 0.6em;
  }
  #cp-cafelatory .about_ttl_t1 .reg {
    right: 0.3em;
    bottom: -0.2em;
    line-height: 1;
    font-size: 80%;
  }
  #cp-cafelatory .about_ttl_t2 {
    font-size: 24px;
    letter-spacing: 0.09em;
    margin-top: 30px;
    line-height: 2;
  }
  #cp-cafelatory .about_ttl_t2 span {
    position: relative;
    z-index: 2;
  }
  #cp-cafelatory .about_ttl_t2 span:after {
    content: "";
    width: 103%;
    height: 10px;
    background: #fbf0e4;
    position: absolute;
    bottom: 0;
    left: calc(50% - 3px);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
  }
  #cp-cafelatory .cp-cafelatory__about .page__wrap {
    position: relative;
  }
  #cp-cafelatory .cp-cafelatory__about .tl {
    margin-bottom: 25px;
    margin-left: -35px;
  }
  #cp-cafelatory .cp-cafelatory__about .txt_block {
    background: #321a06;
    color: #fff;
    width: 680px;
    padding: 60px 60px 58px;
    box-sizing: border-box;
    margin-left: 36px;
    margin-top: 150px;
  }
  #cp-cafelatory .cp-cafelatory__about .sent {
    line-height: 2;
    letter-spacing: 1.2px;
  }
  #cp-cafelatory .cp-cafelatory__about figure {
    position: absolute;
    top: 424px;
    right: 40px;
  }
  #cp-cafelatory .about_movie {
    width: 640px;
    position: absolute;
    top: 470px;
    right: 40px;
    z-index: 11;
  }
  #cp-cafelatory .about_movie video {
    width: 100%;
  }
  #cp-cafelatory .cp-cafelatory__awa {
    background: #ece8d9 url(../img/awa_bg.jpg) center top no-repeat;
    padding-top: 198px;
    box-sizing: border-box;
    min-height: 724px;
  }
}
@media screen and (min-width: 701px) and (min-width: 1920px) {
  #cp-cafelatory .cp-cafelatory__awa {
    background-size: cover;
  }
}
@media all and (min-width: 701px) {
  #cp-cafelatory .cp-cafelatory__awa .movie {
    width: 660px;
    position: relative;
    z-index: 11;
  }
  #cp-cafelatory .cp-cafelatory__awa .movie video {
    width: 100%;
  }
  #cp-cafelatory .cp-cafelatory__awa .txt_block {
    position: relative;
    margin: -240px 0 0 auto;
    background: #fff6f0;
    width: 696px;
    padding: 67px 70px 78px 120px;
    box-sizing: border-box;
    z-index: 10;
  }
  #cp-cafelatory .cp-cafelatory__awa .txt_block .att {
    position: absolute;
    bottom: 1em;
    right: 1em;
    font-size: 12px;
  }
  #cp-cafelatory .cp-cafelatory__awa .sent {
    line-height: 2;
    letter-spacing: -1.2px;
  }
  #cp-cafelatory .cp-cafelatory__about .awaLink {
    text-align: center;
    margin-top: 80px;
  }
  #cp-cafelatory .cp-cafelatory__about .awaLink a {
    display: inline-block;
    width: 550px;
  }
  #cp-cafelatory .cp-cafelatory__lineup {
    /* background: #524538 url(../img/lineup_bg_loop.jpg) center top repeat; */
  }
  #cp-cafelatory .lineup01 {
    background: #f3cd9c url(../img/lineup_bg01.jpg) center top repeat;
    background-size: 100%;
  }
  #cp-cafelatory .lineup02 {
    background: #fccaba url(../img/lineup_bg02.jpg) center top repeat;
    background-size: 100%;
  }
  #cp-cafelatory .lineup03 {
    background: #412715 url(../img/lineup_bg03.png) center top repeat;
    background-size: cover;
  }
  #cp-cafelatory .cp-cafelatory__lineup .tl02 {
    padding: 0;
    padding: 40px 0 30px;
    box-sizing: border-box;
    background: #fbf0e4;
    color: #432b21;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product {
    position: relative;
    transition: margin 1s ease;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product:before {
    position: absolute;
    /* content: ""; */
    top: 211px;
    /* bottom: 20px; */
    left: -5%;
    width: 110%;
    height: 136px;
    background: url(../img/lineup_bgbar.png) center bottom repeat-x;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product:after {
    position: absolute;
    /* content: ""; */
    top: 247px;
    /* bottom: 20px; */
    left: -5%;
    width: 110%;
    height: 100px;
    box-shadow: 0 19px 25px rgba(0, 0, 0, 0.8);
    /* z-index: 10; */
    z-index: 0;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product .lineup_wrap > ul.current {
    margin-bottom: 430px;
  }
  #cp-cafelatory .lineup_sttl {
    text-align: center;
    padding-top: 50px;
    font-family: "Noto Serif JP", "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  }
  #cp-cafelatory .lineup_sttl .t1 {
    font-size: 44px;
    color: #432b21;
    line-height: 0.9;
    letter-spacing: 0.02em;
  }
  #cp-cafelatory .lineup01 .lineup_sttl .t1 {
    color: #432b21;
  }
  #cp-cafelatory .lineup02 .lineup_sttl .t1 {
    color: #432b21;
  }
  #cp-cafelatory .lineup03 .lineup_sttl .t1 {
    color: #fff;
  }
  #cp-cafelatory .lineup_sttl .t1 span {
    font-family: "Caveat", cursive;
    font-size: 38px;
    margin-left: -5px;
  }
  #cp-cafelatory .lineup01 .lineup_sttl .t1 span {
    color: #a14e1f;
  }
  #cp-cafelatory .lineup02 .lineup_sttl .t1 span {
    color: #d6552c;
  }
  #cp-cafelatory .lineup03 .lineup_sttl .t1 span {
    color: #f8e0be;
  }
  #cp-cafelatory .lineup_sttl .t2 {
    font-size: 22px;
    color: #432b21;
    margin-top: 16px;
    padding-left: 1em;
  }
  #cp-cafelatory .lineup01 .lineup_sttl .t2 {
    color: #432b21;
  }
  #cp-cafelatory .lineup02 .lineup_sttl .t2 {
    color: #432b21;
  }
  #cp-cafelatory .lineup03 .lineup_sttl .t2 {
    color: #fff;
  }

#cp-cafelatory .lineup02 .balloon{
  margin: 50px auto -25px ;
  color: #fff;  position: relative;
  background: #ff998c;
  padding: 1em 1.5em 1em 2em;
  border-radius: 15px;
/*  width: 440px;*/
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
#cp-cafelatory .lineup02 .balloon p{
  font-weight: 600;
  font-size:120%;
  text-align: center;
}
#cp-cafelatory .lineup02 .balloon:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ff998c transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

  #cp-cafelatory .cp-cafelatory__lineup .lineup_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup_wrap ul li:first-child {
    margin-left: 19px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup_wrap ul:first-of-type li:first-child {
    margin-left: 0;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li {
    /* 7個並び
    	width: 13%;
    */
    /* width: 15.4%; */
    width: 196px;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > .dblPkg{
    width: 300px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li .cafelatory__lineup__box img {
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li .cafelatory__lineup__box img,
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li .cafelatory__lineup__box p {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li .cafelatory__lineup__box img ~ .right {
    margin-left: 15px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li .cafelatory__lineup__box img:hover,
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li .cafelatory__lineup__box p:hover {
    text-decoration: none;
    opacity: 0.85;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__product_con > li + li {
    /* margin-left: 1.5%; */
    margin-left: 19px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box {
    text-align: center;
    height: 367px;
    padding-top: 69px;
    box-sizing: border-box;
    position: relative;
    z-index: 20;
  }
  #cp-cafelatory .cp-cafelatory__lineup .tea1stlinePC .cafelatory__lineup__box {
    padding-top: 20px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .new .cafelatory__lineup__box:before {
    position: absolute;
    width: 58px;
    height: 58px;
    background: url(../img/i_item_new.png) center center no-repeat;
    content: "";
    top: 37px;
    left: 136px;
    z-index: 10;
    background-size: 100%;
  }
  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .cafelatory__lineup__box:before {
    left: 253px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box p {
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 1.2;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup01 .cafelatory__lineup__box p {
    color: #432b21;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup02 .cafelatory__lineup__box p {
    color: #432b21;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup03 .cafelatory__lineup__box p {
    color: #fff;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box > p:first-of-type img {
    /* width: 111px; */
    height: 190px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__box p + p {
    margin-top: 13px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.7s ease;
    background: #fcf4ea;
    width: 100%;
    left: 0;
    top: 367px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    position: absolute;
    height: 430px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /*z-index: 20;*/
    z-index: 99;
    /* -webkit-box-shadow: 0 19px 19px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 19px 19px rgba(0, 0, 0, 0.8);
    box-shadow: 0 19px 19px rgba(0, 0, 0, 0.8); */
  }
  #cp-cafelatory .cp-cafelatory__lineup .current_on .cafelatory__lineup__box:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 15px 16px;
    border-color: transparent transparent #fcf5ec transparent;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 12;
  }
  #cp-cafelatory .cp-cafelatory__lineup .current_on .cafelatory__lineup__openbox {
    pointer-events: auto;
    opacity: 1;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .img {
    /* width: 202px; */
    height: 342px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .img img {
    height: 100%;
    width: auto;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .img img ~ .right {
    margin-left: 25px
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__openbox .txt_block {
    margin-left: 110px;
    color: #432b21;
  }
  #cp-cafelatory .cp-cafelatory__lineup .dblPkg .cafelatory__lineup__openbox .txt_block {
    margin-left: 60px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .txt_block .tl {
    font-size: 22px;
    letter-spacing: -1px;
    margin-bottom: 25px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .txt_block .tl .reg {
    bottom: 0em;
  }
  #cp-cafelatory .cp-cafelatory__lineup .txt_block .tl p + p {
    font-size: 26px;
    line-height: 1.5;
  }
  #cp-cafelatory .cp-cafelatory__lineup .txt_block .name {
    display: inline-block;
    padding-right: 10px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .txt_block .sent p {
    line-height: 1.7;
  }
  #cp-cafelatory .cp-cafelatory__lineup .txt_block .num {
    display: inline-block;
    font-size: 20px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup01 .btn a {
    background: #b97332;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 210px;
    display: inline-block;
    padding: 17px 38px 17px 27px;
    border-radius: 10px;
    position: relative;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup02 .btn a {
    background: #e14e0f;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 210px;
    display: inline-block;
    padding: 17px 38px 17px 27px;
    border-radius: 10px;
    position: relative;
  }
  #cp-cafelatory .cp-cafelatory__lineup .lineup03 .btn a {
    background: #000000;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    min-width: 210px;
    display: inline-block;
    padding: 17px 38px 17px 27px;
    border-radius: 10px;
    position: relative;
  }
  #cp-cafelatory .cp-cafelatory__lineup .txt_block .tl p:first-child {
    margin-left: -0.5em;
    line-height: 1.2;
  }
  #cp-cafelatory .cp-cafelatory__lineup .btn {
    margin-top: 40px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink {
    text-align: center;
    background: #fbf0e4;
    color: #432b21;
    box-sizing: border-box;
    padding: 60px 0 80px;
    position: relative;
    z-index: 11;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink .stl {
    font-size: 28px;
    letter-spacing: -1px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink .kometxt {
    font-size: 14px;
    margin-top: 5px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink_box {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink_box li + li {
    margin-left: 35px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .cafelatory__lineup__shoplink_box p {
    margin-top: 15px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .theLink {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 90px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .teaCatch {
    text-align: center;
    margin: 50px auto -20px auto;
    width: 600px;
  }
  #cp-cafelatory .cp-cafelatory__lineup .teaTxtCatch {
    margin-top: -20px;
    margin-bottom: -35px;
    position: relative;
    z-index: 999;
  }
  #cp-cafelatory .cp-cafelatory__lineup .theLink a {
    display: inline-block;
/*    width: 340px;*/
    width: 408px;
  }
  #cp-cafelatory .hr-wacafe {
    position: relative;
    padding: 45px 0 60px 0;
  }
  #cp-cafelatory .hr-wacafe::before {
    content: "";
    width: 610px;
    height: 5px;
    background: rgb(126,172,30);
    background: linear-gradient(135deg, rgba(126,172,30,1) 0%, rgba(172,168,30,1) 20%, rgba(254,118,129,1) 50%, rgba(155,7,7,1) 100%);
    position: absolute;
    margin-top: 5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 2.5px;
  }
/*
  #cp-cafelatory .hr-wacafe::after {
    content: "";
    width: 610px;
    height: 5px;
    background: rgb(126,172,30);
    background: linear-gradient(135deg, rgba(126,172,30,1) 0%, rgba(172,168,30,1) 20%, rgba(254,118,129,1) 50%, rgba(155,7,7,1) 100%);
    position: absolute;
    margin-top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 2.5px;
  }
*/
  #cp-cafelatory .cp-cafelatory__movie {
    background: #5a483b url(../img/movie_bg.jpg) center top no-repeat;
    padding: 60px 0 80px;
  }
}
@media screen and (min-width: 701px) and (min-width: 1920px) {
  #cp-cafelatory .cp-cafelatory__movie {
    background-size: cover;
  }
}
@media all and (min-width: 701px) {
  #cp-cafelatory .cp-cafelatory__movie .tl02 {
    box-sizing: border-box;
    color: #432b21;
    margin-bottom: 50px;
  }
  #cp-cafelatory .cp-cafelatory__movie__con {
    width: 847px;
    margin: -40px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  #cp-cafelatory .cp-cafelatory__movie__con a {
    position: relative;
  }
  #cp-cafelatory .cp-cafelatory__movie__con a:after {
    position: absolute;
    content: "";
    width: 72px;
    height: 72px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/btn_play.png) center center no-repeat;
  }
  #cp-cafelatory .cp-cafelatory__movie__con li {
    width: 394px;
    margin-top: 40px;
    background: #fff;
  }
  #cp-cafelatory .cp-cafelatory__movie__con li.big {
    width: 100%;
  }
  #cp-cafelatory .cp-cafelatory__movie__con li img {
    width: 100%;
  }
  #cp-cafelatory .cp-cafelatory__movie2 {
    background: #5a483b url(../img/movie_bg2.jpg) center top no-repeat;
    padding: 80px 0 80px;
  }
}
@media screen and (min-width: 701px) and (min-width: 1920px) {
  #cp-cafelatory .cp-cafelatory__movie2 {
    background-size: cover;
  }
}
@media all and (min-width: 701px) {
  #cp-cafelatory .cp-cafelatory__movie2 .tl02 {
    box-sizing: border-box;
    color: #432b21;
    margin-bottom: 50px;
  }
  #cp-cafelatory .cp-cafelatory__movie2__con {
    width: 847px;
    margin: -40px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  #cp-cafelatory .cp-cafelatory__movie2__con a {
    position: relative;
  }
  #cp-cafelatory .cp-cafelatory__movie2__con a:after {
    position: absolute;
    content: "";
    width: 72px;
    height: 72px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/btn_play.png) center center no-repeat;
  }
  #cp-cafelatory .cp-cafelatory__movie2__con li {
    width: 394px;
    margin-top: 40px;
    background: #fff;
  }
  #cp-cafelatory .cp-cafelatory__movie2__con li.big {
    width: 100%;
  }
  #cp-cafelatory .cp-cafelatory__movie2__con li img {
    width: 100%;
  }
  #cp-cafelatory .cp-cafelatory__special {
    background: #c1c4b8 url(../img/special_bg.jpg) center top no-repeat;
    background-size: cover;
    padding: 60px 0 110px;
  }
}
@media screen and (min-width: 701px) and (min-width: 1920px) {
  #cp-cafelatory .cp-cafelatory__special {
    background-size: cover;
  }
}
@media all and (min-width: 701px) {
  #cp-cafelatory .cp-cafelatory__special .tl02 {
    color: #432b21;
    margin-bottom: 30px;
  }
  #cp-cafelatory .cp-cafelatory__special__con {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
  }
  #cp-cafelatory .cp-cafelatory__special__con li {
    width: 404px;
    margin: 60px 10px 0;
    /* 4枚並び時
    		margin: 40px 20px 0;
    */
    background: #fff;
  }
  #cp-cafelatory .cp-cafelatory__special__con li img {
    width: 100%;
  }
  #cp-cafelatory .cp-cafelatory__instagram {
    text-align: center;
    padding: 80px 0 90px;
    background: #fbf0e4 url(../img/instagram_bg.jpg) center top no-repeat;
    background-size: cover;
    /* min-height: 540px; */
  }
  #cp-cafelatory .cp-cafelatory__instagram .tl02 {
    color: #432b21;
    margin-bottom: 60px;
  }
  #cp-cafelatory .cp-cafelatory__instagram .t1 {
    font-size: 28px;
    color: #432b21;
    letter-spacing: -1px;
  }
  #cp-cafelatory .cp-cafelatory__instagram .t1 span {
    display: inline-block;
  }
  #cp-cafelatory .cp-cafelatory__instagram .t1 span em {
    /* font-size: 60%; */
  }
  #cp-cafelatory .cp-cafelatory__instagram .instaLink {
    /*    margin-top: 50px;*/
    margin-top: 25px;
  }
  #cp-cafelatory .cp-cafelatory__instagram .instaLink a {
    cursor: pointer;
  }
  #cp-cafelatory .page__gotop {
    background: #f5f5f5;
    height: 80px;
  }
  #cp-cafelatory .pagetop_button {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px 40px 40px 10px;
    transition: 0.3s;
    z-index: 99;
    /*デフォルトで非表示にする*/
    opacity: 0;
    visibility: hidden;
  }
  #cp-cafelatory .pagetop_active {
    opacity: 1;
    visibility: visible;
  }
  #cp-cafelatory .pagetop_absolute {
    position: absolute;
    bottom: auto;
  }
  #cp-cafelatory .pagetop_button img {
    width: 60px;
    height: 60px;
  }
  .js-cafelatory__scroll_anime {
    opacity: 1;
    transition: opacity 0.5s ease, -webkit-transform 0.7s ease;
    transition: opacity 0.5s ease, transform 0.7s ease;
    transition: opacity 0.5s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
  }
  #cp-cafelatory .cafelatory__lineup__product_con.js-cafelatory__scroll_anime {
    transition: margin 1s ease, opacity 0.5s ease, -webkit-transform 0.7s ease;
    transition: margin 1s ease, opacity 0.5s ease, transform 0.7s ease;
    transition: margin 1s ease, opacity 0.5s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
  }
  .js-cafelatory__delay-s {
    transition-delay: 0.5s;
  }
  .js-cafelatory__delay-ms {
    transition-delay: 1s;
  }
  .js-cafelatory__slide_left {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px);
    opacity: 0;
  }

  .js-cafelatory__slide_pcleft_sptop {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px);
    opacity: 0;
  }
  .js-cafelatory__slide_pcright_spbottom {
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    opacity: 0;
  }

  .js-cafelatory__slide_right {
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    opacity: 0;
  }
  .js-cafelatory__slide_bottom {
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    opacity: 0;
  }
  .js-cafelatory__slide_top {
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    opacity: 0;
  }
  .js-cafelatory__fadein {
    opacity: 0;
  }
  .mfp-wrap {
    overflow-x: auto !important;
  }
  .mfp-container {
    min-width: 1300px;
  }
  .mfp-iframe-holder .mfp-content {
    max-width: 720px;
  }
  .mfp-iframe-holder .mfp-close {
    background: url(../img/btn_close.png) right 5px bottom 7px no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0;
    opacity: 1;
  }
  .mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.1s ease;
  }
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.9;
  }
  .mfp-ready .mfp-content {
    width: 720px;
    -webkit-animation: tobig 0.5s ease 0s 1 normal both;
    animation: tobig 0.5s ease 0s 1 normal both;
  }
  @-webkit-keyframes tobig {
    from {
      width: 660px;
    }
    to {
      width: 720px;
    }
  }
  @keyframes tobig {
    from {
      width: 660px;
    }
    to {
      width: 720px;
    }
  }
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.3s ease-out;
  }
  .mfp-fade.mfp-bg.mfp-removing {
    transition: all 0.25s ease;
  }
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }
}
/* .lineup_wrap.active > ul {
	margin-bottom: 430px !important;
} */
@media screen and (min-width: 701px) {
  .lineup_wrap.active > ul {
    margin-bottom: 430px !important;
  }
}