@charset "UTF-8";
/* Blog sideCol
------------------------------ */
.twoCol #sideCol .widget {
margin-bottom: 2em;
}
.twoCol #sideCol .widget:last-of-type {
margin-bottom: 0;
}
.twoCol #sideCol h2 {
display: block;
text-align: left;
}
/* Blog Calendar
----------------------------------------- */
.twoCol #sideCol .blogCalendar {
width: 100%;
border-collapse: separate;
border-spacing: 5px;
}
.twoCol #sideCol .blogCalendar th {
border-bottom: 1px solid #808080;
}
.twoCol #sideCol .blogCalendar .sunday {
color: red;
}
.twoCol #sideCol .blogCalendar .saturday {
color: blue;
}
.twoCol #sideCol .blogCalendar .month .wrap {
width: 100%;
display: table;
}
.twoCol #sideCol .blogCalendar .month .wrap span {
display: table-cell;
vertical-align: bottom;
line-height: 1.5;
}
.twoCol #sideCol .blogCalendar .month .wrap .pre {
text-align: left;
}
.twoCol #sideCol .blogCalendar .month .wrap .next {
text-align: right;
}
.twoCol #sideCol .blogCalendar .today {
background: #60caad;
}
.twoCol #sideCol .blogCalendar a {
display: block;
background: #efefef;
}

/* Blog base
------------------------------------------ */
#contentsTitle {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.postDetail .date {
font-weight: bold;
text-align: center;
}
.postDetail .time {
color: #9b9b9b;
font-family: 'Helvetica','Neue Haas Grotesk';
letter-spacing: 0.2em;
}
.entryList {
margin-bottom: 50px;
}

/* pagination
------------------------------------------ */
.pagination .paginationWrap {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.pagination .paginationWrap span {
padding-right: 1em;
padding-left: 1em;
}



/* KYOUTSU END // PC BASE ==================== */
@media only screen and (min-width: 1080px){	
/* Blog twoCol
============================================== */
.twoCol .container {
display: table;
}
.twoCol .contentWrap {
padding-right: 2em;
display: table-cell;
vertical-align: top;
}
/* Blog Archive List
------------------------------ */
.twoCol #sideCol .widget h2 {
margin-bottom: 0.3em;
padding-left: 0.5em;
border-left: 10px solid  #e02e2e;
}
.twoCol #sideCol li {
text-align: left;
}
/* Blog Calendar
============================================== */
.twoCol #sideCol {
width: 25%;
display: table-cell;
text-align: center;
}

/* Blog base
============================================== */
.Blog #header {
margin-bottom: 150px;
}
.Blog .container {
margin-bottom: 200px;
width: 810px;
}
#contentsTitle {
margin-bottom: 49px;
width: 1080px;
}
.postDetail .date {
margin-bottom: 60px;
}
.Blog .postNavi {
padding-top: 150px;
text-align: center;
}


}/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1079px){

/* twoCol  sideCol
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.twoCol #sideCol {
margin-top: 1em;
margin-right: auto;
margin-left: auto;
width: 90%;
display: block;
}
.twoCol #sideCol h2 {
margin-bottom: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
background: #efefef;
}
.twoCol #sideCol .widget ul {
text-align: left;
}
.twoCol #sideCol .widget ul li {
margin-left: 1em;
list-style-type: disc;
list-style-position: inside;
}


/* Blog base
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.Blog #header {
margin-bottom: min(10vw,150px);
}
.Blog .container {
margin-bottom: min(10vw,200px);
}
#contentsTitle {
margin-bottom: min(10vw,49px);
}
.postDetail .date {
margin-bottom:  0px;
}
.Blog .postNavi {
padding-top: 5%;
font-size: min(10vw,16px);
text-align: center;
}




}/* SP END |||||||||||||||||||||||||||||||||||||||| */