.cont .main{width:620px;float:right;}
.cont .side{width:170px;float:left; margin-right:30px;}
.cont .side .pagelist li{list-style-type:none;}
.cont .side .pagelist h2{border:1px solid #cccccc;padding:18px 16px;border-top:3px solid #2a7576;background-color:#edf4f4;}
.cont .side .pagelist ul{border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.cont .side .pagelist ul li{border-bottom:1px solid #cccccc;}
.cont .side .pagelist ul li a{padding:18px 50px 18px 16px;width:100%;box-sizing:border-box;display:inline-block;background:url(../img/common/link_mark.png);background-position:95% center;background-repeat:no-repeat;}
.cont .side .pagelist ul li.current_page_item a{color:#2a7576;}

/* page */
.page .sp_ctg{display:none;}

/* postlayout */
.page-header h1{font-size:22px;font-weight:bold;color:#2a7576 ;margin-bottom:20px;word-wrap: break-word;}
.page-content{padding:30px;border:1px solid #cccccc;}
.page-content h1{border-left:4px solid #2a7576;font-size:18px;padding-left:10px;font-weight:bold;line-height:20px;margin-bottom:10px;}
.page-content h2{color:#2a7576;font-size:18px;line-height:20px;margin-bottom:10px;}
.page-content h3{padding:10px;background-color:#edf4f4;color:#2a7576;font-size:18px;margin-bottom:10px;}
.page-content h4{line-height:20px;padding-left:20px;background-image:url(../img/post/hd_mark.png);background-repeat:no-repeat;background-position:left center;padding-top:3px;margin-bottom:10px;}
.page-content p{line-height:2em;margin-bottom:20px;}
.page-content hr{display:block;margin:0.5em 0;height:1px;border:none;border-bottom:1px solid #297374;}
.page-content blockquote{padding:20px 20px 20px 80px;background-color:#f0f0f0;font-size:12px;line-height:1.5em;background-image:url(../img/post/quote.png);background-repeat:no-repeat;background-position:20px 20px;margin:20px 0;}
.page-content blockquote p{margin:0;}
.page-content ul li{list-style-type:disc;list-style-position:inside;padding-left:1em;text-indent:-1em;}
.page-content ol li{list-style-type:decimal;list-style-position:inside;padding-left:1.25em;text-indent:-1.25em;}
.page-content .graybox{padding:20px;background-color:#f0f0f0;margin:20px 0;}
.page-content .graybox p{margin:0;}
.page-content a{color:#2a7576;text-decoration:underline;}
.page-content a:hover{text-decoration:none;}

/* imagealign */
.page-content img{display:block;max-width:540px;height:auto;margin:0 10px;box-sizing:border-box;}
.wp-caption{max-width:100%;padding:0 10px;box-sizing:border-box;}
.wp-caption p{font-size:12px;color:#666666;margin:5px 0;line-height:1.5em;}
.wp-caption img{margin:0;}
.page-content .alignnone{display:inline-block;}
.page-content .alignleft{float:left;}
.page-content .alignright{float:right;}
.page-content .aligncenter{float:none;margin:0 auto 20px;}

/* blogpostonly */
.blogpost .page-header h1{margin-bottom:0;}
.blogpost .page-header .date{margin-bottom:20px;}
.navigation{padding:20px 0 40px;}
.navigation h2{display:none;}
.navigation a{padding:5px 10px;}
.navigation .nav-prev{width:300px;float:left;text-align:right;}
.navigation .nav-next{width:300px;float:right;text-align:left;}

/* widget
--------------------------------------------------------------------*/
.cont .side .blogside .widget{list-style-type:none;margin-bottom:30px;}
.cont .side .blogside .widget h2{
    padding: 5px;
    background-color: #edf4f4;
    color: #2a7576;
    margin-bottom: 10px;
}
.cont .side .blogside .widget ul li a{box-sizing:border-box;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;display:block;width:100%;height:25px;line-height:25px;padding:0 5px;}
.cont .side .blogside .widget ul li{display:block;width:100%;height:25px;line-height:25px;}
.cont .side .blogside .widget ul li a:before { content:"» " }

/* calendar */
#wp-calendar {
  font-size:0.875em;
  width: 100%;
  color: #666;
}
#wp-calendar th{color:#2A7576;}
#wp-calendar th, #wp-calendar td {
  text-align: center;
}
#wp-calendar td a:link {
  text-decoration: underline;
}
#wp-calendar caption {
    color: #2a7576;
    margin-bottom: 10px;
    text-align:center;
}
#wp-calendar #prev {
  text-align: left;
  padding-top: 3px;
}
#wp-calendar #next {
  text-align: right;
  padding-top: 3px;
}

@media only screen and (max-width: 860px){
.page .cont,.single .cont{padding:0;}
.page-content{border:none;padding:10px;}
.page article{padding:0;}
.page .sp_ctg{display:block;text-align:center;font-size:21px;font-weight:bold;padding:15px;background-color:#edf4f4;}
.cont .side .pagelist h2{display:none;}
.cont .side .pagelist ul{border-top:1px solid #cccccc;border-left:none;border-right:none;}
.cont .side .pagelist ul li a{background:url(../img/common/link_mark_sp.png);background-position:98% center;background-repeat:no-repeat;}
.cont .main,.cont .side{width:auto;float:none;margin:0;}
.cont .side .blogside{margin-top:40px;padding:0 10px}


.page-content h1{font-size:16px;margin-bottom:20px;}
.page-content h2{font-size:15px;}
.page-content h3{font-size:15px;}
.page-content p{line-height:1.5em;}
.page .page-header h1{font-size:18px;margin-bottom:10px;padding:15px 10px;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}

/* blogpostonly */
.blogpost .page-header h1{font-size:18px;margin-top:30px;padding:0 10px;}
.blogpost .page-header .date{margin-bottom:10px;border-bottom:1px solid #cccccc;padding:5px 10px;}
.single .navigation{padding:40px 0 0;border-top:1px solid #cccccc;}
.navigation .nav-prev,
.navigation .nav-next{width:50%;padding:0 10px;box-sizing:border-box;}

}