@charset "utf-8";
/* ------------------------------------------------------------------------------
category
------------------------------------------------------------------------------ */
.catHeadTit {
font-size: 123.1%;
color: #fff;
}
.catHeadTit a {
text-decoration: none;
color: #fff;
}
.catHeadTit a:hover {
opacity: 0.5;
}
.catCont li {
position: relative;
}
.catCont li .catIcon {
width: 18px;
height: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-o-border-radius: 18px;
-ms-border-radius: 18px; 
border-radius: 18px;
background-color: #103877;
position: absolute;
top: 50%;
margin-top: -9px;
}
.catCont a {
text-decoration: none;
color: #363636;
display: block;
}
.catCont a:hover {
opacity: 0.6;
}
.catCont li.catTit {
background-color: #F2F2F2;
}
.catDay {
font-size: 100%;
margin-bottom: 5px;
}
.catTit {
font-size: 108%;
font-weight: bold;
}
.catStit {
font-size: 108%;
font-weight: bold;
margin-bottom: 10px;
}
.catTxt {
font-size: 100%;
margin-bottom: 5px;
}


/* SP */
@media screen and (max-width: 768px) {
header {
height: 70px;
}
.catHeadTit {
width: 100%;
text-align: center;
padding-top: 26px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-weight:bold;
padding:0 10px;
box-sizing: border-box;
}
.catHeadTit img {
margin-bottom: 3px;
margin-right: 18px;
}
.catCont {
width: 100%;
}
.catCont li {
padding: 20px 12px;
border-bottom: 1px solid #E2E2E2; 
}
.catDtl {
width: 95%;
}
.catCont li .catIcon {
right: 12px;
}
span.mark1 { background-color: yellow; } /* 黄色ハイライト用 */
span.mark2 { background-color: lime; }   /* 緑色ハイライト用 */
span.mark3 { background-color: #0ff; }   /* 水色ハイライト用 */
}


/* PC */
@media screen and (min-width: 769px) {
.catHeadTit {
width: 100%;
font-weight: bold;
font-size: 153.9%;
text-align: center;
margin: 0 auto;
padding: 30px;
}
.catHeadTit img {
margin-bottom: 8px;
margin-right: 40px;
}
.catCont {
width: 700px;
margin: 0 auto 25px;
border-top: 1px solid #E2E2E2;
box-shadow: 1px 1px 7px #ececec;
}
.catCont li {
padding: 20px;
border-bottom: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
}
.catCont li .catIcon {
right: 20px;
}
span.mark1 { background-color: yellow; } /* 黄色ハイライト用 */
span.mark2 { background-color: lime; }   /* 緑色ハイライト用 */
span.mark3 { background-color: #0ff; }   /* 水色ハイライト用 */
}