@charset "UTF-8";

/*-----------------------------------------
 COMMON
-----------------------------------------*/
.block-event-page { color: #443829;}
.block-event-page img { height: auto;}
.block-goods-detail-j--default-price.default-price { display: none;}

/*-----------------------------------------
 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.name         { padding: 0; margin: 0; background: none;}
  .block-event-page h3.name::after  { display: none !important;}
  .block-event-page h3.title        { padding: 0; margin: 0; text-align: center; background: none;}
  .block-event-page h3.title::after { display: none !important;}
  
  .block-event-page .mainvisual     { margin: 0 0 30px 0;}
  .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-links    { margin: 30px 0 0 0; display: flex; flex-wrap: wrap;}
  .block-event-page .page-links li { width: 49%; margin: 0 2% 20px 0;}
  .block-event-page .page-links li:nth-child(2n) { margin: 0 0 20px 0;}
  .block-event-page .page-links li a { 
    width: 100%; height: 60px; padding: 0 45px; border: #938675 2px solid; border-radius: 100px; display: flex; align-items: center;
    text-align: center; text-decoration: none; line-height: 1.2; font-size: 18px; box-sizing: border-box;
    background: url("../img/nav_arrow.png") 96% center no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px;
  }
  .block-event-page .page-links li a span { margin: 0 auto; font-size: 18px;}
  
  #event_sec01 { 
    max-width: 900px; margin: 0 auto; padding: 0 0 25px 0;
    background: url("../img/sec01_bg.jpg") top center repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto;
  }
  #event_sec02 { 
    max-width: 900px; margin: 0 auto; padding: 0 0 25px 0;
    background: url("../img/sec02_bg.jpg") top center repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto;
  }
  #event_sec03 { max-width: 900px; margin: 100px auto 0; text-align: center;}
  
  .block-event-page .sec-title-frame { padding: 65px 0 0 0; background: url("../img/ttl_bg.png") center -20px no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
  .block-event-page h3.title { margin: 0 0 20px 0;}
  .block-event-page .item-frame { width: 100%; padding: 0 36px; display: flex; justify-content: flex-start; position: relative; box-sizing: border-box;}
  .block-event-page .item-frame h3.name   { margin: 0 0 20px 0; position: relative; z-index: 2;}
  .block-event-page .item-frame h3.name img { height: 97px;}
  .block-event-page .item-frame#event_item06 h3.name img { height: 52px;}
  .block-event-page .item-frame .text     { line-height: 2.0; font-size: 16px; color: #000; position: relative; z-index: 2;}
  .block-event-page .item-frame .image    { position: absolute; z-index: 1;}
  .block-event-page .item-frame .icon     { position: absolute; z-index: 2;}
  .block-event-page .item-frame .design   { position: absolute; z-index: 2;}
  
  #event_item01 .box-frame { padding: 0 0 30px 0;}
  #event_item01 .text      { width: 345px;}
  #event_item01 .image     { top: 35px; right: -36px;}
  #event_item01 .item      { width: 526px;}
  #event_item01 .icon      { width: 134px; top:-55px; right: 0;}
  
  #event_item02            { justify-content: flex-end;}
  #event_item02 .box-frame { padding: 90px 0 35px 0;}
  #event_item02 .text      { width: 460px;}
  #event_item02 .image     { top: 35px; left: -15px;}
  #event_item02 .item      { width: 376px;}
  #event_item02 .icon      { width: 134px; top:210px; left: 250px;}
  #event_item02 .design    { top: 60px; right:  0px;}
  
  #event_item03 .box-frame { padding: 40px 0 35px 0;}
  #event_item03 .text      { width: 450px;}
  #event_item03 .image     { top: 20px; right: -15px;}
  #event_item03 .item      { width: 418px;}
  #event_item03 .icon      { width: 132px; top: 30px; left: -70px;}
  
  #event_item04            { padding: 40px 0 0 0;}
  
  #event_item05 .box-frame { padding: 50px 0 35px 0;}
  #event_item05 .text      { width: 425px;}
  #event_item05 .image     { top: 65px; right:-36px;}
  #event_item05 .item      { width: 436px;}
  #event_item05 .icon      { width: 134px; top:-55px; right: 50px;}
  
  #event_item06            { justify-content: flex-end;}
  #event_item06 .box-frame { padding: 90px 0 35px 0;}
  #event_item06 .name      { text-align: right !important;}
  #event_item06 .text      { width: 435px;}
  #event_item06 .image     { top: 80px; left: 0;}
  #event_item06 .item      { width: 398px;}
  #event_item06 .icon      { width: 154px; top:-25px; left: 320px;}
  
  #event_item07 .box-frame { padding: 50px 0 35px 0;}
  #event_item07 .text      { width: 430px;}
  #event_item07 .image     { top: 35px; right: -15px;}
  #event_item07 .item      { width: 435px;}
  #event_item07 .icon      { width: 151px; top:  0px; left: -90px;}
  
  #event_item08            { padding: 40px 0 0 0;}
  
  /* サムネイル表示 */
  .sec-item-design-frame .block-top-event--goods   { margin: 0 36px;}
  .sec-item-design-frame .block-thumbnail-t--goods { flex-basis: auto; width: 204px; padding: 20px; margin: 0 0 0 4px; background: #fff; box-sizing: border-box;}
  .sec-item-design-frame .block-thumbnail-t--goods:first-of-type { margin: 0;}
  .sec-item-design-frame .block-thumbnail-t--goods-image figure  { width: 164px; height: 164px;}
  .sec-item-design-frame .block-thumbnail-t--goods-name,
  .sec-item-design-frame .block-thumbnail-t--goods-name a { font-size: 16px;}
  .sec-item-design-frame .block-thumbnail-t--price-txt    { font-size: 12px;}
  .sec-item-design-frame .block-thumbnail-t--goods .price { font-size: 9px;}
    
  /* 詳細表示 */
  #event_sec01 .block-goods-list-d--item-details { background: #eed861;}
  #event_sec02 .block-goods-list-d--item-details { background: #f2cbcb;}
  .sec-item-design-frame .block-goods-list-d     { position: relative; z-index:10;}
  .sec-item-design-frame .block-goods-list-d li  { margin-bottom: 0; position: relative;}
  .sec-item-design-frame .block-goods-list-d li::before  { 
    content: ''; width: 100%; height: 4px; position: absolute; top: 0; left: 0; z-index:11; display: block;
    background: url("../img/line_top.png") center top no-repeat;
  }
  .sec-item-design-frame .block-goods-list-d li:last-child::after   { 
    content: ''; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; z-index:11; display: block;
    background: url("../img/line_top.png") center bottom no-repeat;
  }
  .sec-item-design-frame .block-goods-list-d--item-details-left { flex-basis: 240px; align-self: center;}
  .sec-item-design-frame .block-goods-list-d--item-details   { padding: 29px 35px; margin-top: 0 !important; border-top: none !important; border-bottom: none !important;}
  .sec-item-design-frame .block-goods-list-d--item-body      { width: 100% !important;}
  .sec-item-design-frame .block-goods-list-d--item-description { width: 100% !important;}
  .sec-item-design-frame .block-goods-list-d--image          { display: none !important;}
  .sec-item-design-frame .block-icon                         { display: none !important;}
  .sec-item-design-frame .block-goods-list-d--goods-name     { display: none !important;}
  .sec-item-design-frame .block-goods-list-d .variation-name { display: none !important;}
  .sec-item-design-frame .block-goods-list-d--item-details-left .variation-name { display: block !important;}
  .sec-item-design-frame .block-goods-list-d--comment        { display: none !important;}
  .sec-item-design-frame .block-goods-list-d--order-deadline { display: none !important;}
  
  /* Banner */
  .event-bottom-banners ul    { text-align: center;}
  .event-bottom-banners ul li { margin: 0 0 20px 0; text-align: center;}
  
  /**/
  .block-details-z--size-item {width: 200px;}
  .block-details-z--price-box{width: 180px}
}

/*-----------------------------------------
 SP
-----------------------------------------*/
@media only screen and (max-width: 767px) {
	.pc_ {
		display: none !important;
	}
  .special-intro-text, .special-anchor-links { padding: 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 h2.title img    { position: relative; top: -30px;}
  .block-event-page h3.name         { padding: 0; margin: 0; background: none;}
  .block-event-page h3.name::after  { display: none !important;}
  .block-event-page h3.title        { padding: 0; margin: 0; text-align: center; background: none;}
  .block-event-page h3.title img    { width: 50%;}
  .block-event-page h3.title::after { display: none !important;}
  .block-event-page h2.block-top-event--header { font-size: 16px;}
  
  .block-event-page .mainvisual     { margin: 0 10px 5vw;}
  .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-links    { margin: 30px 0 0 0;}
  .block-event-page .page-links li { width: 100%; margin: 0 0 10px 0;}
  .block-event-page .page-links li a { 
    width: 100%; height: 60px; padding: 0 45px; border: #938675 2px solid; border-radius: 100px; display: flex; align-items: center;
    text-align: center; text-decoration: none; line-height: 1.2; font-size: 18px; box-sizing: border-box;
    background: url("../img/nav_arrow.png") 96% center no-repeat; -webkit-background-size: 15px 15px; background-size: 15px 15px;
  }
  .block-event-page .page-links li a span { margin: 0 auto; font-size: 16px;}
  
  #event_sec01 { 
    padding: 0 0 25px 0;
    background: url("../img/sec01_bg.jpg") top center repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto;
  }
  #event_sec02 { 
    padding: 0 0 25px 0;
    background: url("../img/sec02_bg.jpg") top center repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto;
  }
  #event_sec03 { margin-top: 60px; text-align: center;}
  
  .block-event-page .sec-title-frame { padding: 65px 0 0 0; background: url("../img/ttl_bg.png") center top no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
  .block-event-page h3.title { margin: 0 0 20px 0;}
  .block-event-page .item-frame { width: 100%; padding: 0 4vw; position: relative; box-sizing: border-box;}
  .block-event-page .item-frame .box-frame  { padding: 40px 0 0 0; display: flex; flex-wrap: wrap; flex-direction: column;}
  .block-event-page .item-frame#event_item01 .box-frame  { padding: 20px 0 0 0;}
  .block-event-page .item-frame h3.name     { order: 2; margin: 0 0 20px 0;}
  .block-event-page .item-frame h3.name img { max-height: 82px;}
  .block-event-page .item-frame#event_item06 h3.name img { max-height: 42px;}
  .block-event-page .item-frame .text       { order: 3; margin: 0 0 20px 0; line-height: 1.6; text-align: justify; font-size: 16px; color: #000;}
  .block-event-page .item-frame .image      { order: 1; margin: 0 20px 20px; position: relative;}
  .block-event-page .item-frame .icon       { position: absolute; z-index: 2;}
  .block-event-page .item-frame .icon img   { max-width: 100%; width: auto;}
  .block-event-page .item-frame .design     { position: absolute; z-index: 2;}
  
  #event_item01 .icon   { width: 30%; top: -45px; right: 0;}
  #event_item02 .icon   { width: 30%; bottom: 35px; right: 4vw;}
  #event_item02 .design { width: 69px; top: 10px; right: 0;}
  #event_item03 .icon   { width: 30%; top: -10px; left: -5px;}
  #event_item04         { padding: 40px 0 0 0;}
  #event_item05 .icon   { width: 30%; top: -55px; right: 0;}
  #event_item06 .icon   { width: 30%; top: -25px; right: -25px;}
  #event_item06 .item   { margin: 0 0 0 -40px;}
  #event_item07 .icon   { width: 30%; top: -20px; left: -5px;}
  #event_item08         { padding: 40px 0 0 0;}
  
  /* サムネイル表示 */
  .sec-item-design-frame .block-thumbnail-t--items      { display: flex; flex-wrap: wrap; justify-content: space-between;}
  .sec-item-design-frame .block-thumbnail-t--items li a { height: 100%; padding: 10px; background: #fff; display: block; box-sizing: border-box;}
  .sec-item-design-frame .block-thumbnail-t--goods-image figure  { min-width: 122px; min-height: 122px; margin: 0 auto; border: none;}
  .sec-item-design-frame .block-thumbnail-t--goods-name,
  .sec-item-design-frame .block-thumbnail-t--goods-name a { font-size: 14px;}
  .sec-item-design-frame .block-thumbnail-t--price-txt    { font-size: 11px;}
  .sec-item-design-frame .block-thumbnail-t--price        { font-size: 10px;}
  
  /* カートありピックアップ表示 */
  #event_sec01 .block-goods-detail-j { background: #eed861;}
  #event_sec02 .block-goods-detail-j { background: #f2cbcb;}
  .sec-item-design-frame .block-goods-detail-j { margin: 0 4vw;}
  .sec-item-design-frame .block-goods-detail-j--items { border: none;}
  .sec-item-design-frame .block-goods-detail-j li { margin-bottom: 0; border: none; position: relative;}
  .sec-item-design-frame .block-goods-detail-j li::before  { 
    content: ''; width: 100%; height: 2px; position: absolute; top: 0; left: 0; z-index:11; display: block;
    background: url("../img/line_top.png") center top no-repeat; -webkit-background-size: 100% 2px; background-size: 100% 2px;
  }
  .sec-item-design-frame .block-goods-detail-j li:last-child::after   { 
    content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; z-index:11; display: block;
    background: url("../img/line_top.png") center bottom no-repeat; -webkit-background-size: 100% 2px; background-size: 100% 2px;
  }
  .sec-item-design-frame .block-goods-detail-j--goods-description .block-icon { display: none !important;}
  
  /* ピックアップ表示 */
  #event_sec01 .block-pickup-list-p--items { background: #eed861;}
  #event_sec02 .block-pickup-list-p--items { background: #f2cbcb;}
  .sec-item-design-frame .block-pickup-list-p--items { border-top: 0.27vw solid #443829;}
  .sec-item-design-frame ul.block-pickup-list-p--items li:first-child .block-pickup-list-p--item-details { border-top: none;}
  .sec-item-design-frame .block-pickup-list-p--items li a { padding-top: 0;}
  .sec-item-design-frame .block-pickup-list-p--goods-image,
  .sec-item-design-frame .block-pickup-list-p--goods-description { display: none !important;}
  
  /* Banner */
  .event-bottom-banners       { margin: 4vw;}
  .event-bottom-banners ul    { text-align: center;}
  .event-bottom-banners ul li { margin: 0 0 10px 0; text-align: center;}
  .event-bottom-banners ul li:last-child { margin: 0;}
}