/*************カレンダーのcss********************/ body { color:#5e5e5e; margin: 0; padding: 0; } table.topcalendar{ height: 500px; width:100%; /* テーブルの線を細くする */ border-collapse: collapse; font-size: 15px; font-family: "hiragino-kaku-gothic-pron", sans-serif; background-color:#fff; margin: 0; padding: 0; } /* カレンダーの全てのtd */ table.topcalendar tr td { /*テキスト上揃え*/ vertical-align:top; text-align:center; /*tbの幅*/ } a { text-decoration: none; color:#fff; } /* カレンダーの日付のtb */ #topcalendar_line1_week0_holiday0, #topcalendar_line1_week1_holiday0, #topcalendar_line1_week2_holiday0, #topcalendar_line1_week3_holiday0, #topcalendar_line1_week4_holiday0, #topcalendar_line1_week5_holiday0, #topcalendar_line1_week6_holiday0, #topcalendar_line2_week0_holiday0, #topcalendar_line2_week1_holiday0, #topcalendar_line2_week2_holiday0, #topcalendar_line2_week3_holiday0, #topcalendar_line2_week4_holiday0, #topcalendar_line2_week5_holiday0, #topcalendar_line2_week6_holiday0, #topcalendar_line3_week0_holiday0, #topcalendar_line3_week1_holiday0, #topcalendar_line3_week2_holiday0, #topcalendar_line3_week3_holiday0, #topcalendar_line3_week4_holiday0, #topcalendar_line3_week5_holiday0, #topcalendar_line3_week6_holiday0, #topcalendar_line4_week0_holiday0, #topcalendar_line4_week1_holiday0, #topcalendar_line4_week2_holiday0, #topcalendar_line4_week3_holiday0, #topcalendar_line4_week4_holiday0, #topcalendar_line4_week5_holiday0, #topcalendar_line4_week6_holiday0, #topcalendar_line5_week0_holiday0, #topcalendar_line5_week1_holiday0, #topcalendar_line5_week2_holiday0, #topcalendar_line5_week3_holiday0, #topcalendar_line5_week4_holiday0, #topcalendar_line5_week5_holiday0, #topcalendar_line5_week6_holiday0, #topcalendar_line6_week0_holiday0, #topcalendar_line6_week1_holiday0, #topcalendar_line6_week2_holiday0, #topcalendar_line6_week3_holiday0, #topcalendar_line6_week4_holiday0, #topcalendar_line6_week5_holiday0, #topcalendar_line6_week6_holiday0, #topcalendar_line1_week0_holiday1, #topcalendar_line1_week1_holiday1, #topcalendar_line1_week2_holiday1, #topcalendar_line1_week3_holiday1, #topcalendar_line1_week4_holiday1, #topcalendar_line1_week5_holiday1, #topcalendar_line1_week6_holiday1, #topcalendar_line2_week0_holiday1, #topcalendar_line2_week1_holiday1, #topcalendar_line2_week2_holiday1, #topcalendar_line2_week3_holiday1, #topcalendar_line2_week4_holiday1, #topcalendar_line2_week5_holiday1, #topcalendar_line2_week6_holiday1, #topcalendar_line3_week0_holiday1, #topcalendar_line3_week1_holiday1, #topcalendar_line3_week2_holiday1, #topcalendar_line3_week3_holiday1, #topcalendar_line3_week4_holiday1, #topcalendar_line3_week5_holiday1, #topcalendar_line3_week6_holiday1, #topcalendar_line4_week0_holiday1, #topcalendar_line4_week1_holiday1, #topcalendar_line4_week2_holiday1, #topcalendar_line4_week3_holiday1, #topcalendar_line4_week4_holiday1, #topcalendar_line4_week5_holiday1, #topcalendar_line4_week6_holiday1, #topcalendar_line5_week0_holiday1, #topcalendar_line5_week1_holiday1, #topcalendar_line5_week2_holiday1, #topcalendar_line5_week3_holiday1, #topcalendar_line5_week4_holiday1, #topcalendar_line5_week5_holiday1, #topcalendar_line5_week6_holiday1, #topcalendar_line6_week0_holiday1, #topcalendar_line6_week1_holiday1, #topcalendar_line6_week2_holiday1, #topcalendar_line6_week3_holiday1, #topcalendar_line6_week4_holiday1, #topcalendar_line6_week5_holiday1, #topcalendar_line6_week6_holiday1 { /*tbの高さ*/ height: 90px; padding-bottom:8px; /* color:#4b4948; */ line-height:150%; } /* カレンダー0行目の曜日のtb */ #topcalendar_line0_week0_holiday0, #topcalendar_line0_week1_holiday0, #topcalendar_line0_week2_holiday0, #topcalendar_line0_week3_holiday0, #topcalendar_line0_week4_holiday0, #topcalendar_line0_week5_holiday0, #topcalendar_line0_week6_holiday0 { /*tbの高さ*/ /* テーブルの中の文字を中央ゾロ絵にする */ text-align: center; font-weight:bold; padding:6px; height: 30px; width: 14.28%; } /* カレンダー0行目の日曜日のtb */ #topcalendar_line0_week0_holiday0 { /* 色は赤 */ background-color: #848180; color:#fff; } /* カレンダー0行目の月曜日～金曜日のtb */ #topcalendar_line0_week1_holiday0, #topcalendar_line0_week2_holiday0, #topcalendar_line0_week3_holiday0, #topcalendar_line0_week4_holiday0, #topcalendar_line0_week5_holiday0 { /* 色はグレー */ background-color: #848180; color:#fff; } /* カレンダー0行目の土曜日のtb */ td#topcalendar_line0_week6_holiday0 { /* 色は青 */ background-color: #848180; color:#fff; } /* カレンダー1行目～6の日曜日のtb */ #topcalendar_line1_week0_holiday0, #topcalendar_line2_week0_holiday0, #topcalendar_line3_week0_holiday0, #topcalendar_line4_week0_holiday0, #topcalendar_line5_week0_holiday0, #topcalendar_line6_week0_holiday0 { /* 色は淡い赤 */ background-color: #f5f4ee; } /* カレンダー1行目～6の土曜日のtb */ #topcalendar_line1_week6_holiday0, #topcalendar_line2_week6_holiday0, #topcalendar_line3_week6_holiday0, #topcalendar_line4_week6_holiday0, #topcalendar_line5_week6_holiday0, #topcalendar_line6_week6_holiday0 { /* 色は淡い青 */ background-color: #f5f4ee; } /* 祝日全てのタブ */ #topcalendar_line0_week0_holiday1, #topcalendar_line0_week1_holiday1, #topcalendar_line0_week2_holiday1, #topcalendar_line0_week3_holiday1, #topcalendar_line0_week4_holiday1, #topcalendar_line0_week5_holiday1, #topcalendar_line0_week6_holiday1, #topcalendar_line1_week0_holiday1, #topcalendar_line1_week1_holiday1, #topcalendar_line1_week2_holiday1, #topcalendar_line1_week3_holiday1, #topcalendar_line1_week4_holiday1, #topcalendar_line1_week5_holiday1, #topcalendar_line1_week6_holiday1, #topcalendar_line2_week0_holiday1, #topcalendar_line2_week1_holiday1, #topcalendar_line2_week2_holiday1, #topcalendar_line2_week3_holiday1, #topcalendar_line2_week4_holiday1, #topcalendar_line2_week5_holiday1, #topcalendar_line2_week6_holiday1, #topcalendar_line3_week0_holiday1, #topcalendar_line3_week1_holiday1, #topcalendar_line3_week2_holiday1, #topcalendar_line3_week3_holiday1, #topcalendar_line3_week4_holiday1, #topcalendar_line3_week5_holiday1, #topcalendar_line3_week6_holiday1, #topcalendar_line4_week0_holiday1, #topcalendar_line4_week1_holiday1, #topcalendar_line4_week2_holiday1, #topcalendar_line4_week3_holiday1, #topcalendar_line4_week4_holiday1, #topcalendar_line4_week5_holiday1, #topcalendar_line4_week6_holiday1, #topcalendar_line5_week0_holiday1, #topcalendar_line5_week1_holiday1, #topcalendar_line5_week2_holiday1, #topcalendar_line5_week3_holiday1, #topcalendar_line5_week4_holiday1, #topcalendar_line5_week5_holiday1, #topcalendar_line5_week6_holiday1, #topcalendar_line6_week0_holiday1, #topcalendar_line6_week1_holiday1, #topcalendar_line6_week2_holiday1, #topcalendar_line6_week3_holiday1, #topcalendar_line6_week4_holiday1, #topcalendar_line6_week5_holiday1, #topcalendar_line6_week6_holiday1 { /* 色は淡い赤 */ background-color: #f5f4ee; } /*option { display:block; }*/ table.topcalendar td { border:solid 1px #848180; } .date_center { text-align:center; /*border:solid 1px #D7358B;*/ margin:0 0 8px 0; background-color: transparent; } td#topcalendar_line0_week0_holiday0, td#topcalendar_line0_week1_holiday0, td#topcalendar_line0_week2_holiday0, td#topcalendar_line0_week3_holiday0, td#topcalendar_line0_week4_holiday0, td#topcalendar_line0_week5_holiday0, td#topcalendar_line0_week6_holiday0 { /* background-color: #D7358B !important; */ color:#fff !important; } div.calendar { max-width:800px; margin:20px auto 0; background-color:#4b4948; text-align:center; /*border:solid 1px #000;*/ } .calendar-title { display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding: 14px 0; } .calendar-title div { width:130px; height:30px; line-height:30px; color:#fff; } .year-month { font-family: hiragino-mincho-pron, serif; font-size:20px; font-weight:bold; color:#fff; } .regist-button { height:40px; } div.row1:first-letter { color: #fff; background-color: #848180; padding: 2px; border-radius: 3px; margin-bottom: 5px; } div.row2:first-letter { color: #fff; background-color: #b58b1a; padding: 2px; border-radius: 3px; } caption { caption-side: bottom; background-color: #fff; } span.row1:first-letter { color: #fff; background-color: #848180; padding: 2px; border-radius: 3px; } span.row2:first-letter { color: #fff; background-color: #b58b1a; padding: 2px; border-radius: 3px; } .v-type { text-align: center; margin-top: 1em; } .v-type div { display: inline-block; } @media screen and (max-width: 489px) { .v-type { font-size: 14px; } } p.meyasu { font-family: "hiragino-kaku-gothic-pron", sans-serif; text-align:right; font-size:12px; padding:0; margin:2px 0 0 0; } @media screen and (max-width: 440px){ table.topcalendar{ font-size: 12px; } .row1, .row2 { font-size: 10px; } .calendar-title div:first-child { width:50px; } .calendar-title div:last-child { width:50px; } /* カレンダーの日付のtb */ #topcalendar_line1_week0_holiday0, #topcalendar_line1_week1_holiday0, #topcalendar_line1_week2_holiday0, #topcalendar_line1_week3_holiday0, #topcalendar_line1_week4_holiday0, #topcalendar_line1_week5_holiday0, #topcalendar_line1_week6_holiday0, #topcalendar_line2_week0_holiday0, #topcalendar_line2_week1_holiday0, #topcalendar_line2_week2_holiday0, #topcalendar_line2_week3_holiday0, #topcalendar_line2_week4_holiday0, #topcalendar_line2_week5_holiday0, #topcalendar_line2_week6_holiday0, #topcalendar_line3_week0_holiday0, #topcalendar_line3_week1_holiday0, #topcalendar_line3_week2_holiday0, #topcalendar_line3_week3_holiday0, #topcalendar_line3_week4_holiday0, #topcalendar_line3_week5_holiday0, #topcalendar_line3_week6_holiday0, #topcalendar_line4_week0_holiday0, #topcalendar_line4_week1_holiday0, #topcalendar_line4_week2_holiday0, #topcalendar_line4_week3_holiday0, #topcalendar_line4_week4_holiday0, #topcalendar_line4_week5_holiday0, #topcalendar_line4_week6_holiday0, #topcalendar_line5_week0_holiday0, #topcalendar_line5_week1_holiday0, #topcalendar_line5_week2_holiday0, #topcalendar_line5_week3_holiday0, #topcalendar_line5_week4_holiday0, #topcalendar_line5_week5_holiday0, #topcalendar_line5_week6_holiday0, #topcalendar_line6_week0_holiday0, #topcalendar_line6_week1_holiday0, #topcalendar_line6_week2_holiday0, #topcalendar_line6_week3_holiday0, #topcalendar_line6_week4_holiday0, #topcalendar_line6_week5_holiday0, #topcalendar_line6_week6_holiday0, #topcalendar_line1_week0_holiday1, #topcalendar_line1_week1_holiday1, #topcalendar_line1_week2_holiday1, #topcalendar_line1_week3_holiday1, #topcalendar_line1_week4_holiday1, #topcalendar_line1_week5_holiday1, #topcalendar_line1_week6_holiday1, #topcalendar_line2_week0_holiday1, #topcalendar_line2_week1_holiday1, #topcalendar_line2_week2_holiday1, #topcalendar_line2_week3_holiday1, #topcalendar_line2_week4_holiday1, #topcalendar_line2_week5_holiday1, #topcalendar_line2_week6_holiday1, #topcalendar_line3_week0_holiday1, #topcalendar_line3_week1_holiday1, #topcalendar_line3_week2_holiday1, #topcalendar_line3_week3_holiday1, #topcalendar_line3_week4_holiday1, #topcalendar_line3_week5_holiday1, #topcalendar_line3_week6_holiday1, #topcalendar_line4_week0_holiday1, #topcalendar_line4_week1_holiday1, #topcalendar_line4_week2_holiday1, #topcalendar_line4_week3_holiday1, #topcalendar_line4_week4_holiday1, #topcalendar_line4_week5_holiday1, #topcalendar_line4_week6_holiday1, #topcalendar_line5_week0_holiday1, #topcalendar_line5_week1_holiday1, #topcalendar_line5_week2_holiday1, #topcalendar_line5_week3_holiday1, #topcalendar_line5_week4_holiday1, #topcalendar_line5_week5_holiday1, #topcalendar_line5_week6_holiday1, #topcalendar_line6_week0_holiday1, #topcalendar_line6_week1_holiday1, #topcalendar_line6_week2_holiday1, #topcalendar_line6_week3_holiday1, #topcalendar_line6_week4_holiday1, #topcalendar_line6_week5_holiday1, #topcalendar_line6_week6_holiday1 { /*tbの高さ*/ height: 50px !important; } } /*************カレンダーのcss　ここまで********************/