@charset "UTF-8";

.blog-style #main-cont{margin-bottom:40px; position:relative; background:#FFF;}
.blog-top .post-roll{padding:20px 0;}
.single-post .post-roll{background:#FFF;}
.breadcrumbs{padding:10px 8%;}
.breadcrumbs p{margin:15px 0; font-size:14px;}

#blog-content{padding:30px 8%; background:url(../img/common/bg_top-info.png);}
#blog-content.single-post{background:#FFF;}

.blog-top-post{margin:15px 2% 20px; display:inline-block; vertical-align: top; width:44%;}
.blog-top-post .tit{font-size:16px; padding:0; font-weight:bold; text-align:left;}
.blog-top-post .txt{display:none;}
.blog-top-post p.time{text-align:right;  font-size:12px;}
.blog-top-post .photo{text-align:center; position:relative;}
.blog-top-post .photo img {
    width: 100%;
    border-radius: 8px;
    background: #FFF;
    height: 120px;
    object-fit: contain;
}
.blog-top-post .photo .cat a{
	display:block;
	padding:5px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	bottom:-5px;
	left:0;
	font-size:12px;
	background:#17bebb;
	border-radius:4px;
}
.blog-top-post .photo .office a{
	display:block;
	padding:5px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	top:-5px;
	right:0;
	font-size:12px;
	background:#b8d742;
	border-radius:4px;
}
.blog-top-post .photo .info a{background:#17bebb;}
.blog-top-post .photo .intro a{background:#17bebb;}
.blog-top-post .photo .worry a{background:#17bebb;}
.blog-top-post .photo .event a{background:#17bebb;}
.blog-top-post .photo .schedule a{background:#e4572e;}
.height-set{margin-top:10px;}
.post-roll #next{margin:20px 8%; text-align:center;}

.blog-list li{border-top:1px solid #ddd; overflow:hidden;}
.blog-list a{display:table; width:100%; padding:15px 20px 5px;}
.blog-list a span{display:table-cell; vertical-align:middle; font-weight:bold;}
.blog-list a .thumb{width:70px; padding-right:10px;}
.blog-list a:hover img{opacity:0.7;}

.post-title__wrapper {text-align: center;}
.post-title{font-size:26px; background: linear-gradient(transparent 70%, #ffff7f 0%); display: inline; padding:5px;}

.post-header{ position:relative; padding:15px 0; width:100%; overflow:hidden;}
.post-header .post-time{float:right; width:40%; text-align:right; font-size:14px;}
.post-header .tit-blog-post{float:left; width:60%;}
.post-header .tit-blog-post h2{font-size:20px; margin:20px 0 10px;}
.post-header .social-button li{display:inline-block; vertical-align:middle; line-height:10px;}

.tit-cat{text-align:center; color:#17bebb; font-weight:bold; margin-bottom:20px;}
.tit-cat span{border-bottom:2px solid #17bebb; padding-bottom:10px; }
.post h2{background:#fff68e; font-size:24px; padding:5px 10px; border-radius:8px; margin:20px 0 60px;}
.post h3{color:#68b82d; font-size:22px; margin:20px 0 60px;}
.post h4{font-size:20px; margin:20px 0 40px;}
.post h5{font-size:18px; margin:18px 0 40px;}
.post{margin:20px 0;}
.post p{font-size:16px; line-height:34px;}
.post li{position:relative; padding:0px 0 0 30px; margin-bottom:10px;}
.post li:before{color:#68b82d; content:"●"; position:absolute; top:0; left:0;}
.post a{color:#d14865; text-decoration:underline;}
.post a:hover{text-decoration:none;}


.post th,td {
    border: solid 1px gray;          

}
.post table {
    border-collapse:  collapse; 
    width:  100%;               
}
.post th {
    width:  100px;              
    text-align: left;   
    padding: 5px;         
}
.post td {
    text-align:  left;    
    padding: 5px;         
}





.single-foot{background:url(../img/common/bg_top-info.png); padding:40px 8%;}
.single-foot h2{text-align:center; font-size:16px; margin-bottom:20px;}
.single-foot h2 span{background:url(../img/common/line_txt-wavegreen.png) repeat-x bottom left; padding:0 10px 10px; background-size: 15px;}
#next{text-align:center;}
#next .btn-link{width:280px; margin:0 auto; cursor: pointer;}

.post-footer .list-foot-contact li{
	border:1px solid #68b82d;
	color: #68b82d;
}
.post-footer .tit-post-foot {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
}
.post-footer .tit-post-foot:before {
    content: "＼";
    margin-right: 10px;
}
.post-footer .tit-post-foot:after {
    content: "／";
    margin-left: 10px;
}
.article-categories {
    background: none;
    padding: 0;
    width: 100%;
    margin: 30px auto 60px;
    padding: 0 30px;
    border-radius: 30px;
    box-sizing: border-box;
}
.article-categories .office {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fbfbeb;
    margin-bottom: 16px;
    padding: 15px 5px;
    border-radius: 15px;
}
.article-categories .office__title {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
    margin-right: 20px;
}
.article-categories .office__title span {
    display: none;
}
.article-categories .office ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: center;
    width: 100%;
    margin: 3px 0 0;
}
.article-categories .office li a {
    display: block;
    color: #68b82d;
    border: 1px solid #68b82d;
    padding: 2px 10px;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    transition: all .3s;
}
.article-categories .office li a:hover {
    background: #68b82d;
    color: #fff;
}
.article-categories .categories {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fbfbeb;
    padding: 15px 5px;
    border-radius: 15px;
}
.article-categories .categories__title {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    margin-top: 6px;
    margin-right: 20px;
}
.article-categories .categories__title span {
    display: none;
}
.article-categories .categories ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}
.article-categories .categories ul li {
    min-width: 46%;
    margin: 0 2%;
}
.article-categories .categories ul li a {
    margin: 5px auto;
    text-align: center;
    padding: 2px;
    border: 1px solid #17bebb;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #17bebb;
    display: block;
    transition: all .3s;
}
.article-categories .categories ul li a:hover {
    background: #17bebb;
    color: #fff;
    text-decoration: none;
}
.article-categories .categories-color ul li a {
    margin: 5px auto;
    text-align: center;
    padding: 2px;
    border: 1px solid #a5c13a;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #a5c13a;
    display: block;
    transition: all .3s;
}
.article-categories .categories ul li a:hover {
    background: #a5c13a;
    color: #fff;
    text-decoration: none;
}

@media (min-width: 768px) {
.blog-style #main-cont{margin-bottom:0; padding-bottom:20px; }
.blog-top-list .blog-top-post:nth-child(2n){margin-left:14px;}
.blog-top-post{display:inline-block; width:46%; vertical-align:top; margin:0 1.5% 20px;}
.blog-top-post .tit{padding:10px 0 0; font-size:18px;}
.blog-top-post .txt{padding:10px 20px 0; font-size:14px;}
.blog-top-post ul{padding:25px 20px 20px;}
.blog-top-post ul .cat a{min-width:200px;}
.blog-top-post a:hover img{opacity:0.7;}
.blog-top-post a:hover{text-decoration:underline;}
.blog-top-post .photo img {
    height: 180px;
}
.tit-cat{font-size:24px; margin-bottom:50px;}
.post-title{font-size:28px; padding:10px;}

.post-header{margin:60px 0px 40px; padding:30px 0 0; position:relative; overflow:hidden;}

.post-header .tit-blog-post h2{font-size:32px;}
.post-header .social-button li{display:inline-block; vertical-align:middle; line-height:10px;}

.post-roll{margin:15px;}
.post{margin:0px 40px;}
.post h2{font-size:26px; padding:5px 10px;}
.post h3{margin:80px 0 60px; font-size:24px;}
.post p{font-size:16px; margin-bottom:20px;}
.post ul{margin-bottom:20px;}
.post li{position:relative; padding:0px 0 0 30px; margin-bottom:10px;}
.post a{color:#d14865; text-decoration:underline;}
.post a:hover{text-decoration:none;}

.post-roll .post-block{margin:0px 40px;}
.pc-blog-list li{border-top:1px solid #e5e5e5;}
.blog-top-post{text-align:left;}
.blog-style .blog-list{margin:0　0 20px;}


.tit-list{font-size:16px; line-height:18px;  padding:0px 20px 10px; margin-bottom:10px; font-weight:bold;}
.post-thumb{width:180px;}
.post-txt-data{width:480px;}
.tit-blog-post dd h3{font-size:26px; line-height:36px;}
.tit-blog-post dd h3 a{text-decoration:none;}
.post-block{padding:15px 0px;}
.blog-list a:hover{text-decoration:underline;}
#blog-content .breadcrumbs{position:absolute; top:10px;}
.single-foot{padding:60px 8%;}
.single-foot h2{margin-bottom:30px;}

.post-footer .tit-post-foot {
    font-size: 24px;
    font-weight: bold;
 }
 .article-categories {
    width: 70%;
    max-width: 934px;
    margin: 80px auto;
    padding: 50px 60px;
    background: #fbfbeb;
}
.article-categories .office {
    flex-direction: row;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.article-categories .office__title {
    font-size: 22px;
    width: 140px;
    text-align: right;
}
.article-categories .office__title span {
    display: inline;
}
.article-categories .office ul {
    justify-content: start;
    width: calc(100% - 160px);
}
.article-categories .categories {
    flex-direction: row;
    padding: 0;
    border-radius: 0;
}
.article-categories .categories__title {
    font-size: 22px;
    width: 140px;
    text-align: right;
}
.article-categories .categories__title span {
    display: inline;
}
.article-categories .categories ul {
    justify-content: start;
    margin: 10px 0 0;
    width: calc(100% - 160px);
}
.article-categories .categories ul li {
    min-width: unset;
    margin: 0;
}
.article-categories .categories ul li a {
    margin: 0 10px 10px 0;
    padding: 2px 30px;
}


}


@media (min-width: 940px) {

.single-post .post-roll{width:800px; margin:40px auto;}

.blog-top{width:100%;}
.blog-top .post-roll{margin:0; padding:60px 0;}

.breadcrumbs p{width:1000px; margin:20px auto 0;}

.blog-style #main-cont{padding-bottom:40px;}
.page-title .pc-inner{width:1000px; margin:0 auto;}
.post-header{padding:0;}
.post{margin:0;}
.post img{max-width:800px;}

.height-set{margin-top:0;}

.single-foot{padding:100px 0 120px;}
.single-foot h2{font-size:26px; margin-bottom:50px;}
.single-foot h2 span{background-size:auto;}
.blog-top-list {text-align:left; width:1000px; margin:20px auto;}
.blog-top-list li ,.blog-top-list li:nth-child(2n){width:220px; margin:0 30px 30px 0 !important;}
.blog-top-list li:nth-child(4n){margin-right:0 !important;}


}



iframe.wp-embedded-content {
    max-width: 100%;
    margin: 20px auto;
}