@charset "UTF-8";

/* calender.css
**************************************************************************************/

.calender #main {
	width:100%;
}
.calender .main-container {
	background:none;
}
.calender div.bread-area .bread {
    padding: 0 0 3px 0;
}
.calender .calender-area {
	width:100%;
}
.calender .calender-area-in {
	width: 100%;
}

@media screen and (max-width: 1199px){
.calender #wrapper-under {
	width:710px;
	margin:0 auto 10px;
	padding:30px 0 50px 0;
}
}
@media screen and (max-width: 767px){
.calender #wrapper-under {
	width:100%;
	margin:0 auto 10px;
	padding:20px 0 30px 0;
}
.calender .calender-area-in {
	font-size:85%
}
}
/*title*/
.calender .calender-area .title {
	width:100%;
	display:table;
	margin-bottom:10px;
}
.calender .calender-area .title p {
	display:table-cell;
	width:60px;
	vertical-align:middle;
}
.calender .calender-area .title p img {
	width:60px;
}
.calender .calender-area .title p img:hover {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;

}
.calender .calender-area .title h2 {
	display:table-cell;
	text-align:center;
	font-size:153.9%;
	font-weight:900;
	vertical-align:middle;
}
.calender .calender-area .title h2 span {
	font-size:153.9%;
	padding-left:3px;
	font-weight:900;
}
@media screen and (max-width: 767px){
.calender .calender-area .title h2 {
	font-size:123.1%;
}
.calender .calender-area .title h2 span {
	font-size:114%;
}
}
/*btn*/
.calender .calender-area .btn img {
	width:60px;
	padding:20px 0 0 0;
}
.calender .calender-area .btn img:hover {
	/*op*/
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;

}
.calender .calender-area .btn .prev {
	float:left;
}
.calender .calender-area .btn .next {
	float:right;
}
/*曜日*/
.calender .calender-area .week-area {
	display:block;/*表示*/
	width:100%;
	display:table;
}
.calender .calender-area .week-area li {
	display:table-cell;
	vertical-align:middle;
	padding:10px 0;
	text-align:center;
	border-right:1px solid #FFF;
	background-color:#486e8d;
	color:#FFF;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.calender .calender-area .week-area li.w001 {
	width: 8%;
}
.calender .calender-area .week-area li.w002 {
	width: 8%;
}
.calender .calender-area .week-area li.w003 {
	width: 84%;
	border-right: none;
}
@media screen and (max-width: 767px){
.calender .calender-area .week-area li.w001 {
	width: 15%;
}
.calender .calender-area .week-area li.w002 {
	width: 15%;
}
.calender .calender-area .week-area li.w003 {
	width: 70%;
}
}

/*****日*****/
.calender .data-area {
	width:100%;
}
.calender .data-area .date-box {
	width: 100%;
	display: table;
	padding: 0 0;
	background-color: #FFF;
	border-bottom: 1px solid #c0c0c0;
}
.calender .data-area .date-box {
	width: 100%;
	display: table;
	padding: 0 0;
	background-color: #FFF;
	border-bottom: 1px solid #c0c0c0;
}

/*日付*/
.calender .data-area .date-box .day-date {
	text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	width: 8%;
	padding:8px 0;
	display: table-cell;
	border-right:1px solid #c0c0c0;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
@media screen and (max-width: 767px){
.calender .data-area .date-box .day-date {
	width: 15%;
}
}
/*曜日*/
.calender .data-area .date-box .day-week {
	width: 8%;
	padding:8px 0;
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	border-right:1px solid #c0c0c0;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
@media screen and (max-width: 767px){
.calender .data-area .date-box .day-week {
	width: 15%;
}
}
.calender .data-area .sat .day-date,
.calender .data-area .sat .day-sbox{
	background:#e5eef2;
}
.calender .data-area .sat .day-week {
	background:#e5eef2;
	color:#035a83;
}
.calender .data-area .sun .day-date,
.calender .data-area .sun .day-sbox{
	background:#FBF0EB;
}
.calender .data-area .sun .day-week {
	background:#FBF0EB;
	color:#B73B01;
}


/*内容*/
.calender .data-area .date-box .day-sbox {
	width: 86%;
	display: table-cell;
}
@media screen and (max-width: 767px){
.calender .data-area .date-box .day-sbox {
	width: 70%;
}
}
.calender .data-area .date-box .day-sbox ul.day {
	width:100%;
}
.calender .data-area .date-box .day-sbox ul li {
	vertical-align:middle;
	text-align:left;
	padding:20px 10px 20px 120px;
	line-height:1.3;
	display:block;
	border-top:1px dotted #c0c0c0;
}
@media screen and (max-width: 767px){
.calender .data-area .date-box .day-sbox ul li {
	padding:45px 10px 20px 10px;
}
}
.calender .data-area .date-box .day-sbox ul li:first-child  {
	border-top:none;
}
.calender .data-area .date-box .day-sbox ul li a {
	display:block;
}
.calender .data-area .date-box .day-sbox ul li a:hover {
	text-decoration:none;
}

/*icon*/
.calender .data-area .date-box .day-sbox ul li.ec001 {
	background:url("../../image/under-events-ic001.gif") no-repeat 10px center;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec002 {
	background:url("../../image/under-events-ic002.gif") no-repeat 10px center;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec003 {
	background:url("../../image/under-events-ic003.gif") no-repeat 10px center;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec004 {
	background:url("../../image/under-events-ic004.gif") no-repeat 10px center;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec005 {
	background:url("../../image/under-events-ic005.gif") no-repeat 10px center;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec006 {
	background:url("../../image/under-events-ic006.gif") no-repeat 10px center;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec007 {
	background:url("../../image/under-events-ic007.gif") no-repeat 10px center;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec008 {
	background:url("../../image/under-events-ic008.gif") no-repeat 10px center;
	background-size:100px auto;
}
@media screen and (max-width: 767px){
/*icon*/
.calender .data-area .date-box .day-sbox ul li.ec001 {
	background:url("../../image/under-events-ic001.gif") no-repeat 10px 10px;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec002 {
	background:url("../../image/under-events-ic002.gif") no-repeat 10px 10px;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec003 {
	background:url("../../image/under-events-ic003.gif") no-repeat 10px 10px;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec004 {
	background:url("../../image/under-events-ic004.gif") no-repeat 10px 10px;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec005 {
	background:url("../../image/under-events-ic005.gif") no-repeat 10px 10px;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec006 {
	background:url("../../image/under-events-ic006.gif") no-repeat 10px 10px;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec007 {
	background:url("../../image/under-events-ic007.gif") no-repeat 10px 10px;
	background-size:100px auto;
}
.calender .data-area .date-box .day-sbox ul li.ec008 {
	background:url("../../image/under-events-ic008.gif") no-repeat 10px 10px;
	background-size:100px auto;
}	
}

/** search **/
#main-search-area,
#main-search-area * {
    box-sizing: border-box;
}
#main-search-area {
    position: relative;
}
#main-search-area .all-select-area {
    position: absolute;
    top: 10px;
    right: 0;
}
#main-search-area .all-select-area span:first-child {
    padding-right: 20px;
}
#main-search-area h2 {
    margin: 0 0 22px;
    position: relative;
}
#main-search-area ul {
    font-size: 0;
    margin: 0 0 22px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}
#main-search-area ul li {
    display: inline-block;
    width: 12.5%;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    font-size: 1rem;
    padding: 1rem 0;
    transition: .3s;
}
#main-search-area ul li.checked {
    background-color: #e4f7e1;
}
#main-search-area ul li label {
    cursor: pointer;
}
#main-search-btn {
    padding: 1rem;
    width: 50%;
    background-color: #31840d;
    color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);
    border: none;
    margin: 0 auto 30px;;
    font-weight: bold;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    text-decoration: none;
}
#main-search-btn.disabled-search {
    background-color: #6d6d6d;
}
#main-search-area h2 input {
    display: none;
}
.toggle-search-area-open,
.toggle-search-area-close {
    display: none;
}
@media screen and (max-width: 1199px){
#main-search-btn {
    width: 88%;
}
#main-search-area ul li {
    width: 50%;
}
#main-search-area h2 {
    background-color: #dfdfdf;
    padding: 10px;
    margin-bottom: 50px;
}
#main-search-area h2 span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #666666;
    color: #ffffff;
    padding: 10px 18px;
    cursor: pointer;
    width: 126px;
    text-align: center;
}
#main-search-area .toggle-search-area-open::after,
#main-search-area .toggle-search-area-close::after {
    padding-left: 6px;
    display: inline-block;
}
#main-search-area .toggle-search-area-open::after {
    content: '▼';
}
#main-search-area .toggle-search-area-close::after {
    content: '▲';
    position: relative;
    transform: rotate(90deg);
    top: -4px;
}
#main-search-area h2 #toggle-check ~ label .toggle-search-area-open {
    display: block;
}
#main-search-area h2 #toggle-check ~ label .toggle-search-area-close {
    display: none;
}
#main-search-area h2 #toggle-check:checked ~ label .toggle-search-area-open {
    display: none;
}
#main-search-area h2 #toggle-check:checked ~ label .toggle-search-area-close {
    display: block;
}
#main-search-area .all-select-area {
    top: 65px;
}
}
@media all and (-ms-high-contrast:none) {
    #main-search-area {
        font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    }
}