@charset "UTF-8";
/* ============================================================
#blog ブログ
============================================================ */
/* common
================================================ *
/* layout
------------------------------------------------ */
@media all and (min-width: 600px) { #contents { width: 1100px; overflow: hidden; margin: 0 auto; } }
@media all and (min-width: 600px) { main { float: right; width: 880px; } }
@media all and (min-width: 600px) { #sidebar { float: left; width: 160px; } }
/* #mainImg.mainChild
------------------------------------------------ */
#blog #mainImg.mainChild { background: url(../img/blog/bg_main01_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #blog #mainImg.mainChild { background-image: url(../img/blog/bg_main01_pc.png); background-position: center top; }  #blog #mainImg.mainChild .mainTit { max-width: 172px; } }
/* archive
================================================ */
#blog .archive .tabsWrap .tabs { overflow: hidden; margin-bottom: 20px; }
#blog .archive .tabsWrap .tabs .slick-list { padding-left: 15px; }
#blog .archive .tabsWrap .tabs .item { display: table; float: left; box-sizing: border-box; width: 150px; height: 50px; line-height: 1.17; margin: 0 10px 0 0; padding: 0 7px; border: 3px solid #06a577; border-radius: 7px 7px 0 0; background: #fff; font-weight: bold; font-size: 19.2px; font-size: 1.2rem; text-align: center; letter-spacing: .06em; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }
#blog .archive .tabsWrap .tabs .item.slick-current { background: #06a577; color: #fff; }
#blog .archive .tabsWrap .tabs .item span { display: table-cell; vertical-align: middle; }
#blog .archive .tabsWrap .tabs .item:first-child { margin-left: 15px; font-size: 22.4px; font-size: 1.4rem; }
#blog .archive .content.normal { margin-top: 30px; }
#blog .archive .archive_slider .slick-list { overflow: visible; }
#blog .archive .archive_slider .content { visibility: hidden; }
#blog .archive .archive_slider .content.slick-current { visibility: visible; opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#blog .archive .archive_slider .content .mod_worksList01 { overflow: visible; }
#blog .archive .nav { clear: both; overflow: hidden; margin: 0 -15px; }
#blog .archive .nav .mod_pagination01 { margin-top: 15px; }
#blog .archive .listBtn { clear: both; }
@media all and (min-width: 600px) { #blog .archive .tabsWrap .tabs { margin-bottom: 40px; padding-left: 0; }  #blog .archive .tabsWrap .tabs .slick-list { padding-left: 0; }  #blog .archive .tabsWrap .tabs .item { width: 168px; height: 55px; line-height: 1.14; margin-right: 10px; padding: 0 10px; font-size: 1.4rem; cursor: pointer; }  #blog .archive .tabsWrap .tabs .item:first-child { font-size: 1.7rem; }  #blog .archive .content.normal { margin-top: 70px; }  #blog .archive .archive_slider .content { padding: 0; }  #blog .archive .nav { margin: 0; }  #blog .archive .nav .mod_pagination01 { margin: 10px 0 0; }
#blog .archive .all .listBtn.js_view { opacity: 0; transition: opacity 1s ease 1s; }
#blog .archive .all .listBtn.js_view.on { opacity: 1; }
}

/* detail
================================================ */
#blog .detailArticle .header { margin: 0 0 20px; }
#blog .detailArticle .cat { display: inline-block; line-height: 1.44; margin: 0 5px 8px 0; padding: 3px 10px 3px; border-radius: 4px; background: #d4efdf; font-size: 20.8px; font-size: 1.3rem; }
#blog .detailArticle time { vertical-align: baseline; }
#blog .detailArticle .mod_tit04 { margin: 5px 0 0; }
#blog .detailArticle .contents img { display: block; border-radius: 5px; vertical-align: top; }
#blog .detailArticle .contents p { margin: 15px 0 0; }
#blog .detailArticle .contents .clear { clear: both; }
#blog .detailArticle .contents .alignleft , #blog .detailArticle .contents .alignright { width: 170px; overflow: hidden; border-radius: 5px; }
#blog .detailArticle .contents .alignleft { float: left; margin: 0 20px 10px 0; }
#blog .detailArticle .contents .alignright { float: right; margin: 0 0 10px 20px; }
#blog .detail .mod_pagination02 { margin: 30px -15px 0; }
@media all and (min-width: 600px) { #blog .detailArticle { width: 880px; margin: 0 auto; }  #blog .detailArticle .header { overflow: hidden; margin: 0 0 36px; }  #blog .detailArticle .cat { max-width: 300px; line-height: 1.4; margin: 0 5px 0 0; padding: 4px 10px; font-size: 1.6rem; }  #blog .detailArticle time { font-size: 1.6rem; }  #blog .detailArticle .mod_tit04 { line-height: 1.4; margin: 15px 0 0; font-size: 3.0rem; }  #blog .detailArticle .contents img { border-radius: 10px; }  #blog .detailArticle .contents p { margin-top: 30px; }  #blog .detailArticle .contents .alignleft , #blog .detailArticle .contents .alignright { width: 350px; overflow: hidden; border-radius: 5px; }  #blog .detailArticle .contents .alignleft { float: left; margin: 0 25px 20px 0; }  #blog .detailArticle .contents .alignright { float: right; margin: 0 0 20px 25px; } }
#blog .detail .mod_pagination02 { margin: 35px 0 0; }
/*# sourceMappingURL=maps/blog.css.map */