@charset "UTF-8";

*::after,
#mini-calendar *,
#mini-calendar2 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#wrap {
	padding: 0 5%;
}

@media screen and (max-width: 600px) {
	#wrap {
		padding: 0 5px;
	}
}

/* ========================================
 * #mini-calendar
 * ========================================*/
#mini-calendar .calendar-year-month {
    font-size: 187.5%;
	margin-bottom:10px;
	font-weight: normal;
}
#mini-calendar table {
	width: 100%;
	border-spacing: 0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	line-height: 1.5;
	border-collapse: separate;
}
#mini-calendar th,
#mini-calendar td {
	background: #fff;
	padding: 7px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#mini-calendar th {
	color: #fff;
	background: #4F616B;
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 7px;
}



/*
#mini-calendar th.calendar-sun {
	color: #DF0D2D;
	background: #F8E4E4;
}
#mini-calendar th.calendar-sat {
	color: #2574D3;
	background: #E2F3FC;
}
*/
#mini-calendar td {
	width: 14.3%;
	height: 100px;
	vertical-align: top;
}
#mini-calendar td.calendar-day-off {
	background: #F4F3F2;
	color: #555;
}
#mini-calendar td.calendar-holiday,
#mini-calendar td.calendar-sun {
	color: #CE2727;
	background: #FCF3F3;
}
#mini-calendar td.calendar-sat {
	color: #4795ab;
	background: #F5FBFE;
}

#mini-calendar .calendar-day-number {
	font-style: normal;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	display: block;
	padding: 0 3px 10px 3px;
	line-height: 1.2;
}
#mini-calendar td.calendar-holiday .day,
#mini-calendar td.calendar-sun .day {
	color: #DF0D2D;
}
#mini-calendar td.calendar-sat .day {
	color: #2574D3;
}
#mini-calendar td span {
	font-size: 14px;
	line-height: 1.3;
	display: block;
}
#mini-calendar [class*=calender-label] {
	font-size: 14px;
	line-height: 1.3;
	color: #000;
}
#mini-calendar td span.calender-label-red {
	color: #e00025;
}
#mini-calendar td span.calender-label-blue {
	color: #4a70bb;
}
#mini-calendar td span.calender-label-green {
	color: #348743;
}
/* 何もない日 */
#mini-calendar td.calendar-none {
	background: #FBFAF7;
}
#mini-calendar td.calendar-today {
	background: #FEFBDA;
}

@media screen and (max-width: 600px) {
	#mini-calendar thead {
		display: none;
	}
	#mini-calendar th,
	#mini-calendar td {
		display: block;
		width: 100%;
		padding: 0;
	}
	#mini-calendar td {
		height: auto;
		display: -webkit-flex;
		display: flex;
	}
	#mini-calendar .calendar-none {
		display: none
	}

	#mini-calendar .calendar-labels {
		padding: 5px;
	}
	#mini-calendar [class*=calender-label] {
		display: inline-block;
		padding: 5px;
		margin-top: 0;
		margin-right: 5px;
		font-size: 12px;
	}

	/* 日付 */
	#mini-calendar td .calendar-day-number {
		font-weight: normal;
		padding: 7px;
		font-size: 18px;
		display: block;
		background: #f2e6cd;
		margin-bottom: 0;
		width: 75px;
		height: auto;
	}
	#mini-calendar td.calendar-holiday .calendar-day-number,
	#mini-calendar td.calendar-sun .calendar-day-number {
		background: #f8c7c7;
	}

	#mini-calendar td.calendar-sat .calendar-day-number {
		background: #c8ebfe;
	}

	/* モバイル用曜日を追加 */
	#mini-calendar td i:after {
		font-size: 12px;
		position: relative;
		left: -5px;
	}
	#mini-calendar td:nth-child(1) i:after {
		content: "（日）";
	}
	#mini-calendar td:nth-child(2) i:after {
		content: "（月）";
	}
	#mini-calendar td:nth-child(3) i:after {
		content: "（火）";
	}
	#mini-calendar td:nth-child(4) i:after {
		content: "（水）";
	}
	#mini-calendar td:nth-child(5) i:after {
		content: "（木）";
	}
	#mini-calendar td:nth-child(6) i:after {
		content: "（金）";
	}
	#mini-calendar td:nth-child(7) i:after {
		content: "（土）";
	}
}
/* ========================================
 * #mini-calendar2
 * ========================================*/
#mini-calendar2 .calendar-year-month {
    font-size: 187.5%;
	margin-bottom:10px;
	font-weight: normal;
}
#mini-calendar2 table {
	width: 100%;
	border-spacing: 0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	line-height: 1.5;
	border-collapse: separate;
}
#mini-calendar2 th,
#mini-calendar2 td {
	background: #fff;
	padding: 7px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#mini-calendar2 th {
	color: #fff;
	background: #4F616B;
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 7px;
}



/*
#mini-calendar2 th.calendar-sun {
	color: #DF0D2D;
	background: #F8E4E4;
}
#mini-calendar2 th.calendar-sat {
	color: #2574D3;
	background: #E2F3FC;
}
*/
#mini-calendar2 td {
	width: 14.3%;
	height: 100px;
	vertical-align: top;
}
#mini-calendar2 td.calendar-day-off {
	background: #F4F3F2;
	color: #555;
}
#mini-calendar2 td.calendar-holiday,
#mini-calendar2 td.calendar-sun {
	color: #CE2727;
	background: #FCF3F3;
}
#mini-calendar2 td.calendar-sat {
	color: #4795ab;
	background: #F5FBFE;
}

#mini-calendar2 .calendar-day-number {
	font-style: normal;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	display: block;
	padding: 0 3px 10px 3px;
	line-height: 1.2;
}
#mini-calendar2 td.calendar-holiday .day,
#mini-calendar2 td.calendar-sun .day {
	color: #DF0D2D;
}
#mini-calendar2 td.calendar-sat .day {
	color: #2574D3;
}
#mini-calendar2 td span {
	font-size: 14px;
	line-height: 1.3;
	display: block;
}
#mini-calendar2 [class*=calender-label] {
	font-size: 14px;
	line-height: 1.3;
	color: #000;
}
#mini-calendar2 td span.calender-label-red {
	color: #e00025;
}
#mini-calendar2 td span.calender-label-blue {
	color: #4a70bb;
}
#mini-calendar2 td span.calender-label-green {
	color: #348743;
}
/* 何もない日 */
#mini-calendar2 td.calendar-none {
	background: #FBFAF7;
}
#mini-calendar2 td.calendar-today {
	background: #FEFBDA;
}

@media screen and (max-width: 600px) {
	#mini-calendar2 thead {
		display: none;
	}
	#mini-calendar2 th,
	#mini-calendar2 td {
		display: block;
		width: 100%;
		padding: 0;
	}
	#mini-calendar2 td {
		height: auto;
		display: -webkit-flex;
		display: flex;
	}
	#mini-calendar2 .calendar-none {
		display: none
	}

	#mini-calendar2 .calendar-labels {
		padding: 5px;
	}
	#mini-calendar2 [class*=calender-label] {
		display: inline-block;
		padding: 5px;
		margin-top: 0;
		margin-right: 5px;
		font-size: 12px;
	}

	/* 日付 */
	#mini-calendar2 td .calendar-day-number {
		font-weight: normal;
		padding: 7px;
		font-size: 18px;
		display: block;
		background: #f2e6cd;
		margin-bottom: 0;
		width: 75px;
		height: auto;
	}
	#mini-calendar2 td.calendar-holiday .calendar-day-number,
	#mini-calendar2 td.calendar-sun .calendar-day-number {
		background: #f8c7c7;
	}

	#mini-calendar2 td.calendar-sat .calendar-day-number {
		background: #c8ebfe;
	}

	/* モバイル用曜日を追加 */
	#mini-calendar2 td i:after {
		font-size: 12px;
		position: relative;
		left: -5px;
	}
	#mini-calendar2 td:nth-child(1) i:after {
		content: "（日）";
	}
	#mini-calendar2 td:nth-child(2) i:after {
		content: "（月）";
	}
	#mini-calendar2 td:nth-child(3) i:after {
		content: "（火）";
	}
	#mini-calendar2 td:nth-child(4) i:after {
		content: "（水）";
	}
	#mini-calendar2 td:nth-child(5) i:after {
		content: "（木）";
	}
	#mini-calendar2 td:nth-child(6) i:after {
		content: "（金）";
	}
	#mini-calendar2 td:nth-child(7) i:after {
		content: "（土）";
	}
}

/* ========================================
 * その他設定
 * ========================================*/
#kabu365_dividend_index .tabNav a[href="/kabu365/dividend/"],
#kabu365_dividend_dj30 .tabNav a[href="/kabu365/dividend/dj30.html"],
#kabu365_dividend_nikkei225micro .tabNav a[href="/kabu365/dividend/nikkei225micro.html"],
#kabu365_dividend_nasdaq100 .tabNav a[href="/kabu365/dividend/nasdaq100.html"],
#kabu365_dividend_russell2000 .tabNav a[href="/kabu365/dividend/russell2000.html"],
#kabu365_dividend_ftse100 .tabNav a[href="/kabu365/dividend/ftse100.html"],
#support-course_kabu365_dividend_index .tabNav a[href="/support-course/kabu365/dividend/"],
#support-course_kabu365_dividend_dj30 .tabNav a[href="/support-course/kabu365/dividend/dj30.html"],
#support-course_kabu365_dividend_nikkei225micro .tabNav a[href="/support-course/kabu365/dividend/nikkei225micro.html"],
#support-course_kabu365_dividend_nasdaq100 .tabNav a[href="/support-course/kabu365/dividend/nasdaq100.html"],
#support-course_kabu365_dividend_russell2000 .tabNav a[href="/support-course/kabu365/dividend/russell2000.html"],
#support-course_kabu365_dividend_ftse100 .tabNav a[href="/support-course/kabu365/dividend/ftse100.html"] {
font-weight:bold;
color:#fff;
background-color:#b01e23;
}



#interestTbl table {
width:60%;
}
table th.td_head,
table td.td_head {
background-color:#4c5866;
text-align:center;
color:#ffffff;
}
table th.td_body {
font-weight:normal;
}
table td.td_body {
text-align:center;
}
	table tr th.td_body:nth-child(1) img {
	margin:3px 7px 0 0;
	}

.calender-tb-txt1 {
text-align:right;
font-size:80%;
margin-bottom:5px;
}
.calender-tb-txt2 {
margin-top:10px;
}

#kenri {
font-size:85%;
margin-bottom:1.5em;
text-align:right;
}
	#kenri span {
	padding:0 10px;
	border:3px solid #44BBC3;
	margin-right:10px;
	}
	
/*
.calendar-year-month:before{
  content: '';
  display: inline-block;
  width: 117px;
  height: 24px;
  background-image: url(/kabu365/img2019/logo_click365.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align: middle;
  margin-right:10px;
}
*/
.calendar-year-month img{
	width:117px;
	margin:10px 10px 0 0;
}

@media print, screen and (max-width: 768px) {
	.calendar-year-month img{
		width:117px;
		margin:0 0 5px 0;
	}
	.calendar-year-month-text{
		font-size:20px;
		font-weight:bold;
	}
}