@charset "utf-8";
/* CSS Document */

/* ==========シングルPC========== */
#main_contents .event_page_arc { width:100%; text-align:center; background:#fff; padding:2vw 0; }
#main_contents .event_page_arc .inner { width:100%; max-width:1040px; text-align:left; margin:0 auto; }
#main_contents .event_page_arc h2 {text-align:left; }
#main_contents .event_page_arc .inner .one_box { width:96%; display:block; margin:0 0 2% 0; text-align:left; border:1px solid #ddd; padding:2%;}
#main_contents .event_page_arc .inner .one_box .pict { width:28%; display:inline-block; margin-right:3%; }
#main_contents .event_page_arc .inner .one_box .pict img { display:block; margin-bottom:1vw;}
#main_contents .event_page_arc .inner .one_box .jyoho { width:65%; display:inline-block; vertical-align:top;}
#main_contents .event_page_arc .inner .one_box .jyoho ul li.event_title { font-weight:bold; padding:0.5vw 0; line-height:calc( 18px + 0.4vw ); border-bottom:1px dotted #333;}
#main_contents .event_page_arc .inner .one_box .jyoho ul li.event_data { font-weight:bold; padding:0.5vw 0; line-height:calc( 18px + 0.4vw ); border-bottom:1px dotted #333;}
#main_contents .event_page_arc .inner .one_box .jyoho ul li.event_gairyaku { padding:0.5vw 0; line-height:calc( 18px + 0.4vw );}

#main_contents .event_page_arc .inner .one_box div.more_btn_box { background:#efefef; text-align:right; padding:1vw 1.4vw 1vw 0; }
#main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:0.5vw 0; width:30%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; float:right; }
#main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}
#main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn2 { border:1px solid #fa2d00; background:#fa2d00; padding:0.5vw 0; width:30%; color:#fff; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; float:right; }
#main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn2:hover { border:1px solid #fa2d00; background:#fff; color:#fa2d00;}

#main_contents #event_single { width:100%; max-width:1040px; margin:0 auto 5% auto; }
#main_contents #event_single h3 img { width:30%; height:auto; margin-bottom:2%; margin-left:5%; }
#main_contents #event_single h1.single_tit { padding:1.2%; width:97.6%; background:#ccc; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; font-size:calc(16px + 0.2vw); margin:0 0 1vw 0;}
#main_contents #event_single ul.gaiyo { margin-bottom:3%;}
#main_contents #event_single ul.gaiyo li { border-bottom:1px dotted #333; padding:2% 0 2% 2%; }
#main_contents #event_single ul.gaiyo li span { font-weight:bold; }
#main_contents #event_single ul.gaiyo li i { font-size:calc(14px + 0.4vw); margin-right:2%;}
#main_contents #event_single ul.gaiyo li .map_more_btn { display:inline-block; width:10%; margin-left:1%;}
#main_contents #event_single ul.gaiyo li .map_more_btn a { border:1px solid #fa2d00; padding:0.5vw 0; /*width:10%;*/ color:#fa2d00; font-weight:bold; text-align:center; text-decoration:none; display:block; background:#FFF; margin-top:-0.4vw; }
#main_contents #event_single ul.gaiyo li .map_more_btn a:hover { background:#fa2d00; color:#FFF;}
#main_contents #event_single div.icon { text-align:center; margin-bottom:3%;}
#main_contents #event_single ul.icon_status { margin-right: 2%; width: 100%; max-width: 520px; margin: 10px auto; }
#main_contents #event_single ul.icon_tenji { display: table-cell; width:50%; min-width:520px;}
#main_contents #event_single ul.icon_status li { display:inline-block; margin-right:1%;  }
#main_contents #event_single ul.icon_tenji li { display:inline-block; margin-right:1%;  }
#main_contents #event_single .pic_area .main_pic { width:100%; max-width:1040px; margin:0 auto; text-align:center; }
#main_contents #event_single .pic_area .main_pic img { width:100%; height:auto; margin-bottom:2%;}
#main_contents #event_single .pic_area .main_alt { text-align:left;line-height:calc( 22px + 0.4vw ); }
#main_contents #event_single .pic_area .sub_pic { width:32%; margin:0 1% 2% 7%; text-align:center; float:left; }
#main_contents #event_single .pic_area .sub_pic p.alt { text-align:left;line-height:calc( 22px + 0.4vw );}
#main_contents #event_single .pic_area .sub_pic img { width:100%; height:auto; margin-bottom:2%;}

#main_contents #event_single .summary { padding:1.2%; width:97.6%; border:2px solid #ccc; background:#fff; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; margin:0 0 2vw 0;}
#main_contents #event_single .summary h2 { padding:1.2%; width:97.6%; background:#eee; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; font-size:calc(16px + 0.2vw); margin:0 0 1vw 0;}
#main_contents #event_single .summary p { font-size:calc(12px + 0.2vw); line-height:calc(22px + 0.2vw);}

#main_contents #event_single .report { padding:1.2%; width:97.6%; border:2px solid #ccc; background:#eee; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; margin:0 0 2vw 0;}
#main_contents #event_single .report h4 { padding:0 0 0.3% 0; width:100%; background:#eee; color:#333; border-bottom:3px solid #999; font-size:calc(16px + 0.2vw); margin:0 0 1vw 0;}
#main_contents #event_single .report p { font-size:calc(12px + 0.2vw); line-height:calc(22px + 0.2vw);}
#main_contents #event_single .col-7{width:58.33333333%;float:left;}
#main_contents #event_single .col-5{width:38%;float:right;}
#main_contents #event_single .col-5 .text-center {font-size:80%; margin-bottom:0.5rem;}
#main_contents #event_single .p20{padding:20px;}
#main_contents #event_single .clear{clear: both;}
/* ==========シングルSP========== */
#sp_main_contents .event_page_arc { width:100%; text-align:center; background:#fff; padding:2vw 0; }
#sp_main_contents .event_page_arc .inner { width:100%; max-width:1040px; text-align:left; margin:0 auto; }
#sp_main_contents .event_page_arc h2 {text-align:left; }
#sp_main_contents .event_page_arc h2 img { width:60%; height:auto; }
#sp_main_contents .event_page_arc .inner .one_box { width:96%; display:block; margin:0 0 2% 0; text-align:left; border:1px solid #ddd; padding:2%;}
#sp_main_contents .event_page_arc .inner .one_box .pict { width:28%; display:inline-block; margin-right:3%; }
#sp_main_contents .event_page_arc .inner .one_box .pict img { display:block; margin-bottom:1vw;}
#sp_main_contents .event_page_arc .inner .one_box .jyoho { width:65%; display:inline-block; vertical-align:top;}
#sp_main_contents .event_page_arc .inner .one_box .jyoho ul li.event_title { font-weight:bold; padding:0.5vw 0; font-size:calc( 12px + 0.4vw );line-height:calc( 18px + 0.4vw ); border-bottom:1px dotted #333;}
#sp_main_contents .event_page_arc .inner .one_box .jyoho ul li.event_data { font-weight:bold; padding:0.5vw 0;font-size:calc( 12px + 0.4vw ); line-height:calc( 18px + 0.4vw ); border-bottom:1px dotted #333;}
#sp_main_contents .event_page_arc .inner .one_box .jyoho ul li.event_gairyaku { padding:0.5vw 0;font-size:calc( 12px + 0.4vw ); line-height:calc( 18px + 0.4vw );}

#sp_main_contents .event_page_arc .inner .one_box div.more_btn_box { background:#efefef; text-align:right; padding:2vw 1.8vw 2vw 0; }
#sp_main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn { border:1px solid #fa2d00; padding:1.8vw 0 1vw 0; width:40%; color:#fa2d00; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; background:#FFF; float:right; }
#sp_main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn i { display: inline-block; vertical-align:top;}
#sp_main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn:hover { background:#fa2d00; color:#FFF;}
#sp_main_contents .event_page_arc .inner .one_box div.more_btn_box a.more_btn2 { border:1px solid #fa2d00; background:#fa2d00; padding:1vw; color:#fff; font-weight:bold; font-style:italic; text-align:center; text-decoration:none; display:block; float:right; }

#sp_main_contents #event_single { width:96%; margin:0 auto 5% auto; }
#sp_main_contents #event_single h3 img { width:30%; height:auto; margin-bottom:2%; margin-left:5%; }
#sp_main_contents #event_single h3.single_tit { padding:1.2%; width:97.6%; background:#ccc; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; font-size:calc(16px + 0.2vw); margin:0 0 1vw 0;}
#sp_main_contents #event_single ul.gaiyo { margin-bottom:3%;}
#sp_main_contents #event_single ul.gaiyo li { border-bottom:1px dotted #333; padding:2% 0 2% 2%; line-height:calc( 22px + 0.4vw ); }
#sp_main_contents #event_single ul.gaiyo li span { font-weight:bold; }
#sp_main_contents #event_single ul.gaiyo li i { font-size:calc(14px + 0.4vw); margin-right:2%;}
#sp_main_contents #event_single ul.gaiyo li .map_more_btn { display:inline-block; width:100%;}
#sp_main_contents #event_single ul.gaiyo li .map_more_btn a { float:right;border:1px solid #fa2d00; padding:2vw 0; width:30%; color:#fa2d00; font-weight:bold; text-align:center; text-decoration:none; display:block; background:#FFF; margin-top:4vw; margin-left:2%; }
#sp_main_contents #event_single ul.gaiyo li .map_more_btn a:hover { background:#fa2d00; color:#FFF;}
#sp_main_contents #event_single div.icon { text-align:center; margin-bottom:3%;}
#sp_main_contents #event_single ul.icon_status { display:block;width:100%; margin-bottom:2%; }
#sp_main_contents #event_single ul.icon_tenji { display:block;width:100%; }
#sp_main_contents #event_single ul.icon_status li { display:inline-block; margin-right:1%; width:14%;  }
#sp_main_contents #event_single ul.icon_tenji li { display:inline-block; margin-right:1%;  width:14%; }
#sp_main_contents #event_single .pic_area .main_pic { width:100%; max-width:1040px; margin:0 auto; text-align:center; }
#sp_main_contents #event_single .pic_area .main_pic img { width:100%; height:auto; margin-bottom:2%;}
#sp_main_contents #event_single .pic_area .sub_pic p.alt { text-align:left; margin-bottom:3%; }
#sp_main_contents #event_single .pic_area .main_alt { text-align:center; margin-bottom:3%; }
#sp_main_contents #event_single .pic_area .sub_pic { width:32%; margin:0 1% 2% 0; text-align:center; float:left; }
#sp_main_contents #event_single .pic_area .sub_pic img { width:100%; height:auto; margin-bottom:2%;}

#sp_main_contents #event_single .summary { padding:1.2%; width:97.6%; border:2px solid #ccc; background:#fff; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; margin:0 0 4vw 0;}
#sp_main_contents #event_single .summary h4 { padding:1.2%; width:97.6%; background:#eee; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; font-size:calc(16px + 0.2vw); margin:0 0 1vw 0;}
#sp_main_contents #event_single .summary p { font-size:calc(14px + 0.2vw); line-height:calc(22px + 0.2vw);}

#sp_main_contents #event_single .report { padding:1.2%; width:97.6%; border:2px solid #ccc; background:#eee; color:#333; border-radius:0.4vw;-webkit-border-radius:0.4vw; -moz-border-radius:0.4vw; margin:0 0 6vw 0;}
#sp_main_contents #event_single .report h4 { padding:0 0 0.3% 0; width:100%; background:#eee; color:#333; border-bottom:3px solid #999; font-size:calc(16px + 0.2vw); margin:0 0 1vw 0;}
#sp_main_contents #event_single .report p { font-size:calc(14px + 0.2vw); line-height:calc(22px + 0.2vw);}


.single-event-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.single-event-wrap > .txt{
	width:58%;
}

.single-event-wrap > .img{
	width:38%;
}

.single-event-wrap > .img #preview{
	width: 100%;
	height: 256px;
}


.pswp--loaded img {
	margin-bottom:1rem;
	border:1px solid #ccc;
}


#main_contents .event_page_arc .inner .one_box .pict img{
	max-width:100%;
	width:100%;
	height:auto;
}

#main_contents #event_single > .main_title{
	background-image: url(../image_common/h_tag/h2_bg.png);
	background-repeat: repeat-x;
	background-position: center 100%;
	margin-bottom: 3%;
}

#sp_main_contents #event_single > .main_title{
	margin-bottom: 3%;
}

#main_contents .event_thumb{
	display:none;
}

#sp_main_contents .single_tit{
	margin-bottom: 3%;
}

#sp_main_contents .event_thumb{
	margin-bottom: 3%;
}

#sp_main_contents .event_thumb img{
	max-width:100%;
	width:100%;
	height:auto;
}