@charset "utf-8";

/*===================================
and_article2016.css（＆一記事共通CSS）
last modified --2018-2-28--
===================================*/
/* ---------------------------------------------------------
■ パンくずリスト
--------------------------------------------------------- */
.BreadCrumb {
width: 980px;
margin: 0 auto;
padding-top: 5px;
}
.BreadCrumb ul li {
display: inline-block;
font-size: 80%;
}
.BreadCrumb ul li a {
display: inline-block;
padding-right: 13px;
background: url(/and/images/arrow_left_small.png) right center no-repeat;
}

/* ---------------------------------------------------------
■ 記事見出し
--------------------------------------------------------- */
.ArticleHeader {
width: 980px;
margin: 0 auto;
padding: 20px 0 30px;
overflow: hidden;
}
.ArticleHeader .ImgHeading {
float: left;
margin-right: 20px;
}
.ArticleHeader .ImgHeading img {
width: 100px;
height: 100px;
}
.ArticleHeader .ArticleTitle {
font-size: 150%;
line-height: 1.5;
}
.ArticleHeader .subTxt {
color: #999;
line-height: 1.6;
}
.ArticleHeader .subTxt .pageLink a {
padding-left: 18px;
background: url(/and/images/arrow_down.png) 0 center no-repeat;
}

/* ---------------------------------------------------------
■ 一記事レイアウト枠
--------------------------------------------------------- */
.MainWrapper {
width: 980px;
margin: 0 auto;
overflow: hidden;
}
.MainWrapper > .Main {
width: 640px;
float: left;
}
.MainWrapper > .Sub {
width: 300px;
float: right;
}

/* ---------------------------------------------------------
■ 一記事メイン部分
--------------------------------------------------------- */
.LayTypeA,
.LayTypeB,
.LayTypeC,
.LayTypeE,
.LayTypeF,
.LayTypeI{
margin-bottom: 40px;
overflow: hidden;
}
.LayTypeF .PhotoLargeBlock {
margin-bottom: 10px;
}
.PhotoLargeBlock {
border-bottom: 1px solid #eee;
text-align: center;
}
.PhotoLargeBlock .Photo,
.PhotoLargeBlock .Movie{
margin-bottom: 10px;
}
.LayTypeB .PhotoLargeBlock .Photo,
.LayTypeF .PhotoLargeBlock .Photo {
height: auto;
max-height: 487px;
}
.LayTypeI .PhotoLargeBlock .Photo {
max-height: none;
}
.LayTypeC .PhotoLargeBlock .Photo {
height: 487px;
}
.LayTypeB .Movie object,
.LayTypeF .Movie object {
vertical-align: bottom;
}
.LayTypeB .Movie a,
.LayTypeF .Movie a {
display:block;
margin:0;
padding:0;
}
.LayTypeB .Movie img,
.LayTypeF .Movie img{
max-width:640px;
height:auto;
}
.LayTypeB .Movie .video-js,
.LayTypeF .Movie .video-js {
width: 640px;
height: 360px;
}
.LayTypeB .Movie iframe,
.LayTypeF .Movie iframe {
width: 640px;
height: 360px;
}
.PhotoLargeBlock img,
.ImagesMod .Image img {
max-height: 487px;
max-width: 640px;
vertical-align: bottom;
}
.LayTypeI .PhotoLargeBlock img{
max-height: none;
}
.PhotoCaption {
color: #999;
font-size: 80%;
margin: 6px 0;
line-height: 1.3;
}
.LayTypeF .PhotoCaption {
width: 400px;
margin: 0 auto 10px;
}
.PhotoLargeThumbList {
padding: 5px 0;
border-bottom: 1px solid #eee;
text-align: center;
}
.PhotoLargeThumbList li {
display: inline-block;
width: 85px;
height: 85px;
vertical-align: middle;
text-align: center;
}
.PhotoLargeThumbList li img {
max-width: 85px;
max-height: 85px;
opacity: 0.6;
}
.PhotoLargeThumbList li.is_selected img {
opacity: 1;
}
.PhotoLargeThumbList li:hover img {
opacity: 1;
}
.NoteTxt {
margin-bottom: 15px;
color: #999;
font-size: 75%;
line-height: 1;
}
.LayTypeB .NoteTxt,
.LayTypeC .NoteTxt {
text-align: right;
}
.ArticleSideCol {
width: 300px;
float: left;
margin: 0 20px 30px 0;
}
.ArticleSideCol .PhotoListBlock {
margin-bottom: 30px;
}
.PhotoListBlock > li {
margin-bottom: 20px;
}
.PhotoListBlock .Photo {
text-align: center;
}
.PhotoListBlock .Photo img {
max-width: 300px;
max-height: 300px;
vertical-align: top;
}
.PhotoListBlock .Movie object,
.PhotoListBlock .Movie iframe,
.PhotoListBlock .Movie .video-js{
width: 300px;
height: 168.5px;
vertical-align: top;
}
.SubLink01 {
margin: 5px 0 20px;
}
.SubLink01 > p,
.SubLink01 li {
display: inline-block;
min-height: 16px;
font-size: 80%;
vertical-align: top;
}
.SubLink01 > p a,
.SubLink01 li a{
text-decoration: underline;
padding-bottom:1px;
}
.SubLink01 > p + ul {
display: inline-block;
vertical-align: top;
}
.SubLink01 li.rakuten {
    margin-right: 3px;
    padding-left: 20px;
    background: url(/and_bazaar/images/icon_rakuten.gif) 0 0 no-repeat;
}
.SubLink01 li.amazon {
    margin-right: 3px;
    padding-left: 20px;
    background: url(/and_bazaar/images/icon_amazon.gif) 0 0 no-repeat;
}
.SubLink01 li.yahoo {
    margin-right: 3px;
    padding-left: 20px;
    background: url(/and_bazaar/images/icon_yahoo.gif) 0 0 no-repeat;
}
.SubLink01 li.shopasahi {
    padding-left: 20px;
    background: url(/and_bazaar/images/icon_shopasahi.gif) 0 0 no-repeat;
}
.LayTypeF .ArticleBlock{
margin-bottom: 40px;
}
.LayTypeB .ArticleBlock,
.LayTypeC .ArticleTxt,
.LayTypeE .ArticleText,
.LayTypeI .ArticleTxt {
margin-top: 40px;
}
.ArticleTxt p {
margin-bottom:1em;
line-height: 1.5;
}
.ArticleText p {
margin-bottom:1em;
line-height:1.5;
}
.ArticleTxt ul{
margin-bottom:1em;
padding-left:20px;
}
.ArticleTxt ul li{
list-style-type:disc;
margin:3px;
line-height:1.5;
}
.ArticleTxt .RelatedTopics ul{
padding-left:0;
}
.ArticleTxt .RelatedTopics ul li{
list-style-type:none;
margin:0;
}

/*20180228まで　旧デザインなので不要*/
/*
.ArticleTxt blockquote,
.ArticleText blockquote {
margin-bottom: 1em;
padding: 8px 10px;
border: 1px solid #ccc;
line-height: 1.5;
}
*/
/*--------------------------------
引用
---------------------------------*/
.ArticleTxt blockquote{
position:relative;
padding:10px 40px;
margin:10px;
font-style:italic;
color:#555;
border:1px solid #ccc;
}
.ArticleTxt blockquote:before{
display:block;
position:absolute;
top:5px;
left:5px;
content:'';
width:27px;
height:20px;
background:url('../images/blockquote_before.png') no-repeat;
background-size:contain;
vertical-align:middle;
}
.ArticleTxt blockquote:after{
display:block;
position:absolute;
bottom:5px;
right:5px;
content:'';
width:27px;
height:20px;
background:url('../images/blockquote_after.png') no-repeat;
background-size:contain;
vertical-align:middle;
}
.ArticleTxt blockquote span.title{
display:block;
font-weight:bold;
}
.ArticleTxt blockquote p{
padding:0;
margin:10px 0;
line-height:1.7;
}

.ArticleTxt .ArticleTtlS {
margin: 2em 0 1em 0;
padding-left: 8px;
border-left:3px solid #9b9b94;
font-size: 105%;
font-weight: bold;
line-height: 1.4;
overflow: hidden;
}
.ArticleTxt h3 {
margin-bottom: 1em;
font-size: 95%;
font-weight: bold;
}
.ArticleTxt dl {
margin-bottom: 1em;
line-height: 1.5;
}
.ArticleTxt dt {
font-weight: bold;
}
.ArticleTxt .interview dt {
display: inline;
margin-right: 0.6em;
}
.ArticleTxt .interview dd {
display: inline;
}
.ArticleTxt strong {
font-weight: bold;
}
.ArticleTxt .LinkBoldRed,
.ArticleText .LinkBoldRed {
margin: 0 5px;
padding-bottom: 2px;
border-bottom: 2px dotted #b90000;
color: #b90000;
font-weight: bold;
word-wrap : break-word;
overflow-wrap : break-word;
}
.ArticleTxt .LinkBoldRed:hover,
.ArticleText .LinkBoldRed:hover {
color: #b90000;
}

.LinkArrow {
padding-left: 15px;
background: url(/and/images/arrow_link_small.gif) 0 center no-repeat;
}
.ArticleTxt .InnerLnk,
.ArticleText .InnerLnk{
font-size: 90%;
}
.ArticleTxt .InnerLnk a,
.ArticleText .InnerLnk a{
padding-left: 15px;
border: none;
background: url(/and/images/arrow_right.png) 0 center no-repeat;
color: #787871;
font-weight: normal;
text-decoration: underline;
}
.ArticleTxt a.ArticleLinkB,
.ArticleText a.ArticleLinkB{
font-weight: bold;
text-decoration: underline;
}

/* 記事本文内の写真一覧
------------------------------------- */
.ArticleThumbList {
width: 640px;
margin: 0 auto;
clear: both;
}
.ArticleThumbList dt {
margin-bottom: 10px;
font-weight: bold;
}
.ArticleThumbList ul {
position: relative;
margin: 0 -22px 15px 0;
border-top: none;
text-align: left;
letter-spacing: -.4em;
}
.ArticleThumbList ul li {
display: inline-block;
width: 60px;
margin-right: 22px;
margin-bottom: 22px;
padding: 0;
text-align: center;
letter-spacing: normal;
vertical-align: top;
}
.ArticleThumbList ul li p {
display: table-cell;
width: 60px;
height: 60px;
border: 1px solid #e6e6e6;
text-align: center;
vertical-align: middle;
}
.ArticleThumbList ul li.selected p {
border: 1px solid #ccc;
opacity: 1;
filter: alpha(opacity=100);
}
.ArticleThumbList ul li p img {
max-width: 60px;
max-height: 60px;
vertical-align: middle;
opacity: .75;
filter: alpha(opacity=75);
}
.ArticleThumbList ul li.selected p img,
.ArticleThumbList ul li p a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.ArticleThumbList ul li .ThumbCap {
display: block;
margin-top: 5px;
font-size: 80%;
text-align: left;
}
/*3カラム*/
.ArticleThumbList.col3 ul {
margin-right: -71px;
padding-left: 71px;
}
.ArticleThumbList.col3 ul li {
width: 120px;
margin-right: 71px;
}
.ArticleThumbList.col3 ul li p {
width: 120px;
height: 120px;
}
.ArticleThumbList.col3 ul li p img {
max-width: 120px;
max-height: 120px;
}
/*4カラム*/
.ArticleThumbList.col4 ul {
margin-right: -48px;
padding-left: 48px;
}
.ArticleThumbList.col4 ul li {
width: 100px;
margin-right: 48px;
}
.ArticleThumbList.col4 ul li p {
width: 100px;
height: 100px;
}
.ArticleThumbList.col4 ul li p img {
max-width: 100px;
max-height: 100px;
}
/*5カラム*/
.ArticleThumbList.col5 ul {
margin-right: -40px;
padding-left: 40px;
}
.ArticleThumbList.col5 ul li {
width: 80px;
margin-right: 40px;
}
.ArticleThumbList.col5 ul li p {
width: 80px;
height: 80px;
}
.ArticleThumbList.col5 ul li p img {
max-width: 80px;
max-height: 80px;
}
/*7カラム*/
.ArticleThumbList.col7 ul {
margin-right: -27px;
padding-left: 27px;
}
.ArticleThumbList.col7 ul li {
margin-right: 27px;
}
/* 記事本文内の動画
------------------------------------- */
.ArticleMovie {
width: 640px;
height: 281px;
margin: 0 auto 40px;
clear: both;
}
.ArticleMovie iframe {
display: block;
width: 500px;
margin: 0 auto;
}

/* 記事本文内の動画 Full
------------------------------------- */
.ArticleMovieFull {
width: 100%;
margin: 0 auto 40px;
clear: both;
}
.ArticleMovieFull iframe {
display: block;
margin: 0 auto;
width: 640px;
height: 360px;
}
/* レクタングル広告
------------------------------------- */
.AdBlock {
width: 300px;
margin-bottom: 15px;
padding: 5px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
.AdBlock div {
font-size: 75%;
color: #96968f;
text-align: center;
}
.LayTypeC .ArticleTxt .AdBlock,
.LayTypeF .ArticleTxt .AdBlock,
.LayTypeI .ArticleTxt .AdBlock{
float: left;
overflow:hidden;
margin-right: 15px;
}
/* SpotifyMod
------------------------------------- */
.SpotifyMod{
margin-bottom: 1em;
text-align: center;
}
.SpotifyMod iframe{
width: 300px;
}
.LayTypeA .SpotifyMod,
.LayTypeB .SpotifyMod,
.LayTypeD .SpotifyMod{
text-align: left;
}

/* ---------------------------------------------------------
■ 一記事下パーツ
--------------------------------------------------------- */

/* SnsUtilityArea
------------------------------------- */
.SnsUtilityArea {
margin: 20px 0 30px;
overflow:hidden;
}
.SnsBtn ul li {
float: left;
margin-right: 8px;
margin-bottom: 3px;
width: 82px;
}
.SnsBtn ul li .SnsName {
display: block;
}
.SnsBtn ul li .SnsName a {
float: left;
display: block;
height: 21px;
padding: 0;
width: 72px;
padding-left: 10px;
text-align: center;
line-height: 22px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 10px;
color: #fff;
}
.SnsBtn ul li .SnsName a:hover {
text-decoration: none;
opacity: .75;
}
.SnsUtilityArea .SnsBtn ul li .count {
display: block;
font-size: 65%;
line-height: 16px;
text-align: center;
padding-left: 7px;
}
.SnsBtn ul li.Facebook .SnsName a {
background: url(/css/images/icon_sns-facebook.gif) no-repeat 5px 4px #325095;
}
.SnsBtn ul li.Facebook .count {
color: #325095;
}
.SnsBtn ul li.Twitter .SnsName a {
background: url(/css/images/icon_sns-twitter.gif) no-repeat 5px 4px #2696dd;
width: 71px;
padding-left: 11px;
}
.SnsUtilityArea ul li.Twitter .count a,
.SnsUtilityArea ul li.Twitter .count a:hover,
.SnsUtilityArea ul li.Twitter .count a:active {
color: #2696dd;
text-decoration: underline;
}
.SnsBtn ul li.Hatena .SnsName {
letter-spacing: 0;
}
.SnsBtn ul li.Hatena .SnsName {
letter-spacing: -0.1em !important;
}
.SnsBtn ul li.Hatena .SnsName a {
background: url(/css/images/icon_sns-hatena.gif) no-repeat 5px 4px #008FDE;
width: 66px;
padding-left: 16px;
}
.SnsBtn ul li.Hatena .count {
color: #008FDE;
}

/* UtilityTools */
.SnsUtilityArea .UtilityBtn {
padding-bottom: 5px;
}
.SnsUtilityArea .UtilityBtn li {
display:block;
padding-bottom: 0;
padding-left: 0;
float:left;
letter-spacing:0;
margin-right: 8px;
margin-bottom: 3px;
}
.SnsUtilityArea .UtilityBtn li .ServiceName a {
display: block;
width: 70px;
height: 19px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding-left:10px;
border: 1px solid #d2d2cb;
line-height: 20px;
text-align: center;
font-size: 10px;
letter-spacing: 1px;
color: #3C3C35;
}
.SnsUtilityArea .UtilityBtn li .ServiceName a:hover,
.SnsUtilityArea .UtilityBtn li .ServiceName a:active {
border: 1px solid #b90000;
}
.SnsUtilityArea .UtilityBtn li a:hover,
.SnsUtilityArea .UtilityBtn li a:active {
color:#B90000;
}

/*Mail*/
.SnsUtilityArea .UtilityBtn li.Mail .ServiceName a {
background: #fff url(/css/images/icon_mail.gif) no-repeat 5px 4px;
}
.SnsUtilityArea .UtilityBtn li.Mail a:hover,
.SnsUtilityArea .UtilityBtn li.Mail a:active {
background: #fff url(/css/images/icon_mail.gif) no-repeat 5px -26px;
}

/*Print*/
.SnsUtilityArea .UtilityBtn li.Print .ServiceName a {
background: #fff url(/css/images/icon_print.gif) no-repeat 5px 4px;
}
.SnsUtilityArea .UtilityBtn li.Print a:hover,
.SnsUtilityArea .UtilityBtn li.Print a:active {
background: #fff url(/css/images/icon_print.gif) no-repeat 5px -26px;
}

/* 記事ページ送り
------------------------------------- */
.ArticlePager {
margin-bottom: 40px;
text-align: center;
clear:both;
}
.ArticlePager ul {
margin-bottom: 30px;
}
.ArticlePager li {
display: inline-block;
font-size: 90%;
line-height: 1.8;
letter-spacing: 1em;
color: #444444;
}
.ArticlePager li.Current {
font-weight: bold;
color: #444444;
}
.ArticlePager li.Prev,
.ArticlePager li.Next {
line-height:1.4;
border: 1px solid #777777;
background-color: #ececec;
padding: 4px 0;
}
.ArticlePager li.Prev {
float: left;
}
.ArticlePager li.Next {
float: right;
}
.ArticlePager li.Prev.NonActive {
padding-left: 25px;
background: url(/and/images/arrow_left_light.png) 6% 50% no-repeat;
border: 1px solid #ececec;
}
.ArticlePager li.Next.NonActive {
padding-right: 25px;
background: url(/and/images/arrow_right_light.png) 94% 50% no-repeat;
border: 1px solid #ececec;
}
.ArticlePager li.Prev a {
display: block;
padding-left: 25px;
background: url(/and/images/arrow_left_gray.png) 6% 50% no-repeat;
}
.ArticlePager li.Next a {
display: block;
padding-right: 25px;
background: url(/and/images/arrow_right_gray.png) 94% 50% no-repeat;
}
.ArticlePager li.Prev span {
display: inline-block;
padding: 0 18px 0 15px;
border-left: 1px solid #777777;
font-weight: bold;
letter-spacing: .2em;
}
.ArticlePager li.Next span {
display: inline-block;
padding: 0 15px 0 18px;
border-right: 1px solid #777777;
font-weight: bold;
letter-spacing: .2em;
}
.ArticlePager li.Prev.NonActive span {
border-color: #ececec;
color: #ccc;
background-color:transparent;
border-right: 0;
}
.ArticlePager li.Next.NonActive span {
border-color: #ececec;
color: #ccc;
background-color:transparent;
border-left: 0;
}
.ArticlePager li a:hover,
.ArticlePager li:hover {
opacity: 0.8;
}
.ArticlePager li.NonActive:hover{
opacity: 1;
}

/* SNS最新情報をチェック
------------------------------------- */
.IchikijiUnderSocial {
margin-bottom: 30px;
padding:10px;
overflow: hidden;
}
.IchikijiUnderSocial .FBiineLeft{
float:left;
margin:0 40px 0 30px;
padding-right: 20px;
border-right:1px solid #eee;
}
/* &BOX
------------------------------------- */
.andBoxList {
margin-bottom: 30px;
}
.andBoxList ul {
margin-right: -5px;
letter-spacing: -.4em;
overflow: hidden;
}
.andBoxList li {
display: inline-block;
width: 210px;
margin: 0 5px 10px 0;
letter-spacing: normal;
vertical-align: top;
font-size: 75%;
}
.andBoxList li img {
width: 100%;
vertical-align: bottom;
}
.andBoxList li p:first-child {
height: 140px;
position: relative;
background-color: #e6e6e6;
overflow: hidden;
}
.andBoxList li p:nth-child(2) {
margin-top: 5px;
line-height: 1.3;
}

/* プロフィール、本の紹介
------------------------------------- */
.ProfileMod,
.BookMod {
margin-bottom: 30px;
overflow: hidden;
}
.ProfileMod h2,
.BookMod h2 {
margin-bottom: 10px;
font-weight: bold;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', Arial, meiryo, sans-serif;
letter-spacing: 1.5px;
}
.ProfileMod .ProfileInner,
.BookMod .BookInner {
margin-bottom: 15px;
overflow: hidden;
}
.ProfileMod .Thumb,
.BookMod .Thumb {
float: left;
margin-right: 15px;
}
.ProfileMod .Thumb img,
.BookMod .Thumb img {
vertical-align: top;
}
.ProfileMod dl,
.BookMod dl {
border-top: 1px solid #eee;
overflow: hidden;
}
.ProfileMod dl:last-child {
border-bottom: 1px solid #eee;
}
.ProfileMod dt,
.BookMod dt {
padding: 10px 0;
font-weight: bold;
line-height: 1.1;
}
.ProfileMod dt.AccordionAction {
background: url(/and/images/arrow_down.png) 610px 15px no-repeat;
cursor: pointer;
}
.ProfileMod dt.open {
background: url(/and/images/arrow_up.png) 610px 15px no-repeat;
}
.ProfileMod dt .sup,
.BookMod dt .sup {
font-size: 90%;
font-weight: normal;
}
.ProfileMod dd,
.BookMod dd {
margin-bottom: 10px;
overflow: hidden;
font-size: 80%;
line-height: 1.4;
}

.ProfileMod dd{display: none;}
#ArticleList .ProfileMod dd{display: block;}

#AncProfile, #AncBook {
margin-top: -70px;
padding-top: 70px;
}

/* ArticlePagenationArea（エンタメニュース系）
------------------------------------- */
.ArticlePagenationArea {
text-align: center;
margin: 0 auto 40px;
overflow: hidden;
clear: both;
line-height: 1;
}

.ArticlePagenationArea .ArticlePagenation li a{
padding: 4px 3px;
font-size: 75%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: inline-block;
line-height: 1;
}

.ArticlePagenationArea .ArticlePagenation li a:link{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

.ArticlePagenationArea .ArticlePagenation li a:hover{background-color: #989898; color: #fff;}
.ArticlePagenationArea .ArticlePagenation li.PagePrev{margin: 0 0 8px 0;}

.ArticlePagenationArea .ArticlePagenation li a span{display: inline-block;}
.ArticlePagenationArea .ArticlePagenation li.PagePrev a span{
padding-left: 15px;
background:url(/and/images/arrow_left.png) left center no-repeat;
}
.ArticlePagenationArea .ArticlePagenation li.PageNext a span{
padding-right: 15px;
background:url(/and/images/arrow_right.png) right center no-repeat;
}
.ArticlePagenationArea .ArticlePagenation li.PagePrev a:hover span{
background:url(/and/images/arrow_left_white.png) left center no-repeat;
}
.ArticlePagenationArea .ArticlePagenation li.PageNext a:hover span{
background:url(/and/images/arrow_right_white.png) right center no-repeat;
}

/* 提供元画像など
------------------------------------- */
.subLnkArea{
position: relative;
padding-bottom: 40px;
text-align:center;
}
.subLnkArea p{
padding:0 0 0.5em;
}
.subLnkArea .TxtSmall {
font-size: 75%;
}
.subLnkArea .LogoLeft{
float:left;
padding-right:5px;
}
.subLnkArea .FlatLnk{
margin: 0 0 4px;
padding-top: 7px;
overflow: hidden;
}
.subLnkArea .FlatLnk li{
float: left;
margin: 0 10px 3px 0;
padding-left: 10px;
border-left:1px solid #ccc;
font-size:90%;
}
.subLnkArea .LogoRight {
position: absolute;
top: 0;
right: 0;
}


/* 写真小付きリスト（例：バックナンバー）
------------------------------------- */
.PhotoListModS01 ul {
margin-top: 10px;
margin-bottom: 40px;
}
.PhotoListModS01 li {
padding: 0 0 5px;
line-height: 1.1;
}
.PhotoListModS01 .Image {
display: table-cell;
width: 53px;
vertical-align: middle;
}
.PhotoListModS01 .Image img {
width: 100%;
vertical-align: top;
}
.PhotoListModS01 .Txt {
display: table-cell;
padding: 0 5px;
vertical-align: middle;
}
.PhotoListModS01 li .TxtSmall{
font-size: 85%;
color: #999;
}
.PhotoListModS01 li .update {
margin-left: 3px;
font-size: 85%;
}
.PhotoList2L .Txt{
font-size:95%;
line-height:1.4;
}

/* PHOTO GALLERY
------------------------------------- */
.Box3colMod01 {
margin-bottom: 40px;
overflow: hidden;
}
.Box3colMod01 .Title {
border-top: 1px solid #dcdcd5;
clear: both;
margin: 0;
padding: 8px 0 0;
overflow: hidden;
}
.Box3colMod01 .Title h2 {
float: left;
font-size: 100%;
font-weight: bold;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', Arial, meiryo, sans-serif;
padding: 0 0 5px;
letter-spacing: 1.5px;
}
.Box3colMod01 .Title h2 a {
padding-right: 16px;
background: url(/and/images/arrow_right.png) right 2px no-repeat;
}
.Box3colMod01 .Title .SubText {
color: #787871;
float: right;
font-size: 80%;
font-weight: normal;
margin: 0 0 0 10px;
}
.Box3colMod01 > .Box3col {
border-top: 1px solid #e6e6df;
margin-bottom: 10px;
padding-top: 10px;
vertical-align: bottom;
letter-spacing: -.4em;
}
.Box3colMod01 > .Box3col > li {
width: 194px;
display: inline-block;
margin: 0 0 0 11px;
padding: 0 0 0 11px;
border-left: 1px solid #e6e6df;
letter-spacing: normal;
vertical-align: top;
}
.Box3colMod01 > .Box3col > .Fst {
border-left: none;
margin-left: 0;
padding-left: 5px;
}
.Box3colMod01 > .Box3col .Image img {
width: 100%;
}
.Box3colMod01 > .Box3col .Txt,
.Box3colMod01 > .Box3col dt {
height: 2.8em;
font-size: 80%;
font-weight: bold;
line-height: 1.4;
}

/* PR枠
------------------------------------- */
.PrBox {
margin: 10px 0 40px;
border: 1px solid #e6e6e6;
}
.PrBox .PrTtl {
padding: 10px;
border-bottom: 1px solid #e6e6e6;
background: #f1f1f1;
line-height: 1;
font-size: 95%;
}
.PrBox .PrTtl span {
padding:4px 8px;
border: 1px solid #999;
font-size: 85%;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', Arial, meiryo, sans-serif;
line-height: 1;
font-weight: lighter;
margin-right: 8px;
}
.PrBox .PrTtl a {
display: block;
}
.PrBox .PrTtl .blank {
background: url(/and/images/arrow_link_blank.png) right center no-repeat;
}
.PrBox .PrTtl .icoPr {
width: 36px;
margin-right: 5px;
vertical-align: middle;
line-height: 1;
}
.PrBox .PrImg {
float: left;
margin: 10px;
}
.PrBox .PrTxt {
padding: 15px;
color: #7f7f7f;
font-size: 80%;
line-height: 1.4;
}
.PrBox .PrTxt a {
text-decoration: underline;
}

/* ---------------------------------------------------------
infoBox1 --PrBox踏襲
--------------------------------------------------------- */
.infoBox1{
margin:10px 0 40px;
padding:0;
border:1px solid #e6e6e6;
overflow:hidden;
}
.infoBox1 .title{
margin:0;
padding: 10px;
border-bottom: 1px solid #e6e6e6;
background: #f1f1f1;
line-height: 1;
font-size: 95%;
}
.infoBox1 .title span{
padding:4px 8px;
border: 1px solid #999;
font-size: 85%;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', Arial, meiryo, sans-serif;
line-height: 1;
font-weight: lighter;
margin-right: 8px;
}
.infoBox1 .title a{
display: block;
}
.infoBox1 .title .blank{
background: url(/and/images/arrow_link_blank.png) right center no-repeat;
}
.infoBox1 .title .icoPr{
width: 36px;
margin-right: 5px;
vertical-align: middle;
line-height: 1;
}
.infoBox1 .img{
float: left;
margin:10px;
}
.infoBox1 .txt{
padding:10px 15px;
color: #7f7f7f;
font-size: 80%;
line-height: 1.4;
}
.infoBox1 ul +.txt{
padding-top:5px;
}
.infoBox1 .txt a{
text-decoration: underline;
}
.infoBox1:after{
content:"";
clear:both;
display:block;
}
.infoBox1 ul{
margin:7px 0;
padding-left:30px;
}
.infoBox1 .txt + ul{
margin-top:-5px;
}
.infoBox1 li{
list-style-type:disc;
margin:3px;
color:#7f7f7f;
font-size:80%;
line-height:1.4;
}

/* ---------------------------------------------------------
■ infoBox2　（&W PrBox2と同じデザインを踏襲）
--------------------------------------------------------- */
.infoBox2{
border:3px double #ccc;
padding:1em 12px;
margin:0 0 1em;
overflow:hidden;
}
.infoBox2 h2{
	margin-bottom:12px;
	border-left:5px solid #ccc;
	padding-left:7px;
	line-height:1.4;
	font-weight:bold;
}
.infoBox2 .Photo{
	margin:0 10px 0 0;
	float:left;
}
.infoBox2 .text{
overflow:auto;
}
.infoBox2 p{
font-size: 80%;
}
.infoBox2:after{
content:"";
clear:both;
display:block;
}
.infoBox2 ul{
margin:0;
padding-left:16px;
}
.infoBox2 li{
list-style-type:disc;
margin:3px;
font-size:80%;
}
/* ---------------------------------------------------------
infoBox3 シンプル枠 元blockquote踏襲
--------------------------------------------------------- */
.infoBox3{
margin-bottom:1em;
padding:8px 10px;
border:1px solid #ccc;
line-height:1.5;
overflow:hidden;
}
.infoBox3 h2{
margin-bottom:10px;
line-height:1.4;
font-weight:bold;
}
.infoBox3 .img{
float: left;
margin:0 10px 10px 0;
}
.infoBox3:after{
content:"";
clear:both;
display:block;
}
.infoBox3 ul{
margin:0;
padding-left:16px;
}
.infoBox3 li{
list-style-type:disc;
margin:3px;
}

.SnsFollowBlock {
margin-bottom: 40px;
padding: 10px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.SnsFollowBlock .Image {
float: left;
width: 320px;
height: 156px;
position: relative;
overflow: hidden;
}
.SnsFollowBlock .Image img {
width: 320px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.SnsFollowBlock .SnsFollowBtns {
float: right;
width: 320px;
text-align: center;
}
.SnsFollowBlock .SnsFollowBtns .andIcon {
margin: 5px 0;
}
.SnsFollowBlock .SnsFollowBtns .Txt {
font-size: 90%;
font-weight: bold;
line-height: 1.4;
}
.SnsFollowFB,
.SnsFollowTw {
margin-top: 8px;
}

/* outbrain
------------------------------------- */
.OutbrainAdMod .OUTBRAIN {
margin: -6px 0 15px 0;
}
.OutbrainAdMod .OUTBRAIN ul {
margin: 0 20px 0 0;
}
.OutbrainAdMod .Title {
padding: 11px 0 13px;
color: #787871;
font-size: 70%;
font-weight: bold;
line-height: 1.1;
border-top: 1px solid #e6e6df;
}
.OutbrainRecMod {
border-top: 1px solid #e6e6df;
padding: 14px 0 20px;
margin: 0 20px 0 0;
}
.OutbrainRecMod .Title {
padding: 0 0 12px;
font-weight: bold;
line-height: 1.1;
}
.OutbrainRecMod .OUTBRAIN .ob_container a {
padding-bottom: 8px;
}
.OutbrainAdMod .OUTBRAIN ul li .ob-text-content {
padding-bottom: 10px;
}
.OutbrainRecMod .OUTBRAIN ul li .ob-text-content {
padding-bottom: 8px;
}
.OutbrainAdMod .OUTBRAIN ul li,
.OutbrainRecMod .OUTBRAIN ul li a {margin: 0;
padding: 0 0 0 18px;
font-size: 90%;
font-weight: normal;
letter-spacing: 0;
line-height: 1.4;
border-top: none;
background: url(/and/images/arrow_list_medium.gif) no-repeat 6px 6px;
}
.OutbrainAdMod .OUTBRAIN ul li:last-child .ob-text-content,
.OutbrainRecMod .OUTBRAIN ul li:last-child .ob-text-content {
padding-bottom: 0;}
.mac .OutbrainAdMod ul li,
.mac .OutbrainRecMod .OUTBRAIN ul li a {
letter-spacing:-0.15em;
}
.OutbrainRecMod .OUTBRAIN ul li a {
min-height:0;
margin:0;
color:#1E1E17;
line-height: 140%;
}
.OutbrainAdMod .OUTBRAIN ul li:hover,
.OutbrainAdMod .OUTBRAIN ul li:active,
.OutbrainRecMod .OUTBRAIN ul li a:hover,
.OutbrainRecMod .OUTBRAIN ul li a:active {
background:url(/and/images/arrow_list_medium.gif) no-repeat 6px -114px;
}
.OutbrainAdMod .OUTBRAIN ul li:hover a,
.OutbrainAdMod .OUTBRAIN ul li:active a,
.OutbrainRecMod .OUTBRAIN ul li:hover a,
.OutbrainRecMod .OUTBRAIN ul li:active a
{
color:#B90000;
text-decoration:underline;
}
.OutbrainAdMod .OUTBRAIN .ob_source {
font-size: 75%;
color: #787871;
margin-left: 3px;
}
.mac .OutbrainAdMod .OUTBRAIN .ob_source {
letter-spacing:-0.1em;
}
.MB_3 .ob_what {
padding: 15px 0 0 !important;
clear: none !important;
}
.AR_3 .ob_what{
padding-right: 0 !important;
clear: none !important;
}
.AR_2 .ob_what{
padding-right: 20px !important;
}
.AR_4 .ob_what {
padding-right: 20px !important;
}

/* ---------------------------------------------------------
■ 右カラム
--------------------------------------------------------- */
.andSubBox {
margin-bottom: 40px;
}
/*見出し*/
.andSubBoxTitle {
margin-bottom: 10px;
font-weight: bold;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', Arial, meiryo, sans-serif;
line-height: 1;
}
.TitleSmall .andSubBoxTitle {
font-size: 95%;
}
.andSubBoxTitle a {
padding-right: 12px;
background: url(/and/images/arrow_right.png) right 2px no-repeat;
}

/* 写真付きリスト（写真左、枠付き　例：Pickup!）
------------------------------------- */
.PhotoListMod01 {
padding: 8px;
border: 1px solid #eee;
}
.PhotoListMod01 li {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.PhotoListMod01 li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.PhotoListMod01 .Thumb {
float: left;
width: 80px;
margin-right: 8px;
overflow: hidden;
}
.PhotoListMod01 .Thumb img {
width: 100%;
vertical-align: top;
}
.PhotoListMod01 dl {
width: 194px;
float: right;
line-height: 1.4;
}
.PhotoListMod01 dt {
margin-bottom: 2px;
font-size: 90%;
font-weight: bold;
letter-spacing: -0.01em;
}
.PhotoListMod01 dd {
font-size: 75%;
color: #999;
letter-spacing: -0.01em;
}

/* 写真リスト（写真右、枠なし、罫線あり　例：美人記念日、Present&information）
------------------------------------- */
.PhotoListMod02 {
padding: 8px 0 0;
border-top: 1px solid #eee;
}
.PhotoListMod02 li {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.PhotoListMod02 .Thumb {
float: right;
width: 80px;
margin-right: 8px;
overflow: hidden;
}
.PhotoListMod02 .Thumb img {
width: 100%;
vertical-align: top;
}
.PhotoListMod02 dl {
width: 212px;
float: left;
line-height: 1.4;
}
.PhotoListMod02 dt {
margin-bottom: 2px;
font-size: 90%;
font-weight: bold;
letter-spacing: -0.01em;
}
.PhotoListMod02 dd {
font-size: 75%;
letter-spacing: -0.01em;
}

/* 写真リスト（写真左、枠なし、罫線なし　例：Columns、&BAZAAR）
------------------------------------- */
.PhotoListMod03 {
}
.PhotoListMod03 li {
margin-bottom: 8px;
padding-bottom: 8px;
overflow: hidden;
}
.PhotoListMod03 .Thumb {
float: left;
width: 80px;
margin-right: 8px;
overflow: hidden;
}
.PhotoListMod03 .Thumb img {
width: 100%;
vertical-align: top;
}
.PhotoListMod03 dl {
width: 212px;
float: right;
line-height: 1.4;
}
.PhotoListMod03 dt {
margin-bottom: 2px;
font-size: 90%;
font-weight: bold;
letter-spacing: -0.01em;
}
.PhotoListMod03 dd {
font-size: 75%;
letter-spacing: -0.01em;
color: #999;
}

/* フォトギャラリスト
------------------------------------- */
.PhotoGaListMod01{
}
.PhotoGaListMod01 li {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.PhotoGaListMod01 .Thumb {
float: left;
width: 150px;
margin-right: 10px;
overflow: hidden;
}
.PhotoGaListMod01 .Thumb img {
width: 100%;
vertical-align: top;
}
.PhotoGaListMod01 .TitleS {
font-size: 80%;
line-height: 1.4;
}
.PhotoGaListMod01 .Category {
position: absolute;
right: 0;
bottom: 0;
font-size: 70%;
font-family: "Times New Roman",Times,serif;
color: #666;
}

/* ビデオリスト
------------------------------------- */
.ArticlePlay {
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
border: 0.3em solid rgba(255, 255, 255, 0.7);
left: 44px;
top: 18px;
}
.ArticlePlay::before {
position: absolute;
content: "";
top: 7px;
left: 18px;
width: 0em;
height: 0em;
border-top: 18px solid rgba(44, 44, 44, 0);
border-bottom: 18px solid transparent;
border-left: 20px solid rgba(255, 255, 248, 0.7);
}

/* ad：注目情報
------------------------------------- */
.Pr {
padding:5px 5px 10px;
border:1px dotted #ccc;
overflow: hidden;
}
.Pr .TitleSmall {
padding-bottom: 7px;
font-size: 80%;
font-weight: bold;
line-height: 1.1;
}
.Pr > .TitleSmall h3 > span {
padding: 2px 10px 1px 3px;
background: url(/css/images/bg_prtag_ttl.gif) 0 1px no-repeat;
color: #fff;
font-size: 75%;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', sans-serif;
}
.Pr > .ListBlock {
border-top: 1px solid #e6e6df;
}
.Pr > .ListBlock li{
width:290px;
padding: 10px 0 0;
border: none;
overflow: hidden;
}
.Pr > .ListBlock .Image {
display: block;
float: left;
margin-right: 10px;
}
.Pr > .ListBlock .Image img {
width: 70px;
vertical-align: top;
}
.Pr > .ListBlock dl {
float: left;
width: 210px;
}
.Pr > .ListBlock dt {
margin-bottom: 2px;
font-size: 80%;
font-weight: bold;
line-height: 1;
}
.Pr > .ListBlock dd {
font-size: 74%;
line-height: 1.3;
}



/* ---------------------------------------------------------
■ モジュール
--------------------------------------------------------- */
/*見出し*/
.TitleMod01 {
margin-bottom: 5px;
font-weight: bold;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', Arial, meiryo, sans-serif;
letter-spacing: 1.5px;
}
.TitleMod01 a {
padding-right: 16px;
background: url(/and/images/arrow_right.png) right center no-repeat;
}
/*リスト*/
.ListMod01 ul {
margin-bottom: 30px;
border-top: 1px solid #eee;
}
ul.ListMod01{
overflow:hidden;
}
.ListMod01 li {
padding: 5px 0;
border-bottom: 1px solid #eee;
line-height: 1.4;
}
.ListMod01 .Image {
display: table-cell;
width: 53px;
vertical-align: middle;
}
.ListMod01 .Image img {
width: 100%;
vertical-align: top;
}
.ListMod01 .Txt {
display: table-cell;
padding: 0 5px;
vertical-align: middle;
}
.ListMod01 li .update {
margin-left: 3px;
font-size: 85%;
}
.Sub .ListMod01 {
border-top: 1px solid #eee;
font-size: 90%;
}
.ListMod02 ul {
margin: 15px 0 30px;
}
.ListMod02 li {
margin-bottom: 8px;
padding-left: 18px;
background: url(/css/images/arrow_list_medium.gif) 6px 5px no-repeat;
font-size: 90%;
line-height: 1.1;
}
.ListMod01.Arrow li a {
display: block;
padding-left: 20px;
background: url(/and/images/arrow_right.png) 4px 4px no-repeat;
}
/*文中別ウィンドウリンク*/
.TextLinkBlank {
text-decoration: underline;
display: inline-block;
margin: 0 !important;
padding: 0 15px 0 0 !important;
background: url(/and/images/arrow_link_blank.png) no-repeat right 1px !important;
color: #7f7f7f;
}
/*PR*/
.PrText{
margin-left: 3px;
padding: 2px 3px 1px;
color: #999;
font-size: 70%;
font-family: Helvetica, 'Hiragino Kaku Gothic ProN', Arial, meiryo, sans-serif;
line-height: 1;
font-weight: normal;
}
.ArticleTitle .PrText{font-size: 55%;}

/* ---------------------------------------------------------
■ 記事一覧ページ
--------------------------------------------------------- */
.ArticleListMod01 {
margin-bottom: 40px;
line-height: 1.6;
}
.ArticleListMod01 ul {
border-top: 1px solid #eee;
padding: 8px 0 0;
}
.ArticleListMod01 li {
border-bottom: 1px solid #eee;
margin-bottom: 8px;
padding-bottom: 8px;
overflow: hidden;
}
.ArticleListMod01 .update {
font-size: 80%;
}
.ArticleListMod01 dd {
color: #666;
font-size: 80%;
}
.ArticleListMod01 dt + dd {
margin-top: 5px;
}
.ArticleListMod01 .Thumb {
width: 70px;
float: right;
margin-left: 10px;
}
.ArticleListMod01 .Thumb img {
width: 100%;
}
/* ---------------------------------------------------------
■ RelatedTopics
--------------------------------------------------------- */
.ArticleTxt .RelatedTopics{margin-bottom: 1em;}
.ArticleTxt .RelatedTopics .ListMod01 li{border: 0;}
.ArticleTxt .RelatedTopics .ArticleTtlS{margin-bottom:10px;}

/* ---------------------------------------------------------
■ 写真台座ページ用
--------------------------------------------------------- */
.PhotoBlock {
width: 980px;
margin: 0 auto;
padding: 25px 0 40px;
}
.PhotoBlock .PhotoTtl {
margin-bottom: 35px;
font-size: 115%;
font-weight: bold;
}
.PhotoBlock .PhotoBlockInner {
width: 650px;
margin: 0 auto;
}
.PhotoBlock .PhotoNav {
margin: 0 auto 15px;
overflow: hidden;
font-size: 85%;
line-height: 1.1;
}
.PhotoNav .return {
float: left;
}
.PhotoNav .return a {
display: inline-block;
min-height: 15px;
padding-left: 25px;
background: url(/and/images/photo_arrow_return.png) left top no-repeat;
}
.PhotoNav .return a:hover {
background-position: 0 -15px;
}
.PhotoNav .pageNav {
float: right;
}
.PhotoNav .pageNav span {
display: block;
float: right;
}
.PhotoNav .pageNav a.prev {
display: block;
float: right;
width: 8px;
height: 13px;
margin-right: 15px;
background: url(/and/images/photo_arrow_s_left.png) 0 0 no-repeat;
text-indent: -9999px;
}
.PhotoNav .pageNav a.next {
display: block;
float: right;
width: 8px;
height: 13px;
margin-left: 15px;
background: url(/and/images/photo_arrow_s_right.png) 0 0 no-repeat;
text-indent: -9999px;
}
.PhotoNav .pageNav a:hover {
background-position: 0 -13px;
}
.PhotoBlock .NoteTxt {
text-align: center;
}
.PhotoBox {
position: relative;
margin: 0 auto 15px;
width: 650px;
height: 650px;
border: 1px solid #ccc;
}
.PhotoBox .prev {
position: absolute;
top: 316px;
left: -50px;
display: block;
width: 20px;
height: 35px;
background: url(/and/images/photo_arrow_left.png) 0 0 no-repeat;
text-indent: -9999px;
}
.PhotoBox .next {
position: absolute;
top: 316px;
right: -50px;
display: block;
width: 20px;
height: 35px;
background: url(/and/images/photo_arrow_right.png) 0 0 no-repeat;
text-indent: -9999px;
}
.PhotoBox a:hover {
background-position: 0 -35px;
}
.PhotoBox .Photo {
display: table-cell;
width: 650px;
height: 650px;
vertical-align: middle;
text-align: center;
}
.PhotoBox .Photo a:hover {
background-position: 0 0;
}
.PhotoBox .Photo img {
max-width: 650px;
max-height: 650px;
vertical-align: middle;
}
.PhotoBoxCaption {
margin: 0 auto 30px;
font-size: 80%;
line-height: 1.5;
text-align: center;
}
.PhotoBlock .SubLink01 {
text-align: center;
}
.PhotoNav + .PhotoCaption02 {
padding: 15px 0 15px;
}
.PhotoBlockThumbList {
margin: 0 auto;
}
.PhotoBlockThumbList dt {
margin-top: -60px;
margin-bottom: 10px;
padding-top: 60px;
text-align: left;
font-weight: bold;
}
.PhotoBlockThumbList dd {
margin-bottom: 15px;
}
.PhotoBlockThumbList ul {
position: relative;
margin-right: -22px;
border-top: none;
text-align: left;
letter-spacing: -.4em;
}
.PhotoBlockThumbList ul li {
display: inline-block;
width: 60px;
margin-right: 22px;
margin-bottom: 22px;
padding: 0;
text-align: center;
letter-spacing: normal;
vertical-align: top;
}
.PhotoBlockThumbList ul li p {
display: table-cell;
width: 60px;
height: 60px;
border: 1px solid #e6e6e6;
text-align: center;
vertical-align: middle;
}
.PhotoBlockThumbList ul li.selected p {
border: 1px solid #ccc;
opacity: 1;
filter: alpha(opacity=100);
}
.PhotoBlockThumbList ul li p img {
max-width: 60px;
max-height: 60px;
vertical-align: middle;
opacity: .75;
filter: alpha(opacity=75);
}
.PhotoBlockThumbList ul li.selected p img,
.PhotoBlockThumbList ul li p a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.PhotoBlock .PRArea {
margin: 30px -50px 50px 0;
overflow: hidden;
}
.PhotoBlock .PRArea .AdBlock,
.PhotoBlock .PRArea .PrBlock{
float: left;
width: 300px;
margin-right: 50px;
}

/* ---------------------------------------------------------
■ yahoo ad
--------------------------------------------------------- */
.YahooAdMod{margin: 0 0 30px;}
.YahooAdMod .yads_ad{
    font-size:90%;
    line-height:1.6;
    padding: 11px 0 0;
    border-top: 1px solid #e6e6df;
    letter-spacing: -.4em;
}

.YahooAdMod .yads_ad a:hover{color:#b90000; text-decoration: underline;}
.YahooAdMod .yads_ad .yads_ad_info a:hover{color: #787871; text-decoration: none;}
.YahooAdMod .yads_ad div{letter-spacing: normal;}
.YahooAdMod .yads_ad_title{
    display: inline-block;
    margin: 0 5px 0 0;
}
.YahooAdMod .yads_ad_adv{
    display: inline-block;
    color: #787871;
    font-size:75%;
}
.YahooAdMod .yads_ad_info{
    text-align: right;
    padding: 5px 25px 0px;
}

.YahooAdMod .yads_ad_info a{
    color: #999;
    font-size: 10px;
}

/* ---------------------------------------------------------
■ リンク
--------------------------------------------------------- */
.PhotoListBlock a,
.Box3col a,
.ListMod01.Arrow li a,
.PhotoListModS01 a,
.PhotoListMod01 a,
.PhotoListMod02 a,
.PhotoGaListMod01 a,
.PhotoListMod03 a,
.andBoxList a,
.TitleMod01 a,
.ProfileMod dt,
.BookMod a,
.andSubBoxTitle a,
.ArticlePager p a,
.ArticleHeader a,
.ArticleTxt .InnerLnk a,
.ArticleText .InnerLnk a,
.ArticleTxt a.ArticleLinkB,
.ArticleText a.ArticleLinkB,
.Box3colMod01 .Title h2 a,
.subLnkArea a{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}


.PhotoListBlock a:hover,
.Box3col a:hover,
.PhotoListModS01 a:hover,
.PhotoListMod01 a:hover,
.PhotoListMod02 a:hover,
.PhotoGaListMod01 a:hover,
.PhotoListMod03 a:hover,
.andBoxList a:hover,
.ProfileMod dt:hover,
.BookMod a:hover,
.ArticlePager p a:hover,
.ArticleHeader a:hover,
.subLnkArea a:hover{
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
opacity: 0.75;
}

.TitleMod01 a:hover,
.andSubBoxTitle a:hover,
.Box3colMod01 .Title h2 a:hover{
color: #b90000;
}

.SubLink01 li a:hover,
.ListMod01.Arrow li a:hover,
.SubLink01 > p a:hover,
.ArticleTxt a.ArticleLinkB:hover,
.ArticleText a.ArticleLinkB:hover,
.ArticleTxt .InnerLnk a:hover,
.ArticleText .InnerLnk a:hover{
color:#999;
}