/*ｻﾝﾄﾘｰ生ﾋﾞｰﾙ夏のｸﾞﾙﾒ祭り2026*/
a {
text-decoration: none;
}
.page-contents-inner {
padding: 0 !important;
}
body.page.home-master-sp .lower-contents .lower-contents-inner {
padding: 0%;
}
.flex {
display: flex;
}
.br-pc-only {
display: none;
}
.sp-only {
display: none;
}
.title-02 {
display: none;
}
.group-title {
height: 160px !important;
width: auto;
}
.inner p {
line-height: 2em !important;
}
.title-img {
max-width: 80%;
margin: 0 auto;
padding-bottom: 30px;
}
.page-title-logo {
background: #e8ddca;
}
.page-title-logo {
width: 60%;
}
.description {
color: #fff;
background: transparent;
}
body.page.home-master .page-contents .page-contents-inner {
background-color: transparent;
}
/* -------sp--基本設定------- */
@media screen and (max-width:768px) {
.group-title {
height: 100px !important;
width: auto;
}
.pc-only {
display: none;
}
.sp-only {
display: block;
}
.description {
color: #fff;
background: url(//m.home-tv.co.jp/wp-content/uploads/2024/06/29085037_l.jpg);
background-size: cover;
}
}
.contents-wrapper {
background-image: url(//m.home-tv.co.jp/wp-content/uploads/2025/06/background01.jpg) !important;
background-size: cover;
background-attachment: fixed;
}
/* 背景(動かすとき) */
/* .contents-wrapper {
background-image: url(//m.home-tv.co.jp/wp-content/uploads/2024/04/sannama-background02-1.jpg) !important;
background-repeat: repeat;
background-size: 700px 700px;
-webkit-animation: bg 20s linear infinite;
animation: bg 20s infinite linear;
} */
@keyframes bg {
0% {
background-position: 0 0;
}
100% {
background-position: 300px -300px;
}
}
/* sp-背景 */
@media screen and (max-width:768px) {
.contents-wrapper {
background: #0b308d;
}
}
/* ------------about------------ */
.about {
font-weight: bold;
}
.about img {
border-radius: 10px;
}
.sannama-days {
margin-top: 5em;
}
.sannama-days img {
max-width: 600px;
}
/* ------------sp-about------------ */
@media screen and (max-width:768px) {
.sannama-days {
margin-top: 3em;
}
.sannama-days img {
max-width: 80%;
}
.topsp img {
width: 95%;
margin: 0 auto;
}
}
.title-01 {
color: #836241 !important;
}
.link h3 {
color: #836241 !important;
}
.contents-wrapper h2 {
color: #fff;
font-weight: bold;
font-size: 2em;
margin-bottom: 1em;
}
h4 {
color: #fdfef9;
}
.contents-wrapper {
text-align: center;
background-color: #FFF;
background-image: none;
box-sizing: border-box;
}
.contents-wrapper small {
font-size: 0.75em;
}
/* -----------sannama-movie------------ */
.sannama-movie {
background: rgba(255, 255, 255, .8);
box-shadow: 0px 0px 22px 1px #09a9ec;
border-radius: 40px;
font-weight: bold;
color: #0b308d;
position: relative;
margin-top: 4em;
}
.sannama-movie .inner {
padding-bottom: 60px !important;
}
.sannama-movie .group-title {
position: absolute;
top: -11%;
left: 33%;
}
.sannama-movie-container {
margin-top: 40px;
}
.sannama-movie-flex {
display: flex;
gap: 1em;
justify-content: center;
margin-bottom: 1em;
}
.sannama-movie-box iframe {
width: 500px;
height: 282px;
}
.sannama-movie-box img {
max-width: 500px;
height: auto;
}
.sannama-movie-flex:nth-of-type(2) {
margin-bottom: 0px;
}
.sannama-movie-text h3 {
text-align: left;
margin-bottom: 0;
}
.sannama-movie-text p {
margin-bottom: 0;
}
.sannama-movie-button {
text-align: center;
}
.sannama-movie-button a {
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
background-color: #836241;
border-radius: 60px;
padding: 16px;
}
.sannama-movie-button a:hover {
opacity: 0.8;
}
.sannama-movie {
position: relative;
}
.sannama-movie .item01 img {
width: 19%;
position: absolute;
left: -70px;
top: -115px;
animation: shake 4.5s infinite;
transform: rotate(20deg);
}
@keyframes shake {
50% {
transform: rotate(-20deg);
}
100% {
transform: rotate(20deg);
}
}
.sannama-movie .item02 {
width: 18%;
position: absolute;
right: -100px;
bottom: -43px;
animation: shake 4s infinite;
transform: rotate(20deg);
}
/* -----------SP-sannama-movie------------ */
@media screen and (max-width:768px) {
.sannama-movie {
margin: 0 15px;
}
.sannama-movie-container {
margin-top: 20px;
}
.sannama-movie-flex {
flex-direction: column;
justify-content: center;
margin-top: 0px;
}
.sannama-movie-box iframe {
width: 300px;
height: 180px;
}
.sannama-movie-box img {
width: 300px;
height: auto;
}
.sannama-movie-flex:nth-of-type(2) {
margin-top: 0px;
}
.sannama-movie .group-title {
position: absolute;
top: -11%;
left: 12%;
}
}
/* -----------sannama-corner------------ */
html {
scroll-behavior: smooth;
}
/* ------------corner ここから-------------- */
.sannama-corner {
margin-top: 100px;
color: #0b308d;
}
.sannama-corner h2 {
text-align: center;
}
.sannama-corner h2 img {
width: 250px;
}
.sannama-corner__flex {
display: flex;
gap: 30px;
width: 85%;
margin: 0 auto;
align-items: flex-start;
justify-content: center;
}
.sannama-corner__flex img {
margin-bottom: 10px !important;
}
.sannama-grid {
display: grid;
gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
margin-top: 3.5em;
}
.sannama-shop {
/* background: rgba(255, 255, 255, .8); */
background-color: #fff;
text-align: center;
border-radius: 20px;
box-shadow: 0px 0px 22px 1px #09a9ec;
}
.sannama-shop img {
max-width: 100%;
height: auto;
margin-bottom: 1em !important;
border-radius: 20px 20px 0px 0px;
}
.sannama-shop h3 {
font-weight: bold;
}
.shop-menu {
display: block;
font-weight: bold !important;
padding: 10px !important;
background: #e6f8ff;
color: #09a9ec !important;
margin-bottom: 1em !important;
text-align: center !important;
/* box-shadow: 0px 0px 11px 0px #caf0ff; */
}
.shop8 {
text-align: right;
margin-bottom: 0 !important;
width: 335px;
margin: 0 auto;
}
.sannama-shop h3 span {
font-size: .8em;
font-weight: lighter;
}
.sannama-shop p {
font-weight: normal;
color: #000;
line-height: normal !important;
margin-bottom: 0;
padding: 20px;
padding-top: 0;
}
/* ----------sp--sannama-corner--------- */
@media screen and (max-width:768px) {
.sannama-corner {
margin-top: 4em;
margin-bottom: 5em;
margin-left: 15px;
margin-right: 15px;
}
.sannama-corner__flex {
width: 100%;
gap: 0;
max-width: 100%;
flex-direction: column-reverse;
align-items: center;
}
.sannama-corner__flex img {
max-width: 100% !important;
}
.sannama-grid {
margin-top: 1.5em;
}
.tab-switch:checked+.tab-label+.tab-content {
padding: 30px;
}
.sannama-corner h2 img {
width: 150px;
}
.sannama-shop h3 {
font-size: 1.2em;
}
.suntory {
height: 350px;
}
}
/* -----------cast------------ */
.casting {
color: #0b308d;
font-weight: bold;
margin-top: 10em;
position: relative;
}
.casting-inner {
background: rgba(255, 255, 255, .8);
border-radius: 40px;
font-weight: bold;
margin-top: 2em;
padding: 40px;
position: relative;
}
.casting-inner .group-title {
position: absolute;
left: 35%;
top: -20%;
}
.casting-flex {
display: flex;
gap: 30px;
align-items: center;
margin-top: 3.5em;
}
.casting-img {
width: 400px;
}
.casting-text {
text-align: left;
}
.casting-text p {
line-height: 2em !important;
}
.casting-text h3 {
font-size: 2em;
}
.casting-button {
text-align: center;
}
.casting-button a {
display: inline-block;
width: 300px;
margin: 0 auto;
background: #0b308d;
color: #fff;
font-weight: bold;
padding: 20px;
}
.casting .item03 {
width: 13%;
position: absolute;
right: -57px;
top: 184px;
animation: shake 2.5s infinite;
transform: rotate(20deg);
}
/* -----------sp--cast------------ */
@media screen and (max-width:768px) {
.casting-inner {
padding: 20px;
}
.casting-flex {
flex-direction: column;
}
.casting-img {
width: 100%;
}
.casting {
margin: 70px 15px;
margin-bottom: 0;
}
.casting-inner .group-title {
position: absolute;
left: 13%;
top: -7%;
}
}
/* -----------協賛とか------------ */
.sannama-corner-button {
text-align: center;
}
.sannama-corner-button a {
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
background-color: #836241;
border-radius: 60px;
padding: 16px;
}
.sannama-corner-button a:hover {
opacity: 0.8;
}
.contents-wrapper table {
border-collapse: collapse;
}
.contents-wrapper img {
display: block;
margin: auto;
height: auto;
}
.contents-wrapper h4 {
font-size: 1.4em;
margin: 0.5em;
font-weight: bold;
line-height: 1.4em;
color: #836241;
}
.contents-wrapper h5 {
font-size: 16px;
font-weight: bold;
margin: 0.5em 0;
padding: 0.25em;
border-bottom: solid 1px #d5d2cd;
color: #836241;
}
.contents-wrapper h5 small {
font-weight: normal;
}
.contents-wrapper p,
.contents-wrapper li {
line-height: 1em;
font-size: 1.1em;
text-align: left;
}
.contents-wrapper .cast div {
padding: 1em;
}
.contents-wrapper .recipe >
div {
padding: 2em;
}
.contents-wrapper .recipe .flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-content: space-between;
}
.navigation {
margin: 2em 0;
}
.navigation ul li a {
text-decoration: none;
width: 90%;
height: 40px;
line-height: 40px;
padding: 0 1em;
margin: 5px auto;
background-color: #FFF;
border: solid 2px #fff;
box-shadow: 10px 10px 0px -2px #8fb5d6;
color: #0b308d;
display: block;
font-weight: bold;
transition: .2s cubic-bezier(0.45, 0, 0.55, 1)
}
.navigation ul li a:hover {
transform: translateY(-6px);
}
.rogo {
margin: 0 auto;
padding: 3em 0;
background-color: transparent;
}
.rogo-flex {
display: flex;
justify-content: center;
gap: 30px;
}
.rogo-flex:nth-of-type(2) {
margin-top: 2em;
}
.kyosan img {
max-width: 300px;
border: #ccc solid 1px;
padding: 0 2em;
background-color: #fff;
}
.koen img {
max-height: 75px;
border: #ccc solid 1px;
padding: 0 2em;
background-color: #fff;
}
.rogo-box {
margin-top: 2em;
}
.rogo p {
color: #fff;
font-weight: bold;
text-align: center;
}
.rogo img {
margin-top: 0 !important;
}
/* rogo sp */
@media screen and (max-width:768px) {
.rogo {
width: 100%;
padding: 4em 1em;
}
.rogo-flex {
display: flex;
gap: 10px;
}
}
.cp-content img {
max-width: 840px;
}
.cp-button-box {
margin-top: 3em;
display: flex;
gap: 20px;
justify-content: center;
}
.cp-button {
width: 410px;
}
.cp-button a {
display: block;
background-color: #fff;
color: #0b308d;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 15px;
}
.koen {
margin-top: 0em;
}
.wrap {
width: 100%;
height: 0;
position: relative;
padding-top: 56.25%;
overflow: hidden;
}
.wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.row-c {
max-width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
overflow: hidden;
min-height: 1%;
text-align: left;
}
.bgc {
padding: 0em 2em;
border-bottom: solid 1.5px #9e5d27;
}
.w50 {
width: 50%;
}
.w30 {
width: 30%;
margin-bottom: 1.5em !important;
}
.w20 {
width: 20%;
margin-bottom: 1em !important;
}
.h100 {
height: 100px !important;
width: auto;
}
.mgn-b {
margin-bottom: 2em !important;
}
.txt-center {
display: flex;
justify-content: center;
align-items: center;
}
.sp {
display: none;
}
.link-title {
width: 40%;
margin-bottom: 2em !important;
}
.click {
background: #fff;
color: #836241;
padding: 0.2em 0.5em;
border-radius: 10px;
margin-right: 0.8em;
}
@media screen and (min-width: 750px) {
.contents-wrapper .SPblock * {
display: none;
}
.contents-wrapper h4 {
text-align: center;
}
.contents-wrapper .description {
margin: 0 auto;
}
.contents-wrapper .page-title-logo {
margin-top: 1em;
}
.contents-wrapper .onair {
display: table;
table-layout: fixed;
}
.contents-wrapper .onair >
div {
padding: 1em;
}
.contents-wrapper .inner {
padding: 40px;
}
.contents-wrapper .recipe .border-right {
border-right: dotted 2px #9e5d27
}
.navigation ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-content: center;
}
.navigation ul li {
display: inline-block;
text-align: center;
padding: 0.5em 0.5em;
}
.navigation ul li a {
width: 300px;
height: 50px;
line-height: 40px;
padding: 5px 0;
margin: 0px auto;
}
.contents-wrapper .recipe >
div {
padding: 10px 60px;
}
.pd-r2 {
padding-right: 2em;
}
.pd-l2 {
padding-left: 2em;
}
.w50 {
width: 50%;
margin: 0 auto;
}
.pcflex {
display: flex;
margin-bottom: 2em;
}
}
@media screen and (max-width: 750px) {
.ly_accordion .el_heading {
font-size: 1em;
line-height: 1.7em;
}
.title-img {
max-width: 100%;
padding-bottom: 10px;
}
.flex {
display: block;
}
.inner p {
line-height: 1.6em !important;
}
.page-title-logo {
width: 100%;
}
.contents-wrapper h2 {
font-size: 1.5em;
}
.contents-wrapper .PCblock * {
display: none;
}
.contents-wrapper .inner {
padding: 8% 20px;
margin-top: 4em;
}
.navigation ul li {
display: block;
text-align: left;
padding: 0.25em 0;
}
.navigation ul li a {
padding: 0 1em;
margin: 0 auto;
}
.contents-wrapper h4 {
text-align: center;
font-size: 1.2em;
}
.contents-wrapper h5 {
text-align: left;
}
.contents-wrapper p {
line-height: 1.6em;
font-size: 15px;
}
.w50 {
width: 100%;
}
.w30 {
width: 65%;
}
.w20 {
width: 45%;
}
.sp {
display: initial;
}
.cooking {
margin: 3em 0;
margin-bottom: 0;
background: #fff;
padding: 1.8em 1.2em;
padding-bottom: 0;
border-radius: 10px;
}
.cooking li {
margin-bottom: 1em;
line-height: 1.3em;
font-size: 1.1em;
text-align: justify;
text-justify: inter-ideograph;
}
.link-title {
width: 90%;
}
}
.comingsoon img {
width: 80%;
margin: 0 auto;
}
/* 画像ｽﾗｲﾀﾞｰ */
.slideshow {
position: relative;
max-width: 100%;
height: 63%;
overflow: hidden;
}
.slide {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide.active {
opacity: 1;
z-index: 1;
}
/* sp-画像ｽﾗｲﾀﾞｰ */
@media screen and (max-width:768px) {
.slideshow {
height: 62%;
}
.slide-item {
height: 670px;
}
}
@media screen and (max-width:425px) {
.slideshow {
height: 58%;
}
.slide-item {
height: 350px;
}
}
【DAL-MATTO西麻布本店】
(東京都･港区)
名店｢ﾀﾞﾙﾏｯﾄ西麻布｣の熟成ﾊﾗﾐｽﾃｰｷ!
ｼﾞｭｰｼｰな旨味溢れるお肉に､贅沢な香りの特製きのこﾄﾘｭﾌｿｰｽが相性抜群｡
ｻﾝﾄﾘｰ生ﾋﾞｰﾙとの最高のﾍﾟｱﾘﾝｸﾞをどうぞ!
【串焼きの京】
(千葉県･千葉市)
千葉市で大人気のｶｳﾝﾀｰ9席の店｡
ぷりぷり食感のﾎﾀﾃ串とｼﾞｭｰｼｰで肉の旨みが溢れる牛ﾊﾗﾐのお肉を提供!
【ﾊﾑ工房ｾｷ】
(長野県･上田市)
2016年ﾄﾞｲﾂ国際大会にて金賞･銀賞を受賞｡
本場ﾄﾞｲﾂで認められた本格ｿｰｾｰｼﾞをご堪能下さい｡
【くしよし本店】
(大阪府･大阪市)
大阪が誇る串ｶﾂの名店､くしよし本店
G20大阪ｻﾐｯﾄに出店し､世界中のお客様がその味を堪能した人気店です｡
今回は人気の牛串や大海老串などを提供｡
こだわりは､ｸﾛﾜｯｻﾝ生地を使用した軽やかな衣､あっさり軽い口当たりとｻｸｻｸの食感に素材の旨みが絶妙に重なり､一度食べたら忘れられない味わいです｡
【綾鶏】
(大分県･中津市)
唐揚げの聖地･大分県中津市から本場の中津からあげが登場｡
九州産国産若鶏のみを使用し､ｼﾞｭｰｼｰで臭みの少ない味わいが自慢です｡厳選醤油を熟成させた秘伝の自家製ﾀﾞﾚで仕上げた定番の醤油からあげに加え､香り豊かな生姜からあげもぜひご賞味ください
【Japanese Spice Curry WACCA】
(東京都･中央区)
多数のｶﾚｰ店のｲﾝｽﾊﾟｲｱを生んだ､TOKYO百名店をはじめ数多くの賞を受賞するｶﾚｰ店｡
実店舗にて歴代で最も人気の高かったﾒﾆｭｰを提供します｡
【銀ｼｬﾘ 中はら】
(鹿児島県･鹿児島市)
品質の良い食材を求め､業者と直接やりとりしﾘｰｽﾞﾅﾌﾞﾙに料理を提供｡その味が口ｺﾐで広がり名店と称される和食創作料理のお店｡
今回用意したのは､ﾋﾞｰﾙとの相性抜群な｢極上塩ﾓﾂ｣｡ﾌﾟﾘｯﾌﾟﾘ食感と繊細な塩加減が自慢の一品
【大衆鉄板くりちゃん】
(埼玉県･川口市)
ﾋﾞｰﾙ泥棒現る｡豚肉と玉子の最強ﾀｯｸﾞに特製ﾌﾙｰﾂｿｰｽxﾏﾖﾈｰｽﾞで箸が止まらない｡九条ねぎを添えて召し上がれ｡
【ｻﾝﾄﾘｰ生ﾋﾞｰﾙ】
※会場にはｿﾌﾄﾄﾞﾘﾝｸ(天然水･伊右衛門･なっちゃん)の販売もございます
安部友裕
広島東洋ｶｰﾌﾟOB
現役時代は走攻守三拍子揃った内野手としてｶｰﾌﾟの3連覇に貢献!
現在は､ﾌﾘｰの野球解説者としてだけでなく
ﾎｰﾑﾃﾚﾋﾞで平日夕方に放送中の｢ﾋﾟﾀﾆｭｰ｣の火曜日ﾊﾟｰﾄﾅｰとしても活躍中!
$(function () {
$('a[href^=#]').click(function () {
var href = $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
var speed = 200;
$('body,html').animate({
scrollTop: position
}, speed, 'swing');
return false;
});
});
// ｽﾗｲﾄﾞｼｮｰ
const slides = document.querySelectorAll('.slide');
let current = 0;
function showNextSlide() {
slides[current].classList.remove('active');
current = (current + 1) % slides.length;
slides[current].classList.add('active');
}
setInterval(showNextSlide, 4500); // 4.5秒ごとに切り替え
$(function () {
$('a[href^=#]').click(function () {
var href = $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
var speed = 200;
$('body,html').animate({
scrollTop: position
}, speed, 'swing');
return false;
});
});
// ｽﾗｲﾄﾞｼｮｰ
const slides = document.querySelectorAll('.slide');
let current = 0;
function showNextSlide() {
slides[current].classList.remove('active');
current = (current + 1) % slides.length;
slides[current].classList.add('active');
}
setInterval(showNextSlide, 4500); // 4.5秒ごとに切り替え
ｻﾝﾄﾘｰ生ﾋﾞｰﾙ夏のｸﾞﾙﾒ祭り2026
ﾘﾝｸ
HOME