@charset "utf-8";
/* event css */

.bg_imgbox {
background: url("../img/event/title_bg.jpg");
background-size: cover;
}
@media all and (max-width : 767px ){
.bg_imgbox {
background: url("../img/event/title_bg_sp.jpg") ;
background-size: cover;
}
}

.event_box {
width: 47.6%;
}
.event_content_box {
width: 100%;
padding-bottom: 25px;
border-bottom: dotted 1px #999;
margin-bottom: 25px;
}
.event_content_box:first-of-type {
padding-top: 25px;
border-top: solid 1px #D2D2D2;
}
.event_content_box a {
display: flex;
transition-duration: 0.7s;	
}
.event_content_box a:hover {
opacity: 0.8;
transition-duration: 0.7s;	
}
.event_thum {
width: 25%;
height: auto;
aspect-ratio: 3 / 2;
margin: 0 20px;
overflow: hidden;
}
.event_thum img {
width: 100%;
transition-duration: 0.7s;	
}
.event_thum img:hover {
transform: scale(1.05);	
transition-duration: 0.7s;	
opacity: 0.8;
}
.event_outlinebox {
width: 70%;
}
.page_event .event_outlinebox .event_title {
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 700;
font-size: 1.6rem;
letter-spacing: 0.2em;
margin-bottom: 10px;
}
.page_event .event_outlinebox .event_list {
display: flex;
margin-bottom: 10px;
font-size: 1.3rem;
}
.page_event .event_outlinebox .event_list dt {
white-space: nowrap;
}
.page_event .event_outlinebox .event_list .date {
font-family: "barlow-condensed", sans-serif;
font-weight: 400;
font-size: 1.4rem;
}
.event_box_wrap {
display: flex;
justify-content: space-between;
}

@media all and (max-width : 1024px ){
.event_thum {
margin: 0 15px 0 10px;;
}
.page_event .event_outlinebox .event_title {
font-size: 1.4rem;
letter-spacing: 0.15em;
margin-bottom: 5px;
}
.page_event .event_outlinebox .event_list {
margin-bottom: 3px;
font-size: 1.2rem;
}
}

@media all and (max-width : 820px ){
.event_box_wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.event_box {
width: 100%;
}
.event_thum {
margin: 0 20px;
}
.page_event .event_outlinebox .event_title {
font-size: 1.5rem;
letter-spacing: 0.2em;
margin-bottom: 10px;
}
.page_event .event_outlinebox .event_list {
margin-bottom: 10px;
font-size: 1.3rem;
}
.ako_box {
margin-top: 50px;
}
}

@media all and (max-width : 767px ){
.event_thum {
margin: 0 15px 0 10px;
}
.page_event .event_outlinebox .event_title {
font-size: 1.3rem;
letter-spacing: 0.1em;
margin-bottom: 8px;
line-height: 100%;
padding: 0;
}
.page_event .event_outlinebox .event_list {
margin-bottom: 0px;
font-size: 1.1rem;
}
.event_content_box {
padding-bottom: 15px;
margin-bottom: 15px;
}
.event_content_box:first-of-type {
padding-top: 15px;
}
.ako_box {
margin-top: 30px;
}
}


/* イベント詳細ページ
-------------------------------------------------- */

.page_event_dtl .category {
font-size: 1.1rem;
padding: 4px 15px 5px ;
border: solid 1px #999;
color: #999;
text-align: center;
display: inline-block;
line-height: 100%;
white-space: nowrap;
margin-bottom: 10px;
}
.page_event_dtl .color01 {
border: solid 1px #8E7742;
color: #8E7742;
}
.page_event_dtl .color02 {
border: solid 1px #C14911;
color: #C14911;
}
.page_event_dtl .color03 {
border: solid 1px #28352C;
color: #28352C;
}
.page_event_dtl .event_dtl_title {
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 300;
font-size: 2.2rem;
line-height: 100%;
padding-bottom: 18px;
border-bottom: solid 1px #ddd;
margin-bottom: 30px;
letter-spacing: 0.2em
}

@media all and (max-width : 820px ){
.page_event_dtl .event_dtl_title {
font-size: 2.0rem;
margin-bottom: 25px;
letter-spacing: 0.1em
}
}

@media all and (max-width : 767px ){
.page_event_dtl .category  {
font-size: 1.0rem;
padding: 3px 10px 4px ;
}
.page_event_dtl .event_dtl_title {
font-size: 1.6rem;
margin-bottom: 20px;
}
}

.event_head_box {
background-color: #FAFAFA;
border: solid 3px #C6C1AB;
padding: 15px 50px 40px;
margin-bottom: 40px;
}
.event_outline {
font-size: 1.5rem;
padding: 15px 20px 15px 10px;
border-bottom: dotted 1px #ccc;
display: flex;
flex-wrap: wrap;
}
.event_outline dt {
padding-left: 35px;
}
.event_date {
background-image:url("../img/event/icon_calender.svg");
background-repeat: no-repeat;
background-position: left center;
}
.event_place {
background-image:url("../img/event/icon_map.svg");
background-repeat: no-repeat;
background-position: left center;
}
.event_time {
background-image:url("../img/event/icon_time.svg");
background-repeat: no-repeat;
background-position: left center;
}
.event_outline dd {
margin-left: 10px;
}

@media all and (max-width : 767px ){
.event_title {
font-size: 1.6rem;
letter-spacing: 0.1em;
padding: 10px 20px 10px 5px;
margin-bottom: 15px;
}
.detail_area_icon {
max-width: 100px;
padding: 5px 0px;
margin-bottom: 20px;
letter-spacing: 0.1em;
font-size: 1.0rem;
}
.event_head_box {
background-color: #FAFAFA;
border: solid 3px #C6C1AB;
padding: 10px 20px 15px;
margin-bottom: 20px;
}
.event_outline {
font-size: 1.3rem;
padding: 15px 10px 15px 10px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.event_outline:last-child {
border-bottom: none;
}
.event_outline dt {
padding-left: 30px;
margin-bottom: 10px;
}

.event_outline dd {
margin-left: 0px;
}
}


.event_main_img img {
margin-bottom: 30px;
}
.event_caption {
font-size: 1.4rem;
line-height: 200%;
margin-bottom: 50px;
}
.event_sec_jp_title {
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 300;
font-size: 2.0rem;
line-height: 100%;
margin-right: 10px;
}

.event_sec_titlebox {
display: flex;
align-items: flex-end;
padding-left: 5px;
padding-bottom: 15px;
border-bottom: dotted 1px #ccc;
margin-bottom: 30px;
}
.wysiwyg_box {
margin-bottom: 80px;
}
.wysiwyg_box p {
font-size: 1.4rem;
line-height: 200%;
margin-bottom: 20px;
}
.wysiwyg_box img {
margin-bottom: 15px;
}

@media all and (max-width : 767px ){
.event_main_img img {
margin-bottom: 20px;
}
.event_caption {
font-size: 1.2rem;
line-height: 180%;
margin-bottom: 30px;
}
.event_sec_jp_title {
font-size: 1.6rem;
}

.event_sec_titlebox {
padding-bottom: 10px;
margin-bottom: 20px;
}
.wysiwyg_box {
margin-bottom: 50px;
}
.wysiwyg_box p {
font-size: 1.2rem;
line-height: 180%;
margin-bottom: 15px;
}
.wysiwyg_box img {
margin-bottom: 10px;
}
.event_outline dt {
padding-left: 22px;
}
.event_date,
.event_place,
.event_time {
background-size: 5%;
}
}