Campaign
2026ホークス優勝半額キャンペーン
<style>
:root {
--NotoSans: 'Noto Sans JP', sans-serif;
--NotoSerif: 'Noto Serif JP', serif;
--black: #343434;
--red: #C9151E;
--blue: #161A7E;
--white: #fff;
/* Regular 400 Medium 500 Bold 700 Black 900 */
}
img {
object-fit: cover;
}
body {
margin: 0;
}
.pc {
display: block;
}
.sp {
display: none;
}
/* 制限 */
.lp_hawks_area_wrap {
font-size: min(calc(10 / 1200 * 100vw), 10px);
max-width: 1200px;
position: relative;
z-index: 1;
overflow: hidden;
}
/* logo */
.lp_hawks_area_wrap>.lp_logo_area {
margin: 1em 3em;
position: absolute;
z-index: 1;
.logo_img {
width: 15em;
z-index: 2;
position: relative;
}
}
/* 購入ボタン */
.lp_hawks_area_wrap>.order_button_a {
position: sticky;
/* margin-bottom: -6em; */
display: inline-block;
top: 10em;
/* left: 5em; */
z-index: 5;
width: 100%;
text-align: center;
margin-top: 0em;
height: 0;
.button_img {
width: 20em;
}
}
.lp_0916_area_wrap {
font-size: min(calc(10 / 1200 * 100vw), 10px);
max-width: 1200px;
position: relative;
z-index: 1;
/* 固定の購入ボタン */
.order_button_a {
position: sticky;
display: inline-block;
top: 10em;
z-index: 5;
width: 100%;
text-align: center;
margin-top: 0em;
.button_img {
width: 20em;
}
}
/* 半額キャンペーン注文時のご注意↓ */
.lp_0916_attention_area {
border: 0.4em solid #E60012;
text-align: center;
padding: 2em;
margin-top: 1em;
}
.lp_0916_attention_h2 {
font-size: 4em;
font-weight: bold;
color: #E60012;
text-align: center;
}
.lp_0916_attention_p {
margin: 0;
font-size: 1.7em;
font-weight: bold;
text-align: left;
}
.lp_0916_attention_flex {
display: flex;
justify-content: center;
margin: 2em 0;
gap: 2em;
}
.lp_0916_flex_box {
border: 0.3em solid #E60012;
width: 100%;
padding: 1em;
aspect-ratio: 2 / 1;
}
.lp_0916_img_box {
height: 200px;
border: 1px solid #000;
}
.lp_0916_att_flex_img {
width: 100%;
height: 100%;
object-fit: contain;
}
.lp_0916_att_flex_p {
font-size: 1.4em;
font-weight: bold;
width: 100%;
}
.lp_0916_att_red_p {
margin: 0;
font-size: 1.5em;
font-weight: bold;
color: #000;
text-align: left;
}
}
.lp_hawks_area_wrap {
.fv_back_img {
position: relative;
margin-bottom: 0;
.fv_back_img_text {
width: 58em;
position: absolute;
right: 25em;
top: 4em;
}
.fv_back_img_logo_jp {
position: absolute;
top: 20em;
left: 10em;
width: 30em;
}
.fv_back_img_logo {
position: absolute;
top: 21em;
left: 10em;
width: 30em;
}
.fv_back_img_logo_p {
position: absolute;
top: 11em;
left: 1.3em;
width: auto;
margin: 0;
font-size: 4em;
padding: 0.1em;
font-weight: bold;
background-color: #C9151E;
color: #fff;
}
.fv_back_img_car {
position: absolute;
bottom: 0em;
right: 0;
width: 40em;
}
.lp_fv_main_back {
width: 100%;
}
}
}
.lp_hawks_area_wrap {
.lp_sec02_area {
background: linear-gradient(45deg, #fed000 0%, #fed300 45%, #ffdf00 70%, #ffe600 76%, #fed000 87% 100%);
height: max-content;
padding-bottom: 2em;
position: relative;
.lp_sec02_text_area {
width: 65em;
margin: 0 0 0 auto;
text-align: center;
padding-right: 3em;
.lp_sec02_text_img {
width: 60em;
}
.lp_sec02_text_area_sub {
display: flex;
justify-content: center;
.lp_sec02_text_left {
width: auto;
.lp_h2_text {
color: #ffffff;
font-size: 2.8em;
font-weight: 900;
margin: 0;
text-align: center;
background-color: #C9151E;
padding: 0 3em;
}
.lp_h2_text02 {
color: #fff;
font-size: 1.8em;
background-color: #C9151E;
margin: 0;
position: relative;
font-weight: 900;
width: max-content;
margin-top: 0;
margin-bottom: 0.5em;
clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
width: 25em;
}
/* .lp_h2_text02::after {
position: absolute;
content: '';
right: -1.96em;
top: 0px;
border: none;
border-left: solid 2em #C9151E;
border-bottom: solid 1.47em transparent;
z-index: 0;
} */
.lp_h2_text03 {
font-size: 2em;
font-weight: 900;
margin: 0;
color: #000;
.lp_h2_text03_span {
font-size: 1.5em;
}
}
}
.lp_sec02_text_right {
width: 35em;
/* border-left: solid #000 3px; */
padding-left: 2em;
position: relative;
.lp_h2_text {
background-color: #1d2088;
color: #fff;
font-size: 1.4em;
font-weight: 900;
margin: 0;
text-align: left;
padding-left: 3em;
.lp_h2_text_span {
font-size: 1.em;
}
}
.lp_h2_text02 {
background-color: #00a0e9;
color: #fff;
font-size: 1.8em;
font-weight: 900;
margin: 0;
position: relative;
width: 12em;
padding-left: 2.5em;
margin-bottom: 0.5em;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
width: 100%;
text-align: left;
}
/* .lp_h2_text02::after {
position: absolute;
content: '';
right: -1.96em;
top: 0px;
border: none;
border-left: solid 2em #00a0e9;
border-bottom: solid 1.47em transparent;
z-index: 0;
} */
.lp_h2_text03 {
font-size: 2em;
font-weight: 900;
margin: 0;
color: #000;
.lp_h2_text03_span {
font-size: 1.5em;
}
}
.lp_p_text04 {
position: absolute;
top: 0;
background-color: #C9151E;
color: #fff100;
font-size: 2em;
padding: 6px 4px;
font-weight: 900;
writing-mode: vertical-rl;
transform: rotate(-10deg);
margin: 0;
}
}
}
.lp_can_text_red {
color: #C9151E;
font-size: 1.7em;
margin: 0;
font-weight: 900;
border: solid 2px #C9151E;
margin-top: 1em;
}
}
.lp_hawks_fv_main_human {
position: absolute;
bottom: 0;
left: -8em;
width: 55em;
}
.lp_hawks_fv_main_human_copy {
position: absolute;
bottom: 26em;
left: 33em;
width: 13em;
}
}
}
.lp_hawks_area_wrap {
.lp_sec03_area {
background-color: #000;
padding: 10em 19em;
position: relative;
.lp_hawks_note_text {
font-size: 4em;
color: #fff;
margin: 0;
text-align: center;
}
.lp_hawks_cp_note_text {
color: #fff;
font-size: 2.1em;
font-weight: bold;
margin: 0.5em 0;
line-height: 1.4em;
}
.lp_hawks_cp_note_sub {
font-size: 1.2em;
color: #ffda15;
}
.lp_hawks_cp_note02 {
background-color: #C9151E;
margin-top: 3em;
.lp_hawks_cp_note02_text {
color: #FFF100;
font-size: 2.5em;
font-weight: bold;
padding: 1em;
text-align: center;
margin: 0;
}
}
.lp_sec03_car01 {
position: absolute;
left: 4em;
height: 28em;
top: 21em;
}
.lp_sec03_car02 {
position: absolute;
right: 7em;
height: 23em;
top: 26em;
}
}
}
@media screen and (max-width: 699.98px) {
.pc {
display: none;
}
.sp {
display: block;
}
.lp_hawks_area_wrap {
font-size: 2.666666666666667vw;
/* font-size: calc(10 / 375 * 100vw); */
/* 画面幅375pxで10px*/
max-width: 100%;
}
/* logo */
.lp_hawks_area_wrap>.lp_logo_area {
margin: 1em 3em;
position: absolute;
z-index: 1;
.logo_img {
width: 5em;
}
}
.lp_hawks_area_wrap>.order_button_a {}
/* 購入ボタン */
.lp_hawks_area_wrap>.order_button_a>.button_img {
width: 10em;
}
.lp_hawks_area_wrap {
.fv_back_img {
margin-bottom: 0;
background: linear-gradient(45deg, #f8c254 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #f8c254 90% 100%);
padding-top: 1.5em;
padding-bottom: 1.5em;
.fv_back_img_logo_jp {
width: 16em;
top: 21em;
left: 60%;
transform: translate(-50%, 0);
}
.fv_back_img_logo {
width: 10em;
top: 9em;
left: 3em;
}
.fv_back_img_logo_p {
top: 10.8em;
font-size: 1.7em;
padding: 0.2em;
left: 50%;
transform: translate(-50%, 0);
width: 11.4em;
text-align: center;
}
.fv_back_img_car {
width: 19em;
bottom: 0em;
left: auto;
z-index: 1;
}
.fv_back_img_text {
width: 24em;
top: 1.5em;
right: 0;
}
.fv_back_img_text02 {
width: 17em;
top: 7em;
position: absolute;
left: 15em;
}
.lp_fv_main_back {
height: 45em;
width: 94%;
margin: 0 auto;
border-radius: 1em;
}
.lp_hawks_fv_main_human {
position: absolute;
bottom: 0;
left: -2em;
width: 22em;
}
.lp_hawks_fv_main_human_copy {
position: absolute;
bottom: 8em;
left: 13em;
width: 7em;
}
.lp_hawks_fv_main_area_hana {
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
}
}
.lp_hawks_area_wrap {
.lp_sec02_area {
height: max-content;
.lp_sec02_text_area {
padding: 0;
padding-bottom: 2em;
width: 100%;
margin: 0;
.lp_sec02_text_img {
width: 30em;
margin: 1em auto;
}
.lp_sec02_text_area_sub {
flex-direction: column;
width: max-content;
margin: 0 auto;
.lp_sec02_text_left {
width: 100%;
.lp_h2_text {
font-size: 2em;
text-align: center;
}
.lp_h2_text02 {
font-size: 1.2em;
margin: 0.2em auto;
padding: 0.7em 0em;
clip-path: none;
width: 100%;
}
.lp_h2_text02::after {
display: none;
}
}
.lp_sec02_text_right {
width: 100%;
padding-left: 0;
margin-top: 2em;
border-left: none;
border-top: solid #000 2px;
.lp_h2_text {
width: 16em;
margin: 0 auto 0 0;
padding-left: 4em;
font-size: 1.3em;
width: 100%;
margin-top: 2em;
}
.lp_h2_text02 {
margin: 0 auto 0 0;
padding-left: 4em;
font-size: 1.4em;
width: 100%;
}
.lp_p_text04 {
left: -0.5em;
top: 1em;
}
}
}
.lp_can_text_red {
font-size: 1.3em;
margin: 2em 2em 0em;
text-align: left;
}
}
}
}
.lp_hawks_area_wrap {
.lp_sec03_area {
padding: 2em 1em;
.lp_hawks_cp_note_text {
font-size: 1.2em;
margin-bottom: 2em;
}
.lp_hawks_cp_note_sub {
font-size: 1em;
}
.lp_hawks_cp_note02 {
margin-top: 0;
.lp_hawks_cp_note02_text {
padding: 0.5em;
font-size: 1.5em;
text-align: left;
margin-bottom: 2em;
}
}
.lp_sec03_car01 {
position: relative;
left: 40%;
transform: translate(-50%, 0);
height: 19em;
top: 0;
}
.lp_sec03_car02 {
position: relative;
left: 40%;
transform: translate(-50%, 0);
right: auto;
height: 16em;
top: 0;
}
}
}
.lp_0916_area_wrap {
/* font-size: 2.666666666666667vw; */
font-size: min(calc(10 / 375 * 100vw), 10px);
/* font-size: calc(10 / 375 * 100vw); */
/* 画面幅375pxで10px*/
max-width: 100%;
}
/* 半額キャンペーン注文時のご注意↓ */
.lp_0916_area_wrap>.lp_0916_attention_h2 {
margin-bottom: 0.5em;
font-size: 2em;
}
.lp_0916_flex_box {
display: flex;
flex-direction: column;
aspect-ratio: auto;
gap: 1em;
}
.lp_0916_attention_flex {
flex-direction: column;
align-items: center;
}
.lp_0916_img_box {
height: 37em;
}
.lp_0916_att_flex_img {
/* border: 0.3em solid #E60012; */
width: 50em;
padding: 1em;
aspect-ratio: 2 / 1;
object-fit: contain;
}
.lp_0916_attention_flex {
margin: 5em 0;
gap: 5em;
}
.lp_0916_attention_p {
font-size: 3em;
}
.lp_0916_att_flex_p {
font-size: 3.5em;
margin-top: 0.5em;
text-align: left;
width: 50%;
}
.lp_0916_att_red_p {
font-size: 3em;
}
/* 半額キャンペーン注文時のご注意↑ */
}
</style>
<div class="lp_0916_area_wrap">
<!-- 半額キャンペーン注文時のご注意↓ -->
<h2 class="lp_0916_attention_h2">半額キャンペーン注文時のご注意</h2>
<div class="lp_0916_attention_area">
<p class="lp_0916_attention_p">① 半額キャンペーン注文ができない事例が発生しています。以下の手順に従ってご注文をお願いいたします。</p>
<div class="lp_0916_attention_flex">
<div class="lp_0916_flex_box">
<div class="lp_0916_img_box">
<img class="lp_0916_att_flex_img"
src="https://www.pizzacooc.com/assets/images/LP/240916/cs241005select.png" alt="">
</div>
<p class="lp_0916_att_flex_p">①デリバリーかテイクアウトを選ぶ</p>
</div>
<div class="lp_0916_flex_box">
<div class="lp_0916_img_box">
<img class="lp_0916_att_flex_img"
src="https://www.pizzacooc.com/assets/images/LP/240916/cs241005login.png" alt="">
</div>
<p class="lp_0916_att_flex_p">②デリバリー時、ログインして店舗を選択する</p>
</div>
<div class="lp_0916_flex_box">
<div class="lp_0916_img_box">
<a href="https://www.pizzacooc.com/item/?category=HAWKS_2024SALE"><img
class="lp_0916_att_flex_img"
src="https://www.pizzacooc.com/assets/images/LP/250919/cs250920banner.jpg" alt=""></a>
</div>
<p class="lp_0916_att_flex_p">③半額キャンペーンバナーをクリック</p>
</div>
<div class="lp_0916_flex_box">
<div class="lp_0916_img_box">
<img class="lp_0916_att_flex_img"
src="https://www.pizzacooc.com/assets/images/LP/240916/113505.png" alt="">
</div>
<p class="lp_0916_att_flex_p">④【商品を選ぶ】をクリックすると商品が選べます</p>
</div>
</div>
</div>
<div class="lp_0916_attention_area">
<p class="lp_0916_att_red_p">
②
デリバリーのご利用は、ご注文金額が1610円以下の場合、ご注文を承ることが出来ません。<br>※デリバリーの半額キャンペーンご利用は1620円以上からご注文を承っております。<br>※テイクアウトは半額キャンペーン商品1枚から（1620円以下）ご利用頂けます。
</p>
</div>
</div>
<div class="lp_hawks_area_wrap">
<div class="lp_logo_area">
<img class="logo_img" src="https://www.pizzacooc.com/assets/images/LP/250919/lp_pizza_logo_cooc.png" alt="">
</div>
<div class="fv_back_img">
<img class="lp_hawks_fv_main_area_hana sp"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_area_hana.png" alt="">
<img class="fv_back_img_text pc" src="https://www.pizzacooc.com/assets/images/LP/250919/japan_02.png"
alt="">
<img class="fv_back_img_text sp" src="https://www.pizzacooc.com/assets/images/LP/250919/japan_02.png"
alt="">
<img class="fv_back_img_text02 sp"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_area_sp_text.png" alt="">
<img class="fv_back_img_logo" src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_logo03.png"
alt="">
<p class="fv_back_img_logo_p">11月3日（祝）まで！</p>
<img class="fv_back_img_car"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_car3.png" alt="">
<img class="lp_fv_main_back pc"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_area.png" alt="">
<img class="lp_fv_main_back sp"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_area_sp.png" alt="">
<img class="lp_hawks_fv_main_human sp"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_human03.png" alt="">
<img class="lp_hawks_fv_main_human_copy sp"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_human_copy.png" alt="">
</div>
<div class="lp_sec02_area">
<div class="lp_sec02_text_area">
<img class="lp_sec02_text_img" src="https://www.pizzacooc.com/assets/images/LP/250919/lp_sec03_text.png"
alt="">
<div class="lp_sec02_text_area_sub">
<div class="lp_sec02_text_left">
<!-- <h2 class="lp_h2_text">
半額キャンペーン期間
</h2> -->
<!-- <p class="lp_h2_text02">
SMBC日本シリーズ最終日
</p> -->
<h3 class="lp_h2_text03">2025年<span class="lp_h2_text03_span">11月3日</span>（月）まで</h3>
</div>
<!-- <div class="lp_sec02_text_right">
<p class="lp_h2_text">
福岡ソフトバンクホークスが<br>
<span class="lp_h2_text_span">SMBC日本シリーズに進出した場合</span>
</p>
<p class="lp_h2_text02">
SMBC日本シリーズ最終日
</p>
<h3 class="lp_h2_text03">2025年<span class="lp_h2_text03_span">11月2日</span>(日)まで</h3>
<p class="lp_p_text04">さらに</p>
</div> -->
</div>
<h4 class="lp_can_text_red">ピザクックではこの度のホークス優勝記念キャンペーン実施期間以外、<br class="pc">
半額キャンペーンは一切行っていません。予めご了承ください。</h4>
</div>
<img class="lp_hawks_fv_main_human pc"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_human03.png" alt="">
<img class="lp_hawks_fv_main_human_copy pc"
src="https://www.pizzacooc.com/assets/images/LP/250919/lp_hawks_fv_main_human_copy.png" alt="">
</div>
<div class="lp_sec03_area">
<h3 class="lp_hawks_note_text">
ご注意
</h3>
<p class="lp_hawks_cp_note_text">
①ホークス優勝記念キャンペーン(半額)商品はご注文合計
<span class="lp_hawks_cp_note_sub">税込1,620円(税抜1,500円)以上</span>
より承っております。
</p>
<p class="lp_hawks_cp_note_text">
②ホークス優勝記念キャンペーン(半額)商品は
<span class="lp_hawks_cp_note_sub">ハーフ＆ハーフのご利用はいただけません。</span>
</p>
<p class="lp_hawks_cp_note_text">
③ホークス優勝記念キャンペーン(半額)商品は
<span class="lp_hawks_cp_note_sub">ポイントシール割引との併用は出来ません。</span>
</p>
<p class="lp_hawks_cp_note_text">
④特別キャンペーンの為、
<span class="lp_hawks_cp_note_sub">お持ち帰りピザ2枚目無料</span>など
<span class="lp_hawks_cp_note_sub">その他キャンペーンとの併用はできません。</span>
</p>
<p class="lp_hawks_cp_note_text">
⑤追加トッピング及び生地の追加料金は
<span class="lp_hawks_cp_note_sub">半額となりません。</span>
</p>
<div class="lp_hawks_cp_note02">
<p class="lp_hawks_cp_note02_text">
ご予約受付はピザクックHPのみとなります。<br>
お電話でのご予約は承っておりません。ご了承ください。
</p>
</div>
<img class="lp_sec03_car01" src="https://www.pizzacooc.com/assets/images/LP/250919/lp_sec03_car01.png"
alt="">
<img class="lp_sec03_car02" src="https://www.pizzacooc.com/assets/images/LP/250919/lp_sec03_car02.png"
alt="">
</div>
<a class="order_button_a" href="https://www.pizzacooc.com/item-category/">
<img class="button_img" src="https://www.pizzacooc.com/assets/images/LP/250919/lp_order.png" alt="">
</a>
</div>