.slider00ttl span{
 font-size:14px;
 margin-left:33px;
 color:#fff;
}
.taste1 span{
 font-size:12px;
}
.giftbox {
 text-align:center;
 margin-bottom: 50px;
}
.giftbox a:hover {
  opacity:0.7
} 
.title p,.title h2,.title_3 h2{
 text-align:center;
}
.title p{
 padding-top:8px;
}
.title h2{
 font-size:24px;
}
.title_3 h2{
 font-size:20px;
 padding-top:25px;
}
.title h2 .under,.title_3 h2 .under{
 border-bottom: solid 1px #777;
 padding-bottom:5px;
}
.shoplist p{
 font-size:18px;
 text-align:center;
 padding-bottom:100px;
}
.shoplist p .colorbox{
 background:#002f74;
 padding:20px 60px;
 color: #fff;
}
.shoplist p .colorbox:hover{
 opacity:0.7;
}
.shoplist p .colorbox a{
  color:#fff;
  text-decoration: none;
}
.shoplist p .colorbox:after{ 
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-size: 1.0em;
  color: #fff;
}
.shoplist p .colorbox:after {
 content:"\f054";/*アイコン種類*/
}
.taste1{
 display: inline-block; 
 padding:10px 20px;
 vertical-align: middle;
 text-align:center;
}
.taste2{
 display: inline-block;
 padding:0px 40px 0px 60px;
 font-size:16px;
}
.taste3{
 display: inline-block;
}
.wrapper_taste{
  padding:40px 0px 40px 0px;
  width:1000px;
  margin:0 auto;
}
.wrapper_sns{
 text-align:center;
 padding-bottom:20px;
}
.sns{
 display: inline-block; 
 padding:25px;
 vertical-align: middle;
}
.sns:hover {
  opacity: 0.7;
}
.sns_box{
 background-color:#f3fdfd;
}
.wrapper_contact{
 text-align:center;
}
.wrapper_contact img{
 display: inline-block; 
 vertical-align: middle;
 font-size:16px;
 padding:0px 10px;
}
.contact{
 display: inline-block; 
 vertical-align: middle;
 font-size:16px;
 padding:0px 10px;
}
.contact_tel{
 display: inline-block; 
 vertical-align: middle;
 font-size:29px;
 padding: 5px 10px 0 10px;
 letter-spacing: 7px;
}


.staff{
  text-align:center;
  background-color:#fff;
  border-bottom: 1px dotted #ccc;
}

.common_concept {
    margin-top: 8em;
    height: 600px;
    position: relative;
}
.common_concept2 {
    height: 600px;
    margin-top: -700px;
    position: relative;
    /* margin-right: 600px; */
    margin-left: 50%;
}
.common_concept3 {
height: 300px;
    margin-top: -350px;
    position: relative;
    margin-right: 50%;
}
.common_concept4 {
    height: 400px;
    margin-top: 150px;
    position: relative;
    margin-left: 50%;
    z-index: 1;
}
.common_concept .vertical_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-height: 620px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}
.common_concept2 .vertical_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-height: 620px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}
.common_concept3 .vertical_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-height: 620px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}
.common_concept4 .vertical_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-height: 620px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
}
.vertical_content h2.is-act, .vertical_content p.is-act {
    opacity: 1;
}
.vertical_content h2, .vertical_content h2::before, .vertical_content p, .vertical_content p::before {
    -webkit-transition: all 1s cubic-bezier(.86,0,.07,1);
    transition: all 1s cubic-bezier(.86,0,.07,1);
}
.vertical_content h2 {
    margin-left: 80px;
    top: -50px;
    opacity: 0;
    font-weight: 500;
    position: relative;
    font-size: 28px;
}
.vertical_content p {
    /* margin-top: 50px; */
    margin-left: 30px;
    /* top: -50px; */
    opacity: 0;
    position: relative;
    font-size: 18px;
  }
.vertical_content p.is-act::before {
    height: 0;
}
.vertical_content p::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.vertical_content .btn01_vertical {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.vertical_content .btn01_vertical a {
    padding: 30px 10px;
    border: 1px solid #111;
    position: relative;
    display: block;
}
.vertical_content .btn01_vertical a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    background-image: url(https://img02.shop-pro.jp/PA01130/506/etc/line.gif?cmsp_timestamp=20200706114425);
    width: 5px;
    height: 50px;
}
.vertical_content .btn01_vertical.is-act {
    bottom: 0;
    opacity: 1;
}
.contents__section {
    width: 100% !important;
    z-index: 9;
    background-color: #fff;
 } 
.sliderbox {
    width: 1000px;
    margin: 0 auto 80px;
    text-align:center;
  }
.top img{
      width: 100%;
      padding-bottom:0px;
      text-align : center;
}
#photo {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#photo img {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
  background-attachment: fixed;
}
.main__section {
    padding: 0 !important;
}
#header {
    background-color: #fff;
    z-index: 9;
    opacity: 0.8;
}
.box1 {
padding: 5rem 2rem; */
    color: #fff;
    background-image: url(https://img02.shop-pro.jp/PA01130/506/etc/top_slider02.png?cmsp_timestamp=20200826094759);
    background-repeat: no-repeat;
    /* padding-left: 100px; */
    padding-top: -80px;
    /* margin-left: 400px; */
    height: 600px;
    margin-top: -180px;
    position: relative;
}
.box2 {
    padding: 5rem 2rem;
    color: #fff;
    background-image: url(https://img02.shop-pro.jp/PA01130/506/etc/top_slider03.png?cmsp_timestamp=20200826100722);
    background-repeat: no-repeat;
    /* padding-right: 100px; */
    /* padding-top: 80px; */
    margin-left: 50%;
    height: 500px;
    /* width: 780px; */
    margin-top: -170px;
    z-index: 50;
}
.box3 {
    background-image: url(https://img02.shop-pro.jp/PA01130/506/etc/top_slider04a.jpg?cmsp_timestamp=20200826164043);
    background-repeat: no-repeat;
    /* margin-right: 50%; */
    margin-top: -640px;
    height: 575px;
    position: relative;
    margin-bottom: 80px;
    background-size: contain;
}

.slider00ttl {
    position: absolute;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 30px;
    margin-top: -300px;
    margin-left: 50%;
}

.slidertxt {
    position: absolute;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 16px;
    margin-top: -230px;
    margin-left: 50%;
    text-align: left;
    width: 390px;
}
.staff{
  background-image:url(https://img02.shop-pro.jp/PA01130/506/etc/staff2021-0311.jpg?cmsp_timestamp=20210312151730);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:center center;                     /* 画像の表示位置を指定  */
    background-size:auto;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height:300px;    
}
.stafftxt {
    position: absolute;
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-style: normal;
    color: #333366;
    font-size: 20px;
    margin-top: 100px;
    text-align: left;
    margin-left: 12%;
    white-space: nowrap;
  text-shadow: 0 0 10px #fff,0 0 15px #fff !important;
}
.staffnote {
position: absolute;
    font-style: normal;
    color: #333366;
    font-size: 15px;
    margin-top: 155px;
    text-align: left;
    margin-left: 11%;
    border: 1px solid #333366;
    padding: 20px 60px;
   background-color: #fff;
}
.staff a::hover {
　　background-color: #f3fdfd;
}
.slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "●" !important;
    text-align: center;
    opacity: 0.25;
    color: rgb(0, 0, 0);
    -webkit-font-smoothing: antialiased;
}

/* バナーエリア */
.bnr_section {
  width: 1000px;
  margin: 50px auto 20px;
}
.bnr_section img {
  max-width: 100%;
}