/*
  作成日: 20190107
  作成者: FOIS01
*/
/* 調整用ベーススタイル
   ========================================================================== */
.suizan .header_top, .footer_copyright { background:#a9894a; }
.suizan .slick-dots .slick-active button::before { color: #000033 !important; }
.suizan .menu_top { background-image: url(../image/suizan/bg-menu-top.jpg); }
.suizan .shop_top { background-image: url(../image/suizan/bg-shop-top.jpg); }
.suizan_intro.intro,
.suizan .news_in { background: url(../image/suizan/bg-intro.jpg) no-repeat; background-size: cover; background-position: center; position: relative; }
/*.intro::before,
.news_in::before { background: rgba(255,255,255,.3); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }*/
.suizan_intro .intro_wrap,
.suizan .news_wrap { position: relative; z-index: 1; }
.suizan .menu_in { background: url(../image/suizan/bg-menu-in.jpg) no-repeat;  background-size:cover; background-position:center; }
.suizan .shop_in { background:#fbf8f0; }
.suizan_intro .intro_cont { max-width: 633px; width: calc(57% - 30px); }
.suizan_intro .intro_cont::before { background-image: url(../image/suizan/deco-intro-line.png); }
.suizan_intro .intro_img { position: absolute; top: 0; right: 0; max-width: 621px; width: 44%; display: flex; height: 100%; align-items: center; }
.suizan_tiktok_wrap {margin-bottom: 30px;}
.suizan_tiktok_img {margin-top: 18px;}
 @media screen and (max-width:479px) {
.suizan_intro .intro_cont { width: calc(100% - 30px) !important; }
.suizan_intro .intro_img { height: 120px; align-items: center;  }
.suizan_intro .intro_ttl{ padding-right: 46%; }
}
 @media screen and (max-width:767px){
	 .header_middle_logo a img {height:34px; width:87px;}
.suizan .header_sp_menu_ico {background:#3f2e26;}
.suizan .header_middle_logo {max-width:120px;}
   .suizan_tiktok_img {margin-top: 30px; max-width: 70%;}
}
 @media screen and (min-width:768px), print {
.header_middle_logo a img {height:59px; width:151px;}
.suizan .news_box_cont { align-self: flex-start; padding-top: 15px; }
.suizan_intro .intro_ttl .section_ttl_jp {font-size:3.8rem;}
.suizan .header_middle_logo {max-width:274px;}
   .suizan_tiktok_wrap {display: flex; gap: 30px; justify-content: center;}
   .suizan_tiktok {max-width: 325px;}
}
 @media screen and (min-width:1025px), print {
.suizan_intro.intro,
.suizan .news_in,
.suizan .menu_in { background-attachment: fixed; }
}
