/* # Ad スタイル */ /* ## richad */ .SPBL_post-detail .SPBL_richad.is-desktop { margin: 25px -16px !important; } .SPBL_richad.is-desktop { position: relative; } .SPBL_richad.is-desktop iframe { cursor: pointer; } .SPBL_richad.is-desktop.is-billboard > div:before, .SPBL_richad.is-desktop.is-yoko > div:before { display: block; content: 'PR'; font-size: 10px; line-height: 1; font-family: san-serif; } .SPBL_richad.is-desktop.is-billboard > div:before { color: #ccc; margin-bottom: 5px; } .SPBL_richad.is-desktop.is-yoko > div:before { color: #444; position: absolute; top: -15px; } .SPBL_richad.is-desktop.is-yoko.is-single { padding-top: 15px; } /* ## Google Optimzie */ .async-hide { opacity: 0 !important; } /* ## Google DFP */ /* /531683568/mobile/mobile_index_bottom */ #div-gpt-ad-1514446255569-0 { box-sizing : content-box; background : #eee; padding-top : 25px; padding-bottom: 30px; width : 100%; height : 250px; text-align : center; } #ad-gpt-mobile-anchor { opacity: 0; animation: ad-gpt-mobile-anchor-show 100ms ease 3s 1 normal forwards; -webkit-animation: ad-gpt-mobile-anchor-show 100ms ease 3s 1 normal forwards; } @keyframes ad-gpt-mobile-anchor-show { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes ad-gpt-mobile-anchor-show { 0% {opacity: 0} 100% {opacity: 1} } /* ## POPIN */ html.mobile .widget-recommend ._popIn_recommend_container, html.android .widget-recommend ._popIn_recommend_container { display: none; } html.mobile .widget-recommend ._popIn_recommend_credit, html.android .widget-recommend ._popIn_recommend_credit { margin-top: 40px; } html.undotsushin-ios .widget-recommend ._popIn_recommend_credit, html.undotsushin-android .widget-recommend ._popIn_recommend_credit { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; } html.undotsushin-ios #_popIn_about_inner, html.undotsushin-android #_popIn_about_inner { width: 90vw !important; margin-left: -45vw !important; top: 40% !important; height: 550px !important; } html.undotsushin-ios #_popIn_about_inner iframe, html.undotsushin-android #_popIn_about_inner iframe { width: 86vw !important; height: 550px !important; } html:not(.mobile):not(.android) ._popIn_recommend_credit { padding: 20px 0; } /* adgene */ html.mobile .adsWrapper, html.android .adsWrapper { display: block; padding-left: 0; padding-right: 0; position: relative; } html.mobile .adsWrapper .adsDescription, html.android .adsWrapper .adsDescription { display: none !important; } html.mobile .headline-outer .adsWrapper .adsButton, html.android .headline-outer .adsWrapper .adsButton, html.mobile .news-ad .adsWrapper .adsButton, html.android .news-ad .adsWrapper .adsButton { position: absolute; left: auto; width: auto; height: auto; top: auto; right: 0px; bottom: 10px; } /* 一面 - ヘッドライン */ html.mobile .adgLink .adgTextContainer .adgPr, html.android .adgLink .adgTextContainer .adgPr { color: #888; } html.mobile #headline-container .sponsor-link .adsTitle, html.android #headline-container .sponsor-link .adsTitle {} html.mobile #headline-container .sponsor-link .adsSponsored, html.android #headline-container .sponsor-link .adsSponsored { margin-top: 5px; font-weight: bold; } html.mobile #headline-container .sponsor-link .adsButton, html.android #headline-container .sponsor-link .adsButton { display: block !important; position: absolute; width: auto; right: 10px; bottom: 10px; } /* 一覧 */ html.mobile .news-ad .adsWrapper .adsSponsored, html.android .news-ad .adsWrapper .adsSponsored { color: #888; } html.mobile .news-ad .adsWrapper .adsImgContainer, html.android .news-ad .adsWrapper .adsImgContainer { width: 110px; height: auto; } html.mobile .news-ad .adsWrapper .adsImgContainer img, html.android .news-ad .adsWrapper .adsImgContainer img { width: 100%; height: auto; border-radius: 3px; object-fit: cover; } html.mobile .news-ad .adsWrapper .adsTitle, html.mobile .news-ad .adsWrapper .adsTitle { font-size: 16px; width: auto; line-height: 1.5; overflow: hidden; font-weight: 700; } /* headline */ html.mobile .headline-outer .sponsor-link, html.android .headline-outer .sponsor-link, html.mobile #headline-container .sponsor-link, html.android #headline-container .sponsor-link { padding-top: 0; padding-bottom: 0; } /* adsImg */ html.mobile .headline-outer .adsWrapper .adsImgContainer .adsImg, html.mobile #headline-container .adsWrapper .adsImgContainer .adsImg, html.android .headline-outer .adsWrapper .adsImgContainer .adsImg, html.android #headline-container .adsWrapper .adsImgContainer .adsImg, /* adgImg */ html.mobile .headline-outer .sponsor-link .adgLink .adgImgContainer .adgImg, html.mobile #headline-container .sponsor-link .adgLink .adgImgContainer .adgImg, html.android .headline-outer .sponsor-link .adgLink .adgImgContainer .adgImg, html.android #headline-container .sponsor-link .adgLink .adgImgContainer .adgImg { width: 50px !important; height: 50px !important; object-fit: cover; } html.mobile .headline-outer .sponsor-link .adgLink .adgTextContainer .adgTitle, html.android .headline-outer .sponsor-link .adgLink .adgTextContainer .adgTitle, html.mobile #headline-container .sponsor-link .adgLink .adgTextContainer .adgTitle, html.android #headline-container .sponsor-link .adgLink .adgTextContainer .adgTitle { margin-top: 0; -webkit-line-clamp: 1; margin-top: 9px; margin-bottom: 5px; line-height: 1.2; } html.mobile .headline-outer .sponsor-link .adsTitle, html.android .headline-outer .sponsor-link .adsTitle { margin-top: 0; } html.mobile .headline-outer .sponsor-link .adsButton, html.android .headline-outer .sponsor-link .adsButton { display: block !important; right: 10px; } /* # 記事詳細 - 関連系記事表示内広告 - パターン1 - 人気記事 - ID : adg_54992 - おすすめ記事 - ID : adg_54994 - ニュース記事 - ID : adg_54994 - html.mobile - iOS / html.android - Android */ html.mobile #widget-ranking-container .adg-i-ico-wrapper, html.android #widget-ranking-container .adg-i-ico-wrapper, html.mobile #widget-recommend-list-container .adg-i-ico-wrapper, html.android #widget-recommend-list-container .adg-i-ico-wrapper, html.mobile #widget-news-list-container .adg-i-ico-wrapper, html.android #widget-news-list-container .adg-i-ico-wrapper { display: block; width: 100%; margin-right: 0; } html.mobile #widget-news-list-container #medibasspContainer a, html.android #widget-news-list-container #medibasspContainer a { display: table; } html.mobile #widget-ranking-container .adgLink, html.android #widget-ranking-container .adgLink, html.mobile #widget-recommend-list-container .adgLink, html.android #widget-recommend-list-container .adgLink, html.mobile #widget-news-list-container .adgLink, html.android #widget-news-list-container .adgLink { display: flex; position: relative; width: 100%; } html.mobile #widget-ranking-container .adgLink .adgImageBox, html.android #widget-ranking-container .adgLink .adgImageBox, html.mobile #widget-recommend-list-container .adgLink .adgImageBox, html.android #widget-recommend-list-container .adgLink .adgImageBox, html.mobile #widget-news-list-container .adgLink .adgImageBox, html.android #widget-news-list-container .adgLink .adgImageBox { width: 110px; height: auto; margin: 0; } html.mobile #widget-ranking-container .adgLink .adgImageBox img.adgImage, html.android #widget-ranking-container .adgLink .adgImageBox img.adgImage, html.mobile #widget-recommend-list-container .adgLink .adgImageBox img.adgImage, html.android #widget-recommend-list-container .adgLink .adgImageBox img.adgImage, html.mobile #widget-news-list-container .adgLink .adgImageBox img.adgImage, html.android #widget-news-list-container .adgLink .adgImageBox img.adgImage { width: 110px; height: 62px; border-radius: 3px; max-width: 100%; max-height: 100%; object-fit: cover; } html.mobile #widget-ranking-container .adgLink .adgBody, html.android #widget-ranking-container .adgLink .adgBody, html.mobile #widget-recommend-list-container .adgLink .adgBody, html.android #widget-recommend-list-container .adgLink .adgBody, html.mobile #widget-news-list-container .adgLink .adgBody, html.android #widget-news-list-container .adgLink .adgBody { margin-top: 0; width: calc(100% - 120px); padding: 0 0 0 10px; } html.mobile #widget-ranking-container .adg-i-ico-wrapper .adg-i-ico, html.android #widget-ranking-container .adg-i-ico-wrapper .adg-i-ico, html.mobile #widget-recommend-list-container .adg-i-ico-wrapper .adg-i-ico, html.android #widget-recommend-list-container .adg-i-ico-wrapper .adg-i-ico { top: auto; bottom: 0; } html.mobile #widget-news-list-container .adg-i-ico-wrapper .adg-i-ico, html.android #widget-news-list-container .adg-i-ico-wrapper .adg-i-ico { top: auto; bottom: 10px; } html.mobile #widget-ranking-container .adgLink .adgBody .adgTitle, html.android #widget-ranking-container .adgLink .adgBody .adgTitle, html.mobile #widget-recommend-list-container .adgLink .adgBody .adgTitle, html.android #widget-recommend-list-container .adgLink .adgBody .adgTitle, html.mobile #widget-news-list-container .adgLink .adgBody .adgTitle, html.android #widget-news-list-container .adgLink .adgBody .adgTitle { font-size: 16px; line-height: 1.4; height: auto; } html.mobile #widget-ranking-container .adgLink .adgBody .adgPrBox, html.android #widget-ranking-container .adgLink .adgBody .adgPrBox, html.mobile #widget-recommend-list-container .adgLink .adgBody .adgPrBox, html.android #widget-recommend-list-container .adgLink .adgBody .adgPrBox, html.mobile #widget-news-list-container .adgLink .adgBody .adgPrBox, html.android #widget-news-list-container .adgLink .adgBody .adgPrBox { color: #888; } html.mobile #widget-ranking-container .adgLink .adgBody .adgSponsor, html.android #widget-ranking-container .adgLink .adgBody .adgSponsor, html.mobile #widget-recommend-list-container .adgLink .adgBody .adgSponsor, html.android #widget-recommend-list-container .adgLink .adgBody .adgSponsor, html.mobile #widget-news-list-container .adgLink .adgBody .adgSponsor, html.android #widget-news-list-container .adgLink .adgBody .adgSponsor { display: none; } /* # 記事詳細 - 関連系記事表示内広告 - パターン2 - html.mobile - iOS / html.android - Android */ /* html.mobile .post-single .adsWrapper { cursor: pointer; } */ html.mobile .post-single .adsWrapper .adsImgContainer, html.android .post-single .adsWrapper .adsImgContainer { margin-right: 10px; float: left; line-height: 1; width: auto; } html.mobile .post-single .adsWrapper .adsImgContainer img, html.android .post-single .adsWrapper .adsImgContainer img { width: 110px; height: 62px; object-fit: cover; } html.mobile .post-single .adsTitle, html.android .post-single .adsTitle { width: auto; font-size: 16px; } html.mobile #category-container .adsTitle, html.android #category-container .adsTitle { font-size: 16px; margin-bottom: 1.8em; } html.mobile .post-single .adsSponsored, html.android .post-single .adsSponsored { display: block; font-weight: normal; width: 50%; float: left; margin-top: 1em; font-size: 10px; color: #888; } html.mobile .adsWrapper .adsButton .adsButtonText, html.android .adsWrapper .adsButton .adsButtonText { border: 1px solid #ccc; background: #fff; border-radius: 3px; color: #888; font-size: 8px; padding: 4px 8px; } html.mobile .post-single #headline-container .adsButton, html.android .post-single #headline-container .adsButton { display: block !important; bottom: 6px; right: 2%; } html.mobile .post-single #headline-container .adsButtonText, html.android .post-single #headline-container .adsButtonText { padding: 2px 4px; }