@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

/*top画像*/
div.TOP_AREA_noimg.DirectoryTop {
	background-color: #F2F2F2;
    position: relative;
    height: 380px;
}
div.TOP_AREA_noimg.DirectoryTop .column-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
}
div.TOP_AREA_noimg.DirectoryTop .column-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
div.TOP_AREA.navi{background-image:url(https://img.wills.co.jp/img/static/magazine/navi_top_900.jpg);overflow: hidden;}
div.TOP_AREA:not(.DirectoryTop){height: 200px; }
div.TOP_AREA picture{ z-index: -2;position:absolute;height:100%;top: 50%;left: 50%;object-fit:cover;transform: translate(-50%, -50%);}
div.TOP_AREA picture img { width: 100vw;}

/*TOPページ*/
.buttonset ._TC{
	padding-bottom:1px;
}
.SlideAreaWrapper {
    position: relative;
    overflow: hidden;
}
div.card_L3 div.outline {
    padding: 20px 10px 40px;
}
.magazine-tag {
	float: left;
    box-sizing: border-box;
    border: 1px solid #b5b5b6;
    display: inline-block;
    text-align: center;
    padding: 3px 5px;
    position: relative;
	margin: 10px 8px 0 0;
}
.magazine-tag.pict1 {
	background-color: var(--color-gray_border);
    color: var(--color-white);
}
div.result_num {
    padding: 0 0 40px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .BG_WTG .pager .slick-dots {
        width: 100%;
    }
    .SlideAreaWrapper {
        padding-right: 80px; /* 次のカードが少し見える */
        box-sizing: border-box;
    }
}

/*詳細ページ*/ 
h1 .pict-NEW,h1 .pict-PR{margin-top:0.6vw;}
.hipict{margin-right:10px;}
.p_ltex{line-height:1.5;}
.speaker{padding-left:90px;}
.view-good .icon-view{margin-right:25px;}
.writer .view-good .icon-view:before,.writer .view-good .icon-thumbsup-o:before{color: var(--color-gray_text);}
h2._TL{margin:30px 0 30px 0;}
h2._TL.TOP{margin-top: 75px;}
.br2{padding-bottom: 1.78em;}
.br2.last-text{padding-bottom: 0;}
.index{padding:20px 30px;}
.index ol li{display:list-item; list-style: decimal; margin-left:1.3em;}
.button_good{border-radius:21px;}
.button_good.icon-thumbsup-o:before,.button_save.icon-save-o:before{margin-right:10px;}
span.goodnum{margin-left:10px;}
.button_good:hover:before,.button_good.clicked:before,.button_save:hover:before,.button_save:hover:before,.button_save.clicked:before{content: "\e931";}
.button_save{border-radius:21px; color:var(--color-white); background-color:var(--color-buttom_red); border-color:var(--color-buttom_red); opacity:1;}
.button_save:hover{background-color:var(--color-buttom_red);}
.share-box{width:49%; border:var(--color-gray_border_set); padding:5px; margin:5px 0.5% 0; float:left; box-sizing: border-box;}
div.share-box img{width:25px; margin-right:10px; float:left;}
div.share-box p{line-height:25px;}
.prev_article p.icon-angle-left{position:relative; padding-left:20px;}
.prev_article p.icon-angle-left:before{top:0; left:0; right:auto;}
.next_article p.icon-angle-right{position:relative; padding-right:20px;}
.next_article p.icon-angle-right:after{right:0;}
.link_buy{margin:80px auto; background-color:var(--color-white); box-shadow: 2px 2px 4px rgb(0,0,0,0.4);}
.link_buy .tab-wrapper{margin-bottom:0;}
div.link_buy .areamap img{border:var(--color-gray_border_set); box-sizing: border-box; width:90%; margin:5% 5% 0 5%;}
.link_buy .more{margin:0 5%;}
.link_buy .more .LTexts{color: var(--color-gray_dark);}
div.link_buy .officelink img{width:100%; margin-bottom:20px;}
.link_buy .officeabout p.Bold{line-height:1.2em;}
.link_buy .officeabout dt{width: 4.5em; margin-right: 10px;}
.link_buy .officeabout dd{padding-bottom:5px; width:auto;}
.theme-area em{float:left;box-sizing:border-box;border: 1px solid #b5b5b6;border-radius: 5px;display: inline-block;text-align: center;padding: 3px 15px 3px 15px;position: relative;margin: 0 10px 10px 0;}
.theme-area em:hover{background: var(--color-gray_subbg);}
.theme-area em:after{padding-left: 5px;right: 1.2em;}
.button-more.width-shadow {
    box-shadow: 2px 2px 6px rgb(0, 0, 0, 0.12);
    margin-bottom: 6px;
}

/*検索結果ページ*/
.button-more.result{width:80vw;}
.container .Breadcrumb a{color:inherit;}
div.card_L3 div.c_title:before {content: none;}
.slick-dots {
    padding-bottom: 30px !important;
}
.slick-dots li button::before {
    font-family: none !important;
    content: '●' !important;
    font-size: 14px !important;
    color: var(--color-gray_bg) !important;
    opacity: 1 !important;
}

.slick-dots li.slick-active button::before {
    color: var(--color-pict_pink) !important;
}

.Magazines.small-card ._R .pict-theme:not(:last-of-type) {
    margin-right: 5px;
}

.card_L3 .caseimg picture {
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.card_L3 .caseimg picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/*カテゴリTOPページ*/
.category-index th,.category-index td{padding-top:20px; font-weight: normal;}
.category-index td a{margin-left:20px; margin-top:20px;}
.category-index span.SSTexts{margin-left:15px;}
hr{background-color:var(--color-gray_border)}
.category-h2 .icon-book{margin-left:2em;}
.category-h2 .icon-book:before{margin-right:5px; color:var(--color-gray_light);}

.SlideAreaWrapper.MagazinesGallery .__move_gallery_ACC {
    height: 60px;
}

@media screen and (max-width: 767px){
	/*詳細ページ*/
	h1.p_h1{line-height:1.35em;}
	.link_buy p.m_b_30{text-align:center;}
	.prev_article p.icon-angle-left,.next_article p.icon-angle-right{margin-bottom:2px;}
	.link_buy .more .LTexts{margin-top: 45px; margin-bottom: 25px; line-height:1.5;}
	div.container img.auto{width: auto;}
}