@charset "utf-8";
/*------------------------------------------------------------
NEWS
------------------------------------------------------------*/


/*index&category*/
.page_news .tab{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;align-items: center;}
.page_news .tab li{flex-grow: 1;text-align: center;align-items: center;font-weight: 700;}
.page_news .tab li+ li {  border-left: 1px solid #ccc;}
.page_news .tab li a{padding: 20px 0;display: block;width: 100%;}
.page_news .tab li a:hover {opacity: 0.7}
.page_news .tab li a.act{background: #f6ad33;color: #fff}
.page_news .tab li:nth-child(2) a.act{background: #f29300}
.page_news .tab li:nth-child(3) a.act{background: #6db92c}
.page_news .tab li:nth-child(4) a.act{background: #1a90ad}

.page_news  .comBtn a {background-color: #3FA9F5;}
.page_news  .comBtn a:hover {opacity: 0.7;}
.page_news  .pagination{text-align: center}
.page_news  .pagination a{padding:0 12px}

/*detail*/
.page_news .detail .newsList li{display: flex;align-items: flex-start;padding: 12px 0;align-items: center;}
.page_news .detail .newsList li .time01 {width:auto;min-width: auto;font-weight: 700;color: #36414B;}
.page_news .detail .newsList li .time02 {margin-top: 2px;width:auto;min-width: auto;padding: 0 10px;color: #36414B;font-weight: 400;}
.page_news .detail .newsList li .tag {margin: 2px 28px 0 0;width: 144px;}

.page_news .detail h3,
.page_news .detail .date{text-align: left}
.page_news .detail h3{font-size: 3rem;font-weight: bold; }
.page_news .detail .ph img{width: 100%;height: auto}
.page_news .detail .blogcontent{padding: 50px 0; text-align: left}
.page_news .detail .blogcontent img{max-width: 100%;height: auto;display: block}
.page_news .detail .blogcontent .thumne img{border-radius: 10px}
.page_news .detail .wimg img,
.page_news .detail .blogcontent .thumne img{width: 100%!important;height: auto}
.page_news .detail .blogcontent a{text-decoration: underline;display: block}
.page_news .detail .blogcontent p{margin:initial;padding: initial;font-size:initial }
.page_news .detail .blogcontent ol,.page_news .detail .blogcontent ul,.page_news .detail .blogcontent li{list-style: initial;margin:initial;padding: initial; }
.page_news .detail .blogcontent ul{
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}
.page_news .detail .blogcontent ol{
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
.page_news .detail .blogcontent ol[type="1"] li {
  list-style-type: decimal;
}

.page_news .detail .blogcontent ol[type="i"]  li{
  list-style-type: lower-roman;
}

.page_news .detail .blogcontent ol[type="I"] li {
  list-style-type: upper-roman;
}
.page_news .detail .blogcontent ul[type="circle"] li{
	
	list-style-type: disc;
}


@media screen and (max-width: 768px) {/*スマホのスタイル*/

.page_news .tab li+ li {  border: none}
.page_news .tab li{width: 45%;padding: 5px 6px;border: 1px solid #ccc!important;}

.page_news  .pagination{}

}


.page_news .news{padding-top: 60px}
.page_news .news dl{border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.page_news .news dt{text-align: left; width: 36%;}
.page_news .news .date{color: #f08329;position: relative;padding-left: 17px;width: 33%}
.page_news .news .date::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 8px solid #f08329;
}
.page_news .news .marugame{vertical-align: middle; background: #6db92c;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_news .news .takamatsu{vertical-align: middle; background: #1a90ad;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_news .news .murakami{vertical-align: middle; background: #e5921e;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_news .news .cate{width: 33%;font-size: 1.3rem;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_news .news dt{text-align: left; width: 100%;}
.page_news .news .marugame,
.page_news .news .takamatsu,
.page_news .news .murakami{font-size: 1.1rem}
.page_news .news dd{padding-left: 18px;margin-top: 10px;text-align: left}
}