@charset "utf-8";
/* @latest 2021.03.17 YHY */
/* @latest 2021.04.14 YHY */
/* @latest 2022.10.07 JRA */

.calendar007 { width:100%; height:100%; float:left; margin:0 auto; box-sizing:border-box; position:relative; background:#003875; background: #f9f9f9; } 
.calendar007:before { content:""; width:5px; height:100%; float:left; position:absolute; left:31px; top:0; background:#000; opacity:0.5; } 
.calendar007 .cal07titbox { position:relative; background:inherit; display: block; } 
.calendar007 .titbox { text-align:left; box-sizing:border-box; position:relative; display:inline-block; padding-left:15px; background:inherit; width:100%; padding-left: 100px; } 
.calendar007 .titbox:before { /* content:"\f073"; */font-family:FontAwesome; font-size:20px; float:left; line-height:38px; position:absolute; top:15px; left:15px;background:rgba(255,255,255,0.8); border-radius:100%; width:38px; height:38px; text-align:center; } 
.calendar007 .titbox > a { float:left; } 
.calendar007 .titbox h3, .calendar007 .titbox .title { font-size: 18px;color: #333;line-height: 37px;font-weight:400;white-space:nowrap;display:block;box-sizing:border-box;position:relative;overflow:hidden;text-overflow:ellipsis;padding: 15px 0 2px;max-width: 100%;float:left;padding-right:35px; } 
.calendar007 .titbox h3:before, .calendar007 .titbox .title:before { content:"["; font-weight:600; padding-right:10px; color:#000; margin-top:3px; display:inline-block; font-size: 30px; vertical-align:bottom; opacity:0.7; } 
.calendar007 .titbox h3:after, .calendar007 .titbox .title:after { content:"]"; font-weight:600; /* padding-left:10px; */color:#000; font-size:30px; vertical-align:bottom; position: absolute; right: 15px; top: 18px; opacity:0.7; } 
.calendar007 .conbox_wrap { width:100%; float:left; } 
.calendar007 .dd_box { line-height: 45px;padding: 0 15px;position:relative;float: left;border-radius:4px;background: rgba(0,0,0,0.7);vertical-align:middle;position:absolute;left: 0;top:0;margin: 15px 15px 0 15px; } 
.calendar007 .dd_box > div { width:100%; text-align:center; box-sizing:border-box;display:inline-block; vertical-align:middle; line-height:normal; } 
.calendar007 .dd_box > div span.cMonthM { font-weight:600; font-size: 20px; color:#fff; display: inline-block; margin-right: 3px; letter-spacing: 0px; } 
.calendar007 .dd_box > div span.cMonthM + span { font-size:20px; color:#fff; } 
.calendar007 .dd_box > div span.cMonthY { font-weight:400; font-size: 16px; color:#fff; display:inline-block; line-height:30px; } 

.calendar007 .mm_event { width:100%; padding:25px 15px 15px 40px; box-sizing:border-box; float:left; overflow-y:scroll; padding-left:40px; } 
.calendar007 .mm_event ul { width:100%; } 
.calendar007 .mm_event ul li { width:100%; float:left; padding:0 0 14px; position:relative; } 
.calendar007 .mm_event ul li:before { content:""; position:absolute; left:-13px; top:5px; line-height:22px; font-size:20px; width:6px; height:6px;display:inline-block; border:4px solid rgba(0,0,0,0.9); border-radius:100%; background:rgba(255,255,255,0.5); } 
.calendar007 .mm_event ul li p { width:95%;font-size:15px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;padding-bottom:2px;padding-left:15px;color: #333; } 
.calendar007 .mm_event ul li span { font-size:14px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;padding-left:15px;opacity:0.8;color: #003875;opacity:0.7;font-weight: 600; } 

/*scroll bar*/
.calendar007 ::-webkit-scrollbar { width:10px; } 
.calendar007 ::-webkit-scrollbar-track { background:transparent; } 
.calendar007 ::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.5); } 
.calendar007 ::-webkit-scrollbar-thumb:hover { background:#000; } /*chrome*/

/*hover*/
/*.calendar007 .mm_event ul li:hover p { text-decoration:underline; } */
.calendar007 .mm_event:hover::-webkit-scrollbar-thumb { background:#000; } 


/* height setting */
.layout_height_H .calendar007 .mm_event, .layout_height_H .calendar007 .mm_event ul { max-height:280px; } 
.layout_height_M .calendar007 .mm_event, .layout_height_M .calendar007 .mm_event ul { height: 171px; padding-bottom: 0; } 
.layout_height_L .calendar007 .mm_event, .layout_height_L .calendar007 .mm_event ul { height: 80px; padding-right:130px; padding-bottom: 0; padding-top: 10px; } 
.layout_height_M .calendar007 .mm_event ul li p { padding-bottom:0; } 
.layout_height_L .calendar007 .titbox { height: 57px; /* padding-left: 131px; */ } 
.layout_height_L .calendar007 .titbox h3, .layout_height_L .calendar007 .titbox .title { /* line-height:25px; */ } 


@media (min-width:800px) {.layout_04 .calendar007 .dd_box { line-height:40px; padding:0 10px; } 
.layout_04 .calendar007 .dd_box > div span.cMonthM { display:inline-block; font-size:20px; } 
 }

@media (min-width:991px) {.layout_04 .calendar007 .titbox { /* padding-right:140px; */ } 
 }

@media (min-width:800px) and (max-width:1050px) {.layout_03 .calendar007 .dd_box { line-height:40px; padding:0 10px; } 
.layout_03 .calendar007 .dd_box > div span.cMonthM { display:inline-block; font-size:20px; } 
 }


@media (max-width:799px) {.calendar007 .dd_box > div span.cMonthM { font-size:18px; } 
.calendar007 .dd_box > div span.cMonthM + span { font-size:18px; } 
.calendar007 .titbox h3, .calendar007 .titbox .title { font-size:17px; } 
 }

@media (min-width:600px) and (max-width:799px) {.layout_block4 .layout_04 .calendar007 .dd_box { line-height:40px; padding:0 10px; } 
.layout_block4 .layout_04 .calendar007 .dd_box > div span.cMonthM { display:inline-block; font-size:20px; } 
 }


@media (max-width:599px) {.layout_height_M .calendar007 .mm_event, .layout_height_M .calendar007 .mm_event ul,
.layout_height_L .calendar007 .mm_event, .layout_height_L .calendar007 .mm_event ul { height:172px; margin-bottom:15px; } 
}