@charset "UTF-8";
/* ============================================================
#topics トピックス
============================================================ */
/* 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
------------------------------------------------ */
#topics #mainImg.mainChild { background: url(../img/topics/bg_main02_sp.png) no-repeat; background-size: cover; }
@media all and (min-width: 600px) { #topics #mainImg.mainChild { background-image: url(../img/topics/bg_main02_pc.png); background-position: center top; }  #topics #mainImg.mainChild .mainTit { max-width: 300px; } }
/* archive
================================================ */
#topics .archive { margin-top: -12px; }
@media all and (min-width: 600px) { #topics .archive .tabsWrap .tabs { margin-bottom: 40px; padding-left: 0; }  #topics .archive .tabsWrap .tabs .slick-list { padding-left: 0; }  #topics .archive .tabsWrap .tabs .item { width: 168px; height: 55px; line-height: 1.14; margin-right: 10px; padding: 0 10px; font-size: 1.4rem; cursor: pointer; }  #topics .archive .tabsWrap .tabs .item:first-child { font-size: 1.7rem; }  #topics .archive .archive_slider .content { padding: 0; }  #topics .archive .mod_pagination01 { margin: 50px 0 0; } }
/* detail
================================================ */
#topics .detailArticle .header { margin: 0 0 10px; }
#topics .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; }
#topics .detailArticle time { vertical-align: baseline; }
#topics .detailArticle .mod_tit04 { margin: 5px 0 0; }
#topics .detailArticle .contents img { display: block; border-radius: 5px; vertical-align: top; }
#topics .detailArticle .contents p { margin: 15px 0 0; }
#topics .detailArticle .contents .clear { clear: both; }
#topics .detailArticle .contents .alignleft , #topics .detailArticle .contents .alignright { width: 170px; overflow: hidden; border-radius: 5px; }
#topics .detailArticle .contents .alignleft { float: left; margin: 15px 20px 10px 0; }
#topics .detailArticle .contents .alignright { float: right; margin: 15px 0 10px 20px; }
#topics .detail .mod_pagination02 { margin: 30px -15px 0; }
@media all and (min-width: 600px) { #topics .detailArticle { width: 880px; margin: 0 auto; }  #topics .detailArticle .header { overflow: hidden; margin: 0 0 -6px; }  #topics .detailArticle .cat { max-width: 300px; line-height: 1.4; margin: 0 5px 15px 0; padding: 4px 10px; font-size: 1.6rem; }  #topics .detailArticle time { font-size: 1.6rem; }  #topics .detailArticle .mod_tit04 { line-height: 1.4; margin: 10px 0 0; font-size: 3.0rem; }  #topics .detailArticle .contents img { border-radius: 10px; }  #topics .detailArticle .contents p { margin-top: 30px; }  #topics .detailArticle .contents .alignleft , #topics .detailArticle .contents .alignright { width: 350px; overflow: hidden; border-radius: 5px; }  #topics .detailArticle .contents .alignleft { float: left; margin: 30px 25px 20px 0; }  #topics .detailArticle .contents .alignright { float: right; margin: 30px 0 20px 25px; } }
#topics .detail .mod_pagination02 { margin: 35px 0 0; }
/*# sourceMappingURL=maps/topics.css.map */