@charset "UTF-8";

/*-----------------------------------
朝日新聞デジタル　--　新着 CSS　--

last modified --2020-09-28--
-----------------------------------*/

/* DateSelector */
#DateSelector {
    margin: 0;
    padding: 0 0 20px;
}

#DateSelector .MonthSelect {
    margin: 0;
    padding: 8px 0 6px;
    border-top: 1px solid #E1E1DA;
    border-bottom: 1px solid #E1E1DA;
}

#DateSelector .MonthSelect:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #DateSelector .MonthSelect {
    zoom: 1;
}

/* IE6 */
*:first-child + html #DateSelector .MonthSelect {
    zoom: 1;
}

/* IE7 */
#DateSelector .MonthSelect li {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    float: left;
    border-left: 1px solid #E1E1DA;
    color: #787871;
    font-size: 75%;
    line-height: 1.1;
}

#DateSelector .MonthSelect li.Fst {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}

#DateSelector .MonthSelect li.Selected {
    color: #1E1E17;
    font-weight: bold;
}

#DateSelector .MonthSelect li a {
    margin: 0;
    padding: 0;
    color: #1E1E17;
}

#DateSelector .MonthSelect li a:hover,
#DateSelector .MonthSelect li a:active {
    color: #B90000;
}

#DateSelector .MonthSelect li span a {
    display: block;
    padding-right: 13px;
    background: url(//www.asahicom.jp/css/images/arrow_menu_close.gif) no-repeat right 3px;
/ background: url(//www.asahicom.jp/css/images/arrow_menu_close.gif) no-repeat right 4 px;
    _background: url(//www.asahicom.jp/css/images/arrow_menu_close.gif) no-repeat right 3px;
    border-right: none;
}

#DateSelector .MonthSelect li span a.hover {
    color: #B90000;
    background: url(//www.asahicom.jp/css/images/arrow_menu_close.gif) no-repeat right -17px;
/ background: url(//www.asahicom.jp/css/images/arrow_menu_close.gif) no-repeat right - 16 px;
    _background: url(//www.asahicom.jp/css/images/arrow_menu_close.gif) no-repeat right -17px;
}

#DateSelector .MonthSelect li span a.Selected {
    color: #B90000;
    background: url(//www.asahicom.jp/css/images/arrow_menu_open.gif) no-repeat right -17px;
/ background: url(//www.asahicom.jp/css/images/arrow_menu_open.gif) no-repeat right - 16 px;
    _background: url(//www.asahicom.jp/css/images/arrow_menu_open.gif) no-repeat right -17px;
}

#DateSelector .MonthSelect li span a.Selected:hover,
#DateSelector .MonthSelect li span a.Selected:active {
    text-decoration: underline;
}


#DateSelector .DaySelect {
    padding: 5px 0 0;
    margin: 0px;
}

#DateSelector .DaySelect:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #DateSelector .DaySelect {
    zoom: 1;
}

/* IE6 */
*:first-child + html #DateSelector .DaySelect {
    zoom: 1;
}

/* IE7 */
#DateSelector .DaySelect li {
    display: inline;
    margin: 5px 0 0;
    padding: 0;
    width: 40px;
    float: left;
    border-left: 1px solid #E1E1DA;
    color: #787871;
    font-size: 75%;
    line-height: 1.1;
    text-align: center;
}

#DateSelector .DaySelect li.Fst {
    border-left: none;
}

#DateSelector .DaySelect li.Selected {
    color: #1E1E17;
    font-weight: bold;
}

#DateSelector .DaySelect li a {
    margin: 0;
    padding: 0;
    color: #1E1E17;
}

#DateSelector .DaySelect li a:hover,
#DateSelector .DaySelect li a:active {
    color: #B90000;
}

/* GenreSelector */
#GenreSelector .GenreSelect {
    margin: 0;
    padding: 0;
    position: relative;
    height: 28px;
    display: flex;
    justify-content: space-between;
}

#GenreSelector .GenreSelect li {
    margin: 0;
    padding: 0;
    font-size: 75%;
    line-height: 1.1;
    letter-spacing: 0;
    width: 14.3%;
    margin-left: 10px;
}

#GenreSelector .GenreSelect li.Headlines {
    top: 0;
    left: 4px;
    margin-left: 0;
}

#GenreSelector .GenreSelect li.National {
    top: 0;
    left: 86px;
}

#GenreSelector .GenreSelect li.Politics {
    top: 0;
    left: 168px;
}

#GenreSelector .GenreSelect li.Business {
    top: 0;
    left: 250px;
}

#GenreSelector .GenreSelect li.International {
    top: 0;
    left: 332px;
}

#GenreSelector .GenreSelect li.Sports {
    top: 0;
    left: 414px;
}

#GenreSelector .GenreSelect li.Other {
    top: 0;
    left: 496px;
}

#GenreSelector .GenreSelect li.Photo {
    top: 0;
    left: 578px;
}

#GenreSelector .GenreSelect li a,
#GenreSelector .GenreSelect li a:visited {
    display: block;
    margin: 0;
    padding: 9px 1px 0;
    height: 18px;
    _height: 29px;
    border-top: 1px solid #E6E6DF;
    border-left: 1px solid #E6E6DF;
    border-right: 1px solid #E6E6DF;
    background: #FFF;
    color: #787871;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#GenreSelector .GenreSelect li a:hover,
#GenreSelector .GenreSelect li a:active {
    border-top: 1px solid #D2D2CB;
    border-left: 1px solid #D2D2CB;
    border-right: 1px solid #D2D2CB;
    color: #B90000;
    text-decoration: none;
}

#GenreSelector .GenreSelect li a.Selected {
    display: block !important;
    margin: 0 !important;
    padding: 9px 1px 0 !important;
    height: 19px !important;
    _height: 30px !important;
    border-top: 1px solid #D2D2CB !important;
    border-left: 1px solid #D2D2CB !important;
    border-right: 1px solid #D2D2CB !important;
    background: #FFF !important;
    color: #1E1E17 !important;
    font-weight: bold !important;
    text-align: center !important;
}

#GenreSelector .GenreSelect li span.Disabled {
    display: block;
    margin: 0;
    padding: 9px 1px 0;
    width: 75px;
    _width: 79px;
    height: 18px;
    _height: 29px;
    border-top: 1px solid #E6E6DF;
    border-left: 1px solid #E6E6DF;
    border-right: 1px solid #E6E6DF;
    background: #FFF;
    color: #B4B4AD;
    font-weight: bold;
    text-align: center;
    cursor: default;
}

#GenreSelector .TabonList li.Headlines a {
    width: 78px !important;
    _width: 80px !important;
}

/* DailyMenu */
#Main #MainInner .PageTitle .DailyMenu {
    margin: 0px 0 0;
    padding: 10px 0 0 10px;
    float: right;
    font-weight: bold;
}

#Main #MainInner .PageTitle .DailyMenu a,
#Main #MainInner .PageTitle .DailyMenu a:visited {
    display: inline;
    margin: 0;
    padding: 0 12px 0 10px;
    float: left;
    background: url(/css/images/arrow_menu_close.gif) no-repeat right 5px;
    color: #1E1E17;
    font-size: 75%;
    border-left: 1px solid #E6E6DF;
    zoom: 1;
}

#Main #MainInner .PageTitle .DailyMenu a:hover,
#Main #MainInner .PageTitle .DailyMenu a:active {
    background: url(/css/images/arrow_menu_close.gif) no-repeat right -15px;
    text-decoration: none;
    color: #B90000;
}

#Main #MainInner .PageTitle .DailyMenu span.click a,
#Main #MainInner .PageTitle .DailyMenu span.click a:visited {
    padding-right: 12px;
    background: url(/css/images/arrow_menu_open.gif) no-repeat right -15px;
    color: #B90000;
}

#Main #MainInner .PageTitle .DailyMenu span.click a:hover,
#Main #MainInner .PageTitle .DailyMenu span.click a:active {
    background: url(/css/images/arrow_menu_open.gif) no-repeat right -15px;
    text-decoration: none;
    color: #B90000;
}

/* List */
.Section #Headlines-List {
    margin: 0;
    padding: 0;
    clear: both;
}

.Section #Photo-List {
    display: none;
    margin: 0;
    padding: 0;
    clear: both;
}

/* Social */
.Section .List li a {
    position: relative;
}

.Section .List li a span.CountFacebook {
    display: block;
    margin: 0;
    padding: 0;
    width: 60px;
    color: #787871;
    font-size: 12px;
    letter-spacing: 0;
    position: absolute;
    top: 11px;
    left: 530px;
}

.Section .List li a span.CountFacebook img {
    margin: 0 6px 0 0;
    padding: 0;
    vertical-align: -2px;
}

.Section .List li a span.CountTwitter {
    display: block;
    margin: 0;
    padding: 0;
    width: 60px;
    color: #787871;
    font-size: 12px;
    letter-spacing: 0;
    position: absolute;
    top: 11px;
    left: 600px;
}

.Section .List li a span.CountTwitter img {
    margin: 0 6px 0 0;
    padding: 0;
    vertical-align: -2px;
}

.Section .List li a {
    padding-right: 150px;
}

#Sub #SubInner .Section .List li a {
    padding-right: 0;
}

/* 天声人語・社説　バックナンバー　2013.11.18修正
---------------------------------------------- */
/* ====タブメニュー==== */
/* EditorialSelector -4tab- */
/* TenjinSelector -3tab- */
.Section #EditorialSelector,
.Section #TenjinSelector {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #E6E6DF;
}

.Section #EditorialSelector .EditorialSelect,
.Section #TenjinSelector .TenjinSelect {
    margin: 0;
    padding: 0;
    position: relative;
    height: 37px;
    _height: 38px;
}

.Section #EditorialSelector .EditorialSelect li,
.Section #TenjinSelector .TenjinSelect li {
    margin: 0;
    padding: 0;
    position: absolute;
    font-size: 90%;
    line-height: 1.1;
}

.Section #EditorialSelector .EditorialSelect li a,
.Section #EditorialSelector .EditorialSelect li a:visited,
.Section #TenjinSelector .TenjinSelect li a,
.Section #TenjinSelector .TenjinSelect li a:visited {
    display: block;
    margin: 0;
    padding: 13px 1px 0;
    height: 23px;
    _height: 38px;
    border-top: 1px solid #E6E6DF;
    border-left: 1px solid #E6E6DF;
    border-right: 1px solid #E6E6DF;
    background: #FFF;
    color: #787871;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.Section #EditorialSelector .EditorialSelect li a:hover,
.Section #EditorialSelector .EditorialSelect li a:active,
.Section #TenjinSelector .TenjinSelect li a:hover,
.Section #TenjinSelector .TenjinSelect li a:active {
    border-top: 1px solid #D2D2CB;
    border-left: 1px solid #D2D2CB;
    border-right: 1px solid #D2D2CB;
    color: #B90000;
    text-decoration: none;
}

.Section #EditorialSelector .EditorialSelect li a.Selected,
.Section #TenjinSelector .TenjinSelect li a.Selected {
    display: block !important;
    margin: 0 !important;
    padding: 13px 1px 0 !important;
    height: 24px !important;
    _height: 39px !important;
    border-top: 1px solid #D2D2CB !important;
    border-left: 1px solid #D2D2CB !important;
    border-right: 1px solid #D2D2CB !important;
    background: #FFF !important;
    color: #1E1E17 !important;
    font-weight: bold !important;
    text-align: center !important;
}

/*非活性*/
.Section #EditorialSelector .EditorialSelect li span.Disabled,
.Section #TenjinSelector .TenjinSelect li span.Disabled {
    display: block;
    margin: 0;
    padding: 13px 1px 0;
    height: 23px;
    _height: 38px;
    border-top: 1px solid #E6E6DF;
    border-left: 1px solid #E6E6DF;
    border-right: 1px solid #E6E6DF;
    background: #FFF;
    color: #B4B4AD;
    font-weight: bold;
    text-align: center;
    cursor: default;
}

/* 【社説】 -4tab- */
.Section #EditorialSelector .EditorialSelect li.Current {
    top: 0;
    left: 12px;
}

.Section #EditorialSelector .EditorialSelect li.LastM {
    top: 0;
    left: 172px;
}

.Section #EditorialSelector .EditorialSelect li.TwoM {
    top: 0;
    left: 332px;
}

.Section #EditorialSelector .EditorialSelect li.ThreeM {
    top: 0;
    left: 492px;
}

.Section #EditorialSelector .EditorialSelect li a,
.Section #EditorialSelector .EditorialSelect li a:visited {
    width: 144px;
    _width: 150px;
}

.Section #EditorialSelector .EditorialSelect li a.Selected {
    width: 144px !important;
    _width: 150px !important;
}

/*非活性*/
.Section #EditorialSelector .EditorialSelect li span.Disabled {
    width: 144px;
    _width: 150px;
}

/* 【天声人語】 -3tab- */
.Section #TenjinSelector .TenjinSelect li.Current {
    top: 0;
    left: 12px;
}

.Section #TenjinSelector .TenjinSelect li.LastM {
    top: 0;
    left: 228px;
}

.Section #TenjinSelector .TenjinSelect li.TwoM {
    top: 0;
    left: 444px;
}

.Section #TenjinSelector .TenjinSelect li a,
.Section #TenjinSelector .TenjinSelect li a:visited {
    width: 202px;
    _width: 206px;
}

.Section #TenjinSelector .TenjinSelect li a.Selected {
    width: 202px !important;
    _width: 206px !important;
}

/*非活性*/
.Section #TenjinSelector .TenjinSelect li span.Disabled {
    width: 202px;
    _width: 206px;
}


/* ====カレンダーリスト==== */

#EditorialContents,
#TenjinContents {
    position: relative;
}

/* EditorialMod TenjinMod*/
.Section .EditorialMod,
.Section .TenjinMod {
    margin: 0;
    padding: 0;

}

.Section .EditorialMod dl,
.Section .TenjinMod dl {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #E6E6DF;
    display: table;
}

.Section .EditorialMod dl dt,
.Section .TenjinMod dl dt {
    display: table-cell;
    width: 100px;
    margin: 0;
    padding: 7px 0 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
/ float: left;
/ clear: both
}

.Section .EditorialMod dl dt span,
.Section .TenjinMod dl dt span {
    display: block;
    color: #787871;
    font-size: 50%;
    font-weight: normal;
}

.Section .EditorialMod dl dd,
.Section .TenjinMod dl dd {
    margin: 0 0 0 10px;
/ margin: 0 0 0 110 px;
    padding: 12px 0 0;
}

.Section .TenjinMod p {
    margin: 0;
    padding: 10px 0;
    color: #3C3C35;
    font-size: 80%;
}

.Section .TenjinMod p.Recent {
    font-size: 95%;
    line-height: 1.6;
}

.Section .TenjinMod p.recency {
    padding: 0 0 10px;
}

.Section .EditorialMod p a,
.Section .TenjinMod p a {
    margin: 0;
    padding: 0;
}


.Section .EditorialMod dl dd span.Charge,
.Section .TenjinMod dl dd span.Charge {
    margin: 0 0 0 3px;
    padding: 0;
    vertical-align: 0;
}

/*====下線の打ち消し====*/
.Section .EditorialMod dl:last-child,
.Section .TenjinMod dl:last-child,
.Section .EditorialMod dl dd:last-child {
    border-bottom: none;
}

/*====社説のみ====*/
.Section .EditorialMod dl dd {
    border-bottom: 1px dotted #E6E6DF;
}

.Section .EditorialMod p {
    margin: 0;
    padding: 0 0 10px;
    color: #3C3C35;
    font-size: 80%;
}

/*最新タイトル*/
.Section .EditorialMod p.Ttl {
    margin: 0;
    padding: 0 0 5px;
    color: #1E1E17;
    font-size: 100%;
    font-weight: bold;
}

.Section .EditorialMod p.itemSingle {
    padding: 9px 0;
}

/*====写真位置====*/
.Section #Photo-List .ListBlock li .WidthImage a {
    padding: 0 9px;
}

.Section #Photo-List .ListBlock li .WidthImage a span {
    display: table-cell;
    width: 180px;
    height: 180px;
    vertical-align: middle;
}

.Section #Photo-List .ListBlock li .WidthImage a.Height img {
    width: auto;
    height: 180px;
}

.Section #Photo-List .ListBlock p span.Time {
    display: block;
    text-align: right;
    line-height: 1.8;
}

.Section #Photo-List .ListBlock.ListBlockCol3 {
    margin-bottom: 5px
}

/*====SNS====*/
.Section .List li a span.CountTwitter {
    display: none
}

.Section .List li a span.CountFacebook {
    left: 600px;
}