/*

# 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;
}