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

/* sponsor
------------------------------------------------------------*/
.sponsor_item{margin:30px 0 60px;overflow:hidden;}
.sponsor_item ul{margin:0;}
.sponsor_item li{border-bottom:1px dotted #999;padding:10px 5px;width:46%;float:left;margin-left:2%;list-style:none;}
.sponsor_item a,.sp_sponsor_item a{color:#0078C4;text-decoration: underline;}

.sp_sponsor_item{margin:30px 0 60px;overflow:hidden;}
.sp_sponsor_item ul{margin:0;}
.sp_sponsor_item li{border-bottom:1px dotted #999;padding:10px 5px;width:92%;float:left;margin-left:2%;list-style:none;}

.sp_sponsor_img{display:flex;flex-wrap:wrap;justify-content:space-around;}
.sp_box{width:250px;display:flex;justify-content:center;align-items:center;}
.sp_box img{width:100%;}

/* EVENT
------------------------------------------------------------*/
.event_prg_box{display:table;width:90%;margin:0 auto;}
.event_prg_date{display:table-cell;width:100%;background:#06c;color:#fff;height:40px;text-align:center;font-weight:700;font-size:20px;vertical-align:middle;border-top:#000 1px solid;border-bottom:#000 1px solid;margin-top:-1px;}
.event_prg_time{display:table-cell;width:15%;background:#F6E753;padding:10px;vertical-align:middle;text-align:center;border-bottom:#000 1px solid;font-size:20px;font-weight:700;}
.event_prg_con{display:table-cell;width:85%;padding:10px;border-bottom:#000 1px solid;}
.event_prg_con img{width:400px;margin:0.5em 0.5em 0 0;border-radius:10px 0 10px 0;float:left;}
.event_prg_title{font-size:20px;font-weight:700;}



/* WATER
------------------------------------------------------------*/
.water_box{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/back-1.jpg) no-repeat top center;background-size: contain;min-height:1588px;padding:50px;margin-bottom:20px;}
.water_head{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/head.png) no-repeat center center;background-size: contain;min-height:523px;padding:20px 80px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;font-size:20px;font-weight:bold;}
.water_head p{padding-bottom:1.5em;}
h2.water_green{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/green.png) no-repeat center center;background-size: contain;min-height:117px;font-size:24px;font-weight:bold;text-align:center;padding:5px 20px 0;margin:20px auto;display:flex;flex-direction:column;justify-content:center;}
h2.water_orange{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/orange.png) no-repeat center center;background-size: contain;min-height:117px;font-size:24px;font-weight:bold;text-align:center;padding:5px 20px 0;margin:20px auto;display:flex;flex-direction:column;justify-content:center;}
.water_link_g{text-align:center;font-weight:bold;font-size:20px;}
.water_link_o{text-align:center;font-weight:bold;font-size:20px;}
.water_link_g img{width:400px;border-radius:15px;border:5px solid #92d050;}
.water_link_o img{width:400px;border-radius:15px;border:5px solid #ffc000;}


/* POSTER
------------------------------------------------------------*/
.poster_title{border:solid 1px #999;border-radius:8px;font-size:18px;display:flex;align-items:center;justify-content:center;min-height:60px;width:32%;margin:5px calc(4%/6);}
.poster_title a{display:block;height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
.poster_title_box{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.poster_box{display:flex;flex-wrap:wrap;justify-content:center;}
.poster_half{width:48%;margin:20px 1%;text-align:center;}
.poster{width:100%;margin:20px 0;text-align:center;}
.poster img,.poster_half img{width:100%;border:1px solid #ccc;}
.poster p{font-size:14px;padding-top:5px;}

.prev_btn{margin:10px 0 20px 20px;background:#06c;width:200px;height:50px;text-align:center;border-radius:40px;float:left;}
.prev_btn a{display:flex;justify-content:center;align-items:center;height:100%;width: 100%;color:#fff;transition:all 0.3s;padding:14px;border-radius:40px;}
.prev_btn a:hover{background:#0d5b9b;color:#fff;border-radius:40px;}
.next_btn{margin:10px 20px 0px 20px;background:#06c;width:200px;height:50px;text-align:center;border-radius:40px;float:right;}
.next_btn a{display:flex;justify-content:center;align-items:center;height:100%;width: 100%;color:#fff;transition:all 0.3s;padding:14px;border-radius:40px;}
.next_btn a:hover{background:#0d5b9b;color:#fff;border-radius:40px;}

/* column
------------------------------------------------------------*/
.column_box{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.column{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/eco_back.png) no-repeat center center;background-size:100% auto;width:48%;margin:10px 1%;text-align:center;border:2px solid #ccc;border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:280px;font-size:20px;line-height:1.4;font-weight:bold;}

/* EVENT
------------------------------------------------------------*/
.r_event{display:flex;flex-wrap:wrap;justify-content:space-around;margin:50px 0;}
.r_event_box{width:300px;margin-bottom:50px;}
.r_event_box img{width:100%;}
.r_event p{text-align:center;}
.r_event_p{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0 50px;}
.r_event_pbox{width:48%;margin-bottom:20px;border-bottom:1px dotted #333;}

/* ３つの約束
------------------------------------------------------------*/
.promise_box{text-align:center;margin-bottom:50px;}
.promise_img{text-align:center;width:400px;margin:0 auto;}
.promise_img img{width:100%;}
.promise_txt{text-align:left;border:1px dotted #45B035;padding:30px;border-radius:8px;}
.promise_txt h3{text-align:center;font-size:24px;font-weight:bold;margin-bottom:20px;color:#45B035;text-decoration:underline;}
.promise_txt ul{margin-left:2em;}

/* タカミヤ
------------------------------------------------------------*/
h3.takamiya{text-align:center;font-size:20px;font-weight:bold;}
.gr_box{display:table;width:80%;margin:0 auto;font-size:18px;border-bottom:1px dotted #ccc;}
.gr_title{display:table-cell;width:15%;padding:10px;}
.gr_con{display:table-cell;width:85%;padding:10px;}
.takamiya_box{text-align:justify;margin:20px auto;width:80%;font-size:18px;}

/* リサイクルブース
------------------------------------------------------------*/
.recycle_txt{text-align:justify;font-size:18px;}
.recycle_box{display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:30px auto 50px;}
.recycle_booth{width:50%;display:flex;flex-direction:column;font-size:18px;}
.booth_title{font-weight:bold;}
.recycle_booth p{margin:10px 0 20px;color:#06c;}
.recycle_img{width:45%;}
.recycle_img img{width:100%;}

/* ていたん饅頭
------------------------------------------------------------*/
.text_c{text-align:center;font-size:24px;}
.text_c h2{font-size:30px;font-weight:bold;line-height:1.4;}
.text_c p{margin-bottom:1em;}
.date_box{width:fit-content;margin:50px auto 50px;font-size:20px;}
.manju{padding:20px;background:#F9F8F1;border:1px dotted #7E4D22;border-radius:12px;width:90%;margin:50px auto;font-size:18px;}


/* 追加
------------------------------------------------------------*/
.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-3 {padding-left:3em;text-indent:-3em;}
.fade{display:none;}
.banner_img{text-align:center;margin:20px auto 20px;clear:both;}
.program_img{margin:0 auto 50px;}
.program_img img{width:100%;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{padding:10px;margin:50px 0;font-size:18px;}
.text_box2{padding:0 10px;}
.text_box3{padding:20px;background:#F9F8F1;border:1px dotted #7E4D22;border-radius:12px 0 12px 0;width:90%;margin:0 auto;}
.text_box4{padding:10px;margin-bottom:0px;text-align:center;}
.text_box5{padding:20px;background:#FFFEEA;border:5px solid #7ECEF4;border-radius:12px;width:90%;margin:0 auto;}
.text_box ol{margin:1em 0 0 2em;}
.text_box ol li{margin-bottom:5px;}
.text_box ul{margin:0.5em 0 1.5em 2em;}
.text_box ul li{margin-bottom:5px;}
.text_box p{margin-bottom:1em;}
.pnavi{text-align:center;margin:40px auto;}
.photobox{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.photoimg{width:300px;margin:0 0 0 50px;}
.photoimg img{width:100%;}
.splogo{display:none;}
.movie_box{text-align:center;padding:0 10px;}
.movie_box_d{text-align:center;margin:20px auto;}
.movie_area{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.movie_parts{margin:0 1% 20px;text-align:center;position: relative;width:48%;}
.movie_parts p,.movie_parts span{font-size:14px;}
.movie_parts span{display:block;}
.new_mark{padding:2px 15px;display:inline-block;background:#FF7373;color:#fff;vertical-align:middle;position: absolute;bottom:-21px;left:0;}

h2.title {border-bottom: solid 5px #6CBB4B;line-height:1.6;margin:40px 0 0.5em;font-size:22px;font-weight:bold;clear:both;text-align:center;font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;font-style: normal;}
h2.title::before {content: '';display: inline-block;width: 58px;height: 50px;background-image: url(https://event2024.ecolife-stage.org/wp-content/uploads/2024/10/h2.png);background-size: contain;vertical-align: middle;margin-right:5px;}
h3.title {border-bottom: dotted 2px #06c;line-height: 1.6;font-size:20px;font-weight:bold;margin-top:50px;}
h4.title {border-bottom: dotted 1px #ccc;line-height: 1.6;font-size:18px;font-weight:bold;margin-top:10px;}


.lcaution{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#06c;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}
.lcaution a,.lcaution_b a{color:#fff;}
.lcaution a:hover,.lcaution_b a:hover{color:#333;}
.lcaution_b{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#06c;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}


.sptxt{display:none;}




/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
.splogo{display:block;text-align:center;width:100%;padding:20px 0;background:#E0F4DD;}
.splogo img{width:60%;}
.banner_img img{width:80%;}
.photoimg{width:32%;margin:0 0 10px 1.3%;}
.game_logo img{width:80%;}
.game_start{width:50%;}
.water_box{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/back-1.jpg) no-repeat top center;background-size: cover;min-height:auto;padding:50px;margin-bottom:20px;}
.water_head{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/head.png) no-repeat center center;background-size:cover;min-height:auto;padding:50px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;font-size:18px;font-weight:bold;}
h2.water_green{font-size:20px;}
h2.water_orange{font-size:20px;}
.water_link_g{font-size:18px;}
.water_link_o{font-size:18px;}
}


/* 779px
------------------------------------------------------------*/
@media only screen and (max-width: 799px){
.event_prg_box{display:block;width:100%;margin:0 auto;}
.event_prg_date{display:flex;align-items:center;width:100%;background:#06c;color:#fff;height:60px;justify-content:center;font-weight:700;font-size:20px;vertical-align:middle;border-top:#000 1px solid;border-bottom:#000 1px solid;margin-top:-1px;}
.event_prg_time{display:block;width:100%;background:#F6E753;padding:5px 10px;vertical-align:middle;text-align:center;border-bottom:#000 1px solid;font-size:20px;font-weight:700;}
.event_prg_con{display:block;width:100%;padding:10px;border-bottom:#000 1px solid;}
.event_prg_con img{width:80%;margin:0.5em auto;border-radius:10px 0 10px 0;float:none;display: block;}


.movie_area{display:block;}
.movie_parts {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
width:100%;
margin:0 0 10px;
}
 
.movie_parts iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.new_mark{bottom:-23px;left:0;}
.movie_parts p{font-size:14px;position: absolute;bottom:-2em;left: 50%;transform: translateX(-50%);width:100%;}
.movie_parts span{font-size:14px;position: absolute;bottom:-3.5em;left: 50%;transform: translateX(-50%);width:100%;}

.sp_box{margin-bottom:20px;}

}

/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 810px){

.quiz_box{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/back.jpg) no-repeat top center;background-size: contain;min-height:1000px;padding:30px 160px 0 110px;line-height:2;margin-bottom:20px;}
.quiz_box rt{font-size:0.7em;text-align:center;}
span.q_space{border:1px solid #000;width:6em;text-align:center;line-height:1;display:inline-block;margin:0 2px;background:#fff;padding:1px 0 0px;}
.quiz_box ol{margin:50px 0 30px 2em;line-height:1.6;}
.quiz_box h3{text-align:center;font-size:26px;font-weight:bold;border-bottom:2px dotted #000;margin-bottom:50px;}
.qimg{width:250px;margin:10px auto 0;}



}


/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
h2.title::before {content: '';display: inline-block;width: 30px;height: 26px;background-image: url(https://event2024.ecolife-stage.org/wp-content/uploads/2023/10/h2.png);background-size: contain;vertical-align: middle;margin-right:5px;}

.sponsor_item li{border-bottom:1px dotted #999;padding:10px 5px;width:100%;float:none;margin-left:0;list-style:none;}

.event_prg_title{font-size:16px;font-weight:700;}

.photobox{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.photoimg{width:48%;margin:0 0 10px 1.3%;}
.splogo{padding:10px 0;}
.splogo img{width:80%;}
.banner_img img{width:100%;}
.banner_img{text-align:center;margin:20px auto 20px;clear:both;}

.movie_box {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie_box iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.movie_parts p,.movie_parts span{font-size:12px;}
.text_box ol{margin:1em 0 0 1em;}
.text_box ul{margin:1em 0 1em 1em;}
ul.trouble li{font-size:16px;}
h2.title{font-size:16px;line-height:1.3;padding-bottom:10px;}
h3.title{font-size:16px;}
h4.title{font-size:16px;}
.text_box2{text-align:left;}
.text_box3,.text_box5{padding:10px;width:100%;}
.fb_timeline{width:100%;}


.r_event_box{width:48%;margin-bottom:10px;}
.r_event_pbox{width:100%;margin-bottom:20px;}

.promise_img{width:80%;}
.promise_txt{padding:20px;}
.promise_txt h3{font-size:20px;}

.poster_title{border:solid 1px #999;border-radius:8px;font-size:14px;display:flex;align-items:center;justify-content:center;min-height:50px;width:48%;margin:5px calc(4%/4);padding:0 10px;}

.prev_btn{width:40%;height:50px;}
.next_btn{width:40%;height:50px;}


.column_box{display:flex;flex-wrap:wrap;justify-content:center;}
.column{width:100%;margin:10px auto;text-align:center;border:2px solid #ccc;border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:210px;font-size:16px;background-size:cover;}

.water_box{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/back-1.jpg) no-repeat top center;background-size: cover;min-height:auto;padding:20px;margin-bottom:20px;}
.water_head{background: url(https://event2024.ecolife-stage.org/wp-content/uploads/2021/11/head.png) no-repeat center center;background-size:cover;min-height:auto;padding:50px 20px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;font-size:16px;font-weight:bold;}
h2.water_green{font-size:16px;background-size:100% 100%;}
h2.water_orange{font-size:16px;background-size:100% 100%;}
.water_link_g{font-size:16px;}
.water_link_o{font-size:16px;}
.water_link_g img{width:100%;border-radius:15px;border:5px solid #92d050;}
.water_link_o img{width:100%;border-radius:15px;border:5px solid #ffc000;}



/* ていたん饅頭
------------------------------------------------------------*/
.text_c{text-align:center;font-size:16px;}
.text_c h2{font-size:20px;font-weight:bold;line-height:1.4;}
.text_c p{margin-bottom:1em;}
.date_box{width:fit-content;margin:50px auto 50px;font-size:16px;}
.manju{padding:10px;background:#F9F8F1;border:1px dotted #7E4D22;border-radius:12px;width:96%;margin:50px auto;}

/* タカミヤ
------------------------------------------------------------*/
h3.takamiya{text-align:center;font-size:16px;font-weight:bold;}
.gr_box{display:block;width:100%;margin:0 auto;font-size:16px;border-bottom:1px dotted #ccc;}
.gr_title{display:block;width:100%;padding:10px 10px 0 0;}
.gr_con{display:block;width:100%;padding:0 10px 10px 10px;}
.takamiya_box{text-align:justify;margin:20px auto;width:90%;font-size:16px;}

/* リサイクルブース
------------------------------------------------------------*/
.recycle_txt{text-align:justify;font-size:16px;}
.recycle_box{display:flex;flex-wrap:wrap;justify-content:center;width:90%;margin:30px auto 50px;}
.recycle_booth{width:100%;display:flex;flex-direction:column;font-size:16px;}
.booth_title{font-weight:bold;}
.recycle_booth p{margin:10px 0 20px;color:#06c;}
.recycle_img{width:100%;}
.recycle_img img{width:100%;}

}