#banner_item {transition: .5s;position: fixed;right: -202px;transform: translateX(-100%);width:202px;z-index: 8;-webkit-filter: drop-shadow(0px 0px 7px #00000033);filter: drop-shadow(0px 0px 7px #00000033);bottom: 12%;}
#banner_item .hooper {height: auto;outline: none;}
#banner_item .hooper-indicator {background: rgb(255 255 255 / 30%);}
#banner_item .hooper-indicator.is-active {background: rgb(66 133 244 / 85%);}
#banner_item td {padding: 0;}
#banner_item label {background: #4c4c4c;position: absolute;color: #ffffff;left: -2.125rem;width: 2.25rem;text-align: center;height: 100%;border-radius: 1rem 0 0 1rem;writing-mode:vertical-lr;}
#banner_item label i {cursor: pointer;position: absolute;bottom: 3px;left: 3px;writing-mode: horizontal-tb;
width: 100%;}
#banner_item label span {position: relative;height: 100%;display: block;padding-left: 0.25rem;}
#switch {display: none;}
#switch:checked+#banner_item {transform: translateX(0);}
#switch:checked+#banner_item i {transform: scaleX(-1);} 
.Master_title_H::before {content: attr(data-storke);position: absolute;-webkit-text-stroke: 0;text-shadow: initial;}
.date_ad {background: url(../../Civics-News/images/1208102_01.png) repeat-y, linear-gradient(to right, #f8d093 0%,#fae6df 40%,#fae6df 60%,#fbede0 100%);background-size: cover;height: 200px;font-weight: bold;}
.date_ad a {display: block;text-decoration: none;text-align: right;padding: 1.75rem 1rem 0 0;box-sizing: border-box;}
.date_ad a .Master_title_H {font-size: 2.75rem;line-height: 3.5rem;display: block;text-align: right;font-family: Meiryo, "Meiryo UI";font-weight: bold;color: #1B60C6;text-shadow: 5px 5px 5px rgb(29 29 29 / 55%);-webkit-text-stroke: 6px white;position: relative;}
.date_ad a .Master_title_Hs {display: block;font-size: 1.35rem;line-height: 2rem;}  
.date_ad a:hover {opacity: initial;}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .Master_title_Hs .sm\:block {display: initial;}
}

@media screen and (max-width: 767px) and (orientation: portrait) { 
    #banner_item {bottom: 15%;}
    #banner_item label {border-radius:.5rem 0 0 .5rem;}
    #banner_item label i{font-size: .5rem;}
    #banner_item {width:100px;right: -100px;}
    #banner_item .hooper-indicator {width: 6px;}
    .date_ad {height: 100px;}
    .date_ad a {padding: 0.5rem 1rem 0 0;}
    .date_ad a .Master_title_H {font-size: 1.25rem;line-height: 1.5rem;}
    .date_ad a .Master_title_Hs {font-size: 0.875rem;line-height: 1rem;padding: 0.25rem 0 0;}    
}