@charset "UTF-8";
body, html {
overflow: hidden;
width: 100%;
}
/* Calendar */
h4.sh-headline {
border-left: none !important;
padding: 1.5em;
}
.card-white {
background-color: #fff;
}
.sh-date {
width: 4em;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
float: left;
overflow: hidden;
margin-right: 0.5em;
}
.sh-date .monthly {
text-align: center;
font-size: 12px !important;
color: #fff;
padding: 3px 0;
background-color: #0275d8;
}
.sh-date .date {
text-align: center;
font-size: 20px;
color: #0275d8;
padding: 5px 0;
background-color: #fff;
font-weight: bold;
}
h4.sh-headline #post-contents p {
line-height: 1.6;
}
.sh-timeline {
background-color: #fff;
}
/* Political */
p.po-ribbon {
background-color: #f4ca18;
display: inline-block;
}
p.po-ribbon span.hd {
font-size: 18px;
background-color: #f4ca18;
color: #233b98;
padding: 3px 0;
text-align: center;
display: block;
width: 100%;
}
p.po-ribbon span.main {
color: #233b98;
font-weight: bold;
font-size: 24px;
padding: 0px 20px 20px;
text-align: center;
display: block;
width: 100%;
}
p.po-ribbon span.item {
font-size: 14px;
background-color: #233b98;
color: #fff;
padding: 3px 10px;
text-align: center;
display: block;
width: 100%;
}
h2.po-headline {
font-size: 36px;
}
h2.po-headline:after {
background-color: #233b98 !important;
width: 100% !important;
}
h2.po-headline span.item {
display: block;
font-size: 24px;
width: 100%;
}
.color-po {
color: #233b98;
}
.w100 {
width: 100;
}
.wide-width {
margin:0 -100%;
background-color: #E6E8EB;
}
.col-hrp-offset-2 {
margin-left: 16.66666667%;
}
/* Color */
.color-po {
color: #233b98;
}
/* Bg */
.bg-seicho {
background-color: #f4ca18 !important;
}
@media (max-width: 550px) {
.sh-date {
float: none !important;
margin-bottom: .5em;
}
.wide-width {
margin: 0 -15px;
}
.col-hrp-offset-2 {
margin-left: 0;
}
}