@charset "UTF-8";

/*-----------------------------------------
 COMMON
-----------------------------------------*/
.block-event-page { color: #443829;}
.block-event-page img { height: auto;}

.ab_list_bt_dw      { margin-bottom: 60px; color: #443829; overflow: hidden;}
.ab_list_bt_dw ul   { display: flex; flex-wrap: wrap;}
.ab_list_bt_dw li   {
  width: 48.6%; margin-top: 20px; margin-right: 2.8%; color: #443829; border-radius: 50px; border: 2px solid #938675; text-align: center;
  background: url('../../common/img/ar_down.png') no-repeat 95%;
}
.ab_list_bt_dw li:nth-child(2n) { margin-right: 0;}
.ab_list_bt_dw li a { padding: 15px 20px; font-size: 18px; display: block; text-decoration: none;}

.bnr_list li            { margin: 0 0 20px;}
.bnr_list li:last-child { margin: 0;}
.bnr_list li a:hover    { opacity: .8;}
.bnr_list img           { width: 100%; vertical-align: top;}

#largebulb-dahlia img { max-width: 100%; height: auto;}

/*-----------------------------------------
 PC
-----------------------------------------*/
@media only screen and (min-width: 768px) {
	.sp_ {
		display: none !important;
	}
  
  .block-event-page img { max-width: 100%;}
  .block-event-page h2.title { padding: 0; margin: 0; text-align: center; background: none;}
  .block-event-page h3       { padding: 0; margin: 0; background: none;}
  .block-event-page h3::after{ display: none !important;}
  
  .block-event-page h1.mainvisual { padding: 0; margin: 0 0 30px 0; border: none;}
  .block-event-page .mainvisual img { max-width: 100%;}
  .block-event-page .mainvisual-bottom   { margin: 0;}
  .block-event-page .mainvisual-bottom p { margin: 0 0 5px 0; font-size: 16px;}
  
  .block-event-page .page-link-button    { max-width: 550px; margin: 30px auto; display: flex; flex-wrap: wrap;}
  .block-event-page .page-link-button a  { 
    width: 100%; padding: 15px 45px; border: #938675 2px solid; border-radius: 100px;
    text-align: center; text-decoration: none; line-height: 1.2; font-size: 18px; font-weight: bold; box-sizing: border-box;
    background: #fff url('../../common/img/ar_down.png') 96% center no-repeat; -webkit-background-size: 14px 14px; background-size: 14px 14px;
  }
  .block-event-page .page-link-button a span.small { margin-bottom: 5px; display: block; font-size: 16px; font-weight: bold; text-align: center;}
  
  #largebulb-dahlia #sec01 { margin-bottom: 40px;}
  #largebulb-dahlia #sec01 .page-link-button   { max-width: 440px;}
  #largebulb-dahlia #sec01 .page-link-button a { padding: 20px 45px;}  
  #largebulb-dahlia #sec02 { padding: 50px; margin-bottom: 80px; background: #f4efe9;}
  #largebulb-dahlia #sec02 .sec02_head { margin: 0 -30px 40px; display: flex; justify-content: space-between;}
  #largebulb-dahlia #sec02 .sec02_head .text { width: 425px; padding: 0 0 0 30px;}
  #largebulb-dahlia #sec02 .sec02_head .image { width: 400px;}
  #largebulb-dahlia #sec02 .sec02_head .top-text { margin: 30px 0 0 0; font-size: 16px; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_head .top-text strong { font-size: 20px; font-weight: bold; color: #871528;}
  #largebulb-dahlia #sec02 .sec02_contents { display: flex; justify-content: space-between;}
  #largebulb-dahlia #sec02 .sec02_contents .box { width: 390px; padding: 0 0 1px 0; border-radius: 10px; background: #fff; overflow: hidden;}
  #largebulb-dahlia #sec02 .sec02_contents .box .text { margin: 0 25px 20px; text-align: center; font-size: 16px; line-height: 1.6;}
  #largebulb-dahlia #sec02 .sec02_contents .normal .text.before    { padding-bottom: 30px; background: url("../img/normal_arrow.png") center bottom no-repeat; -webkit-background-size: 31px 18px; background-size: 31px 18px;}
  #largebulb-dahlia #sec02 .sec02_contents .largebulb .text.before { padding-bottom: 30px; background: url("../img/largebulb_arrow.png") center bottom no-repeat; -webkit-background-size: 31px 18px; background-size: 31px 18px; font-weight: bold; color: #851024;}
  #largebulb-dahlia #sec02 .sec02_contents .box .image { margin: 0 25px 20px; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_contents .normal h3 { padding: 15px 0; margin-bottom: 30px; line-height: 1.0; background: #b19167; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_contents .normal h3 img { width: 203px; vertical-align: top;}
  #largebulb-dahlia #sec02 .sec02_contents .largebulb h3 { padding: 15px 0; margin-bottom: 30px; line-height: 1.0; background: #851024; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_contents .largebulb h3 img { width: 180px; vertical-align: top;}
  
}

/*-----------------------------------------
 SP
-----------------------------------------*/
@media only screen and (max-width: 767px) {
	.pc_ {
		display: none !important;
	}
	.ab_list_bt_dw { margin: 0 10px 50px;}
	.ab_list_bt_dw li { width: 100%; margin-top: 10px; margin-right: 0;}
  .ab_list_bt_dw li a { padding: 10px 20px; letter-spacing: -1.5px; font-size: 16px; display: block;}
  .special-intro-text,
  .special-anchor-links {
    padding: 0 10px;
  }
  
  .bnr_list    { margin: 0 10px;}
  .bnr_list li { margin: 0 0 10px;}
  
  .block-event-page img { max-width: 100%; width: auto;}
  .block-event-page h2.title  { padding: 0; margin: 0; text-align: center; background: none;}
  .block-event-page h3        { padding: 0; margin: 0; background: none;}
  .block-event-page h3::after { display: none !important;}
  
  .block-event-page h1.mainvisual { padding: 0; margin: 0 10px 5vw; border: none;}
  .block-event-page .mainvisual img { max-width: 100%;}
  .block-event-page .mainvisual-bottom   { margin: 0 4vw;}
  .block-event-page .mainvisual-bottom p { margin: 0 0 5px 0; font-size: 16px;}
  
  .block-event-page .page-link-button    { max-width: 90%; margin: 20px auto; display: flex; flex-wrap: wrap;}
  .block-event-page .page-link-button a  { 
    width: 100%; padding: 10px 25px; border: #938675 2px solid; border-radius: 100px;
    text-align: center; text-decoration: none; line-height: 1.2; font-size: 16px; font-weight: bold; box-sizing: border-box;
    background: #fff url('../../common/img/ar_down.png') 96% center no-repeat; -webkit-background-size: 14px 14px; background-size: 14px 14px;
  }
  .block-event-page .page-link-button a span.small { margin-bottom: 5px; display: block; font-size: 14px; font-weight: bold; text-align: center;}
  
  #largebulb-dahlia #sec01 { margin-bottom: 30px;}
  #largebulb-dahlia #sec01 .page-link-button a  { padding: 15px 25px;}
  #largebulb-dahlia #sec02 { margin-bottom: 60px; padding: 30px 0 1px; background: #f4efe9;}
  #largebulb-dahlia #sec02 h2.title { width: 65%; margin: 0 auto; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_head .text  { padding: 0 20px; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_head .image { padding: 0 20px 20px; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_head .top-text { margin: 25px 0 15px; font-size: 16px; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_head .top-text strong { font-size: 20px; font-weight: bold; color: #871528;}
  #largebulb-dahlia #sec02 .sec02_contents .box { padding: 0 0 1px 0; margin: 0 15px 20px; border-radius: 10px; background: #fff; overflow: hidden;}
  #largebulb-dahlia #sec02 .sec02_contents .box .text { margin: 0 20px 20px; text-align: center; font-size: 16px; line-height: 1.6;}
  #largebulb-dahlia #sec02 .sec02_contents .normal .text.before    { padding-bottom: 30px; background: url("../img/normal_arrow.png") center bottom no-repeat; -webkit-background-size: 31px 18px; background-size: 31px 18px;}
  #largebulb-dahlia #sec02 .sec02_contents .largebulb .text.before { padding-bottom: 30px; background: url("../img/largebulb_arrow.png") center bottom no-repeat; -webkit-background-size: 31px 18px; background-size: 31px 18px; font-weight: bold; color: #851024;}
  #largebulb-dahlia #sec02 .sec02_contents .box .image { margin: 0 20px 20px; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_contents .normal h3 { padding: 15px 0; margin-bottom: 30px; line-height: 1.0; background: #b19167; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_contents .normal h3 img { width: 203px; vertical-align: top;}
  #largebulb-dahlia #sec02 .sec02_contents .largebulb h3 { padding: 15px 0; margin-bottom: 30px; line-height: 1.0; background: #851024; text-align: center;}
  #largebulb-dahlia #sec02 .sec02_contents .largebulb h3 img { width: 180px; vertical-align: top;}
    
}