@font-face {
font-family: 'GenJyuuGothic';
src:
url('../fonts/GenJyuuGothic-Bold.ttf') format('truetype');
}
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&display=swap');

/* Firefox, Opera, Safari */
@font-face {
font-family: 'APJapanesefont';
src: url('../fonts/APJapanesefont.ttf') format(“truetype”),
url('../fonts/APJapanesefont.woff') format('woff');
}

/*** ブラウザクリア ***/
p{
display: block;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
/*** ブラウザクリア ***/

body {
font-family: Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
font-size: 16px;
line-height: 2;
font-weight: 400;
}
#event h2{
font-family: 'GenJyuuGothic';
}
img{
max-width: 100%;
}

/***********************
トップページ
***********************/
#Front{
width: 100%;
background: #fff;
}
/*** main ***/
#Front .main{
width: 100%;
}
/*** lead ***/
#Front .lead{
display: block;
margin: 0 auto;
width: 100%;
text-align: center;
margin: 0 auto 48px;
padding: 100px 0;
}
#Front .lead img{
display: block;
width: 100px;
margin: 0 auto 48px;
}
#Front .lead h2{
color: #0badad;
display: block;
width: 90%;
margin: 0 auto 48px;
font-size: 2.4rem;
}
#Front .lead p{
display: block;
width: 90%;
margin: 0 auto;
font-size: 1.3rem;
}
#Front .lead p span{
border-bottom: #0badad 6px solid;
}
#Front .calendar a.none{
pointer-events: none;
}

/*** calendar ***/
#Front .calendar{
width: 100%;
background: #AFDFE2;
border-top-left-radius: 80px 80px;
}
#Front .calendar .inner{
width: 90%;
max-width: 1100px;
margin: 0px auto;
padding: 80px 0;
}
#Front .calendar .inner h2{
display: flex;
justify-content: center;
align-items: center;
}
#Front .calendar .inner h2 img{
width: auto;
height: 80px;
}
#Front .calendar .inner h2::after{
content: "";
background: url(../image/deco_02.png) no-repeat;
background-size: contain;
width: 100px;
aspect-ratio: 2/1;
margin-left: 16px;
}

#Front .calendar .c_flex{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 80px;
}
#Front .calendar .c_flex .c_box{
width: 47%;
}
#Front .calendar .c_flex .c_box .event{
border: solid 4px #fff;
padding-bottom: 0px;
margin-bottom: 40px;
}
#Front .calendar .c_flex .c_box h3{
font-family: 'GenJyuuGothic';
background: rgba(255,255,255,.7);
padding: 32px 16px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#Front .calendar .c_flex .c_box h3 p{
font-size: 1.4rem;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#Front .calendar .c_flex .c_box h3 p::before{
content: "";
background: #ef9d93;
width: 16px;
aspect-ratio: 1/1;
border-radius: 50px;
display: inline-block;
margin-right: 8px;
}
/* #Front .calendar .c_flex .c_box h3 p::after{
content: "";
background: #000;
width: 1px;
height: 1.4rem;
margin:0 8px;
display: inline-block;
} */
#Front .calendar .c_flex .c_box h3 p.tours{
display: flex;
flex-wrap: wrap;
align-items: center;
}
#Front .calendar .c_flex .c_box .tours h3 span{
width: 100%;
font-size: .9rem;
text-align: center;
display: block;
margin-top: 8px;
line-height: 1.4;
}
#Front .calendar .c_flex .c_box h3 span{
font-size: .9rem;
}
#Front .calendar .c_flex .c_box h3 p.green::before{
content: "";
background: #9eba7b;
}
#Front .calendar .c_flex .c_box h3 p.yellow::before{
content: "";
background: #ebea58;
}
#Front .calendar .c_flex .c_box h3 p.yellow::after{
content: "";
display: none;
}
#Front .calendar .t_flex{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 24px;
}
#Front .calendar .t_flex p{
width: 100%;
text-align: center;
font-size: 1.1rem;
line-height: 1.4;
font-weight: 700;
margin-top: 8px;
}
#Front .calendar .t_flex span{
font-size: 1rem;
text-align: center;
display: block;
margin: 16px auto 0;
line-height: 1.4;
}
#Front .calendar .t_flex a{
width: 100%;
}
/*** 記事 ***/
#Front .calendar .c_flex .c_box .box p.year{
width: 90%;
font-size: .9rem;
font-weight: bold;
color: #fff;
border-bottom: solid 2px #fff;
padding-bottom: 8px;
margin: 16px auto 0;
}
#Front .calendar .c_flex .c_box .box .article article{
width: 90%;
margin: 24px auto 0;
border-bottom: dashed 2px #fff;
padding-bottom: 24px;
}
#Front .calendar .c_flex .c_box .box .article article:last-of-type{
border-bottom: none;
}
#Front .calendar .c_flex .c_box .box article p.day{
font-size: 1rem;
font-weight: 700;
margin-bottom: 8px;
}
#Front .calendar .c_flex .c_box .box article .b_flex{
display: flex;
justify-content: flex-start;
align-items: center;
}
#Front .calendar .c_flex .c_box .box article .b_flex .b_flex_in{
width: 35%;
}
#Front .calendar .c_flex .c_box .box article .b_flex .b_flex_in a{
display: block;
width: 100%;
}
#Front .calendar .c_flex .c_box .box article .b_flex .b_flex_in a:last-of-type{
margin-top: 4px;
}

#Front .calendar .c_flex .c_box .box article .b_flex a{
width: 35%;
border: solid 4px #ccc;
transition: .6s;
}
#Front .calendar .c_flex .c_box .box article .b_flex a:hover{
border: solid 4px #0BADAD;
transition: .6s;
}
#Front .calendar .c_flex .c_box .box article .b_flex a.no_link{
pointer-events: none;
}

#Front .calendar .c_flex .c_box .box article .b_flex p{
width: calc(65% - 24px);
margin-left: 24px;
font-size: 1.1rem;
line-height: 1.4;
font-weight: 700;
}
#Front .calendar .c_flex .c_box .box article a.e_link{
display: block;
background: #0BADAD;
border: solid #0BADAD 4px;
border-radius: 8px;
color: #fff;
padding: 6px;
margin-top: 16px;
box-sizing: border-box;
transition: .6s;
}
#Front .calendar .c_flex .c_box .box article a.e_link:hover{
transition: .6s;
background: #fff;
}
#Front .calendar .c_flex .c_box .box article a.e_link:hover p{
color: #0BADAD;
}
#Front .calendar .c_flex .c_box .box article a.e_link:hover p::after{
background-color: #0BADAD;
}
#Front .calendar .c_flex .c_box .box article a.e_link p{
display: flex;
justify-content: center;
align-items: center;
font-size:.9rem;
font-weight: bold;
}
#Front .calendar .c_flex .c_box .box article a.e_link p::before{
content: "イベント詳細";
}
#Front .calendar .c_flex .c_box .box article a.er p::before{
content: "イベントレポート";
}
#Front .calendar .c_flex .c_box .box article a.tours2 p::before{
content: "ツアーご案内 ＆ イベントレポート";
}
#Front .calendar .c_flex .c_box .box article a.e_link p::after{
content: "";
clip-path: polygon(0 0, 0 100%, 80% 50%);
background-color: #fff;
height: 10px;
width: 10px;
margin-left: 8px;
}
#Front .calendar .c_flex .c_box .box article a.e_link.cs{
background: #ccc;
border:none;
pointer-events: none;
}
#Front .calendar .c_flex .c_box .box article a.e_link.cs p::before{
content: "詳細は後日公開いたします";
}
#Front .calendar .c_flex .c_box .box article a.e_link.cs p::after{
content: "";
display: none;
}
#Front .calendar .c_flex .c_box .box img.bosyu{
width: 130px;
margin: 24px 0 0 16px;
}

/*** footer ***/
#Front .footer{
width: 100%;
height: 120px;
background: url(../image/footer.png)no-repeat;
background-size: cover;
background-position: center;
display: block;
}
/***********************
トップページ
***********************/

/***********************
イベント詳細ページ
***********************/
#Event{
width: 100%;
background: #AFDFE2;
}
#Event img.ttl{
width: 70%;
max-width: 600px;
margin: 24px 0;
}
#Event .event .inner{
width: 90%;
max-width: 1100px;
margin: 0 auto;
padding: 80px 0;
}

#Event .event{
width: 100%;
background: #fff;
border-top-left-radius: 80px 80px;
}
#Event .event img.icon{
display: block;
width: 100px;
margin: 0 auto 32px;
}
#Event .event h2{
color: #0badad;
display: block;
width: 90%;
margin: 0 auto 48px;
font-size: 2.4rem;
text-align: center;
}

#Event .event h3{
font-family: 'GenJyuuGothic';
background: rgba(255,255,255,.7);
padding: 32px 16px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
border-bottom: solid 2px #000;
}
#Event .event h3 p{
font-size: 2rem;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#Event .event h3 p::before{
content: "";
background: #ef9d93;
width: 20px;
aspect-ratio: 1/1;
border-radius: 50px;
display: inline-block;
margin-right: 16px;
}
/* #Event .event h3 p::after{
content: "";
background: #000;
width: 1px;
height: 2rem;
margin:0 16px;
display: inline-block;
} */
#Event .event h3 p.green::before{
content: "";
background: #9eba7b;
}
#Event .event h3 span{
font-size: 1rem;
}
#Event .event h3 p.green::before{
content: "";
background: #9eba7b;
}
#Event .event h3 p.yellow::before{
content: "";
background: #ebea58;
}
#Event .event h3 p.yellow::after{
content: "";
display: none;
}

#Event .event h3 p.yellow{
line-height: 1.4;
}
#Event .event h3 p.yellow span{
font-size: 1.2rem;
}
#Event .event h3 p.yellow span.p{
font-size: 2rem;
}

/*** detail ***/
#Event .event .detail{
width: 100%;
margin: 40px auto;
}
#Event .event .detail h4{
font-size: 2rem;
margin-bottom: 8px;
line-height: 1.3;
}
#Event .event .detail p.day{
font-size: 1rem;
font-weight: bold;
}

#Event .event .detail .d_flex{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin: 40px auto;
}
#Event .event .detail .d_flex .image{
width: 30%;
}
#Event .event .detail .d_flex .image a{
width: 100%;
border: solid 4px #ccc;
transition: .6s;
display: block;
margin-bottom: 16px;
}
#Event .event .detail .d_flex .image a:last-child{
margin-bottom: 0;
}
#Event .event .detail .d_flex .image a:hover{
border: solid 4px #0BADAD;
transition: .6s;
}
#Event .event .detail .d_flex .image a.no_link{
pointer-events: none;
}

#Event .event .detail .d_flex .image .guest{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#Event .event .detail .d_flex .image .guest p{
width: 48%;
margin-bottom: 24px;
}
#Event .event .detail .d_flex .image .guest span{
display: block;
line-height: 1.4;
text-align: center;
margin-top: 8px;
font-size: .9rem;
}

#Event .event .detail .d_flex .text{
width: 67%;
}
#Event .event .detail .d_flex .text h5{
background:#9EBA7B;
font-size: 1rem;
padding: 8px 24px;
display: inline-block;
color: #fff;
}
#Event .event .detail .d_flex .text h5:last-of-type{
margin-top: 40px;
}
#Event .event .detail .d_flex .text p{
margin-top: 16px;
line-height: 1.6;
font-size: 1.1rem;
text-align: justify;
}
#Event .event .detail .d_flex .text p.kotira{
font-size: 1rem;
margin-top: 40px;
}
#Event .event .detail .d_flex .text a{
color: #0BADAD;
margin-bottom: 24px;
display: block;
font-weight: bold;
}
#Event .event .detail .d_flex .text a.mb-none{
margin-bottom:0px;
}
#Event .event .detail .d_flex .text a.mini{
font-size: .9rem;
}
#Event .event .detail .d_flex .text a:hover{
color: #ef9d93;
transition: .6s;
}
#Event .event .detail .d_flex .text div.info{
width: 100%;
margin-top: 0px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
margin-bottom: 16px;
}
#Event .event .detail .d_flex .text div.info span.ttl{
width: 100px;
text-align: center;
border: solid 2px #0BADAD;
padding: 0 8px;
font-size: .9rem;
color: #0BADAD;
font-weight: bold;
margin: 0;
display: block;
flex-shrink: 0;
}
#Event .event .detail .d_flex .text div.info p.in{
width: auto;
margin-top: 0;
margin-left: 8px;
}
#Event .event .detail .d_flex .text div.info span.ex{
display: block;
}

#Event .event .detail .d_flex .text div.info span{
font-size: .9rem;
margin-left: 8px;
}
#Event .event .detail .d_flex .text p.bold{
font-size: 1.2rem;
font-weight: bold;
}

/*** ツアー ***/
#Event .event .detail.tours .d_flex .text div.info{
align-items: center;
}
#Event .event .detail.tours .d_flex .text div.info:first-of-type{
margin-top: 40px;
}
#Event .event .detail .d_flex .text div.info.sche{
flex-wrap: wrap;
}
#Event .event .detail .d_flex .text div.info.sche p{
margin-bottom: 40px;
font-size: .95rem;
text-align: justify;
}
#Event .event .detail .d_flex .text div.info.sche p.last{
margin-bottom: 16px;
font-size: .95rem;
}

#Event .event .detail.tours .d_flex .text div.info span.red{
font-size: 2rem;
font-weight: bold;
color: #eb7875;
margin-left: 0;
margin-right: 8px;
}
#Event .event .detail.tours div.in span.day{
display: block;
font-weight: bold;
font-size: .9rem;
background: #ebea58;
text-align: center;
margin: 16px 0 0 0;
padding: 4px 0;
}
#Event .event .detail.tours div.in a{
display: inline-block;
text-decoration: underline;
font-weight: normal;
margin: 0;
}
#Event .event .detail.tours a.jtb{
display: block;
margin: 80px auto 16px;
}
#Event .event .detail.tours a.jtb p{
width: 90%;
max-width: 800px;
background: #ebea58;
border-radius: 8px;
padding: 24px 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
transition: .6s;
font-size: 1.1rem;
font-weight: bold;
}
#Event .event .detail.tours a.jtb p::after{
content: "";
clip-path: polygon(0 0, 0 100%, 80% 50%);
background-color: #000;
height: 14px;
width: 14px;
margin-left: 16px;
}
#Event .event .detail.tours a.jtb p:hover{
background: #0BADAD;
color: #fff;
}
#Event .event .detail.tours a.jtb p:hover::after{
background: #fff;
}
#Event .event .detail.tours a.jtb.none{
pointer-events: none;
}
#Event .event .detail.tours a.jtb.none p{
background: #ccc;
}
#Event .event .detail.tours a.jtb.none p::after{
content:"";
display: none;
}
#Event .event .detail.tours p.ex{
text-align: center;
}


/*** bottom ***/
#Event a.btn{
display: block;
margin: 80px auto;
}
#Event a.btn p{
width: 90%;
max-width: 500px;
background: #0BADAD;
border:solid 4px #0BADAD;
border-radius: 8px;
padding: 10px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
transition: .6s;
}
#Event a.btn p img{
width: auto;
height: 35px;
display: block;
}
#Event a.btn p::before{
content: "";
clip-path: polygon(50% 50%, 100% 0, 100% 100%);
background-color: #fff;
height: 14px;
width: 14px;
margin-right: 16px;
}
#Event a.btn p:hover{
background: #fff;
transition: .6s;
}
#Event a.btn p:hover::before{
background-color: #0BADAD;
}

/*** footer ***/
#Event .footer{
width: 100%;
height: 120px;
background: url(../image/footer.png)no-repeat;
background-size: cover;
background-position: center;
display: block;
}
/***********************
イベント詳細ページ
***********************/

/***********************
イオン 詳細ページ
***********************/
#Event .ticketArea{
width: 100%;
border:solid 4px #ccc;
margin: 40px auto;
padding: 24px;
}
#Event .ticketArea p{
font-size:.95rem!important;
line-height: 2;
}
#Event .ticketArea img.place{
display: block;
width: 80%;
margin: 40px auto 0;
}
#Event .ticketArea ul{
list-style: none;
margin: 24px auto;
}
#Event .ticketArea ul li{
font-size: .95rem;
list-style: none;
text-indent: -1em;
padding-left: 1em;
}
#Event .event .pdf {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 40px auto 0;
}
#Event .event .pdf a {
width: 45%;
margin-right: 2%;
}
#Event .event .pdf p.ex {
font-size: .9rem!important;
display: block;
width: 100%;
margin-bottom: 8px;
}
/***********************
イオン 詳細ページ
***********************/

/***********************
イベントレポート (expo)
***********************/
#Event.report .er_inner{
width: 100%;
margin: 0 auto;
padding: 40px;
background: #ECF1E6;
}
#Event.report .er_inner .ttl{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#Event.report .er_inner .ttl img{
width: 200px;
}
#Event.report .er_inner .ttl div{
width: calc(100% - 240px);
}
#Event.report .er_inner .ttl div h3{
background: none;
font-size: 2rem;
padding: 0 0 8px 0;
border-bottom: solid 8px #0BADAD;
margin-bottom: 16px;
}
#Event.report .er_inner .ttl div p{
font-size: 1.1rem;
}
#Event.report .er_inner .contents{
width: 100%;
}
#Event.report .er_inner .contents .image{
width: 100%;
margin: 40px auto;
}
#Event.report .er_inner .contents .image.col{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#Event.report .er_inner .contents .image.col img{
width: 48%;
}
#Event.report .er_inner .contents .image.col3{
display: flex;
justify-content: space-between;
}
#Event.report .er_inner .contents .image.col3 img{
width: 32%;
}
#Event.report .er_inner .contents h4{
display: flex;
align-items: center;
font-size: 1.4rem;
margin: 40px auto 32px;
}
#Event.report .er_inner .contents h4 img{
width: 40px;
margin-right: 24px;
}
#Event.report .er_inner .contents p{
font-size: 1.1rem;
margin: 32px auto;
text-align: justify;
}
#Event.report .er_inner .contents p.first{
margin: 0px auto 32px;
}
#Event.report .er_inner .contents p.name{
font-size: 1.1rem;
margin: 32px auto;
display: flex;
align-items: center;
margin: 0;
}
#Event.report .er_inner .contents p.name::before{
content: "";
background: #ef9d93;
width: 20px;
aspect-ratio: 1/1;
border-radius: 50px;
display: inline-block;
margin-right: 8px;
}
#Event.report .er_inner .contents p a{
color: #0BADAD;
}
#Event.report .er_inner .contents .pdf{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#Event.report .er_inner .contents .pdf p.ex{
font-size: .9rem;
text-align: left;
width: 100%;
margin: 0;
}
#Event.report .er_inner .contents .pdf a{
width: 32%;
margin-right: 2%;
}
#Event.report .er_inner .contents .pdf a:nth-of-type(3){
margin-right: 0;
}
/***********************
イベントレポート (expo)
***********************/

/***********************
イベントレポート (インフルエンサー)
***********************/
#Event.report.influencer .event h3 span{
margin-left: 36px;
font-size: 1.2rem;
}
#Event.report.influencer .er_inner{
margin-top: 40px;
background: none;
}
#Event.report.influencer .er_inner .ttl{
display: block;
margin-bottom: 24px;
}
#Event.report.influencer .er_inner .ttl h3{
font-size: 2rem;
padding: 0 0 8px 0;
border-bottom: solid 8px #F1B714;
margin-bottom: 16px;
text-align: center;
}
#Event.report.influencer .er_inner .ttl p{
text-align: center;
}
#Event.report.influencer .er_inner h4{
text-align: center;
font-size: 2rem;
color: #F1B714;
margin: 40px auto;
}
#Event.report.influencer .er_inner .member{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;

}
#Event.report.influencer .er_inner .member .photo{
width: 24%;
border: solid 2px #ccc;
padding: 16px 8px;
margin-bottom: 16px;
transition: .6s;
}
#Event.report.influencer .er_inner .member .photo:hover{
transform: scale(1.1);
transition: 1s;
}
#Event.report.influencer .er_inner .member .photo p{
font-size: .9rem;
text-align: center;
line-height: 1.2;
margin-top: 16px;
}
#Event.report.influencer .er_inner .member .photo p span{
font-size: .7rem;
display: block;
}
#Event.report.influencer .er_inner .member a.none{
pointer-events: none;
}
#Event.report.influencer .er_inner .pr{
border: solid 2px #F1B714;
margin: 80px auto;
}
#Event.report.influencer .er_inner .pr.btm0{
margin: 80px auto 0;
}
#Event.report.influencer .er_inner .pr h3{
background: #F1B714;
color: #fff;
font-size: 1.4rem;
border-bottom: none;
padding: 24px 16px;
}
#Event.report.influencer .er_inner .pr h3 span{
background: #F70606;
margin-left: 16px;
padding: 8px;
}
#Event.report.influencer .er_inner .pr .col{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding: 24px;
}
#Event.report.influencer .er_inner .pr .col img{
width: 50%;
}
#Event.report.influencer .er_inner .pr .col .txt{
width: 48%;
}
#Event.report.influencer .er_inner .pr .col .txt p{
font-size: 1.1rem;
line-height: 1.4;
}
#Event.report.influencer .er_inner .pr .col .txt p.red{
font-size: 1.2rem;
text-align: center;
color: #F70606;
font-weight: bold;
margin: 16px auto;
}
#Event.report.influencer .er_inner .pr .col .txt a.btn{
margin: 16px auto 0;
}
#Event.report.influencer .er_inner .pr .col .txt a.btn p{
color: #fff;
font-weight: bold;
font-size: .9rem;
}
#Event.report.influencer .er_inner .pr .col .txt a.btn p::before{
display: none;
}
#Event.report.influencer .er_inner .pr .col .txt a.btn p::after {
content: "";
clip-path: polygon(0 0, 0 100%, 80% 50%);
background-color: #fff;
height: 14px;
width: 14px;
margin-left: 16px;
}
#Event.report.influencer .er_inner .pr .col .txt a.btn p:hover{
color: #0BADAD;
}
#Event.report.influencer .er_inner .pr .col .txt a.btn p:hover::after{
background-color: #0BADAD
}
#Event.report.influencer .er_inner .pr .col .txt span{
font-size: .7rem;
display: block;
text-align: center;
}

#Event.report.influencer .er_inner .contents h4{
font-size: 2rem;
text-align: center;
color: #000;
display: block;
margin: 80px auto;
line-height: 1.6;
}
#Event.report.influencer .er_inner .contents h4::before{
content: "";
background: url(../image/icon_er_flower.png)no-repeat;
background-size: contain;
background-position: center;
display: block;
height: 24px;
margin-bottom: 24px;
}
/***********************
イベントレポート (インフルエンサー)
***********************/

/***********************
イベントレポート (親子ツアー)
***********************/
#Event.report.tours .er_inner .ttl h3{
justify-content: center;
}
#Event.report.tours .er_inner .image{
margin: 24px auto;
}
#Event.report.tours .balloon{
position: relative;
display: inline-block;
background: #fff;
border-radius: 30px;
padding: 24px 32px;
font-weight: bold;
color: #000;
border: 2px solid #F1B714;
box-sizing: border-box;
width: calc(100% - 50px);
margin: 16px auto 16px 34px;
}
#Event.report.tours .balloon::before{
content: "";
position: absolute;
top: 50%;
left: -44px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
border: 14px solid transparent;
border-right: 34px solid #fff;
z-index: 2;
}
#Event.report.tours .balloon::after{
content: "";
position: absolute;
top: 50%;
left: -50px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
border: 14px solid transparent;
border-right: 34px solid #F1B714;
z-index: 1;
}
#Event.report.tours .balloon p{
font-family: 'APJapanesefont';
font-size: 1.4rem;
margin: 0;
line-height: 1.4;
font-weight: normal;
}
#Event.report.tours .balloon p.name{
font-family: Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
font-weight: 400;
text-align: right;
display: block;
font-size: .9rem;
margin-top: 16px;
}
#Event.report.tours .balloon p.name::before{
content: "";
display: none;
}
#Event.report.tours .balloon.mom{
border: 2px solid #c299dd;
}
#Event.report.tours .balloon.mom::after{
border-right: 34px solid #c299dd;
}

#Event.report.tours p.info.right{
text-align: right;
font-size: .8rem;
margin: 0;
}
/***********************
イベントレポート (親子ツアー)
***********************/

/***********************
マロニエ・イトシア
***********************/
#Event.report .er_inner .contents .pdf.menu{
display: block;
}
#Event.report .er_inner .contents .pdf.menu a{
width: 100%;
}

#Event.report .er_inner .contents p.thoughts {
    margin: 0px auto 32px;
}
#Event.report .er_inner .contents p.thoughts::before{
content: "お客さまの感想";
font-weight: bold;
font-size: 1.2rem;
display: block;
}
/***********************
マロニエ・イトシア
***********************/

.pc {display: block !important;}
.sp {display: none !important;}


@media only screen and (max-width: 1000px) {
#Front .calendar .c_flex .c_box h3 p{
font-size: 1.2rem;
line-height: 1.4;
margin-bottom: 8px;
}
#Front .calendar .c_flex .c_box h3 p::after{
display: none;
}
#Front .calendar .c_flex .c_box h3 span{
width: auto;
font-size: .8rem;
margin-bottom: 8px;
}
#Front .calendar .c_flex .c_box h3 p::before{
margin-bottom: 0px;
}
#Front .calendar .c_flex .c_box h3 p.yellow {
align-items: center;
flex-wrap: nowrap;
}
}

@media only screen and (max-width: 767px) {
.pc {display: none !important;}
.sp {display: block !important;}

/***********************
トップページ
***********************/
/*** lead ***/
#Front .lead{
text-align: center;
margin: 0 auto 40px;
padding: 40px 0;
}
#Front .lead img{
display: block;
width: 100px;
margin: 0 auto 24px;
}
#Front .lead h2{
margin: 0 auto 40px;
font-size: 1.8rem;
line-height: 1.4;
}
#Front .lead p{
font-size: 1rem;
}

/*** calendar ***/
#Front .calendar .inner{
padding: 40px 0;
}
#Front .calendar .inner h2 img{
width: auto;
height: 50px;
}
#Front .calendar .inner h2::after{
display: none;
}

#Front .calendar .c_flex{
margin-top: 40px;
}
#Front .calendar .c_flex .c_box{
width: 95%;
margin: 0 auto;
}
#Front .calendar .c_flex .c_box h3{
padding: 16px;
}
#Front .calendar .c_flex .c_box h3 p{
font-size: 1.2rem;
}
#Front .calendar .c_flex .c_box h3 span{
font-size: .8rem;
margin-left: 8px;
}
#Front .calendar .c_flex .c_box h3 p.yellow::after{
content: "";
display: none;
}
/*** 記事 ***/
#Front .calendar .c_flex .c_box .box article p.day{
font-size: .9rem;
margin-bottom: 4px;
}
#Front .calendar .c_flex .c_box .box article .b_flex{
flex-wrap: wrap;
}
#Front .calendar .c_flex .c_box .box article .b_flex .b_flex_in{
width: 100%;
}
#Front .calendar .c_flex .c_box .box article .b_flex a{
width: 100%;
}
#Front .calendar .c_flex .c_box .box article .b_flex p{
width: 100%;
margin-left: 8px;
margin-top: 8px;
font-size: .9rem;
line-height: 1.6;
}

#Front .calendar .c_flex .c_box .box article a.e_link{
padding: 4px;
margin-top: 16px;
}
#Front .calendar .c_flex .c_box .box article a.e_link p{
font-size:.8rem;
}

#Front .calendar .t_flex span {
font-size: .9rem;
}

/*** footer ***/
#Front .footer{
height: 80px;
}

/***********************
イベント詳細ページ
***********************/
#Event .main{
width: 100%;
margin: 0px auto;
}
#Event img.ttl{
width: 80%;
padding: 24px 0;
display: block;
margin: 0 auto;
}
#Event .event .inner{
padding: 40px 0;
}
#Event .event img.icon{
margin: 0 auto 24px;
}
#Event .event h2{
margin: 0 auto 40px;
font-size: 2rem;
}
#Event .event h3{
padding: 16px;
}
#Event .event h3 p{
font-size: 1.8rem;
}
#Event .event h3 p::before{
width: 16px;
margin-right: 8px;
}
#Event .event h3 p::after{
display: none;
}
#Event .event h3 span{
font-size: 1rem;
margin-top: 8px;
line-height: 1.4;
margin-left: 8px;
}

/*** detail ***/
#Event .event .detail h4{
font-size: 1.6rem;
margin-bottom: 32px;
line-height: 1.4;
}
#Event .event .detail p.day{
font-size: .9rem;
font-weight: bold;
}

#Event .event .detail{
width: 95%;
}
#Event .event .detail .d_flex .image{
width: 100%;
}
#Event .event .detail .d_flex .image a:last-child{
margin-bottom: 32px;
}

#Event .event .detail .d_flex .text{
width: 100%;
}
#Event .event .detail .d_flex .text h5{
padding: 10px 16px;
display: block;
}
#Event .event .detail .d_flex .text p{
line-height: 1.8;
font-size: 1rem;
}
#Event .event .detail .d_flex .text p.kotira{
font-size: .9em;
}
#Event .event .detail .d_flex .text a{
font-size: .9rem;
overflow-wrap: break-word;
}
#Event .event .detail .d_flex .text p:last-child{
font-size: 1rem;
}

#Event .event .detail .d_flex .text div.info{
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 16px;
}
#Event .event .detail .d_flex .text div.info span.ttl{
width: 100%;
padding:4px 8px;
font-size: .8rem;
margin-bottom: 8px;
margin-right: 0px;
margin-left: 0;
display: block;
background: #0BADAD;
color: #fff;
}
#Event .event .detail .d_flex .text div.info span{
font-size: .9rem;
margin-left: 8px;
}
#Event .event .detail .d_flex .text div.info p.in{
width: 100%;
font-size: 1rem;
margin: 0;
}
#Event .event .detail .d_flex .text div.info p.in span{
display: block;
margin: 0;
font-size: .9rem;
}

/*** ツアー ***/
#Event .event h3 p.yellow span.p {
font-size: 1.6rem;
margin: 0;
}
#Event .event h3 p.yellow span {
font-size: 1.2rem;
margin: 0;
}
#Event .event .detail .d_flex .text div.info.sche p{
margin-bottom: 40px;
font-size: .95rem;
}
#Event .event .detail.tours .d_flex .text div.info span.red{
font-size: 1.4rem;
margin-right: 8px;
display: inline-block;
}
#Event .event .detail.tours div.in span.day{
font-size: .8rem;
margin: 16px 0 0 0;
padding: 4px 0;
}

#Event .event .detail.tours a.jtb{
margin: 80px auto 16px;
text-align: center;
}
#Event .event .detail.tours a.jtb p{
width: 100%;
padding: 24px 16px;
font-size: 1rem;
}
#Event .event .detail.tours p.ex{
font-size: .9rem;
text-align: left;
}


/*** bottom ***/
#Event a.btn p img{
height: 25px;
}

/*** footer ***/
#Event .footer{
height: 80px;
}
/***********************
イベント詳細ページ
***********************/

/***********************
イオン 詳細ページ
***********************/
#Event .ticketArea img.place{
width: 100%;
margin: 40px auto 0;
}
#Event .event .pdf a {
width: 100%;
margin: 0;
}
#Event .event .pdf p.ex {
font-size: .8rem!important;
}
/***********************
イオン 詳細ページ
***********************/

/***********************
イベントレポート (expo)
***********************/
#Event.report .er_inner{
padding: 24px 16px;
}
#Event.report .er_inner .ttl{
display: block;
}
#Event.report .er_inner .ttl img{
width: 140px;
margin: 0 auto 24px;
display: block;
}
#Event.report .er_inner .ttl div{
width:100%;
}
#Event.report .er_inner .ttl div h3{
font-size: 1.4rem;
line-height: 1.4;
padding: 0 0 8px 0;
}
#Event.report .er_inner .ttl div p{
font-size: .9rem;
}
#Event.report .er_inner .contents .image.col3{
flex-wrap: wrap;
}
#Event.report .er_inner .contents .image.col3 img{
width: 100%;
margin-bottom: 8px;
}
#Event.report .er_inner .contents .image.col{
flex-wrap: wrap;
}
#Event.report .er_inner .contents .image.col img{
width: 100%;
margin-bottom: 8px;
}
#Event.report .er_inner .contents h4{
line-height: 1.4;
font-size: 1.2rem;
}
#Event.report .er_inner .contents h4 img{
margin-right: 16px;
}
#Event.report .er_inner .contents p{
font-size: .9rem;
}
#Event.report .er_inner .contents p.name{
font-size: .9rem;
margin: 0 auto;
flex-wrap: wrap;
}
#Event.report .er_inner .contents p.name span{
font-size: .8rem;
display: block;
width: 100%;
}
#Event.report .er_inner .contents p.name::before{
width: 14px;
}
#Event.report .er_inner .contents .pdf{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Event.report .er_inner .contents .pdf p.ex{
font-size: .7rem;
}
#Event.report .er_inner .contents .pdf a{
width: 48%;
margin-right: 0px;
}
#Event.report .er_inner .contents .pdf a:nth-of-type(3){
margin-right: 0;
margin-top: 8px;
}
/***********************
イベントレポート (expo)
***********************/

/***********************
イベントレポート (インフルエンサー)
***********************/
#Event.report.influencer .event h3 span{
display: block;
}
#Event.report.influencer .event h3 span.p{
margin-top: 8px;
margin-left: 32px;
font-size: 1rem;
}
#Event.report.influencer .er_inner .ttl h3{
font-size: 1.6rem;
text-align: left;
line-height: 1.4;
}
#Event.report.influencer .er_inner h4{
margin: 32px auto 24px;
font-size: 1.6rem;
}
#Event.report.influencer .er_inner .member .photo{
width: 48%;
padding: 0px 0 8px;
}
#Event.report.influencer .er_inner .member .photo p{
font-size: .8rem;
}
#Event.report.influencer .er_inner .member .photo p span{
font-size: 2.5vw;
margin-top: 4px;
}
#Event.report.influencer .er_inner .pr{
border: solid 2px #F1B714;
margin: 40px auto 80px;
}
#Event.report.influencer .er_inner .pr h3{
font-size: 1.2rem;
line-height: 1.4;
}
#Event.report.influencer .er_inner .pr h3 span{
width: 100%;
margin-left: 0px;
font-size: 1rem;
text-align: center;
}
#Event.report.influencer .er_inner .pr .col img{
width:100%;
margin-bottom: 24px;
}
#Event.report.influencer .er_inner .pr .col .txt{
width: 100%;
}
#Event.report.influencer .er_inner .pr .col .txt p{
font-size: 1rem;
}
#Event.report.influencer .er_inner .pr .col .txt p.red{
font-size: 1.2rem;
}
#Event.report.influencer .er_inner .pr .col .txt a.btn p{
width: 100%;
}

#Event.report.influencer .er_inner .contents h4{
font-size: 1.4rem;
margin: 80px auto 40px;
}
/***********************
イベントレポート (インフルエンサー)
***********************/

/***********************
イベントレポート (親子ツアー)
***********************/
#Event.report.tours .balloon{
padding: 24px 24px;
width: calc(100% - 0px);
margin: 16px auto 16px 0px;
}
#Event.report.tours .balloon::before{
left: -41px;
border: 20px solid transparent;
border-right: 24px solid #fff;
z-index: 2;
}
#Event.report.tours .balloon::after{
content: "";
position: absolute;
top: 50%;
left: -45px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
border: 20px solid transparent;
border-right: 24px solid #F1B714;
z-index: 1;
}
#Event.report.tours .balloon p{
font-size: 1.1rem;
line-height: 1.4;
}
#Event.report.tours .balloon p.name{
font-size: .8rem;
margin-top: 16px;
}
#Event.report.tours .balloon.mom::after{
border-right: 24px solid #c299dd;
}
#Event.report.tours p.info.right{
font-size: .7rem;
}
/***********************
イベントレポート (親子ツアー)
***********************/

/***********************
マロニエ・イトシア
***********************/
#Event.report .er_inner .contents p.thoughts::before{
font-size: 1.1rem;
}
/***********************
マロニエ・イトシア
***********************/

}