/*広島鉄板ﾒｼ応援ｷｬﾝﾍﾟｰﾝ*/ 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; } .pc-only { display: contents; } .br-pc-only { display: none; } .sp-only { display: none; } .title-02 { display: none; } .group-title { height: 80px !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-color: #12b4b1; } /* -------sp--基本設定------- */ @media screen and (max-width:768px) { .group-title { height: 57px !important; width: auto; margin-bottom: 2em !important; } .pc-only { display: none; } .sp-only { display: block; } } /* 背景(動かすとき) */ .contents-wrapper { background-image: url(//m.home-tv.co.jp/wp-content/uploads/2024/04/teppan-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: #12b4b1; } } /* ------------about------------ */ .about { background: #12b4b1 !important; font-weight: bold; } .about img { border-radius: 10px; } .teppan-days { margin-top: 5em; } .teppan-days img { max-width: 600px; } /* ------------sp-about------------ */ @media screen and (max-width:768px) { .teppan-days { margin-top: 3em; } .teppan-days img { max-width: 80%; } } .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; } /* -----------teppan-movie------------ */ .teppan-movie { background: #fff; font-weight: bold; border: #ffed00 4px solid; border-radius: 20px; color: #836241; } .teppan-movie .inner { padding-bottom: 60px !important; } .teppan-movie-container { margin-top: 40px; } .teppan-movie-flex { display: flex; gap: 30px; justify-content: center; } .teppan-movie-box iframe { margin-top: 2em; width: 320px; height: 180px; } .teppan-movie-box img { max-width: 320px; height: auto; } .teppan-movie-flex:nth-of-type(2) { margin-top: 60px; } .teppan-movie-text h3 { text-align: left; margin-bottom: 0; } .teppan-movie-text p { margin-bottom: 0; } .teppan-movie-button { text-align: center; } .teppan-movie-button a { display: block; text-decoration: none; color: #fff; font-weight: bold; background-color: #836241; border-radius: 60px; padding: 16px; } .teppan-movie-button a:hover { opacity: 0.8; } /* -----------SP-teppan-movie------------ */ @media screen and (max-width:768px) { .teppan-movie { margin: 0 15px; } .teppan-movie-container { margin-top: 20px; } .teppan-movie-flex { flex-direction: column; gap: 60px; justify-content: center; margin-top: 0px; } } /* -----------teppan-corner------------ */ html { scroll-behavior: smooth; } /* ------------corner ここから-------------- */ .teppan-corner { margin-top: 100px; color: #836241; } .tab-wrap { display: flex; flex-wrap: wrap; margin: 20px 0; } .tab-label { margin: 5px; color: #12b4b1; font-size: 1.5em; background: #fff; font-weight: bold; white-space: nowrap; text-align: center; border: #ffed00 4px solid; padding: 16px; order: -1; position: relative; z-index: 1; cursor: pointer; border-radius: 60px; flex: 1; transition: .2s cubic-bezier(0.45, 0, 0.55, 1); } .tab-label:hover { opacity: .8; } /* .tab-label:not(:last-of-type) { margin-right: 5px; } */ .tab-content { width: 100%; height: 0; overflow: hidden; opacity: 0; } /* ｱｸﾃｨﾌﾞなﾀﾌﾞ */ .tab-switch:checked+.tab-label { background: #ffed00; color: #12b4b1; border: #fff 4px solid; } .tab-switch:checked+.tab-label:hover { opacity: 1; } .tab-switch:checked+.tab-label+.tab-content { height: auto; overflow: auto; padding: 15px; opacity: 1; transition: .5s opacity; background-color: #fff; border: #ffed00 4px solid; border-radius: 20px; padding: 50px 0; margin-top: 10px; } /* ﾗｼﾞｵﾎﾞﾀﾝ非表示 */ .tab-switch { display: none; } .teppan-corner h2 { text-align: center; } .teppan-corner h2 img { width: 250px; } .teppan-corner__flex { display: flex; gap: 30px; width: 85%; margin: 0 auto; align-items: flex-start; justify-content: center; } .teppan-corner__flex img { margin-bottom: 10px !important; } .teppan-corner__detail { height: 580px; overflow-y: scroll; } .teppan-corner__detail h3 { text-align: left; font-weight: bold; max-width: 85%; margin: 0 auto; } .teppan-corner__tel { text-align: left; } .teppan-corner__tel a { text-align: left; color: #836241; border-bottom: #836241 solid 1px; padding: 2px; } .teppan-corner__shop { max-width: 85%; margin: 0 auto; margin-top: 5em; } .teppan-corner__shop p { line-height: 1.4em !important; } .teppan-corner__shop th, .teppan-corner__shop td { padding: 5px 10px; } /* ----------sp--teppan-corner--------- */ @media screen and (max-width:768px) { .teppan-corner { margin-bottom: 5em; margin-left: 15px; margin-right: 15px; } .teppan-corner__flex { width: 100%; gap: 0; max-width: 100%; flex-direction: column-reverse; align-items: center; } .teppan-corner__flex img { max-width: 100% !important; } .teppan-corner__detail h3 { max-width: 100%; } .teppan-corner__shop { max-width: 100%; margin-top: 5em; } .tab-switch:checked+.tab-label+.tab-content { padding: 30px; } .teppan-corner h2 img { width: 150px; } .teppan-corner__shop table th, .teppan-corner__shop table td { border-bottom: none; display: block; width: 100%; border-bottom: solid 1px #ccc; } .teppan-corner__shop table th { font-weight: bold; background-color: #836241; color: #fff; } } /* -----------cast------------ */ .casting { color: #12b4b1; font-weight: bold; margin-top: 100px; } .casting-inner { background: #fff; font-weight: bold; border: #ffed00 4px solid; border-radius: 20px; margin-top: 2em; padding: 40px; } .casting-flex { display: flex; gap: 30px; align-items: center; } .casting-img { width: 400px; } .casting-text { text-align: left; } .casting-text p { line-height: 2em !important; } .casting-text h3 { font-size: 2em; } /* -----------sp--cast------------ */ @media screen and (max-width:768px) { .casting-inner { border: #ffed00 3px solid; padding: 20px; } .casting-flex { flex-direction: column; } .casting-img { width: 100%; } .casting { margin: 70px 15px; margin-bottom: 0; } } /* -----------letscooking------------ */ .letscooking { background: #fff; font-weight: bold; border: #ffed00 4px solid; border-radius: 20px; margin-top: 100px; color: #836241 !important; } .teppan-corner-button { text-align: center; } .teppan-corner-button a { display: block; text-decoration: none; color: #fff; font-weight: bold; background-color: #836241; border-radius: 60px; padding: 16px; } .teppan-corner-button a:hover { opacity: 0.8; } /* -----------sp-letscooking------------ */ @media screen and (max-width:768px) { .letscooking { margin: 3em 15px; margin-bottom: 1em; border: #ffed00 3px solid; } } .contents-wrapper table { border-collapse: collapse; } .contents-wrapper img { display: block; margin: auto; margin-top: 2em; 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.4em; 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; color: #12b4b1; 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: #12b4b1; } .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; } } /* ｱｺｰﾃﾞｨｵﾝﾒﾆｭｰ */ .details { transition: .3s; overflow: hidden; margin-top: -10px; padding-bottom: 20px; &:last-of-type { margin-bottom: 0; } } .details[open] { margin-top: 0; padding-bottom: 10px; } .details-summary { display: block; transition: .3s; transform: translateY(10px); background-color: #12b4b1; font-size: 20px; font-weight: bold; color: #fff; &:hover { cursor: pointer; } } .details-summary::-webkit-details-marker { display: none; } .details[open] .details-summary { transform: translateY(0); } .details-content { margin-top: 20px; padding: 20px; } /* ｱｺｰﾃﾞｨｵﾝﾒﾆｭｰここまで */ .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: #12b4b1; 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; } /* -----recipe------ */ .recipe-title { border-left: solid 3px; padding-left: 0.5em; font-size: 1.5em !important; font-weight: bold; } .teppan-recipe { margin-top: 50px; } .recipe-flex { display: flex; } .recipe-box { margin-top: 7em; font-weight: bold; } .recipe-box:nth-child(1) { margin-top: 0; } .recipe-box img { max-width: 560px; margin-top: 1em; margin-right: 2em; } .recipe-flex iframe { margin-top: 2em; width: 560px; height: 330px; } .ingredient { width: 50%; margin: 0 2em; } .heading { font-weight: bold; font-size: 1.4em !important; border-bottom: solid 1px; margin-bottom: 1em; } .recipe-flex dl { display: flex; flex-wrap: wrap; font-size: 1.2em; align-items: end; } .recipe-flex dt { width: 63%; padding: 6px 0; border-bottom: dotted 1px #bd8d60; text-align: left; } .recipe-flex dd { width: 37%; border-bottom: dotted 1px #bd8d60; padding: 6px 0; text-align: right; } /* --------sp---recipe------ */ @media screen and (max-width:768px) { .recipe-title { font-size: 1.2em !important; } .recipe-flex { display: initial; } .recipe-box { margin-top: 4em; } .recipe-box:nth-child(1) { margin-top: 0; } .recipe-box img { width: 100%; margin: 1em 0; } .recipe-flex iframe { width: 340px; height: 190px; } .ingredient { width: 100%; margin: 0; } .recipe-flex dl { font-size: 1.1em; } .recipe-flex dt { width: 67%; } .recipe-flex dd { width: 33%; } .recipe-detail p { font-size: 14px; } } .recipe-detail p { display: inline-block; font-size: 20px; } .recipe-detail { position: relative; text-align: center; color: #333333; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: #fff; margin-top: 2em; margin-bottom: 3em; padding: 20px; padding-bottom: 5px; font-weight: bold; border-radius: 60px; } .recipe-detail::after { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-top-width: 13px; border-bottom-width: 13px; border-left-width: 8px; border-right-width: 8px; margin-left: -8px; border-bottom-color: #fff; bottom: 100%; left: 50%; } .cooking { margin: 5em 0 3em 0; background: #fff; padding: 2em 5em; border-radius: 10px; } .cooking ol { list-style: decimal !important; margin-left: 2em; font-weight: 500; ; } .cooking li { margin-bottom: 1em; } .cooking a { color: #836241; border-bottom: #836241 dotted; font-size: .8em; } .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; } .navigation ul li { display: block; text-align: left; padding: 0.25em 0; } .navigation ul li a { padding: 0 1em; margin: 0 auto; border: solid 1px #ffed00; } .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%; } }

・課題解決型WEBﾏｰｹﾃｨﾝｸﾞ支援

・広島防災

・河井夫妻 大規模買収事件

・ﾄﾞｷｭﾒﾝﾄ広島

・ｼﾈﾄﾞﾗﾏ｢鯉のはなｼｱﾀｰ｣

・ﾌﾟﾛｼﾞｪｸｼｮﾝﾏｯﾋﾟﾝｸﾞ

・HOMEおはなし隊

・ぽるぽるﾀﾞﾝｽ

・こども食堂

・202101TEAM HIROSHIMA SDGs

・37HIROSHIMASHOP

・37HIROSHIMA

・HOME公式LINE

・みんながｶﾒﾗﾏﾝ HOME

・報道･ｽﾎﾟｰﾂ ｶﾒﾗｱｼｽﾀﾝﾄ募集

・ﾗｼﾞｵとﾃﾚﾋﾞのｻｽﾃﾅﾋﾞﾘﾃｨ

・ﾀﾞｲﾄﾞｰｸﾞﾙｰﾌﾟ日本の祭り

・広島防災WEB

・医療情報ﾈｯﾄ(ﾅﾋﾞｨ)

・広島ｵｰｽﾄﾘｱ協会

・ふれあいﾎｰﾑﾀｳﾝ　みどりまち

・違法配信撲滅CPｷｬﾝﾍﾟｰﾝ

・1.5℃の約束

・広島県防災ﾀｲﾑﾗｲﾝについて

ご意見･ご感想

ﾌﾟﾗｲﾊﾞｼｰﾎﾟﾘｼｰ