@charset "utf-8";
#wrap img {
    width: 100%;
}
#wrap {
    width: 100%;
    background: #fff;
}
.title {
    width: 93.3333333vw;
    margin: 0 auto 5vw auto;
    padding: 1.5vw;
    background: #000;
    color: #fff;
    position: relative;
    z-index: 1;
}
.title h1 {
    width: 40vw;
    margin: 0 auto 1.5vw auto;
}
.title aside {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.3vw;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-align: center;
    transform: rotate(-4deg);
    margin-bottom: 4vw;
}
.title aside span {
    font-size: 150%;
}
.aside-fukuoka {
    color: #ff0000;
}
.aside-aisuru {
    color: #ff00a2;
}
.aside-suisensuru {
    color: #00ff00;
}
.title h2 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 3.5vw;
    font-weight: 800;
    line-height: 130%;
    letter-spacing: 0.1em;
    color: #fcff01;
    text-align: center;
    margin-bottom: 20px;
}
.trailer-pc {
    width: 15vw;
    position: absolute;
    right: 6.5vw;
    bottom: 2.2vw;
}
.trailer-sp {
    display: none;
}
.words {

}
.words p {
    font-family: 'Noto Serif JP', serif;
    font-size: 2.3vw;
    position: absolute;
    opacity: 0.5;
    z-index: -1;
}
.words p span {
    font-size: 140%;
}
/* 個性派俳優 */
.words01 {
    top: 2vw;
    left: 1.4vw;
}
/* 超マルチ活躍 */
.words02 {
    top: 1.5vw;
    left: 23.6vw;
}
/* 博多チョコ伝道師 */
.words03 {
    top: 7.6vw;
    left: 7.5vw;
}
/* 宝くじ達人 */
.words04 {
    top: 12.5vw;
    left: 2.6vw;
}
/* 美のカリスマ */
.words05 {
    top: 17.5vw;
    left: 12.4vw;
}
/* 人気若手陶芸家 */
.words06 {
    top: 22.6vw;
    left: 1.2vw;
}
/* 福岡が生んだ王子 */
.words07 {
    top: 28.2vw;
    left: 6.9vw;
}
/* 主演俳優 */
.words08 {
    top: 34.3vw;
    left: 2.9vw;
}
/* お笑い怪獣 */
.words09 {
    top: 41.4vw;
    left: 11.9vw;
}
/* MC級芸人 */
.words10 {
    top: 44.7vw;
    left: 1.8vw;
}
/* 明太子の生みの親 */
.words11 {
    top: 2.9vw;
    right: 8.6vw;
}
/* 魂の歌い手 */
.words12 {
    top: 8.9vw;
    right: 13vw;
}
/* 美脚女優 */
.words13 {
    top: 11.4vw;
    right: 1.4vw;
}
/* 超名門卒芸人 */
.words14 {
    top: 14.5vw;
    right: 8.6vw;
}
/* 大物歌姫 */
.words15 {
    top: 20vw;
    right: 3.9vw;
}
/* 鬼と棲むタレント */
.words16 {
    top: 23.3vw;
    right: 7.1vw;
}
/* 元日本代表選手 */
.words17 {
    top: 27vw;
    right: 1.5vw;
}
/* 紅白大トリ */
.words18 {
    top: 31.5vw;
    right: 15.4vw;
}
/* 怪演女優 */
.words19 {
    top: 36vw;
    right: 2.9vw;
}
/* 九州No.1道の駅 */
.words20 {
    top: 6.5vw;
    left: 41vw;
}	
/* 博多餃子の草分け */
.words21 {
    top: 12.5vw;
    left: 27vw;
}	
/* エンタメ居酒屋 */
.words22 {
    top: 16.5vw;
    left: 45vw;
}	
/* 700万人以上が食べたもつ鍋 */
.words23 {
    top: 21.5vw;
    left: 30vw;
}	
/* 水炊きの元祖 */
.words24 {
    top: 27.5vw;
    left: 31.9vw;
}
/* 大人気CMソング */
.words25 {
    top: 33vw;
    left: 22vw;
}
/* 福岡の象徴 */
.words26 {
    top: 30.5vw;
    left: 50vw;
}
/***********
おすすめ紹介
***********/
#wrap article {
    width: 93.3333333vw;
    margin: 0 auto;
    padding-bottom: 2.5vw;
}
#wrap article img.cover {
    display: block;
    width: 360px;
    margin: 0 auto 30px;
}
#wrap article h1 {
    font-family: 'M PLUS 1p', sans-serif;
    text-align: center;
    font-size: 2.8vw;
    font-weight: 800;
    color: #ff0000;
    margin-bottom: 3vw;
    line-height: 1.4;
}
#wrap article h1 br {
    display: none;
}
#wrap article section {
    font-weight: 400;
    width: 30vw;
    border-top: 8px #030303 solid;
    border-bottom: 8px #030303 solid;
    margin: 0 1.66vw 3vw 0;
    padding: 1vw 0.6vw;
    float: left;
}
#wrap article section:nth-child(3n) {
    margin-right: 0;
}
#wrap article section h2 {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.8vw;
    font-weight: 800;
    display: initial;
    background: linear-gradient(transparent 50%, #fcff00 50%);
    line-height: 2.5vw;
}
#wrap article section h2 span {
    font-size: 60%;
}
#wrap article section h3 {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.6vw;
    line-height: 2.5vw;
    font-weight: 800;
    color: #c11432;
    margin: 0.5vw 0 0.3vw 0;
}
#wrap article section h4 {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.5vw;
    font-weight: 800;
    color: #c11432;
    margin-bottom: 1.2vw;
}
#wrap article section ul {
    margin-bottom: 1.2vw;
}
#wrap article section ul li {
    font-size: 1.25vw;
    line-height: 140%;
}
#wrap article section p {
    font-size: 1.25vw;
    line-height: 140%;
}









@media (max-width: 812px) {
.title {
    width: 100%;
}
.title h1 {
    width: 65vw;
    margin: 20px auto 2.1vw auto;
}
.title aside {
    font-size: 2.7vw;
}
.title h2 {
    font-size: 5.6vw;
    line-height: 130%;
    margin-bottom: 0;
}
.trailer-pc {
    display: none;
}
.trailer-sp {
    display: block;
    width: 86.2vw;
    margin: 0 auto;
}
.words p {
    font-size: 3vw;
}
/* 個性派俳優 */
.words01 {
    top: 2vw;
    left: 1.4vw;
}
/* 超マルチ活躍 */
.words02 {
    top: 2.5vw;
    left: 26.6vw;
}
/* 博多チョコ伝道師 */
.words03 {
    top: 8.9vw;
    left: 3.5vw;
}
/* 宝くじ達人 */
.words04 {
    top: 15.2vw;
    left: 11.6vw;
}
/* 美のカリスマ */
.words05 {
    top: 21.2vw;
    left: 1.4vw;
}
/* 人気若手陶芸家 */
.words06 {
    top: 28.6vw;
    left: 3.2vw;
}
/* 福岡が生んだ王子 */
.words07 {
    top: 35.2vw;
    left: 5.9vw;
}
/* 主演俳優 */
.words08 {
    top: 43.3vw;
    left: 2.9vw;
}
/* お笑い怪獣 */
.words09 {
    top: 51.4vw;
    left: 9.9vw;
}
/* MC級芸人 */
.words10 {
    top: 62.7vw;
    left: 1.8vw;
}
/* 明太子の生みの親 */
.words11 {
    top: 2.9vw;
    right: 8.6vw;
}
/* 魂の歌い手 */
.words12 {
    top: 9.9vw;
    right: 13vw;
}
/* 美脚女優 */
.words13 {
    top: 15.4vw;
    right: 1.4vw;
}
/* 超名門卒芸人 */
.words14 {
    top: 23vw;
    right: 4.6vw;
}
/* 大物歌姫 */
.words15 {
    top: 31vw;
    right: 1.9vw;
}
/* 鬼と棲むタレント */
.words16 {
    top: 36.6vw;
    right: 5.1vw;
}
/* 元日本代表選手 */
.words17 {
    top: 44.6vw;
    right: 1vw;
}
/* 紅白大トリ */
.words18 {
    top: 50.7vw;
    right: 7.4vw;
}
/* 怪演女優 */
.words19 {
    top: 57.7vw;
    right: 2.9vw;
}	
/* 九州No.1道の駅 */
.words20 {
    top: 10.5vw;
    left: 41vw;
}	
/* 博多餃子の草分け */
.words21 {
    top: 18.5vw;
    left: 33vw;
}	
/* エンタメ居酒屋 */
.words22 {
    top: 23.5vw;
    left: 45vw;
}	
/* 700万人以上が食べたもつ鍋 */
.words23 {
    top: 29.5vw;
    left: 36vw;
}	
/* 水炊きの元祖 */
.words24 {
    top: 42.5vw;
    left: 27.9vw;
}
/* 大人気CMソング */
.words25 {
    top: 37vw;
    left: 42vw;
}
/* 福岡の象徴 */
.words26 {
    top: 47.5vw;
    left: 43vw;
}
/***********
おすすめ紹介
***********/
#wrap article section:nth-child(3n) {
    margin-right: 0;
}
#wrap article section {
    width: 45.8vw;
    margin: 0 0 3vw 0;
    padding: 1vw 0.6vw;
    float: left;
}
#wrap article section:nth-child(2n-1) {
    margin-right: 1.66vw;
}
#wrap article section:nth-child(2n) {
    margin-right: 0;
}
#wrap article h1 {
    font-size: 4vw;
    line-height: 130%;
}
#wrap article h1 br {
    display: block;
}
#wrap article section h2 {
    font-size: 3vw;
    line-height: 4vw;
}
#wrap article section h3 {
    font-size: 2.5vw;
    margin: 1vw 0 0.5vw 0;
    line-height: 4vw;
}
#wrap article section h4 {
    font-size: 2vw;
    margin-bottom: 1.8vw;
}
#wrap article section ul {
    margin-bottom: 1.2vw;
}
#wrap article section ul li {
    font-size: 2vw;
    line-height: 140%;
}
#wrap article section p {
    font-size: 2vw;
    line-height: 140%;
}



}

@media (max-width: 480px) {
.title h1 {
    width: 75vw;
    margin: 0 auto 2.1vw auto;
}
.title aside {
    font-size: 3.8vw;
    line-height: 7vw;
    margin-bottom: 10px;
}
.title h2 {
    font-size: 7vw;
}
.trailer-sp {
    width: 95vw;
}
/* MC級芸人 */
.words10 {
    top: 56.7vw;
    left: 1.8vw;
}
/* 福岡の象徴 */
.words26 {
    top: 48.5vw;
    left: 43vw;
}	
/***********
おすすめ紹介
***********/
#wrap article {
    width: 98%;
    padding-bottom: 2.5vw;
}
#wrap article img.cover {
    width: 80%;
}
#wrap article h1 {
    font-size: 5vw;
    line-height: 130%;
}
#wrap article h1 br {
    display: block;
}
#wrap article section {
    width: 100%;
    padding: 2vw 1.2vw;
    float: none;
}
#wrap article section h2 {
    font-size: 5vw;
    margin-bottom: 2.5vw;
    padding-bottom: 0;
    line-height: 7vw;
}
#wrap article section h3 {
    font-size: 4.5vw;
    margin: 2.8vw 0 2.2vw 0;
}
#wrap article section h4 {
    font-size: 4vw;
    margin-bottom: 2.8vw;
}
#wrap article section ul {
    margin-bottom: 1.2vw;
}
#wrap article section ul li {
    font-size: 3.3vw;
    line-height: 140%;
}
#wrap article section p {
    font-size: 3.3vw;
    line-height: 140%;
}




}