@charset "UTF-8";

/* -------------------------------------
archive
------------------------------------- */
.archive_list {
	width:100%;
	max-width:460px;
}
.archive_list li {
	margin-bottom:40px;
}

/*.archive_list li .txtbk {
	width:calc(100% -  134px);
	max-width:310px;
}*/

.archive_list li .txtbk .date {
	color:#0086d1;
}
.archive_list li .txtbk .sttl {
	font-size: 19px;
}
.archive_list li:hover .txtbk .sttl {
	text-decoration: underline;
}


/* -------------------------------------
single old
------------------------------------- */
.img_left {
    float: left;
    margin: 0 15px 30px 0;
    width: 200px;
}
.img_right {
    float: right;
    margin: 0 0 30px;
    width: 200px;
}
.img_left p img,.img_right p img {
	width:100%;
}

.page_table_area table {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
}
.page_table_area table caption {
    font-size: 1.2em;
    font-weight: bold;
}
.page_table_area table th, .page_table_area table td {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
}
.page_table_area table th {
    background-color: #C4E4E8;
    color: #333333;
    font-weight: bold;
    text-align: center;
}


/* -------------------------------------
single
------------------------------------- */
.low.single .blk {
	padding-top:0;
}
.low.single .inblk .secttl {
	padding-top:30px;
	margin-bottom:30px;
}
.low.single .inblk .contentbk {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.low.single .inblk .contentbk .sec {
	margin-bottom:40px;
}
.low.single .inblk .contentbk .sttl {
	font-size:120%;
	padding-top:30px;
	margin-bottom:10px;
}
.low.single .inblk .contentbk .sttl:before {
	content:"■";
	display:inline-block;
}
.low.single .inblk .contentbk .sec .mcopy {
	font-size:110%;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.low.single .inblk .contentbk p {
	margin-bottom:20px;
}
.low.single .inblk .contentbk p span {
	display:block;
	padding-top:10px;
	margin-bottom:5px;
}
.low.single .inblk .contentbk ul {
	padding-left:1em;
	margin-bottom:10px;
}
.low.single .inblk .contentbk ul li {
	text-indent:-1em;
	
}
.low.single .inblk .contentbk ul li:before {
	content:"○";
}
.low.single .inblk .contentbk .sec .page_img {
	display:flex;
	flex-wrap:wrap;
}
.low.single .inblk .contentbk .sec .page_img .imgbk {
	width:calc((100% - 40px)/3);
	max-width:220px;
	margin-right:20px;
	margin-bottom:20px;
}
.low.single .inblk .contentbk .sec .page_img .imgbk:last-child {
	margin-right:0;
}
.low.single .inblk .contentbk .sec .page_img .imgbk img {
	width:100%;
	height:auto;
}

.low.single .inblk .contentbk .sec p img {
	max-width:462px;
}
.low.single .inblk .contentbk .sec img.size-full {
	width:100%;
	max-width:462px;
}


@media screen and (max-width: 1160px) {



}

@media screen and (max-width: 1060px) {


}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 880px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 768px) {


/* -------------------------------------
topics archive
------------------------------------- */
.topics .topic_list {
padding:0;
}
.topics .topic_list li .txtbk p {
display: block;
}
.topics .topic_list li .txtbk .date {
margin-bottom:7px;
padding-left:0.5em;
}
.topics .topic_list li .txtbk .catname  {
padding:3px 10px;
}


}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {


/* -------------------------------------
topics archive
------------------------------------- */
.topics .ttlbk {
position:relative;
}
.topics .ttlbk .secttl {
margin-bottom:20px;
}
.topics .ttlbk #btnlist {
display: flex;
justify-content: flex-end;
position:static;
}

.topics .topic_list {
display:block;
}
.topics .topic_list li {
width:100%;
}
.topics .topic_list li .txtbk {
max-width:calc(100% - 134px);
}



}
@media screen and (max-width: 500px) {


}
@media screen and (max-width: 400px) {



/* -------------------------------------
topics archive
------------------------------------- */
.topics .topic_list li .imgbk {
width:calc((100% - 20px)*.37);
max-width: 114px;
}
.topics .topic_list li .txtbk {
width:calc((100% - 20px)*.63);
max-width:calc((100% - 20px)*.63);
}

}

@media screen and (max-width: 320px) {
.topics .ttlbk #btnlist li {
	font-size: 13px;
	padding: 10px 7px;
	margin-right: 10px;
}

}

@media screen and (min-width: 769px) {
}