@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}



/*========== 共通 ==========*/
/*----- 共通/index -----*/
.pagination_wrap { text-align: center; margin-top: 40px; }
.pagination_status { margin: 0 12px; }
@media (min-width: 768px) {
  .contents_inner.s { padding: 0 70px; }
  .pagination_wrap { margin-top: 80px; }
}
/*----- 共通/show -----*/
.breadcrumb_list { position: absolute; left: 5vw; }
.page_top { z-index: 3; }
.news_top_wrap { display: flex; flex-direction: column; gap: 40px; }
.news_title { margin: 12px 0 4px; }
.news_img { position: relative; width: 100%; height: fit-content; }
.news_img img { position: relative; width: 100%; height: auto; z-index: 2; }
.news_img::before { content: ""; position: absolute; bottom: -80px; left: calc(min(50%, 660px) - 50vw); width: 100vw; height: calc(50% + 80px); background: #FFF; z-index: 1; }
.news_text { text-align: justify; }
@media (min-width: 768px) {
  .breadcrumb_list { left: 50%; }
}

/*========== news ==========*/
/*----- news/index -----*/
/*----- news/show -----*/
@media (min-width:1320px) {
  .contents_bg_basic_news { position: relative; overflow: hidden; }
  .contents_bg_basic_news::before { content: "NEWS"; position: absolute; transform: rotate(90deg) ; translate: 170px 70px; transform-origin: 0% 0%; color: #004680; opacity: 0.1; font-size: 180px; line-height: 1em; letter-spacing: .2em; font-weight: 900; } 
}

/*========== event ==========*/
/*----- event/index -----*/
.event_wrap_item { width:100%; display:flex; gap: 24px; padding:20px 0; border-bottom:1px solid #DDDBDB; }
.event_wrap_item dt a .event_img { width: 120px; aspect-ratio: 1 / 1; object-fit: cover; object-position: 0 0; }
.event_wrap_item dd { display: flex; flex-direction: column; gap: 12px; }
.event_wrap_item dd a:hover { text-decoration:underline;}
.flag_shop { width:55px; height:22px; line-height:22px; font-size:12px; background:#8DD3F6; color:#fff; text-align:center; }
@media (min-width:768px) {
  .event_wrap { display: flex; flex-wrap: wrap; gap: 0 60px; }
  .event_wrap_item { width: calc(50% - 30px); }
}
/*----- event/show -----*/
.page_link { background: #FFF; width: auto; flex: 1 1 auto; }
.event_contact { margin-top: 80px; }
.contact_title { display: block; margin-bottom: 40px; }
.contact_title::before { content: ""; display: inline-block; width: 5px; height: 20px; margin-right: 12px; transform: translateY(2px); background: #004680;  }
.event_contact_tel { background: #FDFD8A; padding: 24px; }
.event_contact_tel .shop_img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.event_contact_tel .shop_text { display: flex; flex-direction: column; gap: 12px; margin: 20px 0; }
.event_contact_tel .shop_text caption { text-align: left; }
.event_contact_tel .shop_text tbody { text-align: left; vertical-align: top; font-weight: normal; }
.event_contact_tel .shop_text tbody tr th { font-weight: normal; width: 100px; }
.contact_form form { background: #FFF; }
.contact_form .privacy_policy { margin: 0 0 10px; }
.contact_wrap .button.input_send { margin: 40px auto 0; }
@media (min-width:768px) {
  .link_list { display: flex; gap: 40px; }
  .event_contact_tel { padding: 60px; }
  .event_contact_tel_pc { display: flex; justify-content: space-between; margin: -16px 0 32px; padding: 0 100px 32px; border-bottom: 1px solid #DADADA; }
  .contact_nanmaru_phone { width: 180px; }
  .event_contact_tel_pc_right { display: flex; flex-direction: column; justify-content: space-around; width: min(100%, 360px); }
  .event_contact_tel_pc_right .button_tel { margin: 0; }
  .shop_info { display: flex; gap: 60px; }
  .event_contact_tel .shop_img { width: 360px; }
  .event_contact_tel .shop_text { gap: 24px; }
  .contact_wrap .button.input_send { margin: 80px auto 120px; }
  .contact_form .privacy_policy { height: 180px; margin: 0 0 40px; }
}
@media (min-width:1320px) {
  .contents_bg_basic_event { position: relative; overflow: hidden; }
  .contents_bg_basic_event::before { content: "EVENT"; position: absolute; transform: rotate(90deg) ; translate: 170px 70px; transform-origin: 0% 0%; color: #004680; opacity: 0.1; font-size: 180px; line-height: 1em; letter-spacing: .2em; font-weight: 900; } 
}

.form_image { max-width:100%; margin:0 auto; }



/* =====固定フッター===== */
.event_contact_sp_wrap { position: fixed; bottom: 0; left: 0; right: 0; width: 100vw; height: 65px; background: #2CB6F7;z-index: 10; }
.event_contact_sp { position: relative; display: block; width: 100vw; height: 100%; }
.event_contact_sp_img { position: absolute; bottom: -20px; left: 5vw; }
.event_contact_sp_text { padding: 18px 5vw; text-align: center; letter-spacing: 0.3vw; font-size: calc(4vw + 10px); font-weight: bold; color: #FFF; }
.event_contact_sp_arrow { position: absolute; top: 0; right: 5vw; bottom: 0; margin: auto 0; width: 8px; }
.event_contact_pc_wrap{display: none;}
@media (min-width:768px) {
  .event_contact_sp_wrap{display: none;}
  .event_contact_pc_wrap{display: block;position: fixed; bottom: 0; left: 0; right: 0; width: 100vw;background-color: rgba(0,0,0,0.8);z-index: 2;}
  .event_contact_pc_contents{color: white;}
  .event_contact_pc_contents {width: min(90vw,1320px);margin: 15px auto;display: flex;flex-direction: row;align-items: center;font-size: min(2vw,24px);font-weight: bold;justify-content: center;gap: 2vw;}
  .event_contact_pc_contents .button_form_bg{margin: 0;width: min(30vw, 400px);}
}