@charset "UTF-8";
/* -----------------------------------
The Asahi Shimbun(en) 
en-asadigi2016smp.css

last modified - 2016-06-23(.brightcove 移行用追加）
2016-04-08 12:00 （記事リストのp.Headlineに上下padding追加）
2016-04-05 12:00 （1記事emをitalic設定）
2016-03-01 17:00 （新規）
----------------------------------- */

body {
-webkit-text-size-adjust: none;
font-size: 18px;
color: #1E1E17;
}
body #wrapper {
background: #FFF;
}
body.widthfix {
background: #DCDCD5;
}
body.widthfix #index, body.widthfix #contents {
width: 100%;
width: 320px;
background: #FFFFFF;
}
a {
color: #3C3C35;
text-decoration: none;
}
a:active {
color: #3C3C35;
}
a:hover {
color: #3C3C35;
}
a:visited {
color: #787871;
color: #3C3C35;
}
em {
font-style: normal;
text-decoration: none;
}
mark {
font-style: normal;
text-decoration: none;
background: none;
color: inherit;
}
img {
-webkit-touch-callout:none; /*リンク長押しのポップアップを無効化 */
}
a.Blank {
background: url(http://www.asahicom.jp/sp/ajw/images/icon-blank.png) no-repeat right 1px;
display: inline;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
padding-right: 14px;
}

.RectangleAd {
width: 100%;
text-align: center;
padding: 0 0 15px;
}
.RectangleAd.AdMiddle {
padding-top: 20px;
border-top: 1px solid #e6e6df;
}
#GenreTop .RectangleAd {
padding-top: 5px;
}
#Article .RectangleAd {
}

mark {
font-style: normal;
text-decoration: none;
background: none;
color: inherit;
}
body #wrapper {
background: #FFF;
position: relative;
}
body #Contents {
position: relative;
}
body.widthfix {
background: #DCDCD5DDD;
}
body.widthfix #index, body.widthfix #contents {
width: 100%;
width: 320px;
background: #FFFFFF;
}
em {
font-style: normal;
text-decoration: none;
}
mark {
font-style: normal;
text-decoration: none;
background: none;
color: inherit;
}
.ad {
width: 100%;
background: #EBEBE4;
text-align: center;
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f0), color-stop(0.2, #f8f8f5), color-stop(0.8, #f8f8f5), to(#f3f3f0) );
margin-bottom: 5px;
}
.adsbygoogle {
width: 100%;
font-size: .5em;
line-height: 110%;
text-align: center;
margin: 0;
padding: 0;
}
.adsbygoogle span {
width: 312px;
display: block;
text-align: right;
padding: 2px 0 3px;
margin: 0 auto;
}
.adsbygoogle a {
text-decoration: none;
color: #ababa6;
}
/* ---------------------------------
ヘッダー
------------------------------------ */
#wrapper {
padding-top: 50px;
}
header {
font-size: 16px;
position: fixed; 
top: 0;
left: 0;
height: 50px;
width: 100%;
background: #fff;
display: block;
z-index: 9999;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
}
header #MainLogo,
header .IconArea {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
}
header .IconArea {
cursor: pointer;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
}
#HeaderNav {display: flex;
display: -webkit-box;
/*Android2.1～4.3*/
display: -moz-flexbox;
display: -webkit-flex;
/*--- safari用 ---*/
padding: 8px 8px 0;
box-sizing: border-box;
}
header #MainLogo{
background: url('images/en_logo@2x.png') no-repeat top center;
width: 130px;
height: 33px;
background-size: 130px 33px;
-webkit-flex-grow:2;
-webkit-box-flex: 2;
flex-grow: 2;
-webkit-background-size:   130px 33px;
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
text-indent: -9999px;
}
header #MainLogo a {
display: block;
width: 130px;
height: 33px;
margin: 0 auto;
}
#HeaderMenuArea,
#HeaderServiceArea {
position: fixed;
top: 50px;
width: 100%;
background: #f5f5ee;
z-index: 9010;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
}
#HeaderMenuArea{
border-top: 1px solid #dcdcd5;
}
#HeaderServiceArea {
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);	
}
#HeadersearchArea {
position: fixed;
top: 0;
width: 100%;
background: #f5f5ee;
z-index: 9010;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
}
.MenuOpen #HeaderMenuArea,
.ServiceOpen #HeaderServiceArea {
position: absolute;
top: 50px;
background: #f5f5ee;
-webkit-overflow-scrolling: touch;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
}
.ServiceOpen #wrapper {
position: static;
}
.MenuOpen #wrapper #Contents,
.ServiceOpen #wrapper #Contents {
position: fixed;
}
.SearchOpen #HeadersearchArea{
position: relative;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
}
header #HeaderClose {
display: none;
}
#HeaderMenuNav,
.searchArea {
background: #f5f5ee;
}
header #HeaderMenu  {
min-width: 40px;
width: 15%;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.MenuOpen header #HeaderClose {
display: block;
min-width: 40px;
width: 15%;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
header #HeaderMenu .IconArea {
background: url('images/icon_header_menu.png') no-repeat ;
width: 40px;
height: 40px;
background-size: cover;
-webkit-background-size:  cover;
}
header #HeaderService {
width: 40px;
width: 15%;
-webkit-box-ordinal-group:4;
-ms-flex-order:4;
-webkit-order:4;
order:4;
}
.ServiceOpen header #HeaderClose {
display: block;
width: 40px;
width: 15%;
-webkit-box-ordinal-group:4;
-ms-flex-order:4;
-webkit-order:4;
order:4;
}
.ServiceOpen header #HeaderClose .IconArea {
float: right;
}
header #HeaderLogin .IconArea {
background: url('images/icon_header_login.png') no-repeat  top right;
width: 40px;
height: 40px;
background-size: cover;
-webkit-background-size:  cover;	
float: right;
}
header #HeaderService .IconArea {
background: url('images/icon_header_service.png') no-repeat  top right;
width: 45px;
height: 40px;
background-size: cover;
-webkit-background-size:  cover;	
float: right;
}
header #HeaderClose .IconArea {
background: url('images/icon_header_close.png') no-repeat ;
width: 45px;
height: 40px;
background-size: cover;
-webkit-background-size:  cover;
}
.HeaderNavClose {
color: #787871;
border: 1px solid #D2D2CB;
font-size: .8rem;
border-radius: 5px;
line-height:23px;
display: inline-block;
margin: 0 10px;
padding: 0 10px 0 8px;
}
#HeaderMenuNav a,
#HeaderMenuNav .NavList,
#HeaderMenuNav .NavGenre {
display: block;
border-bottom: 1px solid #dcdcd5;
}
#HeaderMenuNav ul li:last-child a {
border-bottom: none;
}
#HeaderMenuNav #HeaderNavLv1 > li {
position: relative;
}
#HeaderMenuNav #HeaderNavLv1 > li a,
#HeaderMenuNav #HeaderNavLv1 > li span {
height: 44px;
line-height: 44px;
padding-left: 10px;
font-weight: bold;
font-size: 1.1rem;
}
#HeaderMenuNav #HeaderNavLv1 > li span.NavList {
background: url(images/icon-below.png) no-repeat #e8e8e1 97% 14px;
background-size: 14px 14px;
}
#HeaderMenuNav #HeaderNavLv1 > li span.NavList.ListOpen {
background: url(images/icon-up.png) no-repeat #e8e8e1 97% 14px;
background-size: 14px 14px;
}
#HeaderMenuNav .HeaderNavLv2 {
background: #f5f5ee;
}
#HeaderMenuNav .HeaderNavLv2,
#HeaderMenuNav .HeaderNavLv3,
#HeaderMenuNav .EnHeaderNavLv2  {
display: none;
border-bottom: 1px solid #dcdcd5;
}
#HeaderMenuNav .HeaderNavLv3,
#HeaderMenuNav .EnHeaderNavLv2  {
padding-left: 25px;
background: #fff;
}
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv2 > li a,
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv2 > li span{
height: 44px;
line-height: 44px;
padding-left: 25px;
font-size: 1rem;}
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv2 > li span.NavGenre {
background: url(images/icon-below.png) no-repeat #f5f5ee 96.5% 16px;
background-size: 10px 10px;
}
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv2 > li span.NavGenre.ListOpen {
background: url(images/icon-up.png) no-repeat #f5f5ee 96.5% 16px;
background-size: 10px 10px;
}
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv2 > li a {
position: relative; 
}
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv3 > li a,
#HeaderMenuNav #HeaderNavLv1 .EnHeaderNavLv2 > li a {
background: #fff;
height: 44px;
line-height: 44px;
padding-left: 5px;
font-weight: normal;
position: relative; 
font-size: 1rem;
}
#HeaderServiceArea .SearchBox {
background: #fff;
padding: 10px 0 20px;
}
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv3 > li a::after,
#HeaderMenuNav #HeaderNavLv1 .EnHeaderNavLv2 > li a::after,
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv2 > li a::after,
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv3 > li a::after,
#HeaderMenuNav #HeaderNavLv1 .EnHeaderNavLv2 > li a::after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 6px;
height: 6px;
margin-top: -4px;
border-top: 1px solid #adada6;
border-right: 1px solid #adada6;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
#HeaderMenuNav #HeaderNavLv1 .HeaderNavLv2 > li a::after {
border-top: 1px solid #787871;
border-right: 1px solid #787871;
}

/*JSでクラス付与*/
body.MenuOpen {
overflow-x: hidden;
}
.HeaderNavClose {
display: none;
opacity: 0;
}
.MenuOpen .HeaderNavClose,
.ServiceOpen .HeaderNavClose {
display: block;
opacity: 1;
}
.MenuOpen #HeaderMenu,
.ServiceOpen #HeaderService {
display: none;
opacity: 0;
}


/*--- アイコンアニメーション  ---*/
.MenuHide #HeaderMenu .IconArea,
.ServiceHide #HeaderService .IconArea,
.MenuOpen #HeaderClose .IconArea,
.ServiceOpen #HeaderClose .IconArea {
-webkit-animation: iconshow 0.2s ease-in-out;
animation: iconshow 0.2s ease-in-out;
}
@-webkit-keyframes iconshow {
0% { -webkit-transform: scale(0.6) }
100% { -webkit-transform: scale(1.0) }
}
@keyframes iconshow {
0% { transform: scale(0.6) }
100% { transform: scale(1.0) }
}

/*--- HeaderServiceArea  ---*/
/*Fontサイズ変更 */
#FontSizeArea{
display:block;
width:100%;
border-top: 1px solid #dcdcd5;
background-color:#fff;
}

/*- 検索窓 -*/
#HeaderServiceArea .SearchBox input.SearchKeywords {
border: 2px solid #787871;
padding: 0 5px 0 10px;
width: 75%;
line-height: 1.5;
color: #3c3c35;
-webkit-appearance: none;
font-size: 1.1rem;
height: 50px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#HeaderServiceArea .SearchBox input.SearchSubmit {
background: #787871;
height: 50px;
width: 23%;
color: #fff;
font-weight: bold;
font-size: 1rem;
-webkit-appearance: none;
/*letter-spacing: 2px;*/
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 0;
margin-left: 0;}

/*- Link -*/
#ServiceLinkArea{
text-align: center;
font-weight: bold;
display: table;
width: 100%;
padding: 25px 0;
background: #fff;
border-top: 1px solid #d2d2cb;
}
.ServiceLinkList {
display: table-cell;
width: 100%;
text-align: center;
vertical-align: middle;
font-size:.8rem;
}
.ServiceLinkList  .ServiceBtn {
display: block !important;
}
.ServiceLinkList li {
width: 250px;
margin: 0 auto 10px;
}
.ServiceLinkList li a {
display: block;
border-radius: 5px;
text-align: center;
background: #fff;
border: 2px solid #d2d2cb;
color: #1e1e17;
padding:10px;
background-color: #f5f5ee;
}
#EnTrafficBtn {
background: url(http://www.asahicom.jp/sp/ajw/railway_info/images/icon-title-traffic.png) no-repeat 30px top;
background-size: 25px 25px;
padding-left:25px;
min-height:25px;
line-height:25px;
}

/* ---------------------------------
telop
------------------------------------ */
#NewsFlash {
display: block;
width: 100%;
clear: both;
margin: 0;
background: #FFFFFF;
border: 0;
padding: 0 0 4px;
}
#NewsFlash #NewsFlashInner {
padding: 0 10px;
margin: 0;
margin: 0 5px;
border: 1px solid #B90000;
border-radius: 3px;
}
#NewsFlash #NewsFlashInner ul {
min-height: 40px;
height: auto;
padding: 0;
margin: 0;
list-style: none;
border-bottom: 1px solid #E1E1DA;
border-bottom: 1px solid #B90000;
border-bottom: 0;
border: 0;
}
#NewsFlash #NewsFlashInner ul li {
color: #FFF;
color: #B90000;
font-size: .85em;
font-weight: bold;
text-align: left;
padding: 8px 0 7px;
margin: 0;
list-style: none;
line-height: 135%;
}
#NewsFlash #NewsFlashInner ul li a {
text-decoration: underline;
color: #b90000;
}
#NewsFlash.NewsFlashFree {
margin-bottom: 6px;
}
/* ポップアップウインドウ */
#ShimenYukanBnBox, #ShimenBnBox, #FontsizeBox, .SubGenreNaviBox {
border-radius: 4px;
-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */
display: block;
visibility: hidden;
width: 70%;
height: auto;
background: #F5F5EE;
border: 0;
position: absolute;
top: 0;
left: 0;
z-index: 100;
padding: 0;
}
#ShimenYukanBnBox.on, #ShimenBnBox.on, #FontsizeBox.on, .SubGenreNaviBox.on {
visibility: visible;
}
#ShimenYukanBnBox .ShimenBnSelect li, #ShimenBnBox .ShimenBnSelect li, #FontsizeBox .FontsizeSelect li, .SubGenreNaviBox ul.SubGenreNavi li {
font-size: .85em;
line-height: 1;
display: block;
margin: 0;
padding: 0;
border-bottom: 1px solid #E1E1DA;
}
.SubGenreNaviBox ul.SubGenreNavi li:first-child {
border-top: 0;
margin: 0;
}
#ShimenYukanBnBox .ShimenBnSelect li:last-child, #ShimenBnBox .ShimenBnSelect li:last-child, #FontsizeBox .FontsizeSelect li:last-child, .SubGenreNaviBox ul.SubGenreNavi li:last-child {
margin: 0;
border-top: 0;
border-bottom: 0;
}
#ShimenYukanBnBox.landscape .ShimenBnSelect li:nth-child(2n-1) span, #ShimenBnBox.landscape .ShimenBnSelect li:nth-child(2n-1) span, #FontsizeBox.landscape .FontsizeSelect li:nth-child(2n-1) span, .SubGenreNaviBox.landscape ul.SubGenreNavi li:nth-child(2n) a {
border-right: 1px solid #E1E1DA;
}
#ShimenYukanBnBox.landscape li, #ShimenBnBox.landscape li, #FontsizeBox.landscape li, .SubGenreNaviBox.landscape li {
width: 50%;
float: left !important;
display: inline-block;
overflow: hidden;
height: 46px;
}
#ShimenYukanBnBox .ShimenBnSelect li a, #ShimenBnBox .ShimenBnSelect li a {
text-decoration: none;
}
#ShimenYukanBnBox h3, #ShimenBnBox h3, #FontsizeBox h3 {
width: 100%;
height: 38px;
display: block;
margin: 0;
padding: 0;
border-bottom: 1px solid #CDCDC6;
border-top: 0;
color: #5A5A53;
overflow: hidden;
background: #DDDDD3;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}
#ShimenYukanBnBox h3 span, #ShimenBnBox h3 span, #FontsizeBox h3 span {
width: 100%;
height: 38px;
font-size: .85em;
line-height: 1;
display: block;
margin: 0;
color: #5A5A53;
padding: 12px 10px 12px;
font-size: .7em;
line-height: 14px;
}
#ShimenYukanBnBox h3 span.CloseButton, #ShimenBnBox h3 span.CloseButton, #FontsizeBox h3 span.CloseButton, .SubGenreNaviBox ul.SubGenreNavi li.top span.CloseButton {
display: block;
width: 45px;
height: 26px;
position: absolute;
top: 5px;
right: 5px;
width: auto;
margin: 0;
padding: 0 8px;
color: #FFF;
font-size: 12px;
line-height: 28px;
text-decoration: none;
font-weight: normal;
cursor: pointer;
border-top: 1px solid #7b7b73;
border-right: 1px solid #959688;
border-left: 1px solid #959688;
border-bottom: 1px solid #959688;
border-color: #a2a393;
border-radius: 5px;
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 3px;
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
background: #a2a393;
}
#ShimenYukanBnBox h3, #ShimenBnBox h3, #FontsizeBox h3, .SubGenreNaviBox.landscape li.top {
width: 100%;
float: none;
height: 38px;
}
#ShimenYukanBnBox .ShimenBnSelect li span.status, #ShimenBnBox .ShimenBnSelect li span.status {
display: none;
}
#ShimenYukanBnBox .ShimenBnSelect li span, #ShimenBnBox .ShimenBnSelect li span, #FontsizeBox .FontsizeSelect li span, .SubGenreNavi li a {
color: #32322B;
font-weight: bold;
text-decoration: underline;
border-right: 1px solid #E1E1DA;
padding: 15px 0;
line-height: 105%;
border: 0;
text-decoration: none;
display: block;
z-index: 1000;
padding: 15px 10px;
}
#ShimenYukanBnBox .ShimenBnSelect li span, #ShimenBnBox .ShimenBnSelect li span {
padding: 10px 10px;
}
#ShimenYukanBnBox.landscape li, #ShimenBnBox.landscape li {
height: auto;
}

.SubGenreNaviBox ul.SubGenreNavi li.top {
font-size: 14px;
line-height: 14px;
border-bottom: 1px solid #CDCDC6;
}
.SubGenreNaviBox ul.SubGenreNavi li.top a {
color: #5A5A53;
padding: 12px 10px 12px;
width: auto;
display: inline-block;
}
.SubGenreNavi li a:hover, .SubGenreNavi li a:active {
color: #B90000;
text-decoration: underline;
}
.SubGenreNavi li {
display: inline-block;
}
.SubGenreNavi li:last-child a {
border-right: 0;
}
/* ---------------------------------
Footer_Globalnav
------------------------------------ */
.Nav {
padding-bottom: 11px;
}
.Nav .sub {
}
.Nav .sub p {
color: #CDCDC6;
color: #acaca3;
font-size: 13px;
font-weight: bold;
padding: 8px 0 2px 8px;
}
.Nav ul.GlobalNav {
width: 100%;
border-bottom: 0;
margin: 0 0 12px;
}
.Nav ul.GlobalNav::after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.Nav ul.GlobalNav li {
width: 50%;
height: 40px;
display: block;
float: left;
background-color: #EBEBE4;
background-color: #FFFFFF;
overflow: hidden;
}
.Nav ul.GlobalNav li a {
text-decoration: none;
font-size: 15px;
display: block;
text-align: center;
width: auto;
height: 39px;
line-height:40px;
border-bottom: 1px solid #E6E6DF;
vertical-align: middle;
overflow: hidden;
}
.Nav ul.GlobalNav li:nth-child(odd) a {
border-right: 1px solid #E6E6DF;
}
.Nav ul.GlobalNav li.Choukan span {
background: transparent url('images/icon-shimen-chou.png') no-repeat 0 1px;
background-size: 24px 24px;
-webkit-background-size:  24px 24px;
padding: 5px 0 2px 28px;
}
.Nav ul.GlobalNav li.Youkan span {
background: transparent url('images/icon-shimen-yuu.png') no-repeat 0 1px;
background-size: 24px 24px;
-webkit-background-size: 24px 24px;
padding: 5px 0 2px 28px;
}
.Nav ul.GlobalNav li.Choukan a, .Nav ul.GlobalNav li.Youkan a {
}
/* ---------------------------------
Footer
------------------------------------ */
#FooterLink {
border-top: 1px solid #e6e6df;
}
#FooterLink ul {
border-top:6px solid #f5f5ee;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 6px 15px 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#FooterLink ul li {
display: inline-block;
font-size: .65em;
margin: 4px 5px;
color: #5A5A53;
}
#FooterLink ul li a {
color: #5A5A53;
}

#FooterInner #FooterLink ul {
border-top:none;
text-align: left;
font-size: .95em;
padding: 8px 0 3px 0;
}
#FooterInner #FooterLink {
border-top: none;
}
#FooterInner #FooterLink ul li {
margin: 3px 7px 3px 0;
font-weight: bold;
}
#Footer_wrapper .UpdateTime {
font-size: .65em;
padding: 5px 10px 8px;
color: #787871;
}
#Footer {
background:  #f5f5ee;
padding-top: 10px;
margin-top: 5px;
}
#Footer .AboutSite ul li a, #Footer .AboutSite ul li a:visited {
color: #696962;
text-decoration: none;
}
#Footer .AboutSite ul li a:hover, #Footer .AboutSite ul li a:active {
color: #373730;
text-decoration: underline;
text-decoration: none;
}
#Footer #FooterInner {
padding: 0 10px 10px;
margin: 0;
}
#Footer .AboutSite .Copyright p {
color: #696962;
color: #a1a199;
font-size: .6em;
line-height: 1.4;
text-align: left;
margin-top: 5px;
}
#Footer #ToTop {
background: #fff;
text-align: center;
}
#ToTopInner {
display: inline-block;
width: auto;
margin: 0 auto;
padding: 7px 22px 1px;
text-align: center;
}
#Footer .TopButton {
}
#Footer .TopButton a, #Footer .TopButton a:visited {
padding-right: 15px;
background: url(images/arw-msize-top.png) no-repeat right 3px;
background-size: 11px 11px;
-webkit-background-size:  11px 11px;
text-decoration: none;
color: #696962;
text-decoration: underline;
text-decoration: none;
}
#Footer .SelectButton a, #Footer .SelectButton a:visited {
color: #696962;
text-decoration: underline;
text-decoration: none;
}
#Footer .TopButton a:hover, #Footer .TopButton a:active, #Footer .SelectButton a:hover, #Footer .SelectButton a:active {
color: #373730;
text-decoration: underline;
text-decoration: none;
}
#Footer .SelectButton {
width: 100%;
text-align: left;
height: auto;
margin-bottom: 10px;
}
#Footer .SelectButton::after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#Footer .SelectButton li {
font-size: .85em;
line-height: 22px;
display: inline-block;
margin: 3px 5px 0;
border: 0px solid red;
height:22px;
border: 0px solid green;
color: #A1A199;
}
#Footer .SelectButton li a {
font-weight: bold;
}
#Footer .SelectButton li.SelectButtonPC {
padding-left: 24px;
background: transparent url('images/icon-pc.png') no-repeat left top;
background-size: 15px 15px;
-webkit-background-size:  15px 15px;
background-size: 21px 50px;
-webkit-background-size: 21px 50px;
margin-left: 8px;
}
#Footer .SelectButton li.SelectButtonSMP {
padding-left: 26px;
background: transparent url('images/icon-smp.png') no-repeat 6px -25px;
background-size: 15px 15px;
-webkit-background-size:  15px 15px;
background-size: 21px 50px;
-webkit-background-size: 21px 50px;
border-left: 1px solid #A1A199;
}
#Footer .SelectButton li.SelectButtonSMP a {
color: #bcbcb6;
}
#Footer .AboutSite ul {
margin-bottom: 20px;
margin-bottom: 16px;
}
#Footer .AboutSite ul li {
width: 33%;
width: auto;
line-height: 14px;
float: left;
border-right: 1px solid #F8F8F1;
padding-right: 7px;
margin: 5px 7px 5px 0;
}
#Footer .AboutSite ul li:last-child {
width: 66%;
width: auto;
}
#Footer .AboutSite ul::after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#Footer .AboutSite ul li a, #Footer .AboutSite ul li a:visited {
color: #696962;
text-decoration: underline;
text-decoration: none;
}
#Footer .AboutSite ul li a:hover, #Footer .AboutSite ul li a:active {
color: #373730;
text-decoration: underline;
text-decoration: none;
}
#Footer .AboutSite .Copyright p {
}
#Footer .SelectButton.LangSW {
margin: 10px 0;
}
#Footer .SelectButton.LangSW li {
font-size: .7rem;
line-height:  1;
margin:0;
padding:0 5px;
height:12px;
border-left: 1px solid #A1A199;
}
#Footer .SelectButton.LangSW li:first-child {
border-left: none;
padding-left:0;
}
#Footer_wrapper .LastUpdated {
font-size: .65em;
padding: 5px 10px 8px;
color: #787871;
}

/*-----------------------------------------------*/
.Section {
position: relative;
}
.Section .List {
line-height: 1.3;
margin-bottom: 10px;
}
.Section .List li {
border-bottom: 1px solid #E6E6DF;
padding: 0 10px;
}
#Contents .List:first-child {
}
.Section .List li.HeadlineTop {
font-size: 1.15em;
}
.Section .List li:last-child {
border-bottom: none;
}
.Section .List.LastLine li {
border-bottom: 1px solid #E6E6DF !important;
}
.Section .List li .Headline {
min-height: 88px;
}
.Section .List li .CategoryTitle {
padding: 10px 0;
}
.Section .List li .CategoryTitle a {
font-weight: bold;
padding: 0;
}
.Section .List li .CategoryTitle span {
font-size: 0.65em;
line-height: 1.8;
font-weight: bold;
color: #787871;
}
.Section .List li .CategoryTitle .Time {
font-weight: normal;
}
.Section .List li .CategoryTitle span a {
color: #787871;
font-size: 1em;
}
.Section .List li .Image {
display: table;
float: right;
width: 70px;
margin: 9px 0 9px 15px;
}
.Section .List li.HeadlineTop .Image {
margin-top: 12px;
}
.Section .List li a {
padding: 12px 0;
display: block;
}
.Section .List li a .Read {
display: block;
font-size: .75em;
color: #5A5A53;
line-height: 140%;
padding: 5px 0 0;
}
.Section .List li .Image a {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0;
height: 70px;
}
.Section .List li .Image a img {
max-height: 70px;
max-width: 70px;
height: auto;
width: auto;
}
.Section .List li dl {
padding: 10px 0;
display: block;
}
.Section .List li dl dt {
font-weight: bold;
line-height: 130%;
}
.Section .List li dl dt a {
padding: 0;
display: inline;
}
.Section .List li dl dt span {
display: block;
color: #787871;
font-size: .65em;
line-height: 1;
padding-bottom: 5px;
}
.Section .List li dl dt span a {
color: #787871;
}
.Section .List li dl dt .Time {
display: inline;
font-weight: normal;
}

.Section .List li dl dd p,
.Section .List li dl dd p a {
color: #5A5A53;
padding: 0;
line-height: 140%;
}
.Section .List li dl dd p {
font-size: .75em;
padding: 4px 0;
}
.Section .List li dl.Flat {
}
.Section .List li dl.Flat dt {
float: left;
margin-right: 10px;
}
.Section .List .ListImage .Image {
float: left;
margin: 9px 15px 9px 0;
}
.Section .List .ListImage .ImageCaption a {
font-size: .75em;
color: #5A5A53;
font-weight: normal;
}
.Section .List.HeadlineList li {
min-height: 65px;
}
.Section .List.HeadlineList li a {
font-weight: bold;
}

/*-----------------------------------------------*/

.Section li .Time,
.Section li .Name {
color: #96968F;
font-size: .6em;
font-weight: normal;
margin-left: 3px;
vertical-align: 1px;
}
.Section li a .Charge, .Section li .Movie,
.Section li .PlusD, .Section li span.Blank {
margin: 0 0 0 5px;
padding: 0;
vertical-align: 0;
display: inline !important;
}
.Section li a .Charge img, .Section li .Movie img {
vertical-align: -2px;
width: 13px;
height: 13px;
}
.Section li .PlusD img{
vertical-align: -1px;
width: 14px;
height: 17px;
}
.Section li span.Blank img {
vertical-align: -1px;
width: 13px;
height: 13px;
}
/*----------------------------------------------*/
.Section .List.ThumbList li a {
font-weight: bold;
}
.Section .List.ThumbList li .Image a {
background: #f5f5ee;
border: 1px solid #f1f1ea;
}
.Section .List.ThumbList li.LargePhoto .Image {
float: none;
width: 300px;
text-align: center;
display: block;
margin: 9px auto;
}
.Section .List.ThumbList li.LargePhoto .Image a {
display: block;
height: auto;
background: none;
padding-bottom: 0;
border:none;
}
.Section .List.ThumbList li.LargePhoto .Image a img {
max-width: 300px;
max-height: 300px;
}
.Section .List.ThumbList li.LargePhoto a {
padding: 0 0 12px;
}
.Section .List.ThumbList li.LargePhoto .Headline {
min-height: 0;
}

.Section .List.ThumbList li.FullLargePhoto {
padding: 0;
}
.Section .List.ThumbList li.FullLargePhoto .Image {
float: none;
width: 100%;
text-align: center;
display: block;
margin: 9px auto;
padding: 0;
}
.Section .List.ThumbList li.FullLargePhoto .Image a {
display: block;
height: auto;
background: none;
padding-bottom: 0;
border: none;
}
.Section .List.ThumbList li.FullLargePhoto .Image a img {
max-width: 640px;
max-height: 480px;
}
.Section .List.ThumbList li.FullLargePhoto .Image.Width a img {
width: 100%;
min-width: 320px;
}
.Section .List.ThumbList li.FullLargePhoto .Image.Height a img {
}
.Section .List.ThumbList li.FullLargePhoto .Headline {
min-height: 0;
}
.Section .List.ThumbList li.FullLargePhoto .Headline a {
padding: 0 10px 12px;
}
/*-----------------------------------------------*/
.Section .List.LargePhoto li .Image,
.Section .List.FullLargePhoto li .Image,
.Section .FullLargePhoto .Image,
.Section .TwoPhotos li .Image {
display: block;
float: none;
margin-left: 0;
padding: 5px 0;
padding: 10px 0 0;
text-align: center;
width: 100%;
}
.Section .FullLargePhoto .Image {
padding-bottom: 10px;
}

.Section .List.LargePhoto li .Image a,
.Section .List.FullLargePhoto li .Image a,
.Section .TwoPhotos li .Image a {
width: 100%;
height: auto;
display: block;
vertical-align: middle;
text-align: center;
}
.Section .List.FullLargePhoto li {
padding: 0;
}
.Section .List.LargePhoto li .Image a img {
max-width: 300px;
max-height: 300px;
height: auto;
}
.Section .FullLargePhoto .Image a img,
.Section .List.FullLargePhoto li .Image a img {
max-width: 640px;
max-height: 480px;
}
.Section .FullLargePhoto .Image.Width a img,
.Section .List.FullLargePhoto li .Image.Width a img {
width: 100%;
min-width: 320px;
}

.Section .List.LargePhoto li dl,
.Section .List.LargePhoto li .CategoryTitle,
.Section .List.TwoPhotos li dl,
.Section .List.TwoPhotos li .CategoryTitle {
padding: 0 0 10px;
}
.Section .List.FullLargePhoto li dl,
.Section .List.FullLargePhoto li .CategoryTitle {
padding: 0 10px 10px;
}


/*----------------------------------------------*/
.Section .List.FrontPage {
}
/*.Section .List.FrontPage li:last-child {
border-bottom: 1px solid #e6e6df;
margin-bottom: 20px;
}*/
/*----------------------------------------------*/
.Section .TwoPhotos {
border-bottom: 1px solid #e6e6df;
}
.Section .TwoPhotos li {
float: left;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: none;
}
.Section .TwoPhotos li:nth-last-of-type(2) {
border-bottom: none;
}
.Section .TwoPhotos li .Image {
display: table;
height: 100px;
margin-bottom: 5px;
}
.Section .TwoPhotos li .Image a {
display: table-cell;
vertical-align: middle;
}
.Section .TwoPhotos li .Image a img {
max-height: 140px;
max-width: 140px;
}


/*-----------------------------------------------*/

.Section .ListMedium {
line-height: 1.3;
}

.Section .ListMedium li {
background: url(images/arrow-gray.png) no-repeat 0 0.4em;
background-size:  8px 8px;
-webkit-background-size: 8px 8px;
padding: 0 10px 0 14px;
margin: 14px 10px;
display: block;
text-decoration: none;
color: #3C3C35;
}
.Section .ListMedium li a.Blank {
background: url(http://www.asahicom.jp/sp/ajw/images/icon-blank.png) no-repeat right 5px;
display: inline;
background-size: 12px 12px;
-webkit-background-size:  12px 12px;
padding-right: 17px;
}
/*-----------------------------------------------*/

.Section .ListPhoto {
padding: 10px 0;
line-height: 125%;
font-size: .65em;
width: 300px;
margin: 0 auto;
}
.Section .ListPhoto li {
float: left;
width: 85px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-right: 23px;
}
.Section .ListPhoto li:last-child {
margin-right: 0;
}
.Section .ListPhoto li a span {
display: block;
}
.Section .ListPhoto li a img {
width: 85px;
margin: 0 auto 5px;
}
.Section .ListPhoto li.Movie a img {
background: #000;
padding: 7px 0;
}

/*title----------------------------------------*/

.UpperPage {
padding: 8px 5px 7px;
font-size: .8em;
background: #f5f5ee;
border-top: 1px solid #dcdcd5;
}
.UpperPage .GenreTitle {
font-weight: bold;
}
.UpperPage .GenreTitle {
background: url(images/arrow-backpage.png) no-repeat 0 50%;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
padding-left: 14px;
}
.UpperPage .PageBack {
float: right;
background: url(images/arrow-backpage.png) no-repeat 0 50%;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
padding-left: 13px;
font-size: .8em;
}
.Section .Title {
background: #f8f8f1;
padding: 10px;
border-top: 1px solid #DCDCD5;
font-weight: bold;
line-height: 1.6;
}
.PageTitle  {
margin-top: 10px;
}
.PageTitle .Title {
font-size: 1.2em;
padding: 5px 10px 15px;
border-bottom: 2px solid #DCDCD5;
}
.Section .Title h2, .PageTitle .Title h1 {
float: left;
}
.PageTitle .Title h1 {
line-height: 1.3;
}
.PageTitle.Wappen .FixedImage,
.ArticleTitle.Wappen .FixedImage {
float: left;
margin: 0 10px;
}
.PageTitle.Wappen .FixedImage img,
.ArticleTitle.Wappen .FixedImage img {
width: 40px;
max-height: 40px;
border: 1px solid #e6e6df;
margin-top: 4px;
}
.PageTitle.Wappen .Title,
.ArticleTitle.Wappen .Title {
padding-bottom: 10px;
}
.PageTitle.Wappen .Title h1,
.ArticleTitle.Wappen .Title h1 {
float: none;
/*line-height: 49px;*/
}
.Section .Title h2 a,
.Section .TitleSub h3 a  {
background: url(images/arw-lsize.png) no-repeat right 4px;
background-size: 12px 12px;
-webkit-background-size: 12px 12px;
padding-right: 15px;
}
.Section .Title h2 a.Blank,
.Section .TitleSub h3 a.Blank  {
background: url(images/arrow_link_blank.png) no-repeat right 7px;
background-size: 12px 12px;
-webkit-background-size: 12px 12px;
padding-right: 15px;
}
.Section .Title h2 a:visited,
.Section .TitleSub h3 a:visited {
color: #1E1E17;
}

.Section .Title .MenNum {
font-size: .8em;
font-weight: normal;
margin-right: 10px;
}

.Section .Title .SubLink, .PageTitle .Title .SubLink {
float: right;
font-size: .6em;
margin: 6px 0 0 0;
}
.Section.WebMagazine .Title .SubLink {
margin-top: 0;
}
.Section.WebMagazine .Title .SubLink li {
margin-left: 6px;
}
.Section .Title .SubLink li,
.PageTitle .Title .SubLink li {
display: inline-block;
margin-left: 15px;
}
.Section .Title .SubLink li a, .UserCustomizeSet a, .PageTitle .Title .SubLink a {
background: url(images/arrow-gray.png) no-repeat 0 50%;
background-size: 8px 8px;
-webkit-background-size: 8px 8px;
padding: 10px 0 10px 12px;
}
.Section .Title .SubLink li a:hover, .UserCustomizeSet a:hover, .PageTitle .Title .SubLink a:hover {
color: #3C3C35;
}
.Section .Title .SubLink .andTravel a,
.Section .Title .SubLink .andTheater a {
text-indent: -9999px;
display: block;
padding-top: 6px;
padding-bottom: 6px;
}
.Section .Title .SubLink .andTravel a span {
background: url(images/icon-andtravel.png) no-repeat 0 center;
background-size: 60px 10px;
-webkit-background-size: 60px 10px;
display: block;
width: 60px;
height: 15px;
}
.Section .Title .SubLink .andTheater a span {
background: url(images/icon-andtheater.png) no-repeat 0 0;
background-size: 60px 15px;
-webkit-background-size: 60px 15px;
display: block;
width: 60px;
height: 15px;
}
.PageTitle.Wappen .SubLink {
float: none;
text-align: right;
margin-bottom: 5px;
}
.PageTitle.Wappen .SubLink a {
padding-top: 0;
padding-bottom: 0;
}

.Section .TitleSub {
padding: 10px;
border-bottom: 1px solid #E6E6DF;
font-size: .7em;
}
.Section .TitleSub.andM a,
.Section .TitleSub.andw a {
text-indent: -9999px;
display: inline-block;
height: 20px;
padding-right: 20px;
}
.Section .TitleSub.andM a span {
background: url(images/logo-andm.png) no-repeat 0 center;
background-size: 75px 21px;
-webkit-background-size: 75px 21px;
display: block;
width: 75px;
height: 21px;
}
.Section .TitleSub.andw a span {
background: url(images/logo-andw.png) no-repeat 0 center;
background-size: 100px 20px;
-webkit-background-size: 100px 20px;
display: block;
width: 100px;
height: 20px;
}
.GenreSubLink,
.ArticleSubLink {
font-size: .65em;
padding: 10px 10px 0;
border-bottom: 1px solid #E6E6DF;
}
.GenreSubLink {
}
ArticleSubLink {
border-top: 1px slid =#e6e6df;
margin-top: 5px;
}
.GenreSubLink li,
.ArticleSubLink li {
display: inline-block;
background: url(images/arrow-gray.png) no-repeat 0 3px;
background-size: 6px 6px;
-webkit-background-size: 6px 6px;
padding: 0 8px 0 10px;	
}
.GenreSubLink li a,
.ArticleSubLink li a {
margin-bottom: 10px;
color: #5A5A53;
display: block;
}

/*CategoryNav-----------------------------*/
.CategoryNav .LinkMod{
border-top:6px solid #f5f5ee;
}
.CategoryNav .LinkMod{
font-size:.70em;
padding:10px 10px 0;
border-bottom:1px solid #E6E6DF;
}
.CategoryNav .LinkMod li{
display:inline-block;
background:url(/sp/css/images/arrow-gray.png) no-repeat 0 3px;
background-size:6px 6px;
-webkit-background-size:6px 6px;
padding:0 8px 0 10px;
}
.CategoryNav .LinkMod li a{
margin-bottom:10px;
color:#5A5A53;
display:block;
}

/*button----------------------------------*/
.ButtonArea {
padding: 0 0 20px;
}
.ButtonArea .Button a {
border: 1px solid #DCDCD5;
margin: 0 auto;
font-size: .85em;
text-align: center;
width: 280px;
font-weight: bold;
background: #F5F5EE;
border-radius: 5px;
display: block;
padding: 12px 0;
text-decoration: none;
color: #5A5A53;
}
.ButtonArea .Button.Loading a {
background: #fff !important;
}
.ButtonArea .Button.Loading a span {
background: url(http://www.asahicom.jp/sp/ajw/css/images/loading_small.gif) no-repeat 0 .4em !important;
background-size: 16px 16px !important;
-webkit-background-size: 16px 16px !important;
opacity: .7;
}
.ButtonArea .Button a span {
padding: 5px 0 8px;
}
/*plainmod---------------------------------------*/
.Section .PlainMod {
padding: 0 10px 10px;
font-size: .9em;
line-height: 1.4;
}
.Section .PlainMod p {
padding: 10px 0;
}
/*-tab---------------------------------------*/
.Section .TabMod,
.Section .TabModCol2,
.Section .TabModCol3,
.Section .TabModCol4 {
margin-top: 10px;
}
.Section .TabMod ul.TabCol,
.Section .TabMod ul.TabCol2,
.Section .TabModCol3 ul.TabCol3,
.Section .TabModCol4 ul.TabCol4{
overflow: hidden;
}
.Section .TabMod ul.TabCol li,
.Section .TabMod ul.TabCol2 li,
.Section .TabModCol3 ul.TabCol3 li,
.Section .TabModCol4 ul.TabCol4 li {
font-size: .9em;
}
.Section .TabMod ul.TabCol li a,
.Section .TabMod ul.TabCol li span,
.Section .TabMod ul.TabCol2 li a,
.Section .TabMod ul.TabCol2 li span,
.Section .TabModCol3 ul.TabCol3 li a,
.Section .TabModCol3 ul.TabCol3 li span,
.Section .TabModCol4 ul.TabCol4 li a,
.Section .TabModCol4 ul.TabCol4 li span  {
display: block;
width: 50%;
float: left;
text-align: center;
padding: 10px 0;
background: #F5F5EE;
color: #787871;
border-top: 1px solid #EBEBE4;
border-bottom: 1px solid #D2D2CB;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: .9em;
height: 35px;
}
.Section .TabMod ul.TabCol li.TwoLines a,
.Section .TabMod ul.TabCol li.TwoLines span,
.Section .TabMod ul.TabCol2 li.TwoLines a,
.Section .TabMod ul.TabCol2 li.TwoLines span,
.Section .TabModCol3 ul.TabCol3 li.TwoLines a,
.Section .TabModCol3 ul.TabCol3 li.TwoLines span,
.Section .TabModCol4 ul.TabCol4 li.TwoLines a,
.Section .TabModCol4 ul.TabCol4 li.TwoLines span  {
padding: 2px 5px 0;
font-size: .75em;
line-height:1.3;
}
.Section .TabMod ul.TabCol li .Disabled,
.Section .TabMod ul.TabCol2 li .Disabled,
.Section .TabModCol3 ul.TabCol3 li .Disabled,
.Section .TabModCol4 ul.TabCol4 li .Disabled {
color: #bcbcb6;
}
.Section .TabModCol3 ul.TabCol3 li a,
.Section .TabModCol3 ul.TabCol3 li span {
width: 33%;
}
.Section .TabModCol3 ul.TabCol3 li.Tab3rd a,
.Section .TabModCol3 ul.TabCol3 li.Tab3rd span {
width: 34%;
}
.Section .TabModCol4 ul.TabCol4 li a,
.Section .TabModCol4 ul.TabCol4 li span {
width: 25%;
}
.Section .TabMod ul.TabCol li.Tab1st a,
.Section .TabMod ul.TabCol li.Tab1st span,
.Section .TabMod ul.TabCol2 li.Tab1st a,
.Section .TabMod ul.TabCol2 li.Tab1st span,
.Section .TabModCol3 ul.TabCol3 li.Tab1st span,
.Section .TabModCol3 ul.TabCol3 li.Tab1st a.Selected,
.Section .TabModCol4 ul.TabCol4 li.Tab1st a,
.Section .TabModCol4 ul.TabCol4 li.Tab1st span {
border-right: 1px solid #D2D2CB;
}

.Section .TabModCol3 ul.TabCol3 li.Tab2nd .Selected {
border-left: 1px solid #D2D2CB;
border-right: 1px solid #D2D2CB;
margin-left: -0.5%;
width: 33.5%;
}
.Section .TabModCol4 ul.TabCol4 li.Tab2nd .Selected,
.Section .TabModCol4 ul.TabCol4 li.Tab3rd .Selected {
border-left: 1px solid #D2D2CB;
border-right: 1px solid #D2D2CB;
margin-left: -0.5%;
width: 25.5%;
}
.Section .TabModCol3 ul.TabCol3 li.Tab1st a,
.Section .TabModCol3 ul.TabCol3 li.Tab2nd a,
.Section .TabModCol4 ul.TabCol4 li.Tab1st a,
.Section .TabModCol4 ul.TabCol4 li.Tab2nd a,
.Section .TabModCol4 ul.TabCol4 li.Tab3rd a {
border-right: 1px solid #e6e6df;
}
.Section .TabModCol3 ul.TabCol3 li.Tab3rd .Selected {
border-left: 1px solid #D2D2CB;
margin-left: -0.5%;
width: 34.5%;
}
.Section .TabModCol4 ul.TabCol4 li.Tab4th .Selected {
border-left: 1px solid #D2D2CB;
margin-left: -0.5%;
width: 25.5%;
}
.Section .TabMod ul.TabCol li .Selected,
.Section .TabMod ul.TabCol2 li .Selected,
.Section .TabModCol3 ul.TabCol3 li .Selected,
.Section .TabModCol4 ul.TabCol4 li .Selected {
background: #fff;
font-weight: bold;
color: #0A0A03;
border-top: 1px solid #D2D2CB;
border-bottom: none;
font-size: 1em;
}
.Section .TabMod .TabPanel,
.Section .TabModCol3 .TabPanel,
.Section .TabModCol4 .TabPanel {
margin-top: 15px;
}
/*--pagination--------------------------*/
.Section .Pagination {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #DCDCD5;
font-size: .85em;
/*background: #f5f5ee;*/
}
.Section .Pagination a {
display: block;
margin: 0 15px;
color: #5A5A53;
font-weight: bold;
}
.Section .Pagination a.Prev {
float: left;
background: url(images/icon-prev.png) no-repeat 0 2px;
background-size: 12px 12px;
-webkit-background-size: 12px 12px;
padding-left: 16px;
}
.Section .Pagination a.PrevFirst {
float: left;
background: url(images/icon-prevfirst.png) no-repeat 0 2px;
background-size: 12px 12px;
-webkit-background-size: 12px 12px;
padding-left: 18px;
}
.Section .Pagination a.Next {
float: right;
background: url(images/icon-next.png) no-repeat 100% 2px;
background-size:  12px 12px;
-webkit-background-size: 12px 12px;
padding-right: 16px;
}
/*-----------------------------------------------*/
.Section.SectionHomeTop {
font-weight: bold;
}
.Section.SectionHomeTop li .Image {
}
.Section.SectionGenreTop .List {
border-top: 1px solid #e6e6df;
}
.Section.SectionGenreTop .List li {
font-weight: bold;
}
/*-----------------------------------------------*/
.Section.SectionHomeTop.LargePhoto .List {
margin-bottom: 0;
}
.Section.SectionHomeTop.LargePhoto .List li.HeadlineTop .Image {
float: none;
margin-left: 0;
padding-top: 10px;
}
.Section.SectionHomeTop.LargePhoto .List li.HeadlineTop .Image a {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
display: block;
}
.Section.SectionHomeTop.LargePhoto .List li.HeadlineTop .Image img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 150px;
position: relative;
}
.Section.SectionHomeTop.LargePhoto .List li.HeadlineTop a {
padding-top: 0;
}


/*-----------------------------------------------*/

.Section.HeadlineTopImage {
border-top: 1px solid #E6E6DF;
border-bottom: 1px solid #E6E6DF;
padding: 10px;
}
.Section.HeadlineTopImage .TopImage {
float: left;
margin-right: 10px;}
.Section.HeadlineTopImage .TopImage a {
display: block;
}
.Section.HeadlineTopImage .TopImageCaption {
}
.Section.HeadlineTopImage .TopImage img {
height: 85px;
width: 85px;
}
.TopImageRight {
padding-left: 95px;
}
.TopImageCaption {
padding: 0 0 0 0;
height: 30px;
}
.TopImageCaption a {
font-size: .85em;
}

/*-----------------------------------------------*/
.Section.TopPhotoArea {
border-top: 1px solid #e6e6df;
border-bottom: 1px solid #e6e6df;
}
.Section.TopPhotoAreaInner {
width: 300px;
margin: 0 auto;
}
.Section.HeadlineTopPhoto {
float: left;
padding: 18px 10px 10px 0;
z-index: 200;
}
.Section.HeadlineTopPhoto .TopPhoto a {
display: block;
}
.Section.HeadlineTopPhoto .TopPhoto img {
height: 120px;
width: 120px;
}
.Section.HeadlineTopPhoto .TopPhotoCaption {
padding: 3px 0 0;
box-sizing: border-box;
width:120px;
}
.Section.HeadlineTopPhoto .TopPhotoCaption a {
font-size: .7em;
font-weight: bold;
display: block;
line-height: 1.3;
padding-top: 2px;
}

/*-----------------------------------------------*/
.Section.Topics,
.Section.Tag {
padding: 0 0 10px;
}
.TopicsList,
.TagList {
padding: 10px 5px 0 10px;
font-size: .75em;
}
#Article .TagList,
#Gallery .TagList,
#Movie .TagList {
padding-left: 0;
}
.TopicsList li a,
.TagList li a {
border: 1px solid #DCDCD5;
padding: 8px 7px;
margin: 5px 10px 5px 0;
display: block;
float: left;
background: #f5f5ee;
border-radius: 5px;
}


.Section.Chumoku {
margin-bottom: 10px;
}
.Section.Chumoku .List li:last-child {
}
.Section.Chumoku .List .Flat dt a {
font-weight: normal;
}
/*-----------------------------------------------*/
.ButtonArea .Button.AddHome {
margin-top: 20px;
}
.ButtonArea .Button.AddHome a span {
background: url(images/icon-homebtn.png) no-repeat 0 0;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
padding-left: 40px;
}
/*-----------------------------------------------*/
.Section.Pickup .List {
margin-bottom: 0;
}
.Section.Pickup .List li {
font-size: .85em;
}
.Section.Pickup .List li span.Label a {
border: 1px solid #d2d2cb;
float: left;
padding: 3px 0;
margin: 12px 10px 10px 0;
display: block;
width: 83px;
font-size: .75em;
text-align: center;
border-radius: 3px;
background: #fcfcf8;
}
.Section.Pickup .List li a {
}
.Section.Pickup .List li.Info span.Label a { /*お知らせ*/
background-color: #B90000;
color: #fff;
border: 1px solid #B90000;
}

/*-----------------------------------------------*/

.Section.FeatureList .List {
margin-bottom: 0;
}
.Section.FeatureList .List li {
font-size: .85em;
}
#index .Section.FeatureList .List li:last-child {
}
#index .TopBannerArea {padding: 10px 10px 0; text-align:center;}
#index .TopBannerArea .TopBannerImage {margin: 0 0 5px;}

/*-----------------------------------------------*/
.Section.RankingList  {
padding-bottom: 10px;
}
.Section.RankingList#dailyrank {
border-bottom: 1px solid #e6e6df;
margin-bottom: 12px;
}
.Section.RankingList .List {
margin-bottom: 0;
}
.Section.RankingList .List li {
padding-left: 5px;
}
.Section.SnsRanking .List li a {
padding-bottom: 3px;
font-weight: bold;
}
.Section.RankingList .List li a {
font-weight: bold;
}
.Section.SnsRanking .List li span.Num {
font-size: .65em;
color: #787871;
padding: 11px 0;
margin-right: 10px;
float: left;
line-height: 2;
}
.Section.RankingList .List li span.Num  {
font-size: .65em;
background: #b5b5ae;
color: #fff;
float: left;
margin: 13px 10px 13px 5px;
min-width: 18px;
min-height: 18px;
text-align: center;
line-height: 18px;
}
.Section.RankingList .List li span.Num.No1,
.Section.RankingList .List li span.Num.No2,
.Section.RankingList .List li span.Num.No3 {
color: #fff;
background: #b90000;
}
.Section.SnsRanking .List li ul li,
.Section.RankingList .List li ul li {
border-bottom: none;
padding: 0;
display: inline-block;
padding: 0 20px 0 0;
font-size: .75em;
margin-bottom: 10px;
}
.Section.SnsRanking .List li ul li.Twitter {
background: url(images/sns-ranking-twitter.png) no-repeat 0 50%;
color: #2696dd;
background-size: 15px 15px;
-webkit-background-size: 15px 15px;
padding-left: 20px;
}
.Section.SnsRanking .List li ul li.Facebook {
background: url(images/sns-ranking-facebook.png) no-repeat 0 48%;
color: #3164A2;
background-size: 10px 15px;
-webkit-background-size: 10px 15px;
padding-left: 14px;
}
.Section.RankingList .PlainMod {
padding-bottom: 0;
}
.Section.RankingList .PlainMod p {
padding-bottom: 5px;
}
.Section.RankingList .DataTime {
text-align: right;
border-bottom: 1px solid #e6e6df;
font-size: .65em;
padding: 0 10px 5px 10px;
color: #787871;
}
.Section.RankingList .NoteMod {
border-top: 1px solid #e6e6df;
font-size: .75em;
line-height: 1.4;
color: #5a5a53;
padding: 10px;
}
/*----------------------------------------------*/

.Section.UnderIndex .ListBlock li {
border-bottom: 0;
}
.Section.UnderIndex .ListBlock li dl dt {
margin-bottom: 5px;
}
.Section.UnderIndex .List li .Image a {
height: 73px;
}
/*----------------------------*/
.Section.CommentMod {
margin-bottom: 10px;
}
.Section.CommentMod .Title {
background: none;
}
.Section.CommentMod p {
padding: 0 10px 5px;
font-size: .9em;
line-height: 1.4;
color: #5A5A53;
}
#GenreTop .Section.CommentMod {
padding-top: 10px;
border-top: none;
}

/*-----------------------------------------------*/

.Section.PickupSub {
font-size: .85em;
}
.Section.PickupSub .List {
margin-bottom: 0;
}
.Section.PickupSub .List li a {
padding: 12px 0;
float: left;
width: 80%;
line-height: 1.3;
}
.Section.PickupSub .List li .Image {
float: left;
margin-right: 10px;
margin-left: 0;
width: 40px;
}
.Section.PickupSub .List li .Image a {
height: 40px;
width: 40px;
padding: 0;
text-align: left;
}
.Section.PickupSub .List li .Image a img {
max-height: 40px;
max-width: 40px;
}
/*-----------------------------------------------*/
.Section.UserCustomize02 .List li {
font-size: .85em;
padding: 10px;
}
.Section.UserCustomize02 .List li span.Icon {
width: 20px;
height: 20px;
display: block;
margin-right: 10px;
float: left;
}
.Section.UserCustomize02 .List li span.Icon img {
max-width: 20px;
max-height: 20px;
}
.Section.UserCustomize02 .List li span.RainChance, .Section.UserCustomize02 .List li span.Time {
font-size: .75em;
margin-left: 10px;
color: #96968F;
}
/*------------------------------------------------*/
.Section.PrInfo {
}
.Section.PrInfo .Title {
font-size: .75em;
color: #787871;
padding-top: 15px;
padding-bottom: 2px;
border-top:none;
border-bottom: 1px solid #E6E6DF;
border-top: 1px solid #E6E6DF;
background: none;
}
#GenreTop .Section.PrInfo .Title {
}
#GenreTop .Section.PrInfo .PrText,
#GenreTop .Section.PrInfo .PrSpecial {
margin-bottom: 15px;
}
.Section.PrInfo .Title h2 span {
background: #96968F;
color: #fff;
font-size: .65em;
padding: 1px 5px;
margin-right: 3px;
vertical-align: 1px;
}
.Section.PrInfo .List li .Image {
float: left;
margin-left: 0;
margin-right: 10px;
width: 50px;
}
.Section.PrInfo .List li .Image a {
height: 50px;
width: 50px;
}

.Section.PrInfo .List.PrThumb {
margin-bottom: 0;
}
.Section.PrInfo .List li dl dt {
margin-bottom: 3px;
}
.Section.PrInfo .List li dl dt a,
.Section.PrInfo .List li dl dd a {
padding: 0;
font-weight: normal;
}
.Section.PrInfo .List li dl dd p {
padding: 0;
line-height: 130%;
}
.Section.PrInfo .List li {
font-size: .85em;
}
#GenreTop .Section.PrInfo .PrThumb li:last-child {
border-bottom: 1px solid #E6E6DF;
}
.Section.PrInfo .List li a {
padding-left: 5px;
padding-right: 5px;
}
.Section.PrInfo .List li a span {
font-weight: bold;
}
.Section.PrInfo .List.PrText {
margin-bottom: 0;
}
.Section.PrInfo .List.PrText li a {
padding-top: 8px;
padding-bottom: 8px;
}
.Section.PrInfo .PrSpecial li {
padding-top: 8px;
padding-bottom: 8px;
}
.Section.PrInfo .PrSpecial li a {
padding:0;
}
.Section.PrInfo .PrSpecial li a span {
float: left;
padding-right: 5px;
} 
/*-----------------------------------------*/
.ListSubLink {
font-size: .75em;
padding: 5px 10px 0;
border-top: 1px solid #e6e6df;
margin-bottom: 15px;
}
.ListSubLink li a {
float: left;
background: url(images/arrow-gray.png) no-repeat 0 0.5em;
background-size:  8px 8px;
-webkit-background-size: 8px 8px;
padding-left: 12px;
}
.ListSubLink li.LogoJoho a {
float: right;
background: none;
paddingt: 4px 0 0;
}

/*-ガイダンス----------------------------------------*/
.Section .GuidanceMod  {
line-height: 1.4;
}
.Section .GuidanceMod li {
border-bottom: 1px solid #e6e6df;
padding: 20px 10px;
}
.Section .GuidanceMod .GuidanceTitle {
font-weight: bold;
padding-bottom: 10px;
font-size: .95em;
}
.Section .GuidanceMod .GaidanceText {
font-size: .9em;
padding-bottom: 10px;
}
.Section .GuidanceMod .GaidanceNote {
font-size: .75em;
color: #787871;
}
.Section .GuidanceMod .Image {
width: 300px;
text-align: center;
margin: 5px auto 15px;
display: block;
}
.Section .GuidanceMod .Image img {
max-width: 300px;
max-height: 300px;
}

/*-区切り線--------------------------------------*/
.Section.UnderIndex, .Section.PickupSub, #ArticleList .Section.FeatureBox, .Nav, .andwArea,.Section.PlusDLink, .Section.ContentsLink, .Section.CommentMod, .Section.SmpInfo {
border-top: 1px solid #e6e6df;
}
.Section.UnderIndex .List, .Section.PickupSub .List, #ArticleList .Section.FeatureBox .ListPhoto, .Nav .GlobalNav, .andwArea .TitleSub.andw,.Section.PlusDLink ul, .Section.ContentsLink ul, .Section.CommentMod .Title, .Section.SmpInfo .ListMedium {
border-top: 6px solid #f5f5ee;
}

/*一記事---------------------------------------------------*/
.ArticleTitle {
padding: 10px 0 0;
}
#Movie .ArticleTitle {
padding-bottom: 0;
}
#Contents .TitleFreeArea {
padding: 0 10px;
}
#Gallery #Contents .TitleFreeArea {
margin-top: 10px;
}
#Contents .TitleImage {
margin: 0 0 5px;
}

.ArticleTitle .Title {
padding: 0 10px;
}
.ArticleTitle .Title h1,
.ArticleTitle .Title p {
font-size: 1.18em;
line-height: 130%;
color: #1E1E17;
font-weight: bold;
}
.SubTitleArea {
margin-bottom: 3px;
}
.ArticleTitle .SubTitle {
padding: 8px 0 8px 10px;
color: #5A5A53;
font-size: .65em;
font-weight: bold;
float: left;
}
.ArticleTitle .FavoriteButton {
float: right;
margin-right: 10px;
}
.ArticleTitle .FavoriteButton a {
border: 1px solid #DCDCD5;
background: #F5F5EE;
border-radius: 5px;
display: block;
padding: 3px 6px 1px;
margin: 3px 0 3px 10px;
color: #5A5A53;
background: url(images/icon-favorite.png) no-repeat center center #F5F5EE;
background-size: 68px 10px ;
-webkit-background-size: 68px 10px;
text-indent: -9999px;
width: 68px;
height: 16px;
}

.ArticleTitle .FavoriteButton.Loading a {
background: url(images/icon-favorite_loading.gif) no-repeat 5px 5px !important;
background-size: 11px 11px !important;
-webkit-background-size: 11px 11px !important;
}
.ArticleTitle .FavoriteButton.Loading span {
display: block;
background: url(images/icon-favorite_text.png) no-repeat 17px center #fff;
background-size: 68px 10px ;
-webkit-background-size: 68px 10px;
opacity: .7;
}
.ArticleTitle .FavoriteButton.Selected a {
background: url(images/icon-favorite_selected.png) no-repeat center center #fff;
background-size: 68px 10px ;
-webkit-background-size: 68px 10px;
}
.ArticleTitle .SubTitle a {
color: #5A5A53;
}
.ArticleTitle .PublishInfo {
padding: 3px 10px 0;
line-height: 1.5;
clear: both;
}
.ArticleTitle .PublishInfo p {
float: left;
}
.ArticleTitle .PublishInfo .Sub {
color: #5A5A53;
font-size: 0.6em;
margin-right: 10px;
float: left;
}
.ArticleTitle .PublishInfo .LastUpdated {
color: #787871;
font-size: 0.6em;
float: right;
}

#UtilityBar {
padding: 12px 0 0;
}
#Gallery #UtilityBar {
padding-top: 25px;
}
#ArticleList #UtilityBar {
border-bottom: 1px solid #e6e6df;
}
#UtilityBar ul {
margin: 0 auto 5px;
display: table;
}
#UtilityBar li {
text-align: center;
font-size: .6em;
float: left;
}
#UtilityBar li .count {
line-height: 2.1;
font-weight: bold;
}

#UtilityBar li.Facebook a .SnsName,
#UtilityBar li.Twitter a .SnsName{
text-indent: -9999px;
width: 33px;
height: 33px;
display: block;
}
#UtilityBar li.Facebook a .SnsName,
#UtilityBar li.Twitter a .SnsName {
padding: 0 10px;
}

#UtilityBar li.Facebook a .SnsName {
background: url(images/sns-facebook.png) no-repeat center top;
background-size: 33px 33px;
-webkit-background-size: 33px 33px;
}
#UtilityBar li.Facebook .count {
color: #325095;
}
#UtilityBar li.Twitter a .SnsName{
background: url(images/sns-twitter.png) no-repeat center top;
background-size: 33px 33px;
-webkit-background-size: 33px 33px;
}
#UtilityBar li.Twitter a .count {
color: #2696dd;
text-decoration: underline;
}
#UtilityBar li a .count {
font-weight: bold;
color: #787871;
}
.UtilityBar {
padding: 12px 0 0;
}
#Gallery .UtilityBar {
padding-top: 25px;
}
#ArticleList .UtilityBar {
border-bottom: 1px solid #e6e6df;
}
.UtilityBar ul {
margin: 0 auto 5px;
display: table;
}
.UtilityBar li {
text-align: center;
font-size: .6em;
float: left;
}
.UtilityBar li .count {
line-height: 2.1;
font-weight: bold;
}

.UtilityBar li.Facebook a .SnsName,
.UtilityBar li.Twitter a .SnsName{
text-indent: -9999px;
width: 33px;
height: 33px;
display: block;
}
.UtilityBar li.Facebook a .SnsName,
.UtilityBar li.Twitter a .SnsName{
padding: 0 9px;
}
.UtilityBar li.Facebook a .SnsName {
background: url(images/sns-facebook.png) no-repeat center top;
background-size: 33px 33px;
-webkit-background-size: 33px 33px;
}
.UtilityBar li.Facebook .count {
color: #325095;
}
.UtilityBar li.Twitter a .SnsName{
background: url(images/sns-twitter.png) no-repeat center top;
background-size: 33px 33px;
-webkit-background-size: 33px 33px;
}
.UtilityBar li.Twitter a .count {
color: #2696dd;
text-decoration: underline;
}

.UtilityBar li a .count {
font-weight: bold;
color: #787871;
}

.MovieThumbArea {
margin: 10px 0 10px 10px;
border-top: 1px solid #e6e6df;
padding: 12px 10px 6px 0;
}
.MovieThumbArea .MovieThumb {
float: left;
margin-right: 10px;
text-align: center;
}
.MovieThumbArea .MovieThumb img {
width: 120px;
}
.MovieThumbArea .MovieThumb a {
position: relative;
display: block;
}
.MovieThumbArea .MovieThumb a .MoviePlay {
background: url(images/icon-movieplay.png) no-repeat;
background-size: 25px 25px;
-webkit-background-size: 25px 25px;
display: block;
position: absolute;
text-indent: -9999px;
height: 25px;
width: 25px;
right: 3px;
bottom: 3px;
}
.MovieThumbArea .MovieCaption {
font-size: .8em;
line-height: 1.4;
color: #5A5A53;
font-weight: bold;
}
.MovieThumbArea .MovieCaption a {
color: #5A5A53;
}
.MovieThumbArea .MovieCaption .MovieLink {
background: url(images/arrow-gray.png) no-repeat 0 0.5em;
background-size: 8px 8px;
-webkit-background-size: 8px 8px;
padding: 0 10px 0 14px;
display: block;
}
#ArticleBody {
}

.ArticleText {
color: #1E1E17;
border-top: 1px solid #e6e6df;
margin-left: 10px;
padding-top: 5px;
margin-bottom: 20px;
}
#Gallery .ArticleText,
#Movie .ArticleText {
border-top: none;
padding-top: 0;
}
.ArticleText p {
padding: 10px 10px 0 0;
line-height: 150%;
}
.ArticleText p em {
font-style:italic;
}
.ArticleText a.TopicsLink {
color: #1E1E17;
/*display: inline-block;
background: #f8f8f1;*/
border-bottom: 2px dotted #CDCDC6;
}
.ArticleText a.BrAll {
word-break: break-all;
word-wrap: break-word;
}
.ArticleText a.TopicsLink .Blank,
.ArticleText a.TopicsLink .Mail {
margin: 0 3px 0 4px;
padding: 0;
}
.ArticleText a.TopicsLink .Blank img,
.ArticleText a.TopicsLink .Mail img {
vertical-align: middle;
width:12px;
}
.ArticleProfileMod {
color: #1E1E17;
border-top: 1px solid #e6e6df;
margin: 0 0 30px 10px; 
padding: 15px 10px 0 0;
}
.ArticleProfileMod .Image {
float: left;
width: 70px;
padding:0 10px 10px 0;
margin: 0;
}
.ArticleProfileMod .Image img {
width: 70px;
height: auto;
}
.ArticleProfileMod dt {
color:#1E1E17;
font-weight:bold;
font-size: .95em;
}
.ArticleProfileMod dt a {
padding-bottom: 2px;
border-bottom: 2px dotted #96968f;
line-height: 1.4;
}
.ArticleProfileMod dt .ProfRuby{
font-weight: normal;
font-size: .7em;
letter-spacing: -0.07em;
}
.ArticleProfileMod dt .ProfDegree {
display: block;
margin-top: 7px;
color:#5a5a53;
font-size:.7em;
font-weight: normal;
}
.ArticleProfileMod dd {
margin-top: 10px;
}
.ArticleProfileMod p {
margin-bottom: 10px;
padding:0;
color:#3C3C35;
font-size:.8em;
line-height: 1.4;
}
.Section.RelatedListMod,
.Section.RelatedLinkMod {
margin-bottom: 20px;
border-top: 1px solid #dcdcd5;
margin-left: 10px;
}
.Section.RelatedListMod li,
.Section.RelatedLinkMod li,
.Section.ExtendedLinkMod li {
margin-left: 0;
}

.Section.ExtendedLinkMod {
margin: 15px 0 10px 0;
padding: 5px 0;
border-top: 1px solid #dcdcd5;
border-bottom: 1px solid #dcdcd5;
}

.Section.RelatedListMod .Section .ListMedium,
.Section.RelatedLinkMod .Section .ListMedium {
font-size: 1em;
}
.Section.RelatedListMod .ListMedium li,
.Section.RelatedLinkMod .ListMedium li {
font-size: .95em;
margin-left: 0;
font-weight: bold;
}
.Section.RelatedListMod .ListMedium li a,
.Section.RelatedLinkMod .ListMedium li a {
color: #3C3C35;
}
.Section.RelatedListMod  .ListMedium li a.Blank {
background: url(http://www.asahicom.jp/sp/ajw/images/icon-blank.png) no-repeat right 4px;
display: inline;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
padding-right: 15px;
}
.Button.RegFavorite {
margin-left: 10px;
margin-top: 20px;
padding-right: 10px;
}

.Section.ExtendedLinkMod .Title,
.Section.RelatedListMod .Title,
.Section.RelatedLinkMod .Title,
.Button.RegFavorite .Title,
.Section.SnsFollow .Title {
background: none;
color: #1E1E17;
font-weight: bold;
padding: 3px 0 0;
border-top: none;
}
.Section.RelatedListMod .Title,
.Section.RelatedLinkMod .Title,
.Button.RegFavorite .Title,
.Section.SnsFollow .Title {
font-size: .7em;
}
.Section.ExtendedLinkMod .Title {
font-size: .711em;
border-top:none;
}

.Section.ExtendedLinkMod .ListMedium li a {
color: #5A5A53;
font-weight: bold;
}
.Section.SnsFollow {
margin: 5px 0 20px 10px;
border-top: 1px solid #dcdcd5;
padding: 0 10px 0 0;
}
#index .Section.SnsFollow {
margin-top: 10px;
margin-left: 0;
padding-left: 10px;
}
.Section.SnsFollow .FacebookLike {
float: left;
margin: 7px 20px 0 0;
}
.Section.SnsFollow .TwitterFollow {
float: left;
margin: 7px 0 0 0;
}

.ButtonArea .Button.FacebookShare {
border-top:1px solid #e6e6df;
margin-left: 10px;
padding-top: 20px;
padding-right: 10px;
}
.ButtonArea .Button.FacebookShare a {
border: none;
background: #325095;
color: #fff;
}
.ButtonArea .Button.FacebookShare a span {
background: url(images/icon-facebookshare.png) no-repeat 0 .25em;
background-size: 20px 20px;
-webkit-background-size: 20px 20px;
padding-left: 30px;
}
.Button .SubText {
margin: 10px;
line-height: 1.3;
}
.Button.RegFavorite a span {
background: url(images/icon-favoritebtn.png) no-repeat 0 .4em;
background-size: 15px 15px;
-webkit-background-size: 15px 15px;
padding-left: 23px;
}
.Button.RegFavorite.Selected a {
background: #fff;
}
.Button.RegFavorite.Selected a span {
background: url(images/icon-favoritebtn_selected.png) no-repeat 0 .5em;
background-size: 15px 15px;
-webkit-background-size:  15px 15px;
padding-left: 23px;
}
.Button.RegFavorite.AfterSelected {
display: none;
}

/* MoveLink-------------------------------------------- */
.MoveLink,
.GuideLinkBtn {
margin:25px 0 0;
padding:0 0 10px 0;
text-align: center;
letter-spacing: 0;
}
.GuideLinkBtn {
margin: 0 0 15px;
padding: 20px 0 10px;
border-bottom: 1px solid #e6e6df;
}
#Guidace .GuideLinkBtn,
.GuideLinkBtn.BackColor {
background: #f5f5ee;
}
#ArticleBody .MoveLink {
padding-right: 10px;
padding-bottom: 0;
}
#ShimenArticle .MoveLink {
border-bottom: 1px solid #e6e6df;
margin-bottom: 15px;
}

.MoveLink p {
display:block;
margin:0 auto ;
padding:0 0 8px;
color:#5A5A53;
font-size: .75em !important;
line-height:1.4;
letter-spacing:0;
width: 280px;
text-align: left;
}
.GuideLinkBtn p {
display:block;
margin:0 auto ;
padding:0 10px 15px;
color:#5A5A53;
font-size: .75em !important;
line-height:1.4;
letter-spacing:0;
text-align: left;
font-weight: bold;
}
.MoveLink p.Count {
display:block;
text-align: center;
}
.MoveLink p a {
color:#B90000;
text-decoration:underline;
}
.MoveLink ul,
.GuideLinkBtn ul {
margin:0;
padding:0;
}
.MoveLink ul li,
.GuideLinkBtn ul li {
width: 280px;
display:inline-block;
margin:0;
padding:0;
color:#3C3C35;
font-weight:bold;
letter-spacing:1px;
}

.MoveLink ul li.ReadMore a,
.GuideLinkBtn ul li a {
display:block;
margin:0 0 10px 0;
padding: 10px 10px 10px 12px;
color:#FFF;
font-weight:bold;
background:linear-gradient(to bottom, rgb(205,0,0) 0%, rgb(185,0,0) 99%); /* W3C */
background:#b90000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
line-height:1.1;
text-align:center;
font-size: .85em;
border:2px solid #B90000;
white-space:nowrap;
}
.MoveLink ul li.ReadMore a span,
.GuideLinkBtn ul li a span {
display:inline-block;
margin:0 auto;
padding:0 22px 0 0;
background:url('images/arw-doublebig-red.png') no-repeat right 0px;
background-size:17px 16px;
-webkit-background-size: 17px 16px;
cursor:pointer;
}
.MoveLink ul li.ReadMore a span em,
.GuideLinkBtn ul li a em {
font-size: .75em;
padding-left:4px;
vertical-align:1px;
}
.MoveLink ul li.ReadMore a.Lite,
.MoveLink ul li.ReadMore a.Logout,
.MoveLink ul li.ReadMore a.OutRegi,
.MoveLink ul li.ReadMore a.NoScript,
.GuideLinkBtn ul li.Member_inlineblock a,
.GuideLinkBtn ul li.Lite_inlineblock a,
.GuideLinkBtn ul li.Logout_inlineblock a,
.GuideLinkBtn ul li.MemberOut_inlineblock a,
.GuideLinkBtn ul li.LiteOut_inlineblock a,
.GuideLinkBtn ul li.OutRegi_inlineblock a,
.GuideLinkBtn ul li.NoScript a {
color:#1E1E17;
background:#FFF;
border:2px solid #D2D2CB;
}
.MoveLink ul li.ReadMore a.Lite span,
.MoveLink ul li.ReadMore a.Logout span,
.MoveLink ul li.ReadMore a.OutRegi span,
.MoveLink ul li.ReadMore a.NoScript span,
.GuideLinkBtn ul li.Member_inlineblock a span,
.GuideLinkBtn ul li.Lite_inlineblock a span,
.GuideLinkBtn ul li.Logout_inlineblock a span,
.GuideLinkBtn ul li.MemberOut_inlineblock a span,
.GuideLinkBtn ul li.LiteOut_inlineblock a span,
.GuideLinkBtn ul li.OutRegi_inlineblock a span,
.GuideLinkBtn ul li.NoScript a span {
background:url('images/arw-doublebig-red.png') no-repeat right 0px;
background-size:17px 16px;
-webkit-background-size: 17px 16px;
}
/* SnsLoginボタンの見た目だけ 出し分けJSはNonRegi */
.MoveLink ul li.ReadMore a.SnsLogin{
color:#1E1E17!important;
background:#FFF!important;
border:2px solid #D2D2CB!important;
}
.MoveLink ul li.ReadMore a.SnsLogin span {
background:url('images/arw-doublebig-red.png') no-repeat right 0px!important;
background-size:17px 16px!important;
-webkit-background-size: 17px 16px!important;
}
.SnsLoginIcon {vertical-align: middle; padding-right:5px;}
.MoveLink ul li.ReadMore a.SnsLogin span.TwitterLogin {letter-spacing:2.6px;}

/* class="NonRegi" パターン01 */
.MoveLink ul li.ReadMore a.NonRegi,
.GuideLinkBtn ul li.NonRegi_inlineblock a,
.GuideLinkBtn ul li.ToMember a {
color:#FFF;
background:linear-gradient(to bottom, rgb(205,0,0) 0%, rgb(185,0,0) 99%); /* W3C */
border:2px solid #B90000;
}

.MoveLink ul li.ReadMore a.NonRegi span,
.GuideLinkBtn ul li.NonRegi_inlineblock a span,
.GuideLinkBtn ul li.ToMember a span {
background:url('images/arw-doublebig.png') no-repeat right 0px;
background-size:17px 16px;
-webkit-background-size: 17px 16px;
}
.iphone .MoveLink,  .android_smp .MoveLink,
.iphone .GuideLinkBtn,  .android_smp .GuideLinkBtn {
clear:both;
margin:0;
text-align:center;
}
.iphone .MoveLink ul li.ReadMore,  .android_smp .MoveLink ul li.ReadMore,
.iphone .GuideLinkBtn ul li,  .android_smp .GuideLinkBtn ul li {
padding-bottom:0;
}
.iphone .MoveLink ul li.ReadMore a,  .android_smp .MoveLink ul li.ReadMore a,
.iphone .GuideLinkBtn ul li a,  .android_smp .GuideLinkBtn ul li a {
margin-bottom:20px;
float:none;
padding:20px 21px 14px 23px;
font-size:270%;
}
.iphone .MoveLink ul li.ReadMore a span,  .android_smp .MoveLink ul li.ReadMore a span,
.iphone .GuideLinkBtn ul li a span,  .android_smp .GuideLinkBtn ul li a span {
background-position-y:18px;
}
/*-----------------------------------------------*/

/*clearfix*/
.Section:after, .Section .List li:after, .Section .ListBlock li:after, .Section .ListPhoto:after, .Section .Title:after, .PageTitle .Title:after, .Section.HeadlineTopImage:after, .UserCustomize:after, .TabMod:after, .Pagination:after, #GlobalNavMenu:after, .ListSubLink:after, .ThmbPhotoArea:after,.ArticleTitle:after,
.PublishInfo:after,
.MovieThumbArea:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
#FontSize {
margin: 0 auto;
text-align: center;
height: 115px;
position: relative;
display: none;
}
#FontSize input {
width: 220px;
}
#SizeSample,
#FontSizeBox p span  {
position: absolute;
top:15px;
width: 100%;
text-align: center;
}
.SizeSlider {
position: absolute;
top:50px;
width: 100%;
text-align: center;
color: #787871;
}
.SizeSlider .min {
font-size: 8px;
margin-right: 3px;
}
.SizeSlider .max {
font-size: 28px;
margin-left: 3px;
vertical-align: -5px;
}
#FontSizeBox {
height: 155px;
position: relative;
margin: 0 auto;
width: 280px;
}
#FontSizeBox .SizeSample {
}
#FontSizeBox .FontsizeSelect {
top: 55px;
position: absolute;
}
#FontSizeBox .FontsizeSelect li {
display: inline-block;
width: 40px;
text-align: center;
margin: 0 7px;
line-height: 15px;
}
#FontSizeBox .FontsizeSelect li {
font-size: .65em;
color: #96968F;
}
#FontSizeBox .FontsizeSelect li .sample {
border: 1px solid #d6d6ce;
background: #fff;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
display: block;
border-radius:5px;
margin-bottom: 3px;
}
#FontSizeBox .FontsizeSelect .medium {
}
#FontSizeBox .FontsizeSelect li.medium span {
color: #3C3C35;
}
#FontSizeBox .FontsizeSelect .xsmall {
margin-left: 0;
}
#FontSizeBox .FontsizeSelect .xlarge {
margin-right: 0;
}
#FontSizeBox .FontsizeSelect .xsmall .sample {
font-size: 10px;
}
#FontSizeBox .FontsizeSelect .small .sample {
font-size: 14px;
}
#FontSizeBox .FontsizeSelect .medium .sample {
font-size: 18px;
background: #f5f5ee;
}
#FontSizeBox .FontsizeSelect .large .sample {
font-size: 22px;
}
#FontSizeBox .FontsizeSelect .xlarge .sample {
font-size: 26px;
}
#FontSizeBox .FontSizeText {
text-align: center;
font-size: .65em;
color: #5a5a53;
position: relative;
top: 125px;
}

/*-----------------------------------------------*/
[type="range"] {
-webkit-appearance:none;
cursor:pointer;
width:100%;
vertical-align:middle;
background-color:#ebebe4;
border: 1px solid #d2d2cb;
height: 3px;
}
[type="range"]::-webkit-slider-thumb {
-webkit-appearance:none;
cursor:pointer;
position:relative;

z-index:5;
border:none;
width:1.8rem;
height:1.8rem;
background-color:#fff;
border: 1px solid #d2d2cb;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
[type="range"]:focus, [type="range"]:focus::-webkit-slider-thumb, [type="range"]:active, [type="range"]:active::-webkit-slider-thumb {
cursor:ew-resize;
outline:none;
}

.GenreButton.on span ,
.ServiceButton.on span {
background: url(images/icon-close.png) no-repeat center center;
background-size: 40px 30px;
-webkit-background-size: 40px 30px;
}

.SearchSelect {
width: 90%;
text-align: left;
margin: 0 auto;
}
.SearchBox .SearchSelect input {
}
.SearchBox .SearchSelect label {
margin-right: 10px;
}
#ServiceMenu .iosFoot {
height: 60px;
}


/*-----------------------------------------------*/

/*clearfix*/
#GlobalNavMenu:after,
#GenreMenu:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}


/*photo-----------------------*/
.GalleryMod,
.MovieMod {
background: #000;
color: #fff;
padding: 10px 0;
margin-bottom: 15px;
}
.GalleryMod.ver02 {
}
.GalleryMod.ver02 .PhotoCaption {
color: #3C3C35 !important;
}
.GalleryMod.ver02 .ZoomPhotoBox {
background: #000;
}

.GalleryMod a,
.MovieMod a {
color: #fff;
}
.GalleryNavi {
height: 50px;
}
.GalleryNavi.BottomArea {
border-top: 1px solid #3C3C35;
padding-top: 5px;
margin: 15px 0 0 10px;
height: auto;
}
.BackArticle {
margin: 0 10px 10px;
font-size: .9em;
line-height: 1.4;
}
.BackArticle a {
color: #e6e6df;
font-weight: bold;
}

.GalleryNavi li {
float: left;
margin-bottom: 5px;
}
.GalleryNavi.BottomArea li {
}
.GalleryNavi .Return {
width: 40%;
font-size: .7em;
margin-top: 14px;
}
.GalleryNavi.BottomArea .Return {
}
.GalleryNavi .Return a {
background: url(images/btn-photo-backarticle.png) no-repeat 0 50%;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
padding: 10px 0 10px 16px;
color: #fff;
margin-left: 10px;
}
.GalleryNavi.BottomArea .Return a {
margin-left: 0;
}

.GalleryNavi .Number {
width: 20%;
text-align: center;
padding-top: 14px;
font-size: .7em;
}
.GalleryNavi .PageMove {
width: 40%;
}
.GalleryNavi .PageMove ul {
float: right;
}
.GalleryNavi .Prev a,
.GalleryNavi .Next a { 
border: 1px solid #3C3C35;
border-radius: 5px;
text-indent: -9999px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 40px;
height: 40px;
display: block;
}
.GalleryNavi .Prev a {
background: url(images/arrow-prev.png) no-repeat center center;
background-size: 40px 40px;
-webkit-background-size: 40px 40px;
margin-right: 10px;
}
.GalleryNavi .Next a {
background: url(images/arrow-next.png) no-repeat center center;
background-size: 40px 40px;
-webkit-background-size: 40px 40px;
margin-right: 10px;
}
.ZoomPhotoArea,
.MoviePlayArea {
line-height: 1.4;
}
.ZoomPhotoArea .Title,
.MoviePlayArea .Title {
padding: 10px;
font-weight: bold;
font-size: 1.2em;
margin-top: 15px;
}
.ZoomPhotoArea .PhotoCaption,
.MoviePlayArea .MovieCaption {
padding: 20px 10px 0;
color: #fff;
font-size: .9em;
}
.ZoomPhotoArea .RightSide,
.MoviePlayArea .RightSide {
padding: 10px 10px 0;
text-align: right;
font-size: .6em;
color: #787871;
}
.ThmbPhotoArea {
padding: 0 8px 10px 0;
margin-left: 10px;
display: block;
}
#Gallery .ThmbPhotoArea.ver02 {
border-top: 1px solid #e6e6df;
border-bottom: 1px solid #e6e6df;
padding-top: 10px;
margin-left: 10px;
padding-left: 0;
margin-bottom: 10px;
}
.ThmbPhotoArea .ThmbPhotoBox {
float: left;
margin: 5px 4px;
}
.ThmbPhotoArea .ThmbPhoto {
height: 50px;
width: 50px;
background: #f5f5ee;
border: 1px solid #f1f1ea;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.GalleryMod .ThmbPhotoArea {
padding-top: 20px;
padding-bottom: 0;
}

.GalleryMod .ThmbPhotoArea .ThmbPhoto {
background: #1E1E17;
border: 1px solid #22221B;
}

.LargePhotoArea {
padding: 10px 10px 10px 0;
border-top: 1px solid #e6e6df;
margin-left: 10px;

}
.LargePhotoArea .ThmbPhotoBox {
margin: 5px 2px;
}
.LargePhotoArea .ThmbPhoto {
text-align: center;
position: relative;
display: table;
margin: 0 auto;
}
.LargePhotoArea .ThmbPhoto a {
display: table-cell;
}
.LargePhotoArea .ThmbPhoto .Zoom {
background: url(images/icon-zoom.png) no-repeat;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;

display: block;
position: absolute;
bottom: 5px;
right: 5px;
text-indent: -9999px;
height: 30px;
width: 30px;
}
.LargePhotoArea .ThmbPhoto img {
max-height: 120px;
width: auto;
}

#Gallery .ZoomPhotoArea .ZoomPhotoBox,
#Movie .MoviePlayArea .MovieBox {
text-align: center;
}
#Gallery .ZoomPhotoArea .ZoomPhotoBox .Width img {
width: 100%;
max-width: 640px;
min-width: 320px;
}
#Gallery .ZoomPhotoArea .ZoomPhotoBox .Height img {
height: auto;
max-height: 480px;
max-width: 100%;
}
#Gallery .ReadArticle,
#Movie .ReadArticle {
margin: 0 0 10px 10px;
}
#Gallery .ReadArticle .ListMedium li,
#Movie .ReadArticle .ListMedium li {
float: right;
}
#Gallery .ArticleText,
#Movie .ArticleText {
margin-bottom: 0;
}
#Movie .MovieMod iframe {
width: 320px !important;
height: 180px !important;
}
#Movie .MovieMod iframe.youtube {
width: 300px !important;
height: 169px !important;
}


/* VideoExMod brightcove移行*/
.VideoExMod .video-js,
.VideoExMod iframe.youtube {
width: 320px;
height: 180px;
margin: 10px auto 0;
}

.VideoExMod + .MovieCaption {
padding: 10px;
color: #5a5a53;
font-size: .9rem;
}

/* 朝日新聞社からのお知らせリンク */
.SmpInfo {
margin-bottom: 15px;
border-bottom: 1px solid #e6e6df;
font-weight: bold;
font-size: .9em;
}

.InformationArea {
margin: 0;
font-size: .9em;
line-height: 1.3;
font-weight: bold;
color: #3C3C35;
}
.InformationArea p {
margin: 5px 0;
padding: 5px 10px 8px;
border-bottom: 1px solid #e6e6df;
line-height: 1.6;
}
.InformationArea p span {
background: #bcbcb6;
color: #fff;
text-align: center;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
border-radius: 10px;
font-size: .8em;
line-height: 1.6;
vertical-align: 1px;
}
.InformationArea.Red p span {
background: #b90000;
}
.InformationArea a {
background: transparent url(http://www.asahicom.jp/sp/uranai/12seiza/images/arw.png) 100% 50% no-repeat;
background-size: 9px 15px;
-webkit-background-size: 9px 15px;
text-decoration: none;
padding-right: 17px;
display: block;
}
.InformationArea.Red p,
.InformationArea.Red a {
color: #b90000;
}
.iphone .InformationArea a {
}

/*タップ時の背景消す---------------------------------*/
#UtilityBar li.Scrap.Scraped a {
-webkit-tap-highlight-color: transparent; 
}

/*AlertWindow----------------------*/
.AlertWindow {
border-radius: 8px;
visibility: hidden;
background: #fff;
border: 0;
z-index: 9999;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
/*-moz-transform: translateZ(0);*/
-webkit-transform: translateZ(0);
width: 90%;
margin: 0 5%;
}

.AlertWindow.On {
visibility: visible;
}
.AlertWindow .AlertMsg {
padding: 30px 10px;
text-align: center;
font-size: .85em;
font-weight: bold;
}
.AlertWindow .WindowButton {
border-top: 1px solid #dcdcd5;
}
.AlertWindow .WindowButton div {
width: 49.5%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.AlertWindow .WindowButton div a {
display: block;
}
.AlertWindow .WindowButton div span {
width: 100%;
text-align: center;
padding: 15px 0;
color: #b90000;
font-size: .85em;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.AlertWindow .WindowButton .LeftButton {
float: left;
border-right: 1px solid #dcdcd5
}
.AlertWindow .WindowButton .RightButton {
float: left;
}
.AlertWindow .WindowButton .AlertOk {
font-weight: bold;
}
.AlertWindow .WindowButton .ScrapMemo,
.AlertWindow .WindowButton .ScrapMemo a {
font-weight: bold;
color: #b90000;
}

/* top info */
.FirstInfo {
background: #f5f5ee;
padding: 10px 0; 
}
.FirstInfoInner {
background: #FFF;
margin: 0 10px;
padding: 10px;
border-bottom: 2px solid #DCDCD5;
}
.FirstInfo p {
font-size: .75em;
line-height: 1.4;
width: 100%;
padding-bottom: 5px;
}
.FirstInfo .Subject {
color: #b90000;
font-weight: bold;
padding:0 0 5px;
}
.FirstInfo .Date {
color: #787871;
font-weight: normal;
padding:0 0 3px;
font-size: .70em;
}
.FirstInfo a {
color: #B90000;
}
.FirstInfo .Button {
padding-bottom: 20px;
}
.FirstInfo .Button {padding-bottom: 5px;}
.FirstInfo .Button:last-child {
padding-bottom: 10px;
}
.FirstInfo .Button a,
.FirstInfo .Button span {
font-size: .9em;
line-height: 1.1;
font-weight: bold;
color: #1e1e17;
background: #f5f5ee;
border: 2px solid #d2d2cb;
display:block;
border-radius:5px;
text-align:center;
padding: 10px 10px 8px;
margin:10px 10px 0;
cursor: pointer;
}


.GoTopBtnSP a{
margin:0;
padding: 0;
float: left;
width: 160px;
_width: 162px;
height:36px;
background:#FAFAF3;
text-indent:0;
text-decoration:none;
text-align:center;
font-weight: bold;
line-height: 36px;
letter-spacing: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:1px solid #D2D2CB;
box-sizing:border-box !important;
}
.GoTopBtnSP a:hover{
color:#B90000;
text-decoration:none;
background-color:#FFF;
border:1px solid #B90000;
}

.ButtonCentering {

position: relative;
width: 100%;
height: 80px;
}
.ButtonCentering p{
position: absolute;
top: 50%;
left: 50%;
width: 200px;
text-align: center;
margin: -1em 0 0 -100px;
}


.GalleryNavi:after,
#UtilityBar ul:after,
.SubTitleArea:after,
.SnsFollowList:after,
.ShimenBackNumber .BackNumberList:after,
.ShimenBackNumber .BackNumberList li:after,
.ShimenTitleArea:after,
.PageTitle.Wappen:after,
.Section .TwoPhotos:after,
.ArticleTitle.Wappen .Title:after,
.InformationArea:after,
.TopImageArea:after,
#ServiceMenu .SearchArea .SubLink:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}



/*-Search---------------------------------------*/
.SearchBox {
text-align: center;
}

.SearchBox fieldset.SearchInput {
margin: 0 10px;
}
#FooterSearch .SearchArea {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#FooterSearch .SearchArea {
height: 85px;
padding-top:0;
margin-bottom:15px;
border-bottom:1px solid #ebebe4;
}
#FooterSearch .SearchBox fieldset.SearchInput {
width: 320px;
}
#FooterSearch .SearchBox fieldset.SearchInput{
margin: 0px auto 16px;
}

.SearchBox input.SearchKeywords {
border: 1px solid #D2D2CB;
padding: 10px 5px;
width: 75%;
-webkit-appearance:none;
font-size: .75em;
border-radius: 0;
} 

.SearchBox input.SearchSubmit {
background: url(images/icon-search.png) no-repeat 10px 2px ;
background-size: 25px 25px;
-webkit-background-size: 25px 25px;
border: none;
height: 30px;
width: 48px;
margin-left: 2px;
}


/* TimelineMod
==================== */
.Section .TimelineMod{
margin:0;
padding:20px 0 0;
border-top:1px solid #E6E6DF;
}
.Section .TimelineMod .Block{
float: right;
margin:0 0 0 -70px;
padding:0;
overflow: hidden;
width: 100%;
}
.Section .TimelineMod .Block.Right{
float: left;
margin: 0 -70px 0 0;
}
.Section .TimelineMod .Block .Content .Story{
margin:0;
padding:13px 4px 5px;
overflow: hidden;
}
.Section .TimelineMod .Block .Content .Story .StoryTitle{
margin:0;
padding:0 0 8px;
color:#32322B;
font-size:100%;
font-weight:bold;
}
.Section .TimelineMod .Block .Content .Story .StoryTitle a{
margin:0;
padding:0 15px 0 0;
color:#32322B;
background: url(/css/images/arrow_link_small.gif) no-repeat right 2px;
}
.Section .TimelineMod .Block .Content .Story .StoryTitle a:hover,
.Section .TimelineMod .Block .Content .Story .StoryTitle a:active{
background: url(/css/images/arrow_link_small.gif) no-repeat right -118px;
color:#B90000;
}
.Section .TimelineMod .Block .Content .Story .StoryTitle a.Blank{
padding:0 15px 0 0 !important;
background-position:right 6px !important;
}
.Section .TimelineMod .Block .Content .Story .StoryTitle a.Blank:hover,
.Section .TimelineMod .Block .Content .Story .StoryTitle a.Blank:active{
background-position:right -115px !important;
}
.Section .TimelineMod .Block .Content .Story .StoryImage{
display:block;
margin:0;
padding:2px 0 5px ;
text-align: center;
}
.Section .TimelineMod .Block .Content .Story .StoryImage.float_l{
padding-right:15px ;
}
.Section .TimelineMod .Block .Content .Story .StoryImage.float_r{
padding-left:15px ;
}
.Section .TimelineMod .Block .Content .Story .StoryImage a{
display:block;
margin:0;
padding:0;
}
.Section .TimelineMod .Block .Content .Story .StoryImage img{
max-width: 100%;
}
.Section .TimelineMod .Block .Content .Story .StoryImage object{
width:544px;
}
.Section .TimelineMod .Block .Content .Story .StoryText{
margin:0;
padding:0 0 5px;
color:#5A5A53;
font-size:85%;
line-height: 1.4;
}
.Section .TimelineMod.Dateline{
padding-bottom:15px;
}
.Section .TimelineMod.Dateline .Block{
margin-left:70px;
border-left:2px solid #D7D7D0;
}
.Section .TimelineMod.Dateline .Block span{
display:block;
margin:10px 0 0;
padding:4px 0 2px;
float:left;
width:138px;
color:#32322B;
font-size:80%;
font-weight:bold;
text-align:center;
letter-spacing:0;
background:#FFFFFF;
border:1px solid #CCCDC8;
position:absolute;
left:-72px;
}
.Section .TimelineMod.Dateline .Block .Content{
margin:0 0 20px;
padding:0 7px 0 10px;
float:right;
width:485px;
background:#F5F5EE;
border:1px solid #CCCDC8;
position:relative;
}
.Section .TimelineMod.Dateline .Block .Content:after,.Section .TimelineMod.Dateline .Block .Content:before{
border:medium solid rgba(0, 0, 0, 0);
content:" ";
height:0;
pointer-events:none;
position:absolute;
right:100%;
width:0;
}
.Section .TimelineMod.Dateline .Block .Content:after{
border-color:rgba(245, 245, 238, 0) #F5F5EE rgba(245, 245, 238, 0) rgba(245, 245, 238, 0);
border-width:4px;
margin-top:-5px;
top:23px;
}
.Section .TimelineMod.Dateline .Block .Content:before{
border-color:rgba(215, 215, 208, 0) #C3C3BC rgba(215, 215, 208, 0) rgba(215, 215, 208, 0);
border-width:5px;
margin-top:-6px;
top:23px;
}
.Section .TimelineMod.Talkline .Block span{
display:block;
margin:0 0 0 10px;
padding:0;
float:left;
width:70px;
height:auto;
text-align:center;
letter-spacing:0;
}
.Section .TimelineMod.Talkline .Block.Right span{
float:right;
margin:0 10px 0 0;
}
.Section .TimelineMod.Talkline .Block span img{
width:100%;
height:auto;
}
.Section .TimelineMod.Talkline .Block .Content{
margin:0 10px 20px 100px;
padding:0 7px 0 10px;
min-height:88px;
height:auto !important;
height:88px;
background:#F5F5EE;
border:1px solid #CCCDC8;
position:relative;
}
.Section .TimelineMod.Talkline .Block.Right .Content{
margin:0 100px 20px 10px;
}
.Section .TimelineMod.Talkline .Block.Notes .Content{
margin-right:30px;
margin-left:30px;
float:none;
width:auto;
background:#FFF;
border-color:#E6E6DF;
border-left:none;
border-right:none;
overflow: hidden;
}
.Section .TimelineMod.Talkline .Block .Content:after,.Section .TimelineMod.Talkline .Block .Content:before{
border:medium solid rgba(0, 0, 0, 0);
content:" ";
height:0;
pointer-events:none;
position:absolute;
right:100%;
width:0;
}
.Section .TimelineMod.Talkline .Block .Content:after{
border-color:rgba(245, 245, 238, 0) #F5F5EE rgba(245, 245, 238, 0) rgba(245, 245, 238, 0);
border-width:4px;
margin-top:-5px;
top:45px;
}
.Section .TimelineMod.Talkline .Block .Content:before{
border-color:rgba(215, 215, 208, 0) #C3C3BC rgba(215, 215, 208, 0) rgba(215, 215, 208, 0);
border-width:5px;
margin-top:-6px;
top:45px;
}
.Section .TimelineMod.Talkline .Block.Right .Content:after,.Section .TimelineMod.Talkline .Block.Right .Content:before{
left:100%;
}
.Section .TimelineMod.Talkline .Block.Right .Content:after{
border-color:rgba(245, 245, 238, 0) rgba(245, 245, 238, 0) rgba(245, 245, 238, 0) #F5F5EE;
}
.Section .TimelineMod.Talkline .Block.Right .Content:before{
border-color:rgba(215, 215, 208, 0) rgba(215, 215, 208, 0) rgba(215, 215, 208, 0) #C3C3BC;
}
.Section .TimelineMod.Talkline .Block.Notes .Content:after{
border-width:0;
border-color:none;
}
.Section .TimelineMod.Talkline .Block.Notes .Content:before{
border-width:0;
border-color:none;
}
.Section .TimelineMod .Block .Content .Story .StoryImage.Movie { 
height:0; width:100%;
padding:0 0 56.25%;
position:relative;
margin:0 auto 15px;
}
#wrapper .Section .TimelineMod .Block .Content .Story .StoryImage.Movie .BrightcoveExperience {
position:absolute; 
top:0!important; 
left:0!important; 
width:100%!important; 
height:100%!important;
}

/* AccordionMod
==================== */
.Section .AccordionMod {
position:relative;
}
.Section .AccordionMod .AccordionInner {
margin-top: 15px;
min-height: 30px;
padding: 18px 0 20px;
}
.Section .AccordionMod .AccordionInner > div {
display:none;
background-color:#fff;
padding:15px;
margin-bottom:0;
}
.Section .AccordionMod .AccordionAction {
position:absolute;
top:-15px;
left:0;
width:100%;
padding-left: 10px;
box-sizing: border-box;
}
.Section .AccordionMod .AccordionAction.On {
border-bottom:none;
}
.Section .AccordionMod .AccordionAction a{
display: block;
padding: 10px 0;
font-size: .9em;
border-top: 1px solid #e6e6df;
border-bottom: 1px solid #e6e6df;
background: url("images/icon-below.png") no-repeat 95% 50%;
background-size: 12px 12px;
-webkit-background-size: 12px 12px;
}
.Section .AccordionMod .AccordionAction a.On {
background: url("images/icon-up.png") no-repeat 95% 50%;
background-size: 12px 12px;
-webkit-background-size: 12px 12px;
border-bottom: none;
}
.Section .AccordionMod .AccordionAction a  span {
display:block;
}
.Section .AccordionMod .AccordionAction a .AccordionClose {
display:none;
}
/*AccordionBtn*/
.Section .AccordionMod.AccordionBtn {
padding: 0 10px;
}
.Section .AccordionMod.AccordionBtn .AccordionInner {
margin-top:15px;
min-height:30px;
padding:0;
border-top: 4px solid #e6e6df;
}

.Section .AccordionMod.AccordionBtn .AccordionAction {
border-bottom:none;
text-align:center;
padding-left: 0;
}
.Section .AccordionMod.AccordionBtn  .AccordionInner > div {
border-top: none;
margin-top:0;
padding-top:30px;
}
.Section .AccordionMod.AccordionBtn .AccordionAction a{
border-radius: 5px;
border: 1px solid #DCDCD5;
background: #F5F5EE;
padding: 5px 12px;
font-size: .85em;
color: #5A5A53;
display: inline-block;
font-weight:bold;
}
.Section .AccordionMod.AccordionBtn .AccordionAction a  span {
padding-left:18px;
display: inline;
}
.Section .AccordionMod.AccordionBtn .AccordionAction a .AccordionOpen { 
background: url("images/icon-below.png") no-repeat 0 50%;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
}
.Section .AccordionMod.AccordionBtn .AccordionAction a .AccordionClose {
display:none;
background: url("images/icon-up.png") no-repeat 0 50%;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
}
.Section .AccordionMod.AccordionBtn .SpecialMod {
margin-left: 0;
margin-right: 0;
}
/*AccordionBtn.Orange*/
.Section .AccordionMod.AccordionBtn.Orange .AccordionAction a{
border: 1px solid orange;
background: orange;
color: #fff;
}
.Section .AccordionMod.AccordionBtn.Orange .AccordionAction a .AccordionOpen { 
background: url("images/icon-below_white.png") no-repeat 0 50%;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
}
.Section .AccordionMod.AccordionBtn.Orange .AccordionAction a .AccordionClose {
background: url("images/icon-up_white.png") no-repeat 0 50%;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
}
.Section .AccordionMod.AccordionBtn.Orange .AccordionInner,
.Section .AccordionMod.AccordionBtn.Orange .SpecialMod {
border-color: moccasin;
}

/* FullLargePhotoArea
==================== */
#Contents .FullLargePhotoArea {
margin: 18px 10px 10px 0;
}
#Contents .FullLargePhotoArea .Image {
width: 100%;
box-sizing: border-box;
text-align: center;
display: block;
margin: 10px auto 0;
padding: 0;
}
#Contents .FullLargePhotoArea .Image a {
display: inline-block;
height: auto;
position: relative;
}
#Contents .FullLargePhotoArea .Image img {
max-width: 640px;
max-height: 480px;
}
#Contents .FullLargePhotoArea .Image.Width img {
width: 100%;
}
#Contents .FullLargePhotoArea .Image.Height img {
max-width: 100%;
}
@-moz-document url-prefix() { /* Firefox*/
#Contents .FullLargePhotoArea .Image.Height a img  {
width: 100%;
}
}
#Contents .FullLargePhotoArea .Image .Caption {
display: block;
font-size: .7em;
color: #5a5a53;
padding: 5px 0 0;
text-align: left;
line-height: 1.4;
}
#Contents .FullLargePhotoArea .Image a .Zoom {
background: url(images/icon-zoom.png) no-repeat;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
display: block;
position: absolute;
bottom: 5px;
right: 5px;
text-indent: -9999px;
height: 30px;
width: 30px;
}
#Contents .FullLargePhotoArea.NoIconZoom .Image a .Zoom {
display: none;
}

/* UrgentNews
==================== */
.UrgentNews {
margin: 5px auto 20px;
border: 2px solid #e8ca1c;
background: #fffae3;
background: url(images/icon_arrow_urgentnews.png) no-repeat right center #fffae3;
background-size: 15px 12px;
-webkit-background-size: 15px 12px;
line-height: 1.4;
font-weight: bold;
font-size:.8em;
width: 93%;
padding: 0 15px 0 0;
max-width: 450px;
border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.UrgentNews a {
display: block;
background: url(images/icon_head_urgentnews.png) no-repeat 6px 48%;
background-size: 37px 32px;
-webkit-background-size: 37px 32px;
padding: 12px 10px 12px 54px;
box-sizing: border-box;
color: #1e1e17;
}


/* andNativeadArea
==================== */
.andNativeadArea ul li {
border-top: 1px solid #e6e6df;
}
.andNativeadArea ul li a {
display: flex;
display: -webkit-box; /*Android2.1～4.3*/
display: -moz-flexbox;
display: -webkit-flex;/*--- safari用 ---*/
min-height: 115px;
width: 100%;
padding: 8px 10px;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-webkit-box-align: center;
box-sizing: border-box;
-webkit-box-sizing : border-box;
}
.andNativeadArea ul li .Image {
flex: none;
-webkit-flex: none;
-moz-flex: none;
width: 96px;
overflow: hidden;
border: 1px solid #f1f1ea;
margin-right: 12px;
}
.andNativeadArea ul li .Image img {
width: 96px;
}
.andNativeadArea ul li .Headline {
font-size: 1rem;
font-weight: bold;
line-height: 1.4;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.andNativeadArea ul li .LabelPr {
position: absolute;
bottom: 8px;
right: 10px;
font-size: .7rem;
color: #787871;
}

/*====================
renrew201511ここから
==================== */

/* ArticleMainPhoto
==================== */
.ArticleMainPhoto {
padding: 0 10px 10px;
}
.ArticleMainPhoto .Image {
width: 100%;
box-sizing: border-box;
text-align: center;
display: block;
margin: 10px auto 0;
padding: 0;
}
.ArticleMainPhoto .Image a {
display: inline-block;
height: auto;
position: relative;
background: #f5f5ee;
}
.ArticleMainPhoto .Image img {
max-width: 640px;
max-height: 480px;
}
.ArticleMainPhoto .Image.Width img {
width: 100%;
}
.ArticleMainPhoto .Image.Height img {
max-width: 100%;
max-height: 280px;
}
@-moz-document url-prefix() { /* Firefox*/
.ArticleMainPhoto .Image.Height a img {
width: 100%;
}
}
.ArticleMainPhoto .Image .Caption {
display: block;
font-size: .65em;
color: #787871;
padding: 5px 0 0;
text-align: left;
line-height: 1.4;
}
.ArticleMainPhoto .Image a .Zoom {
background: url(images/icon-zoom.png) no-repeat;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
display: block;
position: absolute;
bottom: 5px;
right: 5px;
text-indent: -9999px;
height: 30px;
width: 30px;
}
.ArticleMainPhoto.NoIconZoom .Image a .Zoom {
display: none;
}

/* ArticleHeadlineList
==================== */
html {
font-size: 16px;
}
.ArticleHeadlineList li {
border-bottom: 1px solid #eeeee7;
margin: 0 10px;
}
.ArticleHeadlineList li > a, .ArticleHeadlineList li.andNativead a {
display: flex;
display: -moz-flexbox;
display: -webkit-flex;/*--- safari用 ---*/
display: -webkit-box;/*Android2.1～4.3*/
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
min-height: 115px;
width: 100%;
padding: 8px 0;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ArticleHeadlineList li:last-child {
border-bottom: none;
}
/*.LatestNewsBlock .ArticleHeadlineList li:last-child {
border-bottom: 1px solid #eeeee7;
}*/
.ArticleHeadlineList li .Image,
.InnerArticleList li .Image {
flex: none;
-webkit-flex: none;
-moz-flex: none;
-webkit-box-flex: none;
width: 96px;
height: 96px;
position: relative;
overflow: hidden;
border: 1px solid #f1f1ea;
margin-right: 12px;
}
.InnerArticleList li .Image {
width: 50px;
height: 50px;	
margin-right: 10px;
}
.ArticleHeadlineList li .Image img,
.InnerArticleList li .Image img{
position: absolute;
max-width: 640px;
max-height: 640px;
top: 0;
left: 0;
}
.ArticleHeadlineList li .Image img.NoPhoto {
width: 96px;
}
.ArticleHeadlineList li .Image img,
.InnerArticleList li .Image img {
width: auto;
top: -100%;
left: -100%;
right: -100%;
bottom: -100%;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}
.AccessTopList .ArticleHeadlineList li .Image img {
width: 96px;
}
.InnerArticleList li .Image img {
width: 50px;
}
.ArticleHeadlineList li .Image.Width img {
width: auto;
height: 96px;
}
.InnerArticleList li .Image.Width img {
width: auto;
height: 50px;
}
.ArticleHeadlineList li .Image.Height img,
.InnerArticleList li .Image.Height img {
width: 96px;
height: auto;
top: 0;
margin-top: 0;
}
.InnerArticleList li .Image.Height img {
width: 50px;
height: auto;
}
.ArticleHeadlineList li .Image.MovieThumb,
.InnerArticleList li .Image.MovieThumb {
position: relative;
}
.ArticleHeadlineList li .Image.MovieThumb img,
.InnerArticleList li .Image.MovieThumb img {
z-index: 100;
}
.ArticleHeadlineList li .Image.MovieThumb .MovieIcon,
.InnerArticleList li .Image.MovieThumb .MovieIcon {
background: url(images/icon-movieplay.png) no-repeat;
background-size: 25px 25px;
-webkit-background-size: 25px 25px;
display: block;
position: absolute;
text-indent: -9999px;
height: 25px;
width: 25px;
right: 3px;
bottom: 3px;
z-index: 200;
}
.ArticleHeadlineList li .Headline,
.InnerArticleList li .Headline {font-size: 1rem;
font-weight: bold;
line-height: 1.4;
flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-webkit-box-flex: 1;
padding:15px 0;/*5行以上になった際の文字かぶり回避*/
}
.ArticleHeadlineList li .Headline span img {
width: 13px;
margin: 0 0 0 2px;
vertical-align: -1px;
}
.ArticleHeadlineList li .Time, .ArticleHeadlineList li .LabelPr {
position: absolute;
bottom: 8px;
right: 0;
font-size: .7rem;
color: #787871;
}
.ArticleHeadlineList li .Headline .Label {
font-size: .7rem;
display: block;
padding-bottom: 2px;
color: #787871;
font-weight: bold;
}
.ArticleHeadlineList li.Info span.Label { /*お知らせ*/
color: #B90000;
}
.ArticleHeadlineList li .Headline .Lead {
display: block;
font-size: .75rem;
padding-top: 2px;
color: #5a5a53;
line-height: 1.4;
font-weight: normal;
}

/*ArticlePhotoBlock
=======================*/
.TopPhotoBlock .ArticlePhotoBlock,
.ArticlePhotoBlock.SpecialPhoto,
.ArticlePhotoBlock.SpecialPageBanner{
padding-bottom: 12px;
}
.ArticlePhotoBlock .Image {width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
display: block;
margin: 0 auto;
padding: 0;}
.ArticlePhotoBlock .Image.Width {padding: 10px 0 0;}
.ArticlePhotoBlock .Image.Height {border-top: 1px solid #eeeee7;
padding: 10px 0 0;
margin: 0 10px;
width: auto;}
.ArticlePhotoBlock .Image img {
max-width: 640px;
}
.ArticlePhotoBlock .Image.Width img {
width: 100%;
}
.ArticlePhotoBlock .Image.Height img {
max-width: 100%;
max-height: 280px;
}
.ArticlePhotoBlock .Image .Caption {
display: block;
font-size: .8rem;
padding: 5px 10px 0;
text-align: left;
line-height: 1.4;
color: #5a5a53;
font-weight: bold;
}
.ArticlePhotoBlock .Image.Height .Caption {
padding-left: 0;
padding-right: 0;
}
.ArticlePhotoBlock .Image a {
display: block;
}
.ArticlePhotoBlock .Image a .Zoom {
background: url(images/icon-zoom.png) no-repeat;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
display: block;
position: absolute;
bottom: 5px;
right: 5px;
text-indent: -9999px;
height: 30px;
width: 30px;
}
.ArticlePhotoBlock.NoIconZoom .Image a .Zoom {
display: none;
}
/*SubLink
======================*/
.Section .Title .SubLink, .PageTitle .Title .SubLink {
float: right;
font-size: .6em;
margin: 0;
}
.Section.WebMagazine .Title .SubLink {
margin-top: 0;
}
.Section.WebMagazine .Title .SubLink li {
margin-left: 6px;
}
.Section .Title .SubLink li, .PageTitle .Title .SubLink li {
display: inline-block;
margin-left: 15px;
}
.Section .Title .SubLink li a, .UserCustomizeSet a, .PageTitle .Title .SubLink a,
.Section .Title .SubLink li a:hover, .UserCustomizeSet a:hover, .PageTitle .Title .SubLink a:hover {
background: #95958e;
padding: 8px 10px;
border-radius: 5px;
color: #fff;
line-height: 1;
font-weight: normal;
min-width: 45px;
display: inline-block;
text-align: center
}
.Section .Title .SubLink .andTravel a, .Section .Title .SubLink .andTheater a {
text-indent: -9999px;
display: block;
padding-top: 6px;
padding-bottom: 6px;
}
.Section .Title .SubLink .andTravel a span {
background: url(images/icon-andtravel_w.png) no-repeat 0 center;
background-size: 60px 10px;
-webkit-background-size: 60px 10px;
display: block;
width: 60px;
height: 15px;
}
.PageTitle.Wappen .SubLink {
float: none;
text-align: right;
margin-bottom: 5px;
}
.PageTitle.Wappen .SubLink a {/* padding-top: 0; */
/* padding-bottom: 0; */}
/*PrInfo
========================*/

.PrInfoBlock .List {margin-bottom: 0;}
.PrInfoBlock .Title {font-size: .8rem;
color: #787871;
padding: 10px 10px 5px;
}
#GenreTop .PrInfoBlock +.PrInfoBlock .Title { 
/*ジャンルトップでテキスト広告に企画特集が続く場合*/
padding-top: 15px
}
.PrInfoBlock .Title h2 {
font-weight: normal
}
.PrInfoBlock .Title h2 span {
background: none;
color: #787871;
font-size: .8rem;
padding: 0;
margin: 0 5px 0 0;
vertical-align: 0;
}
.PrInfoBlock .List li .Image {
width: 50px;
display: table-cell;
text-align: center;
}
.PrInfoBlock .List li .Image a {
padding: 0;
}
.PrInfoBlock .List li dl {
display: table-cell;
vertical-align: middle;
}
.PrInfoBlock .List li dl dt a {
font-size: 1rem;
font-weight: bold;
}
.PrInfoBlock .List li dl dd p {
font-size: .8rem;
}
.PrInfoBlock .List li dl dd p a {
color: #5a5a53;
}
#index .PrInfoBlock .PrTextList {
margin-bottom: 0;
}
.PrInfoBlock .PrTextList, .PrInfoBlock .PrSpecialList {
padding: 0 10px;
}
.PrInfoBlock .PrTextList li,
.PrInfoBlock .PrSpecialList li,
.PrInfoBlock .List.PrThumb li {
position: relative;
border-bottom: 1px solid #eeeee7;
}
.PrInfoBlock .PrSpecialList li:last-child,
.PrInfoBlock .PrTextList li:last-child,
.PrInfoBlock .List.PrThumb li:last-child,
#index .PrInfoBlock .List.PrThumb li:nth-child(4),
#GenreTop .PrInfoBlock .List.PrThumb li:nth-child(4),
#ArticleList .PrInfoBlock .List.PrThumb li:nth-child(4){
border-bottom: none;
}
.PrInfoBlock .PrTextList li a, .PrInfoBlock .PrSpecialList li a {
padding: 12px 0;
font-size: 1rem;
line-height: 1.4;
display: flex;
display: -moz-flexbox;
display: -webkit-flex;/*--- safari用 ---*/
display: -webkit-box;/*Android2.1～4.3*/
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
min-height: 60px;
width: 100%;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.PrInfoBlock .PrTextList li:first-child a, .PrInfoBlock .PrSpecialList li:first-child a {padding-top: 6px;
min-height: 57px;}
.PrInfoBlock .PrTextList .LabelPr {
position: absolute;
bottom: 5px;
right: 10px;
font-size: .7rem;
color: #787871;
font-weight: normal
}
.PrInfoBlock .PrSpecialList li .Lead {
display: block;
font-size: .8rem;
padding-top: 2px;
color: #5a5a53;
line-height: 1.4;
font-weight: normal;
}
.PrInfoBlock .List.PrThumb {
border-bottom: none;
line-height: 1.3;
}
.PrInfoBlock .List.PrThumb li {padding: 12px 0 23px;
margin: 0 10px;
min-height: 90px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.PrInfoBlock .List.PrThumb .Image {
padding-right: 10px;
}
.PrInfoBlock .List.PrThumb li a {
display: block;
}
.PrInfoBlock .List.PrThumb li dt {
padding-bottom: 3px;
}
.PrInfoBlock .List.PrThumb li dd p {
padding-top: 2px;
}
.PrInfoBlock .List.PrThumb .LabelPr {
position: absolute;
bottom: 5px;
right: 0;
font-size: .7rem;
color: #787871;
font-weight: normal;
}
.PrInfoBlock .List.PrThumb .LabelPr span {
padding-right: 5px;
font-weight: normal;
}

/*SpecialPageList
=========================*/
.SpecialPageList .ArticleHeadlineList .Image {width: 140px;
height: 76px;
text-align: center;}
.SpecialPageList .ArticleHeadlineList .Image img,
.SpecialPageList .ArticleHeadlineList .Image.Width img,
.SpecialPageList .ArticleHeadlineList .Image.Height img
{height: 76px;
width: auto;}


/*InnerArticleList
=================*/
.ArticlePrBlock {
margin-top: 10px;
}
.ListTitle {
margin: 0 5px 2px;
padding: 5px 8px;
font-size: .8rem;
font-weight: bold;
background: #eeeee7;
}
.ArticlePrBlock .ListTitle {
background: none;
margin: 0;
padding: 0 10px;
}
.ArticlePrBlock .ListTitle span {
font-size: .8rem;
padding: 1px 0;
margin-right: 3px;
vertical-align: 1px;
border-radius: 2px;
font-weight: normal;
color: #787871;
}
.RelatedLinkMod .ListTitle span {
background: #787871;
color: #fff;
font-size: .7rem;
padding: 3px 5px 2px;
margin-right: 3px;
}
.InnerArticleList {padding: 0 10px 3px;
font-size: 1rem;

line-height: 1.3;
font-weight: bold}
.ArticlePrBlock .InnerArticleList {
font-weight: normal;
padding-bottom: 0;
}
.InnerArticleList li {
border-bottom: 1px solid #eeeee7;
}
.InnerArticleList li:last-child {
border-bottom: none;
}
.InnerArticleList li a {padding: 8px 0;
display: block;
display: flex;
display: -webkit-box;
/*Android2.1～4.3*/
display: -moz-flexbox;
display: -webkit-flex;
/*--- safari用 ---*/
min-height: 68px;
width: 100%;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-webkit-box-align: center;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.InnerArticleList li a.Blank {
background: none;
}
.InnerArticleList li a.Blank .Headline:after {
content: "　　";
background: url(http://www.asahicom.jp/sp/ajw/images/icon-blank.png) no-repeat 8px 3px;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
}
#RelatedKeyword .InnerArticleList li a {
min-height: 50px;
}

/*.TopLinkBlock
========================*/
.TopLink {
display: flex;
display: -moz-flexbox;
display: -webkit-flex;/*--- safari用 ---*/
display: -webkit-box;/*Android2.1～4.3*/
padding: 4px 0;
}
.TopLink li {flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-webkit-box-flex: 1;
padding: 5px 8px;
width: 33%;
box-sizing: border-box}
.TopLink li a {
background: #e6e6df;
color: #3c3c35;
font-size: .8rem;
font-weight: bold;
padding: 10px 5px;
text-align: center;
border-radius: 6px;
display: block;
}

/* ===========================================
既存クラス調整
===========================================*/
/*#SnsRanking
=======================*/
#SnsRanking.Section .List {
margin-bottom: 0;
}
#SnsRanking.Section .List li:last-child {
border-bottom: none;
}
.Section.SnsRanking .List li span.Num {
line-height: 1.8;
}
.Section.SnsRanking .List li {
margin: 0 10px;
padding: 0;
border-color: #eeeee7
}

/*.ArticleText
=======================*/
.ArticleText {
margin-right: 10px;
}
.ArticleText p {
padding-right: 0
}

/* #GenreTop #ArticleList
.List / .PrInfo / .TwoPhotos /.ListImage / .FullLargePhoto
=======================*/
#GenreTop .Section .List li .Image, #ArticleList .Section .List li .Image {
float: left;
margin: 12px 15px 12px 0;
}
#GenreTop .Section .List li.LargePhoto .Image, #ArticleList .Section .List li.LargePhoto .Image {
float: none;
margin: 9px auto;
}
#GenreTop .Section .List li, #ArticleList .Section .List li {
border-bottom-color: #eeeee7;
margin: 0 10px;
padding: 0;
}
#GenreTop .Section .List li dl {
padding: 12px 0;
}
#GenreTop .Section .List li dl dt, #GenreTop .Section .List li .CategoryTitle {
font-size: 1rem;
}
#GenreTop .Section .List li dl dt span a, #GenreTop .Section .List li .CategoryTitle span {
font-size: .75rem;
}
#GenreTop .Section .List li dl dd p {
font-size: .8rem;
}
#GenreTop .Section.PrInfo .List.PrSpecial li, 
#ArticleList .Section.PrInfo .List.PrSpecial li {
padding: 10px 0;
}
#GenreTop .Section .TwoPhotos li, #ArticleList .Section .TwoPhotos li {
margin: 0;
padding: 0 10px;
}
#GenreTop .Section .TwoPhotos li .Image, #ArticleList .Section .TwoPhotos li .Image {
float: none;
margin: 9px 0 5px;
}
#GenreTop .Section .List.ListImage li, #ArticleList .Section .List.ListImage li {
margin: 0;
}
#GenreTop .Section .List li.FullLargePhoto {
margin: 0;
}
#ArticleList #afcSponsors .TwoPhotos li,
#ArticleList #afcSupporters .TwoPhotos li {
padding: 0 5px;
}

/*そのた
=======================*/
.GenreSubLink, .ArticleSubLink {
padding: 10px 0 0;
margin: 0 10px
}
.Section .TitleSub {
padding: 10px;
border-bottom: none;
}
.Section .ListMedium {
font-size: 1rem;
}
.Section.RelatedLinkMod {
margin: 0;
border-top: none;
}
.CategoryNav,
.SmpInfo {
border-top: 1px solid #e6e6df;
}
.CategoryNav .LinkMod {
border-bottom: none;
}
.Section.SmpInfo .ListMedium li {margin: 15px 10px;}

.andMArea .GenreSubLink,
.andwArea .GenreSubLink {
border-top: 1px solid #eeeee7;
}
.PageTitle .Title h1 {
margin-bottom: 3px;
}
.PageTitle .Title {
padding-bottom: 10px
}
.ArticleText .PlusDLink .ListMedium li {
margin-left: 0;
margin-right: 0;
}
.Section.ExtendedLinkMod {
border-top: 1px solid #eeeee7;
border-bottom: 1px solid #eeeee7;
}

.Section.SnsRanking .List li a {
font-size: 1rem;
}
.PrInfoBlock + .RectangleAd {
margin-top: 10px;
}
.Section.SectionGenreTop .List {
border-top: none;
}

/* SORA障害時
========================*/
.Section.TopNews.SectionHomeTop,
.Section.TopNews.SectionHomeTop .List li.HeadlineTop{
font-size: 1rem;
}
.Section.TopNews.SectionHomeTop .List li {
margin: 0 10px;
border-bottom-color: #eeeee7;
padding: 0;
}
.Section.TopNews.SectionHomeTop .List li a {
display: flex;
display: -moz-flexbox;
display: -webkit-flex;/*--- safari用 ---*/
display: -webkit-box;/*Android2.1～4.3*/
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-webkit-box-align: center;
min-height: 115px;
width: 100%;
padding: 8px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
}
.Section.TopNews.SectionHomeTop .List li .Time {
font-size: .7rem;
color: #787871;
position: absolute;
bottom: 8px;
right: 0;
}
.Section.TopNews.SectionHomeTop .List {
margin-bottom: 0;
}

/*本番反映次第削除
===================*/
.Section.RelatedLinkMod .Title,
.Section.RelatedLinkMod .ListMedium {
margin-left: 10px;
}
.Section.RelatedLinkMod .Title {
font-size: .8rem;
}.Section.RelatedLinkMod .ListMedium {
font-size:1.1rem;
}
.Section .Title .SubLink .andTheater {
display: none;
}

/*アクセスランキング
=========================*/
.Section.RankingList .ArticleHeadlineList li > a {padding-left: 30px;}
.Section.RankingList .ArticleHeadlineList li span.Num  {font-size: .75rem;
background: #96968f;
color: #fff;
float: left;
margin: 0px 10px 0px 0;
min-width: 20px;
min-height: 20px;
text-align: center;
line-height: 20px;
position: absolute;
top: 41%;
left: 0;
padding:0;}
.Section.RankingList .ArticleHeadlineList li span.Num.No1,
.Section.RankingList .ArticleHeadlineList li span.Num.No2,
.Section.RankingList .ArticleHeadlineList li span.Num.No3 {
color: #fff;
background: #b90000;
font-weight: bold;
}


/*========================================
AJW用ここから
======================================== */
/* ---------------------------------
フォント設定
------------------------------------ */
body{
font-family: Georgia, "Times New Roman", Times, serif;
}
#HeaderMenuArea,
.ServiceLinkList,
#GenreMenu,
#SServiceMenu,
#FooterLink,
.UtilityBar,
.SubLink,
.Nav,
#Footer,
#FontSizeBox,
.GenreSubLink,
.EnDate,
.Notice,
.GalleryNavi,
.EnSiteTopContents li {
font-family:Arial, Helvetica, sans-serif;
}


/* ---------------------------------
TOPページ
------------------------------------ */
/*トップニュース4本*/
.EnTopHeadlineList{
margin-bottom: 10px;
}
.EnTopHeadlineList li{
border-top: 1px solid #e6e6df;
margin:0 10px;
}
.EnTopHeadlineList li:first-child {
border-top: none;
}

.EnTopHeadlineList li.NoImage > a {
display: block;
position: relative;
padding:25px 0 31px 0;
}
.EnTopHeadlineList li.WidthImage > a{
display:block;
padding:10px 0;
box-sizing: border-box;
position: relative;
}
.EnTopHeadlineList li:last-child {
border-bottom: none;
padding: 0;
}
.EnTopHeadlineList li .Image {
flex: none;
text-align:center;
}
.EnTopHeadlineList li  .Image img {
width: 100%;
box-sizing: border-box;
text-align: center;
display: block;
margin: 0 auto;
padding: 0;
}
.EnTopHeadlineList li  .Image.Width img {
max-width: 640px;
}
.EnTopHeadlineList li .Headline {
font-size: 1rem;
font-weight: bold;
line-height: 1.4;
}
.EnTopHeadlineList li.WidthImage .Headline{
padding:20px 0;
}
.EnTopHeadlineList li .Headline span img {
width: 13px;
margin: 0 0 0 2px;
vertical-align: -1px;
}
.EnTopHeadlineList li .EnDate {
font-size: .7rem;
color: #787871;
text-align: right;
display: block;
position: absolute;
right: 0;
bottom: 8px;
}
.EnTopHeadlineList li  .Headline .Label {
font-size: .7rem;
display: block;
padding-bottom: 2px;
color: #787871;
font-weight: bold;
}
.EnTopHeadlineList li .MovieThumb{
max-width:640px;
position:relative;
display: inline-block;
}
.EnTopHeadlineList li .MovieThumb .MovieIcon {
background: url(images/icon-movieplay.png) no-repeat;
background-size: 25px 25px;
-webkit-background-size: 25px 25px;
display: block;
position: absolute;
text-indent: -9999px;
height: 25px;
width: 25px;
right: 10px;
bottom: 10px;
z-index: 200;
}
.EnTopHeadlineList .EnDate{
font-weight:normal;
}

/*天気・為替・交通*/
.EnSiteTopContents{
background-color:#f7f7f5;
padding-left:10px;
margin-bottom:10px;
border-top:1px solid #e6e6df;
}
.EnSiteTopContents li  {
border-bottom: 1px solid #e6e6df;
display: flex;
display: -webkit-box;
/*Android2.1～4.3*/
display: -moz-flexbox;
display: -webkit-flex;
/*--- safari用 ---*/
min-height: 44px;
width: 100%;
padding: 8px 10px;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-webkit-box-align: center;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.EnSiteTopContents li:last-child {
border-bottom: none;
padding:0;
display: inline-block;
box-sizing: border-box;
}
.EnSiteTopContents li p {
font-size: .75rem;
font-weight: normal;
line-height: 1.4;
}
.EnSiteTopContents li .WhatherIcon {
flex: none;
-webkit-flex: none;
-moz-flex: none;
width: 25px;
height: 23px;
position: relative;
overflow: hidden;
margin-right: 12px;
}
.EnSiteTopContents li .WhatherIcon img {
position: absolute;
max-width: 25px;
max-height: 23px;}
.EnWeather .EnWeatherArea,
.Exchange span{
background-color: #dcdcd5;
padding: 2px 8px;
margin-right: 10px;
font-weight: bold;
border-radius: 3px;
}
.Exchange p{
margin-right:20px;
}
.EnSiteTopContents .EnTraffic a {
padding: 14px 20px 14px 10px;
background: url(images/arw-lsize.png) no-repeat right;
background-size: 12px 12px;
padding-right: 15px;
display: inline-block;
}
.EnSiteTopContents li.EnTraffic p{
font-weight:bold;
}
.EnSiteTopContents li.Loading {
background: url(images/area_loading.gif) no-repeat left center;
background-size: 30px 30px;
text-indent: -9999px;
}
.EnSiteTopContents li.Loading .WhatherIcon img{
display:none;
}
.DegreesFahrenheit{
margin-right:3px;
}
.DegreesCelsius{
margin-left:3px;
}
/*リンクリスト*/
.EnLink li a.Blank {
background: none;
}
.EnLink li a.Blank:after {
content: "　　";
background: url(http://www.asahicom.jp/sp/ajw/images/icon-blank.png) no-repeat 8px 3px;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
}
/*フォント調整*/
.InHouseNews .List,
.EnLink .List{
font-size:.8rem;
}

/* ---------------------------------
汎用リスト
------------------------------------ */
.ArticleHeadlineList li > a, .ArticleHeadlineList li.andNativead a {
display: flex;
display: -webkit-box;
display: -moz-flexbox;
display: -webkit-flex;
min-height: 135px;
width: 100%;
padding: 8px 0;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-webkit-box-align: center;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ArticleHeadlineList li .EnDate {
position: absolute;
bottom: 8px;
right: 0;
font-size: .7rem;
color: #787871;
}
/* ---------------------------------
Notice
------------------------------------ */
.Notice {
margin:10px auto;
border:1px solid #e6e6df;
background: #f5f5ee;
line-height: 1.4;
font-weight: normal;
font-size: .7em;
width: 93%;
padding: 12px 10px;
max-width: 450px;
border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.Notice p:first-child{
font-weight:bold;
}
/* ---------------------------------
1記事
------------------------------------ */
.UtilityBar ul{
margin:0 auto 5px 0;
display:table;
}
.ArticleTitle .PublishInfo .LastUpdated {
clear: both;
color: #787871;
font-size: 0.6em;
float: left;
}
#Contents .ArticleMainPhoto {
padding: 0 10px 10px;
clear:both;
}
#ServiceMenu .SearchArea {
height: 90px;
border-bottom:1px solid #d6d6ce;
}
#FooterSearch .SearchArea {
height: 50px;
padding-top:0;
border-bottom: 1px solid #ebebe4;
}
.PromotionBlock .PromoText {
width: 300px;
margin: 5px auto 12px;
font-size: .8rem;
font-weight: bold;
line-height: 1.4;
color: #5a5a53;
}
#Footer {
background: #f5f5ee;
padding-top: 10px;
margin-top: 5px;
border-top: 1px solid #ebebe4;
}

/* ---------------------------------
写真台座ページ
------------------------------------ */
#Gallery .Section .EnGalleryArticleTitle .Title,
#Movie .Section .EnMovieArticleTitle .Title {
background: none;
padding: 10px;
border-top: none;
font-weight: bold;
line-height: 1.6;
}
/* ---------------------------------
汎用アイコン
------------------------------------ */

.EnTopHeadlineList li .Headline .EnVideo,
.EnTopHeadlineList li .Headline .EnNew,
.EnTopHeadlineList li .Headline .EnPdf,
.ArticleHeadlineList li .Headline .EnVideo,
.ArticleHeadlineList li .Headline .EnNew,
.ArticleHeadlineList li .Headline .EnPdf{
margin: 0 0 0 5px;
padding: 0;
vertical-align: 0;
display: inline !important;
}
.EnTopHeadlineList li .Headline .EnVideo img,
.ArticleHeadlineList li .Headline .EnVideo img {
vertical-align: -2px;
width: 13px;
}
.EnTopHeadlineList li .Headline .EnNew img,
.ArticleHeadlineList li .Headline .EnNew img {
width: 25px;
}
.EnTopHeadlineList li .Headline .EnPdf,
.ArticleHeadlineList li .Headline .EnPdf{
vertical-align: 1px;
padding: 0;
color: #787871;
font-size: .78rem;
font-weight: normal;
}
.EnTopHeadlineList li .Headline .EnPdf img,
.ArticleHeadlineList li .Headline .EnPdf img {
vertical-align:-2px;
width: 23px;
margin-right:5px;
}

/*調整*/
.LatestNewsBlock .ArticleHeadlineList li:last-child {
border-bottom: none;
}

.ad em,
.RectangleAd em {
width: 312px !important;
text-align: right !important;
padding-bottom: 0 !important;
margin: 2px auto !important;
height: 13px !important;
}
.ad em a,
.RectangleAd em a {
width: 312px;
display: block;
margin: 0 auto;
font-size: 10px !important;
line-height: 11px !important;
text-align: right !important;
font-family: Arial;
color: #ababa6;
}