@charset "utf-8";

/* ==========================================================================
   ad definitions for sankei-digital mobile service
   ========================================================================== */


/* ==== index ===============================================================

1. header 320x50,100 or 320x180
2. middle&foot banner 300x250
3. gif + text

========================================================================== */


/* ===== 0. common ====================================================================== */

aside.banner1 p {
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 1;
    margin: 0 auto;
}


/* ===== 1. image header 320x100 or 320x168 ====================================================================== */

aside#picAd_header {
    margin: 0 auto;
}

aside#picAd_header img {
    display: block;
    margin: 0 auto;
}


/* ===== 2. image content 300x250 ====================================================================== */

aside#picAd_contents, aside#picAd_article, aside#picAd_footer {
    margin: 0 auto 30px;
}

aside#picAd_contents img, aside#picAd_article img, aside#picAd_footer img {
    display: block;
    margin: 0 auto;
}

aside#picAd_header, aside#picAd_contents, aside#picAd_article, aside#picAd_footer {
    text-align: center;
}

aside#picAd_header>*, aside#picAd_contents>*, aside#picAd_article>*, aside#picAd_footer>* {
    display: inline-block;
}

aside#picAd_header script, aside#picAd_contents script, aside#picAd_article script, aside#picAd_footer script {
    display: none;
}

article aside#picAd_contents p, article aside#picAd_article p {
    padding: 0;
}


/* parfect view広告時(100％表示)のみ適応（add 2016/6/9）
sp.sn.economy.header
sp.sn.entame.header
sp.sn.gqjapan.header
sp.sn.life.header
sp.sn.sports.header
sp.sn.wired.header
*/

[id^="sp.sn."] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}

[id="sp.sn.economy.header"] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}

[id="sp.sn.entame.header"] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}

[id="sp.sn.gqjapan.header"] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}

[id="sp.sn.life.header"] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}

[id="sp.sn.sports.header"] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}

[id="sp.sn.wired.header"] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}

[id="sp.sn.olympic.header"] {
    text-align: center;
    display: block !important;
    margin: 0 auto;
}


/* ===== 3. top gif+txt ====================================================================== */

aside#textAd_story {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 auto;
}

aside#textAd_story h1 {
    position: absolute;
    top: -14px;
    padding: 5px 10px 0;
    margin: 0 10px;
    color: #666;
    background-color: #fff;
}

aside#textAd_story ul {
    margin: 0;
}

.indexPhoto aside#textAd_story ul {
    margin: 0;
}

aside#textAd_story ul li {
    color: #666;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    border-bottom: 1px solid #efefef;
    clear: both;
    display: block;
    min-height: 80px;
    line-height: 1.2;
}

aside#textAd_story ul li a {
    text-align: left;
    vertical-align: top;
    display: block;
    padding: 6px;
    min-height: 0;
    height: auto;
    width: auto;
    border: none;
    min-height: 80px;
}

aside#textAd_story ul li .addition {
    font-size: 1.2rem;
    color: #666;
    display: block;
    padding-top: 2px;
    padding-bottom: 5px;
    margin: 0;
}

aside#textAd_story img {
    margin: 0 0 0 6px;
    padding: 0;
    float: right;
    height: auto;
}


/* ===== 4. osusume & netshop gif+txt ====================================================================== */

aside#textAd_wpics, aside#textAd_wpicsEc {
    margin: 15px auto 0;
    border-top: 1px solid #ccc;
    position: relative;
}

aside#textAd_wpics h1, aside#textAd_wpicsEc h1 {
    font-size: 1.6rem;
    position: absolute;
    top: -14px;
    padding: 5px 10px 0;
    margin: 0 10px;
    color: #666;
    background-color: #fff;
    font-weight: bold;
}

aside#textAd_wpics .pr {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    top: -14px;
    right: 0px;
    padding: 5px 10px 0;
    margin: 0 10px;
    color: #666;
    background-color: #fff;
}

aside#textAd_wpics ul, aside#textAd_wpicsEc ul {
    margin-top: 15px;
}

aside#textAd_wpics img, aside#textAd_wpicsEc img {
    width: 80px;
    height:80px;
    margin-right: 6px;
    float: left;
}

aside#textAd_wpics ul li, aside#textAd_wpicsEc ul li {
    color: #666;
    font-size: 15px;
	font-size: 1.5rem;
    border-bottom: 1px solid #efefef;
    clear: both;
    display: block;
}

aside#textAd_wpics ul li a, aside#textAd_wpicsEc ul li a {
    padding: 6px;
    min-height: 80px;
    vertical-align: top;
    display: block;
}

aside#textAd_wpics ul li .addition, aside#textAd_wpicsEc ul li .addition {
    font-size: 1.3rem;
    color: #666;
    display: block;
    padding-top: 2px;
}


/* ===== 5. native gif+txt ====================================================================== */
aside#textAd_native {
    margin: 20px auto;
    border-top: 1px solid #efefef;
    position: relative;
}

aside#textAd_native h1{
    font-weight: 700;
    font-size: 1.6rem;
    position: absolute;
    top: -14px;
    padding: 5px 10px 0;
    margin: 0 10px;
    color: #666;
    background-color: #fff;
}

aside#textAd_native .pr {
    font-size: 15px;
    font-size: 1.5rem;
    right: 0;
    position: absolute;
    top: -14px;
    padding: 5px 10px 0;
    margin: 0 10px;
    color: #666;
    background-color: #fff;
}


aside#textAd_wpics + aside#textAd_native ul {
    border-top: none;
}

aside#textAd_native ul{margin-top: 15px;}
aside#textAd_native ul li {
    color: #666;
    font-size: 1.5rem;
    border-bottom: 1px solid #efefef;
    clear: both;
    display: block;
}

aside#textAd_native ul li a {
    padding: 6px;
    min-height: 80px;
    vertical-align: top;
    display: block;
}

aside#textAd_native ul li .addition {
    font-size: 1.2rem;
    color: #666;
    display: block;
    padding-top: 2px;
}

aside#textAd_native img {
    width: 60px;
    height: auto;
    margin-left: 6px;
    float: right;
}


/* ===== 6. nomalBanner 320px ====================================================================== */

/*Android非表示バージョン*/
.device-iphone aside.nonIphone,
.device-android aside.nonAndroid {display: none;}

aside.nomalBanner, aside.nomalBanner02 {padding: 10px 0;}

aside.nomalBanner + aside.nomalBanner02,
.contentInductions .nomalBanner02{
  border-bottom: 1px solid #efefef;
}
aside.nomalBanner02 + ul {
  border-top: 1px solid #efefef;
}
aside.nomalBanner p, aside.nomalBanner02 p {text-align: center;}
aside.nomalBanner p img, aside.nomalBanner02 p img {
    display: block;
    max-width: 320px;
    margin: 0 auto;
}

/* ===== 12. テキスト（governmentAd広告） ====================================================================== */
aside#governmentAd + ul{border:none;}

aside#governmentAd{
	display:block;
	margin:0 auto;
    /*border-bottom: 1px solid #efefef;*/
}
.articleText aside#governmentAd{
  border-top: 1px solid #efefef;
}
aside#governmentAd h1 {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	padding: 10px 0 0 6px !important;
	color:#757575;
	position: relative;
	background: none;
	top:0;
}
aside#governmentAd ul{
	margin-top: 0 !important;
	border: none;
}
aside#governmentAd ul li {
    border-bottom: 1px solid #efefef;
}
aside#governmentAd ul li a {
	display:block;
	color: #003399;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 5px 6px 0 30px;
	min-height: 50px !important;
	position: relative;
}

aside#governmentAd ul li a:before{
    display: block;
    content: "";
    position: absolute;
    font-size: 0px;
    left: 15px;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #003399;
}

aside#governmentAd ul li a:after{
    display: block;
    content: "";
    position: absolute;
    font-size: 0px;
    left: 12px;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #fff;
}

/* ===== 13. レコメンドシステム ====================================================================== */
/* taboola */
#taboola-category-main-column-thumbnails{
  padding-top: 15px;
  border-bottom: 1px solid #efefef;
}

#taboola-below-article-thumbnails{padding-top: 15px;}
#taboola-below-article-thumbnails-mobile-organic{border-bottom: 1px solid #efefef;}