/*ｻﾝﾄﾘｰ生ﾋﾞｰﾙ夏のｸﾞﾙﾒ祭2025*/
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: 21%;
position: absolute;
left: -70px;
top: -70px;
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: 14%;
position: absolute;
left: -100px;
top: -140px;
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;
}
}
【Japanese Spice Curry WACCA】
(東京都･中央区)
多数のｶﾚｰ店のｲﾝｽﾊﾟｲｱを生んだ､TOKYO百名店をはじめ数多くの賞を受賞するｶﾚｰ店!
これ以上何も足さない何も引かない最もﾐﾆﾏﾙで黄金比なﾁｷﾝｶﾚｰ｡実店舗の人気ﾒﾆｭｰを提供します!
【いかめし阿部商店】
(北海道･茅部郡)
北海道産じゃがいもに いかめしの具と秘伝のﾀﾚを混ぜ込んだ甘辛いｵﾘｼﾞﾅﾙｺﾛｯｹです｡
【亀戸煮干中華蕎麦つきひ】
(東京都･江東区)
高級魚｢のどぐろ｣をふんだんに使った極上ｽｰﾌﾟにﾊﾟﾂﾊﾟﾂの中細麺を合わせました!ﾋﾞｰﾙのおつまみに最適なﾌﾞﾗｯｸﾍﾟｯﾊﾟｰを使った鴨ﾁｬｰｼｭｰもたっぷりのせました!ﾋﾞｰﾙのおつまみとしても､締めのﾗｰﾒﾝとしても是非ご利用ください!
【玉川精肉店】
(東京都･品川区)
厳選された精肉店の上質な肉を使用し､A5ﾗﾝｸの和牛ｽｼﾞも加えたどて焼きは､大阪風の白味噌でｺｯﾃﾘ甘めに味付けし､ﾋﾞｰﾙにﾍﾞｽﾄﾏｯﾁな一品です!
【京都清水寺ちぎりや】
(京都府･京都市)
鶏肉のさっぱりした旨味とたっぷり入ったｷｬﾍﾞﾂ･玉ねぎの甘みの中に爽やかな生姜の香りがしっかりと広がります｡
ﾆﾝﾆｸ不使用でｻﾝ生にもよく合う揚げたてｻｸｻｸの餃子を是非一度ご賞味ください!
【串焼きの京】
(千葉県･千葉市)
千葉市で大人気のｶｳﾝﾀｰ9席の店｡
ぷりぷり食感のﾎﾀﾃ串とｼﾞｭｰｼｰで肉の旨みが溢れる牛ﾊﾗﾐのお肉を提供!
【肉処 天穂】
(福岡県･北九州市)
口の中でとろける絶品の柔らかさと､深いｺｸと旨味が広がる贅沢な逸品｡
質と味にこだわった最高の和牛をお楽しみください｡
【韓国焼肉4시〜sisi〜】
(神奈川県･逗子市)
贅沢に8mmにｶｯﾄした厚切り牛ﾀﾝをｽﾃｰｷで!!
肉の旨みと食感が楽しめるﾐﾃﾞｨｱﾑに焼きあげます｡味付けは塩胡椒のみ｡お好みでわさびを付けて､ｻｸｯとした食感にｼﾞｭｰｼｰな牛ﾀﾝをお楽しみ下さい｡
【ｻﾝﾄﾘｰ生ﾋﾞｰﾙ】
※会場にはｿﾌﾄﾄﾞﾘﾝｸ(天然水･伊右衛門)の販売もございます
安部友裕
広島東洋ｶｰﾌﾟ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秒ごとに切り替え
ｻﾝﾄﾘｰ生ﾋﾞｰﾙ夏のｸﾞﾙﾒ祭2025
ﾘﾝｸ
HOME