@charset "utf-8";
.sp_content { display: none;}
.downloadCont03 .column3 dl { display: flex; margin-bottom: 40px;}
.downloadCont03 .column3 dl:last-child { margin-bottom: 0;}
.downloadCont03 .column3 dl dt { width: calc((100% - 20px)/2); margin-right: 20px;}
.downloadCont03 .column3 dl dt:last-child { margin-right: 0;}
.downloadCont03 .column3 dl dt img { width: 100%; display: block;}
.downloadCont03 .column3 dl dt.column3_btn { display: block; padding-bottom: 9px;}
.downloadCont03 .column3 dl dt a { display: block; width: 100%; height: calc((100% - 10px)/3); margin-bottom: 10px; align-items: center; text-decoration: none; padding: 10px 0; color: #fff; line-height: 0; transition: all .3s ease;}
.downloadCont03 .column3 dl dt a:last-child { margin-bottom: 0;}
.downloadCont03 .column3 dl dt.cat a { background: #FBBFC0;}
.downloadCont03 .column3 dl dt.cat a:hover { background: #FAB1B4;}
.downloadCont03 .column3 dl dt.dog a { background: #99D3C0;}
.downloadCont03 .column3 dl dt.dog a:hover { background: #8CCCB8;}
.downloadCont03 .column3 dl dt a span { display: block; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; font-size: 20px; line-height: 1.5;}
.calendar .topCatch { width: 100%; }
.calendar .topCatch h1 { width: 100%; }
.calendar .topCatch img { width: 100%; }
.calendar .dateArea { background: #f7eda4; text-align: center; padding: 20px; }
.calendar .dateArea .titY { color: #8A6B67; font-family: 'Kosugi Maru', sans-serif; font-size: 24px; font-weight: bold; vertical-align: middle; display: inline-block; }
.calendar .dateArea .titW { color: #E95B7A; font-family: 'Kosugi Maru', sans-serif; font-size: 24px; font-weight: bold; vertical-align: middle; display: inline-block; }
.calendar .dateArea .infoS { color: #E95B7A; font-size: 16px; font-weight: bold; vertical-align: middle; display: inline-block; }
.calendar .contInr { padding: 60px 0; max-width: 1000px; margin: 0 auto; }
.calendar .contInr h2 { font-family: 'Kosugi Maru', sans-serif; font-size: 36px; font-weight: bold; color: #582a25; text-align: center; padding: 0 0 30px; position: relative; }
.calendar .contInr h3 { font-family: 'Kosugi Maru', sans-serif; font-size: 24px; font-weight: bold; color: #8A6B67; text-align: center; padding: 0 0 10px; }
.calendar .cont00 { background: #fedbdf; }
.calendar .cont00 p { font-family: 'Kosugi Maru', sans-serif; font-size: 24px; line-height: 40px; font-weight: bold; color: #E95B7A; padding: 0 0 10px; text-align: center; }
.calendar .cont01 dl dt { width: 30%; float: left; }
.calendar .cont01 dl dt img { width: 100%; }
.calendar .cont01 dl dd { width: 70%; float: right; text-align: left; font-family: 'Kosugi Maru', sans-serif; font-size: 16px; line-height: 30px; font-weight: bold; color: #8A6B67; padding: 10px; }
.calendar .cont01 dl dd p { font-family: 'Kosugi Maru', sans-serif; font-size: 24px; line-height: 40px; font-weight: bold; color: #E95B7A; padding: 0 0 10px; }
.calendar .cont01 dl dd p.sup { font-family: 'Kosugi Maru', sans-serif; font-size: 16px; line-height: 20px; font-weight: normal; color: #E95B7A; padding: 0 0 10px; }
.calendar .cont02 { background: #fedbdf; }
.calendar .cont02 dl dt { width: 30%; float: left; }
.calendar .cont02 dl dt img { width: 100%; }
.calendar .cont02 dl dd { width: 70%; float: right; text-align: left; font-family: 'Kosugi Maru', sans-serif; font-size: 20px; line-height: 40px; font-weight: bold; color: #8A6B67; padding: 10px; }
.calendar .cont02 dl dd p { font-family: 'Kosugi Maru', sans-serif; font-size: 24px; line-height: 40px; font-weight: bold; color: #E95B7A; padding: 0 0 10px; }
.calendar .cont03 p { text-align: center; padding: 0 0 10px; margin: 0 auto; font-family: 'Kosugi Maru', sans-serif; font-size: 20px; font-weight: bold; color: #8A6B67; }
.calendar .cont04 {  }
.calendar .cont04 p { text-align: center; padding: 0 0 30px; margin: 0 auto; font-family: 'Kosugi Maru', sans-serif; font-size: 20px; font-weight: bold; color: #8A6B67; }
.calendar .cont04 p.disc { padding: 30px 0; font-size: 16px; }
.calendar .entryBtn { text-align: center; font-weight: bold; }
.calendar .entryBtn a { font-weight: bold; display: inline-block; width: 500px; padding: 35px 25px; background: #f7eda4; color: #E95B7A; font-family: 'Kosugi Maru', sans-serif; text-decoration: none; font-size: 20px; font-weight: bold; line-height: 30px; border-radius: 10px; border: 3px solid #E95B7A; transition: all .3s ease; }
.calendar .entryBtn a:hover { font-weight: bold; background: #E95B7A; color: #fff; }
.calendar .cont05 { background: #fedbdf; }
.calendar .cont05 .contInr { max-width: 800px; }
.calendar .cont05 { padding: 0 0 30px; }
.calendar .cont05 p { font-family: 'Kosugi Maru', sans-serif; font-size: 16px; line-height: 1.5; font-weight: bold; color: #8A6B67; padding: 0 0 5px; }
.calendar .cont05 dl { padding: 0 0 30px; }
.calendar .cont05 dl dt { font-family: 'Kosugi Maru', sans-serif; font-size: 20px; line-height: 1.5; font-weight: bold; color: #582a25; padding: 0 10px 10px; }
.calendar .cont05 dl dd { font-family: 'Kosugi Maru', sans-serif; font-size: 16px; line-height: 1.5; font-weight: bold; color: #8A6B67; padding: 0 10px 10px 20px; position: relative; }
.calendar .cont05 dl dd:before { content: '・'; position: absolute; left: 0; }
.calendar .cont05 dl dd.dotno:before { content: ''; }
.calendar .cont05 ul li { font-family: 'Kosugi Maru', sans-serif; font-size: 16px; line-height: 1.5; font-weight: bold; color: #8A6B67; padding: 0 10px 10px 20px; position: relative; }
.calendar .cont05 ul li:before { content: '・'; position: absolute; left: 0; }
.calendar .cont05 dl dd li:before { content: '-'; position: absolute; left: 0; }
.calendar .cont05 .inrCont01 { padding: 0 0 30px; }
.calendar .cont06 { background: transparent; }
.calendar .resultCont { background: #fedbdf; text-align: center; padding: 50px 0; }
.calendar .resultCont h2 { font-family: 'Kosugi Maru', sans-serif; font-size: 32px; line-height: 1.3; font-weight: bold; color: #E95B7A; padding: 0 0 10px; text-align: center; }
.calendar .resultCont p { font-family: 'Kosugi Maru', sans-serif; font-size: 24px; line-height: 1.5; font-weight: bold; color: #E95B7A; padding: 10px 0 0; text-align: center; }
.fuwatAnime { -webkit-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1.5s; -ms-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-name: fuwatAnime; -ms-animation-name: fuwatAnime; animation-name: fuwatAnime; visibility: visible !important; }
@-webkit-keyframes fuwatAnime { 0% { opacity: 0; -webkit-transform: translateY(0); } 100% { opacity: 1; -webkit-transform: translateY(0); }}
@keyframes fuwatAnime { 0% { opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}

.resultLink { background: #f7eda4; padding: 30px; margin-top: 50px; }
.calendar .contInr .resultLink h3 { color: #582a25; }
.resultLink ul { display: flex; flex-wrap: wrap; align-items: center; }
.resultLink li { width: 25%; padding: 10px; }
.resultLink li a { display: block; text-decoration: none; text-align: center; font-size: 20px; font-weight: bold; color: #E95B7A; background: #fff; border-radius: 10px; padding: 10px; }

@media screen and (max-width:1200px) {
	.calendar .contInr { padding: 50px 20px; max-width: 1000px; width: 100%; }
	.calendar .resultCont { padding: 50px 20px; width: 100%; }
}

@media screen and (max-width:960px) {
	.calendar .contInr { padding: 40px 20px; }
	.calendar .contInr h2 { font-size: 30px; }
	.calendar .cont00 p { font-size: 20px; }
	.calendar .cont01 dl dd p { font-size: 20px; }
	.calendar .cont02 dl dd p { font-size: 20px; }
	.calendar .cont02 dl dd { font-size: 18px; }
	.calendar .cont03 p { font-size: 18px; }
	.calendar .cont04 p { font-size: 18px; }
	.calendar .resultCont { padding: 40px 20px; }
	.calendar .resultCont h2 { font-size: 28px; }
	.calendar .resultCont p { font-size: 20px; }
	.calendar .contInr .resultLink h3 { font-size: 20px; }

}

@media screen and (max-width:600px) {
	.pc_content { display: none;}
	.sp_content { display: block;}
	.calendar .contInr { padding: 30px 10px; }
	.calendar .contInr h2 { font-size: 20px; padding: 0 0 15px; }
	.calendar .dateArea { padding: 15px; }
	.calendar .dateArea .titY { font-size: 16px; }
	.calendar .dateArea .titW { font-size: 18px; }
	.calendar .cont00 p { line-height: 1.5; font-size: 18px; }
	.calendar .cont01 dl dt { width: 100%; float: none; text-align: center; }
	.calendar .cont01 dl dt img { width: 80%; }
	.calendar .cont01 dl dd { width: 100%; float: none; }
	.calendar .cont01 dl dd p { line-height: 1.5; font-size: 18px; }
	.calendar .cont02 dl dt { width: 100%; float: none; text-align: center; }
	.calendar .cont02 dl dt img { width: 80%; }
	.calendar .cont02 dl dd { width: 100%; float: none; line-height: 1.5; font-size: 15px; }
	.calendar .cont02 dl dd p { line-height: 1.5; font-size: 18px; }
	.calendar .cont03 p { font-size: 15px; }
	.calendar .cont04 p { font-size: 15px; }
	.calendar .cont04 p.disc { font-size: 13px; }
	.calendar .entryBtn a { padding: 20px 30px; font-size: 18px; width: 300px; }
	.calendar .cont05 ul li { font-size: 14px; padding: 0 0 10px 12px; }
	.calendar .cont05 dl dt { font-size: 16px; padding: 0 0 10px; }
	.calendar .cont05 dl dd { font-size: 14px; padding: 0 0 10px 12px; }
	.calendar .resultCont { padding: 30px 10px; }
	.calendar .resultCont h2 { font-size: 20px; }
	.calendar .resultCont p { font-size: 16px; }
	.resultLink { padding: 30px 10px; }
	.calendar .contInr .resultLink h3 { font-size: 16px; }
	.resultLink li { width: 50%; }
	.resultLink li a { font-size: 16px; }

}