/* body,
main {
    background: lightgrey;
} */
body {
    background-image: url('../img/YosedayoriBack.jpg');
     /* background-color: #e4e4e4; */
}

.SectionContainer{
    background: #fff;
    padding: 5px;
    margin: 10px auto;
    border-radius: 2px;
    width: 99%;
}

.SectionContainer_half{
    background: #fff;
    padding: 5px;
    margin: 0 auto;
    border-radius: 2px;
    width: 49%;
}

.YosedayoriMonth {
    background: burlywood;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
    color: #fff;
    margin-top: 2px;
    padding: 10px;
    font-weight: bold;
    position: relative;
    border: 4px solid #8c0000;
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}

.YosedayoriMonth::before {
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    content: '';
    border: .1px solid white;
}

.article-title {
    border-left: 10px solid red;
    border-bottom: 3px solid red;
    padding: 5px 0 0 5px;
    font-size: 16px;
    margin: 5px 0;
    padding-bottom: 5px;
    /* margin-bottom: 0; */
    font-weight: bold;
}

.article-image-caption{
    display: flex;
    flex-direction: column;
    }

.article-image-left{
    display: flex;
    flex-direction: column;
    float: left;
}

.article-image{
    display: flex;
    margin-top: 5px;
    margin-left: 5px;
}

.image-caption{
    width: 80px;
    font-size: .8em;
    text-align: center;
    }

.ImageNotice-center{
    display: flex;
    align-items: center;   
}

.flex {
    display: flex;
}

.column {
    display: flex;
    flex-direction: column;
}

.flex-items-start{
    display: flex;
    align-items: start;
}

.flex-items-center{
    display: flex;
    align-items: center;
}

.spacearound {
    justify-content: space-around;
}

.fl-l {
    float: left;
    padding-right: 5px;
}

.fl-r {
    float: right;
}

.column div {
    margin-bottom: 5px;
}

.column div:first-child {
    margin-top: 5px;
}

.column div img {
    padding-right: 5px;
    float: left;
}

.pr-5px{
    padding-right: 5px;
}
.MonthShunin{
    display: inline;
    background-color: #8c0000;
    color: white;
    font-size: 16px;
    border-radius: 5px 5px 0 0;
    padding: 2px 10px;
}

.img-width{
    width: 100%;
}

.wid-80px{
    width: 80px;
}

.margin-auto{
    margin: 0 auto;
}
.
/* .ShinuchiIntroduction {
    margin-top: 5px;
    display: flex;
    font-size: .9em;
    line-height: 1.2em;
    width: 50%;
} */

/* .mrbl-5px {
    margin: 0 5px 5px 5px;
} */

.section3 {
    margin: 5px 5px 5px 0;
    font-size: .9em;
}

.rakugo4mei{
    font-size: .8em;
    text-align: center;
}
.rakugo4mei+div {
    /* width: 25%; */
    text-align: center;
}

.SuehiroNakairiTalk {
    border: solid 2px darkgreen;
    padding: 1px;
}

li {
    list-style: none;
    font-size: .9em;
}

.column>div{
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

.kongetsunoyoseatsume ul li:nth-child(odd) {
    text-align: center;
    margin: 5px auto;
    padding: 5px;
}

/* .fixed{
    position: fixed;
} */

.kongetsunoyoseatsume ul li:nth-child(even) {
  padding-right: 10px;
    margin: 5px auto;
}

.kongetsunoyoseatsume ul li:last-child,.SuehiroteiNakairiTalk ul li:last-child{
    padding-bottom: 5px;
}


.SuehiroteiNakairiTalk ul li {
    border-bottom: 1px dotted #ccc;
    padding: 2px 5px 2px 0;
    line-height: 1.5em;
}

.SuehiroteiNakairiTalk ul li:last-child {
    border: none;
}

.SuehiroteiNakairiTalk ul li:nth-child(2n+1):before {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    color: white;
    content: "末";
    text-align: center;
    line-height: 20px;
}

.SuehiroteiNakairiTalk ul li:nth-child(2n):before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: blue;
    color: white;
    content: "広";
    text-align: center;
    line-height: 20px;
}

.MiniWindow {
    /* background: #fff; */
    overflow: auto;
    border-top: dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
    width: 95%;
    height: 225px;
    font-size: 12px;
    padding-top: 5px;
    margin: 20px;
}

.mr-5{
    margin-right: 5px;
}

@media(min-width: 340px){
    .flex-items{
        display: flex;
        align-items: center;
    }
}

@media(max-width: 360px){
    .over-360px{
        display: none;
    }
}

@media(min-width: 359px){
    .under-359px{
        display: none;
    }
}

@media(max-width: 414px){
    .notice{
        font-size: 80%;
        line-height: 1.2em;
    }
}

@media(max-width: 1100px){
    .over-1100px{
        display: none;
    }
}

@media(min-width: 1099px){
    .under-1099px{
        display: none;
    }
}