.elementor-197 .elementor-element.elementor-element-3be68ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--overlay-mix-blend-mode:multiply;--padding-top:12%;--padding-bottom:12%;--padding-left:2%;--padding-right:2%;}.elementor-197 .elementor-element.elementor-element-3be68ec:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-3be68ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background:url("https://hokkaidobarrel.co.jp/wphb1/wp-content/uploads/2026/05/hb_mv_16x9_001.jpg") 50% 50%;background-size:cover;}.elementor-197 .elementor-element.elementor-element-3be68ec::before, .elementor-197 .elementor-element.elementor-element-3be68ec > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-3be68ec > .e-con-inner > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-3be68ec > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-3be68ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-3be68ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#A73A26;--background-overlay:'';}.elementor-197 .elementor-element.elementor-element-8c977d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-197 .elementor-element.elementor-element-eccb1cd img{width:150px;}.elementor-197 .elementor-element.elementor-element-7ba6191{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-197 .elementor-element.elementor-element-0cc788d .elementor-heading-title{font-family:"century-gothic", Sans-serif;font-size:2rem;font-weight:400;line-height:1em;color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-e7d3e8a .elementor-heading-title{font-family:"century-gothic", Sans-serif;font-size:2rem;font-weight:400;line-height:1em;color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-c992efe .elementor-heading-title{font-family:"century-gothic", Sans-serif;font-size:2rem;font-weight:400;line-height:1em;color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-0e26e4f .elementor-heading-title{font-family:"century-gothic", Sans-serif;font-size:2rem;font-weight:400;line-height:1em;color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-64ceba6 .elementor-heading-title{font-family:"century-gothic", Sans-serif;font-size:2rem;font-weight:400;line-height:1em;color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-1e63f5e .elementor-heading-title{font-family:"century-gothic", Sans-serif;font-size:2rem;font-weight:400;line-height:1em;color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-424de62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-94b9ba6 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-11323e2 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-7f8151b > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-197 .elementor-element.elementor-element-7f8151b .elementor-heading-title{font-family:"century-gothic", Sans-serif;font-size:0.7em;font-weight:400;line-height:1.3em;color:var( --e-global-color-secondary );}.elementor-197 .elementor-element.elementor-element-e40583f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-197 .elementor-element.elementor-element-94b9ba6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-197 .elementor-element.elementor-element-11323e2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-197 .elementor-element.elementor-element-3be68ec{--padding-top:24%;--padding-bottom:24%;--padding-left:8%;--padding-right:8%;}.elementor-197 .elementor-element.elementor-element-8c977d4{--width:50%;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:6px;}.elementor-197 .elementor-element.elementor-element-8c977d4.e-con{--order:1;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-197 .elementor-element.elementor-element-eccb1cd img{width:80px;}.elementor-197 .elementor-element.elementor-element-7ba6191{--width:50%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-197 .elementor-element.elementor-element-0cc788d .elementor-heading-title{font-size:1.6rem;}.elementor-197 .elementor-element.elementor-element-e7d3e8a .elementor-heading-title{font-size:1.6rem;}.elementor-197 .elementor-element.elementor-element-c992efe .elementor-heading-title{font-size:1.6rem;}.elementor-197 .elementor-element.elementor-element-0e26e4f .elementor-heading-title{font-size:1.6rem;}.elementor-197 .elementor-element.elementor-element-64ceba6 .elementor-heading-title{font-size:1.6rem;}.elementor-197 .elementor-element.elementor-element-1e63f5e .elementor-heading-title{font-size:1.6rem;}.elementor-197 .elementor-element.elementor-element-424de62{--width:50%;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-197 .elementor-element.elementor-element-424de62.e-con{--order:3;}.elementor-197 .elementor-element.elementor-element-94b9ba6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-197 .elementor-element.elementor-element-11323e2 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(min-width:768px){.elementor-197 .elementor-element.elementor-element-8c977d4{--width:50%;}.elementor-197 .elementor-element.elementor-element-7ba6191{--width:25%;}.elementor-197 .elementor-element.elementor-element-424de62{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-cc7d723 */.custom-noise-effect {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  /* 手順1でアップロードした画像のURLに書き換えてください */
  background-image: url('https://hokkaidobarrel.co.jp/wphb1/wp-content/uploads/2026/05/noise.png');
  background-repeat: repeat;
  opacity: 0.08; /* 透明度はお好みで調整（0.1以下を推奨） */
  z-index: 9999; /* 常に最前面に表示 */
  pointer-events: none; /* 下にあるボタン等を押せるようにする */
  animation: noise-animation 1.2s steps(3) infinite;
}

@keyframes noise-animation {
  0% { transform: translate3d(1%, -1%, 0); }
  10% { transform: translate3d(-5%, -2%, 0); }
  20% { transform: translate3d(10%, 5%, 0); }
  30% { transform: translate3d(5%, -11%, 0); }
  40% { transform: translate3d(-12%, -5%, 0); }
  50% { transform: translate3d(10%, 9%, 0); }
  60% { transform: translate3d(15%, 0, 0); }
  70% { transform: translate3d(-10%, 8%, 0); }
  80% { transform: translate3d(10%, 2%, 0); }
  90% { transform: translate3d(1%, 5%, 0); }
  100% { transform: translate3d(0, 8%, 0); }
}/* End custom CSS */