@charset "utf-8"; 
/* @latest 2020.11.24 OSY */

.calendar009 {width:100%; height:100%; padding:30px; box-sizing:border-box; position:relative; background:#ffd491; z-index:0; overflow: hidden;}
.calendar009:before {z-index:0; width:calc(100% + 30px);height: calc(100% + 30px);float: left;content:"";position: absolute; z-index:-1; top:-15px; left:-15px;}

.calendar009 .titlebox {float:left;}
.calendar009 .titlebox h3 {font-size:18px; font-weight:600; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.calendar009 .ym_box {width:100%; padding:0; margin-bottom:30px; float:left; text-align:center; vertical-align:middle; box-sizing:border-box; font-size:0;}
.calendar009 .ym_box .ym_box2 {width:100%; float:left; vertical-align:middle; font-size:0;}
.calendar009 .ym_box a.btn_more {width:20%; float:right; text-align:right; line-height:30px; font-size:12px; opacity:0.5;}
.calendar009 .ym_box .ym_box2 span {min-width:14px; height:19px; display:inline-block; cursor:pointer; background-repeat:no-repeat; vertical-align:middle;}
.calendar009 .ym_box .ym_box2 div {width:30%; min-width:120px; display:inline-block; text-align:center; vertical-align:middle;}
.calendar009 .ym_box .ym_box2 div b {font-size:26px; color:#412b09; letter-spacing:-1px; font-weight:600; line-height:20px; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.calendar009 .ym_box .month_prev {background:url(/sample/layout/contents/calendar/calendar009/img/arrow_prev.png); background-position:0px 0px;}
.calendar009 .ym_box .month_next {background:url(/sample/layout/contents/calendar/calendar009/img/arrow_next.png); background-position:0px 0px;}

.calendar009 .dd_box table {width:100%; background:#fff; text-align:center; vertical-align:middle; border-collapse:collapse;}
.calendar009 .dd_box table thead.week {background:#9e6b1d;}
.calendar009 .dd_box table thead.week th {width:14.285%; font-size:18px; color:#fff; font-weight:400; padding:15px 0;}
.calendar009 .dd_box table td {color:#412b09; font-size:16px; font-weight:600;}
.calendar009 .dd_box table tbody td:first-child:not(.dd_xx) {color:#de1d6a}
.calendar009 .dd_box table tbody td:nth-child(7) {color:#295fb9;}
.calendar009 .dd_box table tbody tr:first-child td {padding-top:15px;}
.calendar009 .dd_box table tbody tr:last-child td {padding-bottom:15px;}

.layout_height_L .calendar009 .dd_box table tbody tr:first-child td {padding-top:5px;}

.calendar009 .dd_box table td.dd_xx {opacity:0.3;}
.calendar009 .dd_box table td.dd_on {overflow:hidden;}
.calendar009 .dd_box table td.dd_on span {display:inline-block; border-radius:100%; background:#ffd491; cursor:pointer; padding:8px;}
.calendar009 .dd_box table td.dd_on span:hover {background:#333; color:#fff;}
.calendar009 .dd_box table td.today_pc span {border-radius:100%; background:#9e6b1d; cursor:pointer; padding:8px;}
.calendar009 .dd_box table td.today_pc span:hover {background:#333;}


	.border-radius.br20 .calendar009 {border-radius:20px;}
	
	.layout_height_M .calendar009 .ym_box .ym_box2 div a,.layout_height_L .calendar009 .ym_box .ym_box2 div a {display:inline-block;padding-right:2px;box-sizing:border-box;max-width: 65%;vertical-align: sub;}
	.layout_height_M .calendar009 .ym_box .ym_box2 div b {box-sizing:border-box; width:auto; line-height:16px;}
	.layout_height_L .calendar009 .ym_box .ym_box2 div b {box-sizing:border-box; width:auto;}

	.layout_height_H .calendar009 .ym_box .ym_box2 div h3 {width:100%;}
	.layout_height_M .calendar009 .ym_box .ym_box2 div h3,
	.layout_height_L .calendar009 .ym_box .ym_box2 div h3 {max-width:100%; padding-bottom:0;}
	
	
	
	@media (min-width:600px){
		.calendar009 .dd_box table td.today_pc span {border-radius:100%; background:#9e6b1d; color:#fff; cursor:pointer;}
	}

	@media (min-width:800px){
		
		.layout_block1 .calendar009 .dd_box table thead.week th {padding:8px 0;}
		.layout_block1 .calendar009 .dd_box table td {height:30px;}
		.layout_block1 .calendar009 .dd_box table td.dd_on span,
		.layout_block1 .calendar009 .dd_box table td.today_pc span {min-width:20px; padding:3px;}
		
		.layout_height_H .calendar009 .ym_box {margin-bottom:15px;}
		.layout_height_M .calendar009 .ym_box {margin-bottom:10px;}
		.layout_height_L .calendar009 .ym_box {margin-bottom:0px;}
		.layout_height_H.layout_04 .calendar009 .ym_box,
		.layout_height_H.layout_04.layout_04ml .calendar009 .ym_box {margin-bottom:15px;}
		.layout_height_H.layout_04ml .calendar009 .ym_box {margin-bottom:0px;}
		
		.layout_height_L .calendar009 .ym_box .ym_box2 div b {font-size:16px;}
		.layout_height_L .calendar009 .ym_box .ym_box2 span {min-width:8px;}
		.layout_height_L .calendar009 .ym_box .month_prev,
		.layout_height_L .calendar009 .ym_box .month_next {background-size:100%; background-position:0 50%;}

		.layout_height_M .calendar009 .titlebox {width:33%; float:left;}
		.layout_height_M .calendar009 .ym_box {float:left;}	
		.layout_height_L .calendar009 .titlebox {width:33%; float:left;}
		.layout_height_L .calendar009 .ym_box {padding:0; float:left; height:25px;}

		.layout_height_H .calendar009 .dd_box table td {height:31px;}
		.layout_height_H.layout_04 .calendar009 .dd_box table td {height:26px;}
		.layout_height_M .calendar009 .dd_box table td {height:20px;}
		.layout_height_L .calendar009 .dd_box table td {height:10px; font-size:11px;}
		.layout_height_H .calendar009 .dd_box table thead.week th {padding:15px 0;}
		.layout_height_M .calendar009 .dd_box table thead.week th {padding:7px 0;}
		.layout_height_L .calendar009 .dd_box table thead.week th {padding:2px 0; font-size:11px; font-weight:400;}
		
		.layout_height_M .calendar009 .dd_box table tbody tr:first-child td,
		.layout_height_L .calendar009 .dd_box table tbody tr:first-child td {padding-top:5px;}
		.layout_height_M .calendar009 .dd_box table tbody tr:last-child td {padding-bottom:5px;}
		.layout_height_L .calendar009 .dd_box table tbody tr:nth-last-child(2) td {padding-bottom:5px;}

		.layout_height_H .calendar009 .dd_box table td.dd_on span,
		.layout_height_H .calendar009 .dd_box table td.today_pc span {padding:5px; display:inline-block; min-width:19px;}
		.layout_height_M .calendar009 .dd_box table td.dd_on span,
		.layout_height_M .calendar009 .dd_box table td.today_pc span {padding:4px; font-size:12px; display:inline-block; min-width:15px;}
		.layout_height_L .calendar009 .dd_box table td.dd_on span,
		.layout_height_L .calendar009 .dd_box table td.today_pc span {padding:2px; font-size:12px; display:inline-block; min-width:14px;}
		.layout_height_L .calendar009 {padding:8px 15px 15px;}
		.layout_height_L .calendar009 .dd_box table tbody tr:nth-child(6) {display:none;}

		.layout_height_H .calendar009 .dd_box table td span {min-width:15px;}
		.layout_height_M .calendar009 .dd_box table td span {min-width:15px;}
		.layout_height_L .calendar009 .dd_box table td span {min-width:14px;}
		
		.layout_height_H.layout_04 .calendar009 .ym_box .ym_box2 div b {font-size:23px;}
		.layout_height_M.layout_03 .calendar009 .ym_box .ym_box2 div b,
		.layout_height_M.layout_04 .calendar009 .ym_box .ym_box2 div b,
		.layout_height_M.layout_04.layout_04mr .calendar009 .ym_box .ym_box2 div b,
		.layout_block4 .layout_height_M.layout_04 .calendar009 .ym_box .ym_box2 div b {font-size:22px;} 
		
		.layout_04.layout_height_H .calendar009 .ym_box {padding:0;}
		.layout_04.layout_height_M .calendar009 .ym_box .ym_box2 div b {font-size:17px;}
		
	}
	@media (min-width:800px) and (max-width:990px){
		.layout_02.layout_height_M .calendar009 .ym_box .ym_box2 div b {font-size:18px;}
		.layout_03.layout_height_M .calendar009 .ym_box .ym_box2 div b {font-size:18px;}
		.layout_03.layout_height_L .calendar009 .ym_box2 {width:70%;}
	}

	@media (max-width:799px){
		.calendar009 .titlebox h3 {font-size:17px;}
		.calendar009 .ym_box .ym_box2 div b {font-size:20px;}
		.calendar009 .dd_box table thead.week th {padding:10px 0;}
		.calendar009 .dd_box table td {height:32px;}
		.calendar009 .dd_box table td.dd_xx {opacity:0.4;}

		.layout_height_L .calendar009 .ym_box {padding:8px 0;}
	}

	@media (min-width:600px) and (max-width:799px){
		.calendar009 .dd_box table td.dd_on span,
		.calendar009 .dd_box table td.today_pc span {padding:3px; display:inline-block; min-width:15px;}

		.layout_block4 > .layout_height_H .calendar009 .dd_box table thead.week th {padding: 17px 0;}
		.layout_block4 > .layout_height_M .calendar009 .dd_box table thead.week th {padding:4px 0;}
		.layout_block4 > .layout_height_H .calendar009 .dd_box table td {height:40px; padding:0;}
		.layout_block4 > .layout_height_M .calendar009 .dd_box table td {height:30px; padding:0;}
		.layout_block4 > .layout_height_L .calendar009 .dd_box table td {font-size:12px; height:19px; padding:0;}

		.layout_block4 > .layout_height_L .calendar009 .ym_box .ym_box2 div b,
		.layout_block4 > .layout_height_L .calendar009 .ym_box .month_prev:before, 
		.layout_block4 > .layout_height_L .calendar009 .ym_box .month_next:before {font-size:17px;}
		.layout_block4 > .layout_height_L .calendar009 .dd_box table thead.week th {padding:2px 0; font-size:11px;}

		.layout_block4 > .layout_height_H .calendar009 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_H .calendar009 .dd_box table td.today_pc span,
		.layout_block4 > .layout_height_H .calendar009 .dd_box table td:hover span {padding:7px; min-width:14px;}
		.layout_block4 > .layout_height_M .calendar009 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_M .calendar009 .dd_box table td.today_pc span {padding:4px; font-size:11px;}
		.layout_block4 > .layout_height_M .calendar009 .dd_box table td:hover span {padding:4px; min-width:15px;}
		.layout_block4 > .layout_height_L .calendar009 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_L .calendar009 .dd_box table td.today_pc span {padding:2px; font-size:11px; min-width:15px; }
		.layout_block4 > .layout_height_L .calendar009 .dd_box table td:hover span {padding:2px; }

		.layout_block4 > .layout_height_M .calendar009 .titlebox,
		.layout_block4 > .layout_height_L .calendar009 .titlebox { width:33%; float:left; }
		.layout_block4 > .layout_height_M .calendar009 .ym_box,
		.layout_block4 > .layout_height_L .calendar009 .ym_box {width:66%; float:left; padding-top:0; padding-bottom:0;}
		.layout_block4 > .layout_height_L .calendar009 {padding:8px 15px;}
		.layout_block4 > .layout_height_L .calendar009 .dd_box table tbody tr:nth-child(6) {display:none;}
	}
	@media (max-width:599px){

		.calendar009 .ym_box {padding:15px 0 7px; position:relative;}
		.calendar009 .ym_box .ym_box2 {width:auto; float:none; display:inline-block;}
		.calendar009 .ym_box .ym_box2 div b {font-size:17px;}

		.calendar009 .dd_box table td {height:30px;}
		.calendar009 .dd_box table td.today span {padding:3px; min-width:19px; color:#fff;}
		.calendar009 .dd_box table td.dd_on span {padding:3px; min-width:19px; font-weight:400;}
									  
	}
	@media (max-width:499px){
		.calendar009 .dd_box table td {font-size:14px;}
	}