@charset "utf-8";

/*-------------------------------------------------
	activity
--------------------------------------------------*/
#activity { width: 100%; margin: 0 auto;position: relative; display: flex; align-items: center; justify-content: center;}
#activity .act_inner { width: 1260px; margin: 77px auto 0; }
#activity .act_inner .title{  margin:  auto; text-align: center;}
#activity .act_inner .title img{  width: 61px;}
#activity .act_inner .title h2{  font-size: 30px; margin-top: 21px; padding-right: 77px; line-height: 1.32; letter-spacing: 1px;}
#activity .act_inner .act_box ul{  margin-top: 60px; display: flex; align-items: start; flex-wrap: wrap;}
#activity .act_inner .act_box li{  width: 273px; margin-right: 55px;}
#activity .act_inner .act_box li:nth-child(4),
#activity .act_inner .act_box li:nth-child(8){ margin-right: 0px;}
#activity .act_inner .act_box li:nth-child(5),
#activity .act_inner .act_box li:nth-child(6),
#activity .act_inner .act_box li:nth-child(7),
#activity .act_inner .act_box li:nth-child(8){ margin-top: 60px;}
#activity .act_inner .act_box li .img_box { margin: 0 auto; width: 200px;}
#activity .act_inner .act_box li .txt_box { text-align: center; margin-top: 23px;}
#activity .act_inner .act_box li h3{ font-size: 24px; margin: 0 auto; padding: 0 5px; display: inline-block; background: linear-gradient(transparent 50%,#fce8c8 0%);}
#activity .act_inner .act_box li p{ font-size: 16px; text-align: left; margin-top: 10px; line-height: 1.3;}

@media screen and (max-width: 1400px) {
#activity .act_inner { width: 929px; margin: 77px auto 0;}
#activity .act_inner .act_box li:nth-child(3),
#activity .act_inner .act_box li:nth-child(6){ margin-right: 0px;}
#activity .act_inner .act_box li:nth-child(4){ margin-right: 55px;margin-top: 60px;}
}
@media screen and (max-width: 1050px) {
#activity .act_inner { width: 830px; margin: 77px auto 0;}
#activity .act_inner .act_box li{ width: 250px; margin-right: 40px;}
#activity .act_inner .act_box li:nth-child(3){ margin-right: 0px;}
#activity .act_inner .act_box li:nth-child(4){ margin-right: 40px;}
#activity .act_inner .act_box li:nth-child(6){ margin-right: 0px;}
}
@media screen and (max-width: 950px) {
#activity .act_inner { width: 650px; margin: 65px auto 0;}
#activity .act_inner .title img{  width: 55px;}
#activity .act_inner .act_box li{ width: 300px; margin-right: 50px;}
#activity .act_inner .act_box li:nth-child(2){ margin-right: 0px;}
#activity .act_inner .act_box li:nth-child(3){ margin-right: 50px; margin-top: 60px;}
#activity .act_inner .act_box li:nth-child(4){ margin-right: 0px;}
#activity .act_inner .act_box li:nth-child(6){ margin-right: 0px;}
#activity .act_inner .act_box li:nth-child(8){ margin-right: 0px;}
}
@media screen and (max-width: 760px) {
#activity .act_inner { width: 540px; margin: 55px auto 0;}
#activity .act_inner .act_box li{ width: 250px; margin-right: 40px;}
#activity .act_inner .act_box li:nth-child(3){ margin-right: 40px;}
}
@media screen and (max-width: 620px) {
#activity .act_inner { width: 390px; margin: 40px auto 0;}
#activity .act_inner .title h2{ font-size: 24px; white-space: nowrap;}
#activity .act_inner .act_box ul{ width: 300px; margin: 0 auto;}
#activity .act_inner .act_box li{ width: 300px; margin-right: 0px;margin-top: 40px;}
#activity .act_inner .act_box li:nth-child(1),
#activity .act_inner .act_box li:nth-child(3),
#activity .act_inner .act_box li:nth-child(5),
#activity .act_inner .act_box li:nth-child(7){ margin-right: 0px;}
#activity .act_inner .act_box li:nth-child(2),
#activity .act_inner .act_box li:nth-child(3),
#activity .act_inner .act_box li:nth-child(4){ margin-top: 40px;}
#activity .act_inner .act_box li .txt_box { text-align: center; margin-top: 15px;}
}
@media screen and (max-width: 390px) {
#activity .act_inner { width: 390px; margin: 40px auto 0;}
#activity .act_inner .act_box ul{ width: 276px;}
#activity .act_inner .act_box li{ width: 276px; }
}

/*-------------------------------------------------
	color_area
--------------------------------------------------*/
#color_area { padding-bottom: 180px; ;background: url(../img/bg.gif) center top;margin-top: 120px; color: #83531f; font-weight: 500; position: relative; width: 100%;height: 100%;display: flex; align-items: center; justify-content: center;}
/* 背景 */
#color_area .saniku_syo_bg img { width: 100%; }
#color_area .saniku_syo_bg { position: absolute; top: 0px; z-index: 2; width: 100%;}
#color_area .inner { max-width: 1600px; position: relative;}
/* インナー */
#color_area .color_inner { width: 1040px; margin: 0 auto;}
/* 一日 */
#color_area .color_inner .day { margin-top: 84px;}
.schedule_img { margin: 80px auto; width: 900px;padding-left: 30px; z-index: -1;}
.schedule_img  img{ width: 100%; height: auto;}
/* 一日 */
#color_area .color_inner .day .title_box { width: 300px; margin: 0 auto;}
#color_area .color_inner .day .title_box .img_box{ width: 40px; margin: 0 auto;}
#color_area .color_inner .day .title_box .title { display: flex; align-items: center; margin-top: 18px;}
#color_area .color_inner .day .title_box .title h2{ font-size: 30px; line-height: 1.5; margin: 0 15px; padding: 0 8px;background: linear-gradient(transparent 50%,#fff 0%);}
#color_area .color_inner .day .title_box .title img{ width: 13px; height: 25px;}
/* スケジュール */
.schedule { font-size: 24px; line-height: 1.6; font-weight: 500;}
.schedule .txt_mini { font-size: 18px; line-height: 1.6;}
.sche_18 { margin: 65px auto 0; width: 520px; text-align: right;}
/* 横線 */
.day_bar { width: 1000px; height: 1px; background: #83531f; margin: 80px auto 0;}
/* 年間行事 */
.year { margin: 100px auto 0;}
.year h2 { font-size: 24px; text-align: center; font-weight: 500;}
.year h2 span { font-size: 18px; font-weight: 500;}
.year .img_box ul {  width: 1040px; display: flex; align-items: center; flex-wrap: wrap; margin: 80px auto 0;}
.year .img_box ul li { width: 500px;}
.year .img_box ul li:nth-child(1){ margin-right: 40px;}
.year .img_box ul li:nth-child(3){ margin-top: 40px; margin-right: 40px;}
.year .img_box ul li:nth-child(4){ margin-top: 40px;}
.year .sp{ display: none;}
.schedule_pc { display: block;}
.schedule_pc02 { display: none;}
.schedule_pc03 { display: none;}
@media screen and (max-width: 1600px) {
/* 背景 */
#color_area .saniku_syo_bg img { width: 1600px;}
#color_area .saniku_syo_bg { position: absolute;left: 50%; transform: translate(-50%, -50%); top: 100px; width: 1600px;height: 200px;}
}
@media screen and (max-width: 1150px) {
#color_area .color_inner .day .title_box { width: 280px; margin: 0 auto;}
#color_area .color_inner .day .title_box .title h2{ font-size: 26px; margin: 0 10px;}
/* 横線 */
.day_bar { width: 86.9vw; }
/* 年間行事 */
.year .img_box ul {  width: 940px; }
.year .img_box ul li { width: 450px;}
.year .img_box ul li:nth-child(1){ margin-right: 30px;}
.year .img_box ul li:nth-child(3){ margin-top: 30px; margin-right: 30px;}
.year .img_box ul li:nth-child(4){ margin-top: 30px;}
}
@media screen and (max-width: 1050px) {
.schedule_img { margin: 80px auto; width: 85.7vw;padding-left: 30px; z-index: -1;}
}
@media screen and (max-width: 1000px) {
/* 年間行事 */
.year .img_box ul {  width: 840px; }
.year .img_box ul li { width: 400px;}
.year .pc{ display: none;}
.year .sp{ display: block;}
.year .img_box ul li:nth-child(5){ margin-right: 20px;}
.year .img_box ul li:nth-child(7){ margin-top: 20px; margin-right: 20px;}
.year .img_box ul li:nth-child(8){ margin-top: 20px;}
}
@media screen and (max-width: 900px) {
.schedule_pc { display: none;}
.schedule_pc02 { display: block;}
.schedule_img { margin: 80px auto; width: 85.7vw;;padding-left: 0px; z-index: -1;}
/* 年間行事 */
.year .img_box ul {  width: 720px; }
.year .img_box ul li { width: 350px;}
.year .img_box ul li:nth-child(5){ margin-right: 20px;}
.year .img_box ul li:nth-child(7){ margin-top: 20px; margin-right: 20px;}
.year .img_box ul li:nth-child(8){ margin-top: 20px;}
}
@media screen and (max-width: 800px) {
/* 年間行事 */
.year .img_box ul {  width: 620px; }
.year .img_box ul li { width: 300px;}
}
@media screen and (max-width: 700px) {
#color_area { padding-bottom: 120px;}
/* スケジュール */
.schedule_pc02 { display: none;}
.schedule_pc03 { display: block;}
.schedule { font-size: 20px; line-height: 1.6; font-weight: 500;}
.sche_18 { margin: 65px auto 0; width: 430px;}
.schedule .txt_mini { font-size: 16px; line-height: 1.6;}
/* 横線 */
.day_bar { margin: 60px auto 0;}
/* 年間行事 */
.year { margin: 80px auto 0;}
/* 年間行事 */
.year .img_box ul {  width: 400px;  margin: 50px auto 0;}
.year .img_box ul li { width: 400px; margin-top: 20px;}
.year .img_box ul li:nth-child(5){ margin-right: 0px;}
.year .img_box ul li:nth-child(7){ margin-top: 20px; margin-right: 0px;}
.year .img_box ul li:nth-child(8){ margin-top: 20px;}
}
@media screen and (max-width: 500px) {
#color_area .color_inner .day .title_box { width: 280px; margin: 0 auto;}
#color_area .color_inner .day .title_box .title h2{ font-size: 26px; margin: 0 10px;}
/* スケジュール */
.schedule { font-size: 18px; line-height: 1.6; font-weight: 500;}
.sche_18 { margin: 65px auto 0; width: 390px;}
/* 横線 */
.day_bar { margin: 50px auto 0;}
/* 年間行事 */
.year { margin: 50px auto 0;}
.year .img_box ul {  width: 350px; margin: 30px auto 0;}
.year .img_box ul li { width: 350px;}
.year h2 { font-size: 20px; }
}
@media screen and (max-width: 420px) {
/* スケジュール */
.schedule { font-size: 16px; line-height: 1.6; font-weight: 500;}
.sche_18 { margin: 65px auto 0; width: 350px;}
.schedule .txt_mini { font-size: 14px; line-height: 1.6;}
}
@media screen and (max-width: 390px) {
/* 年間行事 */
.year .img_box ul {  width: 300px; }
.year .img_box ul li { width: 300px;}
.sche_18 { margin: 45px auto 0; width: 300px; text-align: center;}
.sche_18 span{ display: inline-block;}
}