@charset "utf-8";
/*========= ▼reset ===============*/
/* ブラウザのUAスタイルシートのすべてのスタイルを削除します、displayは除く */
*:where(:not(iframe, canvas, img, svg, video, a):not(svg *)) {all: unset;display: revert;}
/* box-sizingの優先値 */
*, *::before, *::after {box-sizing: border-box;}
/* リストのスタイル（箇条書き・番号）を削除します */
ol,ul {list-style: none;}
/* 画像がコンテナを超えないようにするため */
img {max-width: 100%;}
/* テーブルのセル間のスペースを削除します */
table {border-collapse: collapse;}
/*========= ▲reset ===============*/
    .pagesUi{display: none;}
    *{box-sizing: border-box;}
    a {
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  text-decoration: none;
}
#HEADER .global{display: none;}
#CONTENTS, body:not(.noGlobal) #CONTENTS {margin-left: 0;padding: 0;}
#FOOTER{margin-left: 0;}
#Kyushu_gourmet .includeSCT .item{height: auto !important;}
#Kyushu_gourmet .includeSCT .name{text-align: left;}
#Kyushu_gourmet .includeSCT .item:hover{transform: translateY(-5px);}
#Kyushu_gourmet ul.action {display: none;}
    #Kyushu_gourmet{overflow: hidden;}
    #Kyushu_gourmet strong{font-size: 100%;}
    a:hover, a:focus, a:active{color: #222;}
   #Kyushu_gourmet h2 {font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino kaku Gothic Pro" , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ" , Meyryo , "MS Pゴシック" , Osaka , sans-serif; color: #222;line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;margin: 0;}

    .font_small {font-size: 80%;}
    .font_ss{font-size: 70%;}
    .font_sss{font-size: 62%;}
    .font_large {font-size: 120%;}
    .font_ll{font-size: 160%;}
    .line_center {text-align: center;}
    .line_right{text-align: right;}
    .line_left{text-align: left;}
    .font_yellow{color: yellow;}
    .font_bk {color: #000;}
    img {width: auto;max-width: 100%;}
    .font_16{font-size: 16px;}
    .font_15{font-size: 15px;}
    .font_14{font-size: 14px;}
    .font_20{font-size: 20px;}
    .font_18{font-size: 18px;}
    .font_17{font-size: 17px;}
    
     #Kyushu_gourmet section#sec01 {position: relative;margin: 0 auto; background: url("Kyushu_gourmet/summerMain_pc.jpg?$staticlink$") no-repeat center center; background-size: cover;padding: 3% 4% 1%;}
    #Kyushu_gourmet section#sec09 {position: relative;margin: 0 auto; background: url("Kyushu_gourmet/bg_last.jpg?$staticlink$") no-repeat center top; background-size: cover;padding: 50px 1em;text-align: center;}
    #sec02 h5{background: rgba(255, 255, 255, 0.3);backdrop-filter:blur(20px);-webkit-backdrop-filter: blur(20px);padding: 1%;}
    #Kyushu_gourmet section{position: relative;margin: 3em auto;padding-top: 90px;}
    .sec-inner {position: relative;max-width: 1200px; width: 94%; margin:auto;}
    .blur_box{background:rgba(255, 255, 255, 0.3);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);padding: 40px;width: 49%;position: relative;text-align: center;}
    .top-lead{color: #fff;text-align: left;margin: 2%;}
    #Kyushu_gourmet .top-lead > p {font-size: clamp(1.125rem, 1.002rem + 0.52vw, 1.625rem);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);}
    #Kyushu_gourmet section#sec02 {position: relative;margin: 0 auto;background: url("Kyushu_gourmet/top03.jpg?$staticlink$") no-repeat center;background-size: cover;padding: 5% 2%;}
    .map_blur{background: rgba(255, 255, 255, 0.5);backdrop-filter:blur(20px);-webkit-backdrop-filter: blur(20px);padding: 1.2%;width: 92%; max-width: 990px;position: relative;text-align: center;margin: auto;}
    .map {position: relative;display: flex;justify-content: space-around;align-items: center;}
    .map-area{flex-basis: 63%;}
    .chimei-area{flex-basis: 32%;}
    .area_btn{font-size: clamp(1.125rem, 1.079rem + 0.21vw, 1.25rem);position:relative;top:0;padding:10px 20px;display: block;border: 2px solid #fff;color: #fff;text-decoration: none;outline: none;transition: all .3s;margin: 3.5% 5%;}
    .area_btn:focus, .area_btn:active{color: #fff;}
    .area_btn:hover{top:-3px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);color: #fff;}
    .a_fukuoka{background: #060606;}
    .a_saga{background: #060606;}
    .a_nagasaki{background: #060606;}
    .a_ooita{background: #060606;}
    .a_kumamoto{background: #060606;}
    .a_kagoshima{background: #060606;}
#Kyushu_gourmet .splide__list .splide__slide {
    flex-basis: 25%;
    margin: 0;
  position: relative;
}
#Kyushu_gourmet .newMark{text-align: center;position: absolute;top: 9%;right: 2%;z-index: 1;background: #CF0002;color: #fff;font-size: 13px;padding: 2px 5px;}

@-moz-document url-prefix() {
  /* ここに書く */
    .blur_box {}
}    
    .img-ab{position: absolute;}
    .center-line{display: flex; align-items: center;margin: 1em auto 0;}
    .center-line:before, .center-line:after {content: "";  height: 1px;flex-grow: 1;background-color: #707070;}
    .center-line:before {margin-right: 1em;}
    .center-line:after {margin-left: 1em;}
    #Kyushu_gourmet h2.cam-h2 {font-size: 48px;margin-bottom: 2em;font-weight: bold;}
    .maker{padding: 3em 4em 0;position: relative; margin-bottom: 5em;margin-top: 7em;}
    .fukusaya{background: url("Kyushu_gourmet/bg_fukusaya.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    #content h3.cam-h3{font-size: 32px;}
    .recipi_title{font-size: 25px;padding-bottom: 1em;}
    .maker_summary{margin: 1em 2em 0;}
    .maker_logo{margin-left: 1em;}
    .down_ico a {font-size: 32px;margin: 0.5em auto;color: #333;}
    .tower{top: -50px;left:-280px;}
    .nehan{bottom: -80px;right: -320px;}
    #Kyushu_gourmet ul.maker_ul{margin: 3em 0 1em; display: flex;justify-content: space-around;flex-wrap: wrap;}
    #Kyushu_gourmet ul.maker_ul > li {margin-bottom: 3em;}

    .list-02{flex-basis: 48.5%;}
    #Kyushu_gourmet p.pro-name{font-size: 16px;text-align: left;margin: 0.5em auto;}
    .pro-price{font-size: 18px;font-weight: bold;color: #D40000;text-align: right;}
    #Kyushu_gourmet ul.pro-ul{display: flex;flex-wrap: wrap;margin: auto;text-align: center;}
    #Kyushu_gourmet ul.pro-ul > li{margin: 0 1% 5%;}
    .recipi01{background: #FFEBEB;display: flex;width: 90%;max-width: 1360px;position: relative;}
    .recipi02{background: #F8F5FF;display: flex;width: 90%;max-width: 1360px;flex-direction: row-reverse;margin-left: auto;position: relative;}
    .recipi03{background: #F3F6EE;display: flex;width: 96%;position: relative;padding: 3em 4em;margin: auto;}
    .recipi03 .recipi-img{flex-basis: 90%;text-align: center;}
    .recipi_box{margin:7em 0;}
    #content h4.cam-h4{font-size: 26px;color: #000;text-align: center;font-weight: normal;margin: 1em auto;}
    .recipi-txt{margin: 1em;flex-grow: 1;}
    .recipi_flex{display: flex; justify-content: space-between;font-size: 16px;margin: 3em auto 2em;}
    #Kyushu_gourmet .recipi_flex ul {flex-grow: 1;padding: 0 1em;border-right: 1px solid #333;line-height: 1.2;}
    .recipi_flex .how{flex-grow: 1;flex-basis: 60%;padding: 0 1em;}
    #Kyushu_gourmet .how ol {margin: 0; line-height: 1.2;}
    .recipi-img {flex-basis: 60%;}
    .oga{background: url("Kyushu_gourmet/bg_ogasyuzou.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .maker_logo img {vertical-align: top;}
    .tenryo{background: url("Kyushu_gourmet/bg_tenryo.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    
    .balloon{top: 43%;right: -390px;}
    .iseki{bottom: 0;left: -300px;}
    .oita{top: 35%;left: -300px;}
    .onsen{bottom: -5%;right: -315px;}
    .air{top: 50%;right: -300px;}
    .sakurajima{bottom: 0;right: -350px;}
    .charch{top: 5%;right: -220px;}
    .shiro{bottom: 10%;left: -400px;}
    .urakami{top: 20%;right: -330px;}
    .glaver{bottom: -10%;left: -350px;}
    .saganvegi{background: url("Kyushu_gourmet/bg_saganvegi.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .kikuya{background: url("Kyushu_gourmet/bg_kikuya.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .yamashita{background: url("Kyushu_gourmet/bg_yamashita.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .mitsutake{background: url("Kyushu_gourmet/bg_mitsutake.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .lotus{background: url("Kyushu_gourmet/bg_lotus.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .nashu{background: url("Kyushu_gourmet/bg_nanshu.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .nanshu{background: url("Kyushu_gourmet/bg_nanshu.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .ja, .senkoh {background: url("Kyushu_gourmet/bg_ja.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .oshima{background: url("Kyushu_gourmet/bg_oshima.jpg?$staticlink$") no-repeat center top;background-size: cover;}
    .select{font-size: 24px;margin: 0.7em auto;font-weight: bold;}
    
    .makerLink {text-align: left;margin-top: 1.5%;position: relative;z-index: 1;}
    .makerLink a{font-size: 15px;color: #0f76db;}
    .makerLink:hover a{text-decoration: underline;}
    .proBtn{position: relative;padding: 0.5em 1em;border: 1px solid #060606;color: #060606;text-align: center;text-decoration: none; transition: .3s;z-index: 1;align-items: center;border-radius: 3px;font-size: 17px;margin: 3% auto;display: block;line-height: 1.8;}
    .proBtn::before {position: absolute; top: 0; right: 0; bottom: 0;left: 0; z-index: -1;content: '';background: #060606;transform-origin: right top;transform: scale(0, 1);
    transition: transform .3s;}
    .proBtn:hover{color: #fff;}
    .proBtn:hover::before {transform-origin: left top;transform: scale(1, 1);}
    .bt { margin: 5em auto; text-align: center}
    .bt02 { margin: 4em auto 1em; text-align: center}
    #Kyushu_gourmet .bt .button{position: relative;padding: 1em 2.5em;border: 1px solid #060606;color: #060606;text-align: center;text-decoration: none; transition: .3s;z-index: 1;align-items: center; font-weight: bold;border-radius: 5px;font-size: 26px;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);display: inline-block}
    .bt02 .button{ position: relative;padding: 1em 2.5em;border: 1px solid #fff;color: #fff;text-align: center;text-decoration: none; transition: .3s;z-index: 5;align-items: center; font-weight: bold;border-radius: 5px;font-size: 26px;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);display: inline-block;}
    #Kyushu_gourmet .bt .button i {margin-left: 0.5em;}
    #Kyushu_gourmet .bt .button::before { position: absolute; top: 0; right: 0; bottom: 0;left: 0; z-index: -1;content: '';background: #060606;transform-origin: right top;transform: scale(0, 1);
    transition: transform .3s;}
    #Kyushu_gourmet .bt .button:hover {color: #fff;}
    #Kyushu_gourmet .bt .button:hover::before { transform-origin: left top;transform: scale(1, 1);}
    .bt02 .button i {margin-left: 0.5em;}
    .bt02 .button::before { position: absolute; top: 0; right: 0; bottom: 0;left: 0; z-index: -1;content: '';background: #060606;transform-origin: right top;transform: scale(0, 1);
    transition: transform .3s;}
    .bt02 .button:hover {color: #fff;}
    .bt02 .button:hover::before { transform-origin: left top;transform: scale(1, 1);}
    .sp-cam {display: none !important;}
    .pad-cam {display: none !important;}
    .pc-cam {display: block;}
    .topFlex {display: flex;justify-content: space-around;margin: 5% auto 0;max-width: 990px;width: 92%;position: relative;}
	.leftCon, .rightCon {flex-grow: 1;position: relative;}
	.centerCon{flex-grow: 4;position: relative;}
	.ulBtn li a{display: block;color: #fff;background: #8FB904;border: 2px solid #fff;padding: .5rem 3.5rem;margin-bottom: 10%;font-size: 24px;font-weight: bold;}
	.mapAb{position: absolute;top: -10%;left: 0;right: 0;z-index: 0;width: 90%;margin: auto;}  
    .makerClick{font-size: clamp(0.938rem, 0.865rem + 0.32vw, 1.25rem);text-align: right;margin-top: 0.7%;}

    #Kyushu_gourmet ul.status-list{text-align: left;}
    #Kyushu_gourmet ul.status-list .status{margin: 2% 1% 0;}

#Kyushu_gourmet .includeSCT .tag .stockLabel .outStock{
    background: red;
    color: #fff;
}


/************************************************************/@media screen and (max-width: 1279px) {
  #HEADER .global{display: block;}
}
/************************************************************/@media screen and (max-width: 1200px) {
    .map img.faa-pulse.animated-hover{width: 80%;}
    #Kyushu_gourmet section#sec01{padding: 3em 4% 0;}
    .blur_box{margin: 10em 0 15em;width: 100%;}
    #sec01 .blur_box h2{margin-top: 1em;}
    }
/************************************************************/@media screen and (max-width: 1000px) {
    .map img.faa-pulse.animated-hover{width: 60%;}
    #Kyushu_gourmet ul.maker_ul{justify-content: flex-start;}
    #Kyushu_gourmet ul.maker_ul > li:not(:last-child){margin-right: 5%;}
    .list-02{flex-basis: 30%;}
    }
/************************************************************/@media screen and (max-width: 820px) {
  #Kyushu_gourmet .splide__list .splide__slide{flex-basis: 33.333%;}

    .pagesUi{display: block;}
    #Kyushu_gourmet section{margin: 2.5em auto}
    #Kyushu_gourmet section {padding-top: 46px;margin: 1em auto;}
    .bt{margin: 4em auto;}
     h2.cam-h2{font-size: 32px;margin-bottom: 1em;}
    .center-line{margin: 0 auto;}
    .maker{padding: 2em 2em 0;margin-top: 3em;margin-bottom: 4em;}
    h3.cam-h3{font-size: 26px;}
    .font_17, .font_18{font-size: 16px;}
    .top-lead{margin: 2em 0.5em 0;}
    .list-01{min-width: inherit;}
    #Kyushu_gourmet ul.maker_ul > li:not(:last-child){margin-right: 2%;}
    .list-02{flex-basis: 48.5%;}
    .recipi_box{margin: 2em 0;}
    .recipi_flex{display: block;}
    #Kyushu_gourmet .recipi_flex ul{border-right: none;margin-bottom: 2em;}
    #Kyushu_gourmet .bt .button, #Kyushu_gourmet .bt02 .button{font-size: 22px;}
    .recipi_title{font-size: 21px;}
    .pad-cam {display: block !important;}
    .pc-cam {display: none !important;}
    .sp-cam {display: none !important;}

}
/************************************************************/@media screen and (max-width: 700px) {
  #Kyushu_gourmet .splide__list .splide__slide{flex-basis: 50%;}
    .top-lead{width: 100%;}
    #Kyushu_gourmet section{margin: 1em auto}
    .blur_box{margin: 5em 0 10em;padding: 1em;}
    .map_blur{padding: 10px;width: 98%;}
    #Kyushu_gourmet ul.pro-ul{justify-content: flex-start;}
    #Kyushu_gourmet section#sec02{padding: 10% 2%;}
    .center-line:before{margin-right: 0;}
    .center-line:after{margin-left: 0;}
    .map{margin: 1em 0;flex-wrap: wrap;}
    .map-area{flex-basis: 100%;}
    .chimei-area{flex-basis: 85%;}
    .maker{padding: 1em 1em 0;}
    #content h3.cam-h3{text-align: center;font-size: 22px;}
    .maker_summary{margin: 1em 0.5em 0;}
    .font_17{font-size: 15px;}
    .list-01{flex-basis: 47%;}
    .list-02{flex-basis: 99%;}
    #Kyushu_gourmet ul.maker_ul > li, #Kyushu_gourmet ul.pro-ul > li{margin-bottom: 1.5em;}
    .pro-name{font-size: 15px;}
    .pro-price{font-size: 16px;}
    .recipi01, .recipi02, .recipi03{width: 100%;padding: 1em 0;display: block;}
    .recipi-img{width: 85%;margin: auto;}
    #content h4.cam-h4{font-size: 20px;margin: 1em auto 0.5em;}
    .font_16{font-size: 15px;}
    .recipi_flex{margin: 1.5em auto 1em;font-size: 15px;}
    #Kyushu_gourmet .recipi_flex ul, .recipi_flex .how{padding: 0;}
    #Kyushu_gourmet ul.how{font-size: 15px;}
    #Kyushu_gourmet .bt .button, #Kyushu_gourmet .bt02 .button{font-size: 20px;}
    #Kyushu_gourmet section#sec09{padding: 1.5em 1em;}
    .recipi_title{font-size: 18px;}
    .bt02{margin: 2.5em auto 2em;}
    .sp-cam {display: block !important;}
    .pc-cam {display: none !important;}
    .pad-cam {display: none !important;}
    .pc-pad {display: none;}
    .topFlex{flex-wrap: wrap;}
	.leftCon, .rightCon {flex-basis: 90%;margin: auto;}
	.centerCon{display: none;}
	#Kyushu_gourmet .top-lead > p{text-align: left;margin-bottom: 5%;}
	.top-lead{margin: 0 auto 2rem;}
    #Kyushu_gourmet h2.cam-h2{margin-bottom: 1em;}
}