/*
  作成日: 20190107
  作成者: FOIS01
*/
/* 調整用ベーススタイル
   ========================================================================== */
.bubuka .header_top, .footer_copyright { background:#2c080a; }
.bubuka .slick-dots .slick-active button::before { color: #2c080a !important; }
.bubuka .menu_top { background-image: url(../image/bubuka/bg-menu-top.jpg); }
.bubuka .news_top { background-image: url("../image/bubuka/bg-news-top.jpg"); }
.bubuka .shop_top { background-image: url(../image/bubuka/bg-shop-top.jpg); }
.bubuka_intro.intro,
.bubuka .news_in { background: url(../image/bubuka/bg-intro.jpg) no-repeat; background-size: cover; background-position: center; position: relative; }
.bubuka_intro.intro::before,
.news_in::before { background: rgba(255,255,255,.3); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.bubuka_intro .intro_wrap,
.bubuka .news_wrap { position: relative; z-index: 1; }
.bubuka .menu_in { background: url(../image/bubuka/bg-menu-in.jpg) no-repeat; background-size: cover; background-position: center; }
.bubuka .shop_in { background: #f3ecd8; }
.bubuka_intro .intro_cont { max-width: 633px; width: calc(56% - 30px); }
.bubuka_intro .intro_cont::before { background-image: url(../image/bubuka/deco-intro-line.png); }
.bubuka_intro .intro_img { position: absolute; top: 0; right: 0; max-width: 611px; width: 46%; display: flex; height: 100%; align-items: center; }
.bubuka_intro .intro_box { background: #fff; border: 2px solid #b5945f; margin-top: 30px; padding: 20px; max-width: 520px; }
.bubuka_intro .intro_box img { margin-top: 10px; height: 57px; width: 230px; }
.bubuka_intro .btn_intro { }
.bubuka_intro .btn_intro a { background: #fe8814; }
 @media screen and (max-width:479px) {
.bubuka_intro .intro_cont { width: calc(100% - 30px) !important; }
.bubuka_intro .intro_img { height: 160px; align-items: center }
.bubuka_intro .intro_ttl { padding-right: 46%; }
}
 @media screen and (max-width:767px) {
.bubuka .header_sp_menu_ico { background: #F5D623; }
.bubuka .header_middle_logo { max-width: 120px; }
}
 @media screen and (min-width:768px), print {
.bubuka .news_box_cont { align-self: flex-start; padding-top: 15px; }
.bubuka_intro .intro_ttl .section_ttl_jp { font-size: 3.8rem; }
.bubuka .header_middle_logo { max-width: 274px; }
}
 @media screen and (min-width:1025px), print {
.bubuka_intro.intro,
.bubuka .news_in,
.bubuka .menu_in { background-attachment: fixed; }
}