@charset "UTF-8";
/* sp
----------------------------------------------- */
.blog .main-item{width:100%;margin: 0 auto;}
.blog .bloglist{width: 100%;display:block;margin: 0 auto;}
.blog .bloglist .item{border-bottom: 1px dashed #ccc;font-weight: bold;margin-bottom:5%;padding-bottom:5%;}
.blog .bloglist .item-thum{
    vertical-align: top;
    width: 50%;
    padding-top: 25vw;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #eee;
    display: inline-block;
}
.blog .bloglist .item img{object-fit: cover;-o-object-fit: cover;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;height: auto;}
.blog .bloglist .item .textbox{display: inline-block;vertical-align: top;width: 44%;margin: 0 0 0 2vw;}
.blog .bloglist .item .data{margin-bottom: 6%;color: #fb718a;line-height: 1;font-family: "Josefin Sans";letter-spacing: 0.4vw;}
.blog .bloglist .data span{display:inline-block;background:#ffdee4;font-size:85%;color:#000;padding:0 15px;border-radius:20px;margin-left:10px;}
.blog .bloglist .item .tit{font-size: 3.6vw;line-height: 1.5;margin: 0;}
.blog .bloglist .item .txt{font-size:3vw;line-height: 1.5;margin-bottom: 15px;font-weight: normal;}
.blog .bloglist .item a{padding:3%;width:60%;display: block;background: #f8b4bd;color: #fff;margin-left: auto;border-radius: 20px;text-align: center;position: relative;}
.blog .bloglist .item:nth-last-child(1){border-bottom:none;}

.blog .aside-item{width: 90%;display:block;margin:0 auto;}
.blog .aside-item .category{width: 100%;vertical-align:top;margin-bottom: 5%;}
.blog .aside-item .category .ttl{background: #98c6ed;font-weight:bold;text-align:center;margin-bottom:0;color: #fff;}
.blog .aside-item .category .ttl:after{content:none;}
.blog .aside-item .ctg_list h4 {line-height: 1.4;padding: 8px 5px 0;margin: 0;display: block;position: relative;font-weight: bold;font-size: 14px;color: #585858;}
.blog .aside-item .ctg_list h4:after{content: "\f107";font-family: 'icon';position:absolute;right:15px;}
.blog .aside-item .ctg_list h4.active:after{content: "\f106";}
.blog .aside-item .ctg_list ul {display: none;}
.blog .aside-item a,.blog .aside-item p{font-size:3vw;padding:6% 2%;line-height: 1.4;margin: 0;display: block;position: relative;font-weight: bold;color: #585858;}
.blog .item-category a{padding-left:8%}

.blog .blog-detail{width:100%;}
.blog .blog-detail .date{font-size:4vw;margin-bottom:2%;color: #fb718a;font-weight: bold;}
.blog .blog-detail .date span{font-size:75%;}
.blog .blog-detail .ttl{font-size:4.5vw;line-height: 1.3;font-weight: bold;margin-bottom: 3vw;}
.blog .btn a{border: 1px solid #ffcfca;padding: 2vw 0;border-radius:20px;position:relative;font-weight:bold;color: #ff4c6c;background: #ffe9e9;width: 45%;text-align: center;}
.blog .btn .nex{float:left;}
.blog .btn .nex:before{content: "\f104";font-family: 'icon';position: absolute;}
.blog .btn .pre{float:right;}
.blog .btn .pre:after{content: "\f105";font-family: 'icon';position: absolute;right: 3vw;}

.blog iframe{
    max-width: 100%;
}
.wp-pagenavi { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; align-items: flex-start; margin-top: 30px; }
.wp-pagenavi a,
.wp-pagenavi span {font-size: 4vw;font-weight: bold;color: #a7dbb3;border: 1px solid #a7dbb3;padding: 3vw 0;margin: 0 1vw;width: 10.7vw;text-align: center;}
.wp-pagenavi a:hover,
.wp-pagenavi .current {background: #a7dbb3;color: #fff;}

/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
.blog .main-item{width:900px;margin: 0 auto 40px;}
.blog .bloglist{/* display:inline-block; *//* width: 670px; */vertical-align:top;margin-bottom: 0;}
.blog .bloglist .item {padding-bottom: 20px;margin-bottom: 20px;}
.blog .bloglist .item-thum{
    width: 210px;
    padding-top: 116px;
}
.blog .bloglist .item img{}
.blog .bloglist .item .textbox{width: 72%;margin-left: 10px;}
.blog .bloglist .item .data{margin-bottom:10px;font-size: 16px;letter-spacing: 2px;}
.blog .bloglist .item .tit{margin-bottom: 10px;font-size: 20px;}
.blog .bloglist .item .txt{font-size:14px;}
.blog .bloglist .item a{width:200px;padding:10px;}

.blog .aside-item{display:inline-block;width: 200px;vertical-align:top;margin: 0 auto 0 20px;}
.blog .aside-item .category{margin-bottom:40px;display: block;width: auto;}
.blog .aside-item .ctg_list h4 {line-height: 1.4;padding: 8px 5px 0;margin: 0;display: block;position: relative;font-weight: bold;font-size: 14px;color: #585858;}
.blog .aside-item .ctg_list h4:after{content: "\f107";font-family: 'icon';position:absolute;right:15px;}
.blog .aside-item .ctg_list h4.active:after{content: "\f106";}
.blog .aside-item .ctg_list ul {display: none;}
.blog .aside-item li{border-bottom:1px solid #ccc;}
.blog .aside-item a,.blog .aside-item p{font-size: 14px;padding:8px 5px;}
.item-category{display:none;}
.blog .item-category a{padding-left:15px}
.blog .item-category a:nth-child(odd){background:#feffe7;}

.blog .blog-detail{display:inline-block;vertical-align:top;margin-bottom:60px;}

.blog .blog-detail .date{margin-bottom: 15px;font-size:20px;}
.blog .blog-detail .date span{display:inline-block;background:#ffdee4;font-size:85%;color:#000;padding:0 15px;border-radius:20px;margin-left:10px;}
.blog .blog-detail .ttl{font-size: 28px;margin-bottom: 40px;}
.blog .blog-detail .ttl:before{content:"";background: url(../images/owner-blog/line.jpg) no-repeat;width:100%;height: 4px;position:absolute;background-size: cover;bottom: -22px;}
.blog .blog-detail img{width:100%;margin-bottom:30px;}
.blog .btn a{padding: 5px 0;width: 200px;}
.blog .btn .nex:before{left: 20px;}
.blog .btn .pre:after{right: 20px;}

.wp-pagenavi { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; align-items: flex-start; margin-top: 30px; }
.wp-pagenavi a,
.wp-pagenavi span {font-size: 13px;padding: 10px 0;margin: 0 5px;width: 35px;}

}