html {
    scroll-behavior: smooth;
}
a img:hover {
	opacity: 0.7 ;
}
.calendar{
	margin:50px auto 100px auto;
	width:1024px;
	padding:0;
}
.calendar h1{
	margin:0;
	padding:0;
}
.calendar h1 img{
	display: block;
	margin:0 auto;
}
.calendar h1 img:hover {
	opacity: 1 ;
}
.main-navi{
	margin:0 0 20px 0;
	padding:0;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}
.main-navi li{
	width:33%;
	margin-top:0;
	padding-top:0;
}
.main-navi img{
	width:100%;
}
.center-p{
	margin:0 auto 20px auto;
	text-align: center;
}
.index-h2{
	text-align: center;
	margin:0;
	padding:auto;
	color:#FFF;
	font-weight:bold;
	font-size:28px;
	font-family: m-plus-1p, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight : bold;
	text-shadow : 0px 2.6px 2.6px rgba(0, 0, 0, 0.2);
	border-top-left-radius: 17px; 
	border-top-right-radius: 17px;
	-webkit-border-top-left-radius: 17px;
	-webkit-border-top-right-radius: 17px;
	-moz-border-radius-topleft: 17px;
	-moz-border-radius-topright: 17px; 
	height:60px;
	line-height:60px;
	width: 100%;
}
.bg1{
	background: #62D362;/*明るい緑*/
}
.bg2{
	background: #FCBD4C;/*明るいオレンジ*/
}
.bg3{
	background: #FF6969;/*明るい赤*/
}
.bg1x{
	background: #00A567;/*濃い緑*/
}
.bg2x{
	background: #FB9300;/*濃いオレンジ*/
}
.bg3x{
	background: #FF3333;/*濃い赤*/
}

table,th,td{
	border-collapse: collapse;
}
.year1 th{
	font-size:16px;
	color:#00A567;/*濃い緑*/
	width:10%;
}
.year2 th{
	font-size:16px;
	color:#FB9300;/*濃いオレンジ*/
	width:10%;
}
.year3 th{
	font-size:24px;
	color:#FF3333;/*濃い赤*/
	width:10%;
}
.year1 th span,.year2 th span,.year3 th span{
	font-size:28px;
}
.year1{
	border-right:#62D362 solid 10px;
	border-left:#62D362 solid 10px;
	border-bottom:#62D362 solid 10px;
}
.year2{
	border-right:#FCBD4C solid 10px;
	border-left:#FCBD4C solid 10px;
	border-bottom:#FCBD4C solid 10px;
}
.year3{
	border-right:#FF6969 solid 10px;
	border-left:#FF6969 solid 10px;
	border-bottom:#FF6969 solid 10px;
}
.todo-img{
	display: inline-block;
	/*margin:auto;*/
	float:right;
	width:260px;
}
.index-table{
	width: 100%;
	margin:0 0 20px 0;
}
.index-table td{
	display: flex;
	align-items: center;
	justify-content: center;
}
.index-table th,.index-table td{
	background: #FFF;
	min-height: 100px;
}
.index-table tr:nth-child(even) th,.index-table tr:nth-child(even) td{
	background: #EDF4EE;
}
.index-table td,.index-table th{
	padding:10px;
}
.index-table ul{
	list-style-type: none;
	margin:0 0 14px 0;
	padding:0;
	float:left;
	width:62%;
}
.year1 li,.year2 li,.year3 li{
	position: relative;
	padding-left: 15px;
}
.year1 li:before,.year2 li:before,.year3 li:before{
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.year1 li:before {
	background-color: #b3e4d2;
}
.year2 li:before {
	background-color: #fedfb3;
}
.year3 li:before {
	background-color: #f2cac6;
}
.calendar_btn{
	margin:0 auto 40px auto;
	display: block;
}
.year-h2{
	padding:0 auto 0 40px;
	margin:20px auto 20px auto;
	color:#3D3D60;
	font-family: m-plus-1p, sans-serif;
	text-align: center;
	height:33px;
}
.year-h2 .h2-txt1{
	font-size:24px;
	font-weight:bold;
	vertical-align: middle
}
.year-h2 .h2-txt2{
	font-size:22px;
	font-weight:400;
	line-height: 33px;
	vertical-align: middle

}
.year-h2 img{
	width:30px;
	margin-right:10px;
	vertical-align: middle
}
.month-navi{
	list-style-type: none;
	margin:0 0 40px 0;
	padding:0;
	display: flex;
	justify-content: space-between;
}
.month-navi li{
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	display: inline-block;
	height:30px;
}
.month-navi li a{
	color:#FFF;
	display: block;
	line-height:30px;
	padding:0 20px;	
}
.list-bg1 li{
	background: #62D362;/*明るい緑*/
}
.list-bg2 li{
	background: #FCBD4C;/*明るいオレンジ*/
}
.list-bg3 li{
	background: #FF6969;/*明るい赤*/
}
.month-box{
	padding:20px 0;
	margin:0;
	border-top:#CCC dashed 1px;
	display: flex;
	width:100%;
}
/*.month-box-h3{SP用
	font-size:18px;
	margin:0　auto;
	padding:0;
	text-align: center;
}*/
.month-box-h3{
	width:180px;
	font-size:22px;
	margin:0;
	padding:0;
}
.month-box-h3 span{
	font-size:26px;
	font-weight:bold;
}
.color1{
	color:#00A567;/*濃い緑*/
}
.color2{
	color:#FB9300;/*濃いオレンジ*/
}
.color3{
	color:#FF3333;/*濃い赤*/
}
.month-contents{
	width:100%;
}
/*.month-contents{PC用
	width:84%;
}*/
.month-list1,.month-list2,.month-list3{
	display: list-item;
  	list-style-type: none;
	margin:0 0 10px 0;
	padding:0;
}
.month-list1 li,.month-list2 li,.month-list3 li{
	position: relative;
	padding-left: 15px;

}
.month-list1 li:before,.month-list2 li:before,.month-list3 li:before {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.month-list1 li:before {
	background-color: #b3e4d2;
}
.month-list2 li:before {
	background-color: #fedfb3;
}
.month-list3 li:before {
	background-color: #f2cac6;
}
.todo-p{
	margin:0;
	padding:0 0 0 20px;
	color:#8766FF;
	background: url("../img/icon-pen.png") no-repeat top left;
	background-size: 14px;
	font-size:14px;
	min-height:20px;
	line-height: 20px;
}
.month-box-h4{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	display: inline-block;
	padding:5px 10px;
	margin-top:20px;
}
.nomal-p{
	margin:0;
	padding:0;
}
.movie-area{
	display:flex;
}
.movie-box{
	width:268px;
	margin:0 20px 20px 0;
	padding:0;
}
.movie-box:last-of-type{
	margin:0 0 20px 0;
}
.movie-box p{
	padding:5px 0 0 0;
	margin:0;
	font-size:11px;

}
.ifreme-box {
	position: relative;
	width:100%; /* 横幅は100%で固定 */
	height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
	padding-top: 56.25%; /* 高さを指定(16:9) */
}

.ifreme-box iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.column1,.column2,.column3{
	padding:5px;
	font-weight:bold;
	display: inline-block;
}
.column1{
	color:#00A567;
	border:#00A567 solid 1px;/*濃い緑*/
}
.column2{
	color:#FB9300;
	border:#FB9300 solid 1px;/*濃いオレンジ*/
}
.column3{
	color:#FF3333;
	border:#FF3333 solid 1px;/*濃い赤*/
}
.line-txt{
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight:bold;
}
.pagetop-btn img{
	position: fixed;
	bottom: 10px; 
	right: 10px;
	/*padding: 6px 40px;*/
	/*width:44px;*/
	z-index: 2;
	opacity: 0.7 ;
}
/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}