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

event/detail/archives/

--------------------------------------*/

/*--------------------------------------
パンくずリスト
--------------------------------------*/
.breadcrumb{
	width:1080px;
	margin: 20px auto;
	font-size:14px;
}
.breadcrumb li{
	display:inline-block;
	position: relative;
	vertical-align:bottom;
}
.breadcrumb li:after{
	content:'>';
	position: relative;
	margin-left:10px;
	margin-right:10px;
}
.breadcrumb li:last-child:after{
	content:'';
}

/*--------------------------------------
見出し(イベント情報)
--------------------------------------*/
.headline_wrap{
	margin-top:30px;
	background-color:#4CD8E5;
	height:80px;
}
.headline_wrap h2{
	width:1080px;
	margin:0 auto 0 auto;
	padding-top:13px;
}

/*--------------------------------------
全体の枠
--------------------------------------*/
.fair_wrap{
	width: 100%;
	margin: 0 auto;
}

#fair-in{
	width: 1120px;
	margin: 0 auto;
}

/*--------------------------------------
アイキャッチ
--------------------------------------*/
.post_thumbnail{
	width: 100%;
    height: 430px;
	background:url("../img2/single/thumbnail-back2.jpg") no-repeat 0px 0px/cover;
	text-align: center;
}

.post_thumbnail .thumbnail-in{
  	width: 1120px;
    height: 242px;
    background:url("../img2/single/thumbnail-back.jpg") no-repeat 0px 0px / 100% 100%;
  	margin: 0 auto;
    padding-top: 38px;
}

.fair_wrap .post_thumbnail figure{
    display: block;
}

.fair_wrap .post_thumbnail img{
    margin-top: 60px;
}


/*--------------------------------------
スケジュール
--------------------------------------*/
.schedule-wrap{
	width: 860px;
	margin: 0 auto 0 auto;
	padding: 37px 0;
}

.schedule-in{
    display: flex;
    justify-content: space-between;
	margin: 0 auto;
}

.schedule-wrap .schedule-date{
	width: 530px;
    display: flex;
    justify-content: flex-start;
    line-height: 35px;
    text-align: left;
}

.schedule-date:first-of-type{
    margin-bottom: 20px;
}

.schedule-date strong{
	width: 74px;
    height: 23px;
    background: #F8ACA5;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    margin-right: 10px;
    padding: 0.5px 0;
}

.schedule-date br{
    display: none;
}

.schedule-date p{
    display: inline;
    line-height: 30px;
}

.access-link-btn{
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: url("../img2/single/chevron-down.svg") no-repeat 90% 50%/ 18px 18px #fff;
    border: 1px solid #EC6A92;
    border-radius: 100px;
    color: #EC6A92;
    font-weight: bold;
    text-align: left;
    text-indent: 20px;
    transition: all 0.3s ease-out;
    margin-top: 30px;
}

.access-link-btn:hover{
    background: url("../img2/single/chevron-down-hover.svg") no-repeat 90% 50%/ 18px 18px #EC6A92;
    color: #fff;
}


/*--------------------------------------
エントリーボタン
--------------------------------------*/
.btn-area{
	width: 100%;
	background-color: #FEF5DA;
	margin: 0 auto;
	padding: 40px 0;
}

.btn-area2{
	width: 100%;
	background-color: #FEF5DA;
	margin: 0 auto;
	padding: 40px 0;
}

.btn-area .btn-area-in,
.btn-area2 .btn-area-in
{
	width: 720px;
	margin: 30px auto 30px auto;
    position: relative;
}

.btn-area-in .fin-txt{
	line-height: 25px;
    text-align: left !important;
}

.btn-area-in .entry-txt{
	line-height: 25px;
}

.btn-area .btn-area-in .btn-list,
.btn-area2 .btn-area-in .btn-list{
	display: flex;
	flex-wrap: wrap;
}

/*参加する*/
.btn-area-in .entry-btn{
	width: 346px;
	height: 60px;
    line-height: 60px;
	background: linear-gradient(270deg, #EC6A92 0%, #F0848E 25%, #F39F89 51%, #EC6A92 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 1px;
    text-align: center;
    transition: all 0.3s ease-out;
    position: relative;
}

.btn-area-in .entry-btn:hover{
    color: #fff;
    background-position: 99% 50%;
}

.btn-area-in .entry-btn img{
    display: block;
    right: 5%;
    top: 30%;
    position: absolute;
}

/* 参加園 */
.entry-btn2{
	width: 346px;
	height: 60px;
	background: url("../img2/single/chevron-right3.svg") no-repeat 90% 50%/ 22px 22px #3ADCAB;
    border: 1px solid #3ADCAB;
  	border-radius: 5px;
  	color: #fff;
  	display:block;
  	font-size: 16px;
	font-weight: 900;
  	text-align: center;
  	text-decoration: none;
  	letter-spacing: 0.1em;
  	line-height: 60px;
  	margin:0 auto;
    transition: all 0.3s ease-out;
}

.entry-btn2:hover{
    background: url("../img2/single/chevron-right3.svg") no-repeat 90% 50%/ 22px 22px #3ADCAB;
    color: #fff;
}

.entry-btn img{
    display: block;
    left: 85%;
    top: 30%;
    position: absolute;
}

/*--------------------------------------
会場マップ
--------------------------------------*/
.venuemap {
	width: 100%;
    background-color: #FFF9F4;
    margin: 0 auto;
    padding: 1px 0 60px 0;
}

.venuemap strong{
	width: 1120px;
	margin: 60px auto;
	color: #EC6A92; 
	font-size: 33px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 48px;
	position: relative;
}

.venuemap .venuemap-img{
	width: 50%;
	display: block;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.venuemap img{
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.venuemap-img span{
	position: absolute;
	top: 20px;
	right: 20px;
}

/*--------------------------------------
フェアについて
--------------------------------------*/
#about-fair{
	width: 1120px;
	padding: 60px 0 0 0;
	margin: 0 auto;
	position: relative;
}

#about-fair h1{
	width: 1120px;
	margin: 60px auto;
	color: #EC6A92; 
	font-size: 33px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 48px;
	position: relative;
}

#about-fair .plans{
	width: 133px;
	height: 133px;
	background-image:url(../img/plans.svg);
	background-size: contain;
	position: absolute;
	right: 0px;
	top: -20px;
}

.plans span{
	font-size: 30px;
	font-family: 'Lato', sans-serif;
	text-align: center;
	position: absolute;
	top: 54px;
	right: 41px;
}

#about-fair .contents-txt{
	width: 640px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	margin: 0 auto;
}

.contents-txt p{
	color: #8B572A;
	margin-bottom: 20px;
}

.contents-txt a{
	color: #0386e6;
	text-decoration: underline;
}

/*延期の時の園一覧ボタン*/
.partici-btn{
	width: 700px;
	height: 60px;
	line-height: 60px;
	background-color: #28d38a;
	background-image:url("../img/chevron-on.svg");
	background-size: 20px 27px;
	background-repeat: no-repeat;
	background-position: 97% 50%;
	border-radius: 5px;
	display: block;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	text-decoration: none !important;
	margin: 0 auto;
}

.partici-btn span{
	font-size: 14px;
}

/*--------------------------------------
フェアギャラリー
--------------------------------------*/
.event-gallery{
    margin: 120px 0;
}

/* カルーセル設定 */
.event-gallery article{
    margin: 0 20px;
}

.event-gallery article img {
    width: 100%;
    height: 294px !important;
    object-fit: cover;
}

.event-gallery article{
    width: 418px;
    height: 294px;
}

/*--------------------------------------
Youtubeエリア
--------------------------------------*/
#movie-wrap{
    width: 100%;
    background: #FFF9F4;
    margin: 0 auto 50px auto;
    padding: 100px 0;
}

.movie-in{
    width: 862px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.movie-txtarea{
    width: 308px;
    background: url("../img2/movie-img.png") 50% 100% / 50% 50% no-repeat;
}

.movie-txtarea strong{
	color: #EC6A92;
    display: block;
    font-size: 30px;
    font-weight: bold;
	margin: 0 0 20px 0;
}

.movie-txtarea p{
    color: #8B572A;
    font-size: 20px;
    line-height: 30px;
}

/*--------------------------------------
イベント情報
--------------------------------------*/
#event-wrap{
	width: 100%;
	margin:0 -200%;
  	padding: 60px 200%;
	background-color: #fff;
}

#event-wrap .event-in{
	width: 1120px;
	margin: 0 auto;
}

.event-in h2{
	width: 1120px;
	margin: 0 auto 60px auto;
	color: #EC6A92; 
	font-size: 36px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 48px;
	position: relative;
}

.event_contents{
	width: 1120px;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

.event_contents:before{
	content: "";
    display: block;
    width: 250px;
	height: 0;
	margin-bottom: 60px;
	order: 1;
}
.event_contents:after{
	content: "";
    display: block;
    width: 250px;
	height: 0;
	margin-bottom: 60px;
}

.event-in .event-features{
	width: 250px;
	height: 320px;
	margin-bottom: 60px;
}

.event-features figure{
    width: 250px;
    height: 176px;
    display: block;
    margin-bottom: 20px;
}

.event-features figure img{
    width: 100%;
    display: block;
    object-fit: cover;
}

.event-features strong{
    color: #EC6A92;
    display: block;
    font-weight: bold;
    margin-bottom: 30px;
}

.event-features .features-text{
     color: #8B572A;
     font-size: 14px;
     line-height: 25px;
}

/*-------------------
園が答えるQ&A
-------------------*/
#qanda-wrap{
	width: 100%;
	margin: 0 -200%;
  	padding: 120px 200% 120px 200%;
	background-color: #FEF5DA;
	text-align: center;
}

.qanda-in{
    width: 1120px;
    margin: 0 auto;
}

.qanda-in h2{
    width: 1120px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.qanda-in h2 img{
    width: 100%;
    display: block;
    margin: 0 auto 60px auto;
    text-align: center;
}

.qanda-content-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qanda-in .qanda-txt{
    color: #8B572A;
    text-align: center;
    padding-bottom: 60px;
}

/*共通*/
.qanda-in .qanda-box{
    margin-bottom: 60px;
}

.qanda-in .qanda-box .qanda-box-in{  
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
}

.qanda-in .qanda-box strong{
    color: #8B572A;
    display: block;
    font-weight: bold;
    font-size: 24px;
    padding-left: 70px;
    position: relative;
    text-align: left;
    line-height: 64px;
    margin-bottom: 30px;
}

.qanda-in .qanda-box strong::after{
    width: 64px;
    height: 64px;
    line-height: 64px;
    background: #EC6C92;
    border-radius: 64px;
    color: #fff;
    content: 'Q';
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.qanda-box:nth-of-type(4) strong,
.qanda-box:nth-of-type(6) strong,
.qanda-box:nth-of-type(7) strong,
.qanda-box:nth-of-type(8) strong
{
    line-height: 30px;
}

.space{
    display: block;
    padding-bottom: 30px;
}

/*Q1とQ10*/
.qanda-box-long{
    width: 1120px;
}

.qanda-box-long .qanda-box-in figure{
    width: 270px;
    height: 175px;
    display: block;
}

.qanda-box-long .qanda-box-in figure img{
    width: 100%;
    display: block;
    object-fit: cover;
}

.qanda-box-long .qanda-box-in figure:nth-of-type(2){
    margin-right: 20px;
}

.qanda-box-long .qanda-box-in p{
    width: 458px;
    color: #8B572A;
    text-align: left;
    line-height: 30px;
    margin: 15px 0 0 20px;
}

.qanda-box-long:last-of-type .qanda-box-in p{
    width: 758px;
}

/*Q2〜Q9*/
.qanda-box-short{
    width: 530px;
}

.qanda-box-short:first-of-type .qanda-box-in,
.qanda-box-short:nth-of-type(2) .qanda-box-in{
    height: 212px;
}

.qanda-box-short:nth-of-type(3) .qanda-box-in,
.qanda-box-short:nth-of-type(4) .qanda-box-in{
    height: 200px;
}

.qanda-box-short:nth-of-type(n+5) .qanda-box-in{
    height: 262px;
}

.qanda-box-short .qanda-box-in p{
    width: 213px;
    color: #8B572A;
    line-height: 30px;
    text-align: left;
    margin-left: 20px;
}

.qanda-box-short .qanda-box-in figure{
    width: 210px;
    height: 166px;
    display: block;
    margin-right: 20px;
}

.qanda-box-short .qanda-box-in figure img{
    width: 100%;
    display: block;
    object-fit: cover;
}

.qanda-box:nth-of-type(3) figure{
    width: 170px;
    height: 193px;
}

.qanda-box:nth-of-type(4) figure{
    width: 120px;
    height: 193px;
}


/*-------------------
アクセス・イベント情報
-------------------*/
#access-wrap{
	width: 100%;
	margin:0 -200%;
  	padding: 0px 200% 30px 200%;
	background-color: #fff;
	text-align: center;
}

/*詳細情報*/
.access-in{
	width: 1120px;
	margin: 0 auto 30px auto;
}

.access-in h3{
	width: 1120px;
	margin: 0 auto 60px auto;
	color: #EC6A92; 
	font-size: 36px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 48px;
	position: relative;
}

/*マップ*/
#access-wrap iframe{
	text-align: center;
	margin: 0 auto 40px auto;
}

#access-wrap .fair-detail{
	width: 860px;
    border: 5px solid #EC6A92;
	margin: 0 auto;
	padding: 30px 0;
}

#access-wrap .fair-detail-list{
	width: 800px;
	background-color: #fff;
	margin: 0 auto;
	padding: 20px 0;
}

.fair-detail-list strong{
	color: #EC6A92;
	font-size: 20px;
	font-weight: bold;
}

.access-in dl{
	width: 760px;
	background-color: #fff;
	margin: 0 auto;
}

.access-in dl{
	width: 680px;
	font-size: 14px;
	margin: 0 auto;
}

.access-in dl dt{
	width: 200px;
    color: #EC6A92;
	font-weight: 900;
	float:left;
	padding: 10px 0;
	text-align: left;
}

.access-in dl dd{
	width: 480px;
	float:left;
	line-height: 20px;
	padding: 10px 0;
	text-align: left;
}

/*--------------------------------------
レポート
--------------------------------------*/
#report-wrap{
	width:1120px;
	background: linear-gradient(270deg, #EC6A92 0%, #F0848E 25%, #F39F89 51%, #EC6A92 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
  	margin:210px auto;
	padding: 60px 0;
	position: relative;
}

#report-wrap::before{
	width:1120px;
	height: 160px;
	background-image:url(../img2/single/report-img01.png);
	background-size: contain;
	background-repeat:no-repeat;
	content: "";
	position: absolute;
	top: -160px;
}

#report-wrap::after{
	width:1120px;
	height: 160px;
	background-image:url(../img2/single/report-img02.png);
	background-size: contain;
	background-repeat:no-repeat;
	content: "";
	position: absolute;
	bottom: -160px;
	left: 0;
}

#report-wrap h4{
	width: 430px;
	margin: 0 auto 60px auto;
	color:#fff; 
	font-size: 30px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;
}

#report-wrap p{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px 0;
}

#report-wrap a{
	width: 340px;
	height: 55px;
    background: url("../img2/single/chevron-right2.svg") no-repeat 90% 50%/ 22px 22px #fff;
	border: 1px solid #EC6A92;
	border-radius: 30px;
	display: block;
	color: #EC6A92;
	font-size: 18px;
	font-weight: bold;
	line-height: 55px;
	margin: 0 auto;
	text-align: center;
	position: relative;
    transition: all .15s ease-out;
}

#report-wrap a:hover{
	background: url("../img2/single/chevron-right2.svg") no-repeat 95% 50%/ 22px 22px #fff;
}

#report-wrap a img{
	position: absolute;
	top: 10px;
	left: 290px;
}