@charset "utf-8";

/*===================================
and_m2016.css（＆Ｍ専用CSS）
last modified --2018-8-23--
===================================*/

/* ---------------------------------------------------------
■ ヘッダー
--------------------------------------------------------- */
#header {
	position: relative;
	width: 981px;
	margin: 0 auto;
	z-index: 999; }

#HeaderInner {
	position: fixed;
	top: 0;
	background-color: #fff; }

#headerTop {
	position: relative;
	width: 980px;
	margin: 0 auto; }

#headerTopInner {
	padding: 15px 0; }


/* 左右共通 */
#headerTop ul,
#headerTop li {
	display: inline-block;
	vertical-align: middle;
	line-height: 0; }


/* 左側 */
#headerTop .left {
	float: left;
	width: 750px; }

#headerTop .left h1 {
	display: inline-block;
	margin-right: 35px;
	vertical-align: middle; }

#headerTop .left h1:hover * {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)"; }

#headerTop .left li a {
	display: inline-block;
	height: 21px;
    margin-right: 15px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	background: url(/and/images/and_navi.png) no-repeat; }

#headerTop .left li a span {
	display: none; }

#headerTop .left .BtnMen a {
	width:82px;
	background-position: 0 -21px; }

#headerTop .left .BtnWomen a {
	width:82px;
	background-position: -94px 0; }

#headerTop .left .BtnBazaar a {
	width: 111px;
	background-position: -322px 0; }

#headerTop .left .BtnTravel a {
	width: 75px;
	background-position: -227px 0; }

/* ホバー */
#headerTop .left .BtnWomen a:hover { background-position: -94px -21px; }
#headerTop .left .BtnBazaar a:hover { background-position: -322px -21px; }
#headerTop .left .BtnTravel a:hover { background-position: -227px -21px; }

/* 右側 */
#headerTop .right {
	float: right;
	width: 230px;
	text-align: right; }

#headerTop .snsWrapper,
#headerTop .logoDigitalWrapper {
	display: inline-block;
	line-height: 32px; }

#headerTop .logoDigitalWrapper:hover * {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)"; }

#headerTop .snsWrapper {
	margin-right: 30px; }

#headerTop .snsWrapper li {
	margin: 0 2px; }

#headerTop .logoDigitalWrapper img {
	vertical-align: middle; }

#iconSearch {
	cursor: pointer; }


.scroll #headerTop #headerTopInner{padding: 5px 0;}
.scroll #headerTop .snsWrapper, .scroll #headerTop .logoDigitalWrapper{line-height: 30px;}
.scroll #headerTop .snsWrapper{margin-right:10px;}
.scroll #headerTop .right{margin-top:-2px;}
.scroll #headerTop .logoDigitalWrapper img{width:66px; height: auto;}
.scroll #headerTop .left h1{margin-right: 8px;}
.scroll #headerTop .left h1 img{width: 130px;}
.scroll #headerTop .left li a{
	background: url(/and/images/and_navi_small.png) no-repeat;
	height: 18px;
	margin-right: 2px;
}
.scroll #headerTop .left .BtnMen a{width:80px; background-position: 0 -19px;}
.scroll #headerTop .left .BtnWomen a{width:80px; background-position: -86px 0;}
.scroll #headerTop .left .BtnWomen a:hover{background-position: -86px -19px;}
.scroll #headerTop .left .BtnBazaar a{width: 100px; background-position: -292px 0;}
.scroll #headerTop .left .BtnBazaar a:hover{background-position: -292px -19px;}
.scroll #headerTop .left .BtnTravel a {width: 68px; background-position: -205px 0;}
.scroll #headerTop .left .BtnTravel a:hover {width: 68px; background-position: -205px -19px;}

.scroll #headerTop .searchBoxWrapper {
top: 3px;
left: 518px;
}

#headerTop #headerTopInner,
#headerTop .snsWrapper,
#headerTop .logoDigitalWrapper,
#headerTop .snsWrapper,
#headerTop .right,
#headerTop .logoDigitalWrapper img,
#headerTop .left h1,
#headerTop .left h1 img,
#headerTop .searchBoxWrapper{
    transition: all 0.3s;
}


/* ナビゲーション */
#gnav {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2; }

#gnav ul {
	width: 980px;
	margin: 0 auto;
	border-left: 1px solid #e2e2e2; }

#gnav ul li {
	float: left;
	width: 139px;
	border-right: 1px solid #e2e2e2; }

#gnav ul li a {
	display: block;
	height: 30px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	background: url(../images/bg_navi.jpg) no-repeat; }

#gnav ul li a span {
	display: none; }

#gnav ul #gnav1 a { background-position: 0px 0px; }
#gnav ul #gnav2 a { background-position: -140px 0px; }
#gnav ul #gnav3 a { background-position: -280px 0px; }
#gnav ul #gnav4 a { background-position: -420px 0px; }
#gnav ul #gnav5 a { background-position: -560px 0px; }
#gnav ul #gnav6 a { background-position: -700px 0px; }
#gnav ul #gnav7 a { background-position: -840px 0px; }

#gnav ul #gnav1 a:hover { background-position: 0px -80px; }
#gnav ul #gnav2 a:hover { background-position: -140px -80px; }
#gnav ul #gnav3 a:hover { background-position: -280px -80px; }
#gnav ul #gnav4 a:hover { background-position: -420px -80px; }
#gnav ul #gnav5 a:hover { background-position: -560px -80px; }
#gnav ul #gnav6 a:hover { background-position: -700px -80px; }
#gnav ul #gnav7 a:hover { background-position: -840px -80px; }

#gnav ul #gnav1.current a, #Top #gnav ul #gnav1 a { background-position: 0px -80px; }
#gnav ul #gnav2.current a, .interest #gnav ul #gnav2 a { background-position: -140px -80px; }
#gnav ul #gnav3.current a, .living #gnav ul #gnav3 a { background-position: -280px -80px; }
#gnav ul #gnav4.current a, .fashion #gnav ul #gnav4 a { background-position: -420px -80px; }
#gnav ul #gnav5.current a, .info #gnav ul #gnav5 a { background-position: -560px -80px; }
#gnav ul #gnav6.current a, .gallery #gnav ul #gnav6 a { background-position: -700px -80px; }
#gnav ul #gnav7.current a, .sitemap #gnav ul #gnav7 a { background-position: -840px -80px; }



.searchBoxWrapper {
	display: none;
	position: absolute;
	top: 18px;
	left: 496px;
	width: 282px;
	height: 31px;
	background-color: #fff; }

#searchbox {
	width: 270px;
	margin-top: 6px;
	padding: 0 10px;
	line-height: 25px;
	border: none; }

#searchbtn {
	position: absolute;
	top: 6px;
	right: 25px;
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	cursor: pointer;
	background: url(../images/icon_search.png) no-repeat; }

#searchClose {
	position: absolute;
	top: 6px;
	right: 0;
	cursor: pointer; }

/*GoogleSearch*/
.searchBoxWrapper#GoogleSearch div.gsc-control-cse.gsc-control-cse-ja {
padding: 0;
margin: 0;
}
.searchBoxWrapper#GoogleSearch input#gsc-i-id1.gsc-input {
width: 200px;
font-size: 90%;
color: #666;
height: 18px;
margin-top: 1px;
}
.searchBoxWrapper#GoogleSearch form.gsc-search-box {
padding: 0;
margin: 0;
}
.searchBoxWrapper#GoogleSearch table.gsc-search-box {
width: 205px;
margin-top: 1px;
}
.searchBoxWrapper#GoogleSearch input.gsc-search-button {
min-width: 40px;
margin-left: 27px;
border-radius: 0;
border: none;
border-top: 1px solid #fff;
cursor: pointer;
background: #aaa;
}
.searchBoxWrapper#GoogleSearch input.gsc-search-button:hover {
background: #999;
}
.searchBoxWrapper#GoogleSearch td.gsc-table-cell-snippet-close {
padding-left: 80px;
}
.searchBoxWrapper#GoogleSearch .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
color: #fff;
}
.searchBoxWrapper#GoogleSearch input::-ms-clear {
visibility:hidden
}


/* ---------------------------------------------------------
■ AD
--------------------------------------------------------- */
.adWrapper {
	position: relative;
	width: 980px;
	margin: 0 auto; }

.adWrapper .adLeft {
	position: absolute;
	top: 0;
	left: -354px;
	text-align: right; }

.adWrapper .adRight {
	position: absolute;
	top: 0;
	right: -354px;
	text-align: left; }


.adWrapper a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; }


/* ---------------------------------------------------------
■ コンテンツ
--------------------------------------------------------- */
#contents {
	margin-top: 99px;
    transition: all 0.3s; }

.scroll #contents {
	margin-top: 72px; }


/* ---------------------------------------------------------
■ メインコンテンツ
--------------------------------------------------------- */
.mainWrapper {
	width: 980px;
	margin: 0 auto; }

/* スライド */
.mainSlideWrapper {
	overflow: hidden;
	position: relative;
	float: left;
	width: 676px;
	height: 354px;
	margin:25px 0 40px; }

.mainSlideWrapper .caroufredsel_wrapper {
	overflow: visible!important; }

.mainSlideWrapper .caroufredsel_wrapper ul {
	margin-left: -457px; }

.mainSlideWrapper li {
	position: relative;
	float: left;
	width: 530px; }

.mainSlideWrapper li a {
	display: block; }

.mainSlideWrapper li .textWrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background:rgba(255,255,255,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccffffff', endColorstr='#ccffffff'); }

.mainSlideWrapper li a .img img{width:530px;}

.mainSlideWrapper li .textInner {
	padding: 12px 20px; }

.mainSlideWrapper li .textInner h2 {
	margin-bottom: 3px;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	line-height: 20px; }

.mainSlideWrapper .prev,
.mainSlideWrapper .next {
	position: absolute;
	top: 0;
	width: 73px;
	height: 100%;
	z-index: 10;
	background:rgba(255,255,255,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccffffff', endColorstr='#ccffffff'); }

.mainSlideWrapper .prev p,
.mainSlideWrapper .next p {
	width: 100%;
	height: 100%;
	cursor: pointer; }

.mainSlideWrapper .prev span,
.mainSlideWrapper .next span {
	display: none; }

.mainSlideWrapper .prev {
	left: 0; }

.mainSlideWrapper .next {
	right: 0; }

.mainSlideWrapper .prev p {
	background: url(../images/btn_prev.png) no-repeat center center; }

.mainSlideWrapper .next p {
	background: url(../images/btn_next.png) no-repeat center center; }




/* RANKING */
.rankingWrapper {
	float: right;
	width: 284px;
	padding: 25px 0 0; }

.rankingWrapper .rankingTabWrapper li {
	float: left;
	width: 142px;
	padding: 12px 0;
	cursor: pointer;
	border-bottom: 6px solid #c1c1c1; }

.rankingWrapper .rankingTabWrapper li.current {
	border-bottom: 6px solid #000; }

.rankingWrapper .rankingTabWrapper p {
	height: 10px;
	background: url(../images/bg_ranking_tab.jpg) no-repeat; }

.rankingWrapper .rankingTabWrapper li span {
	display: none; }

.rankingWrapper .rankingTabWrapper .tab1 p { background-position: 0px 0px; }
.rankingWrapper .rankingTabWrapper .tab2 p { background-position: -142px 0px; }

/* ホバー */
.rankingWrapper .rankingTabWrapper .tab1:hover p { background-position: 0px -60px; }
.rankingWrapper .rankingTabWrapper .tab2:hover p { background-position: -142px -60px; }

/* カレント */
.rankingWrapper .rankingTabWrapper .tab1.current p { background-position: 0px -60px; }
.rankingWrapper .rankingTabWrapper .tab2.current p { background-position: -142px -60px; }



.rankingWrapper .tabInner {
	display: none;
	border-left: 1px solid #c1c1c1; }

.rankingWrapper .tabInner.current {
	display: block; }

.rankingWrapper .tabInner dl {
	display: table;
	border-bottom: 1px solid #c1c1c1; }

.rankingWrapper .tabInner dt,
.rankingWrapper .tabInner dd {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #c1c1c1; }

.rankingWrapper .tabInner dt {
	width: 49px;
	color: #d41e24;
	font-size: 88%;
	font-weight: bold;
	line-height: 55px;
	text-align: center; }

.rankingWrapper .tabInner dt img {
	vertical-align: middle; }

.rankingWrapper .tabInner dd a {
	overflow: hidden;
	display: block;
	width: 222px;
	height: 35px;
	padding: 0 5px;
	color: #000;
	font-size: 86%;
	font-weight: bold;
	line-height: 18px; }

.rankingWrapper .tabInner dd a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; }




/* ---------------------------------------------------------
■ バナー
--------------------------------------------------------- */
.bnrWrapper {
	width: 980px;
	margin: 0 auto 40px;
	padding: 20px 0;
	background-color: #f3f3f3; }

.bnrInner {
	width: 850px;
	margin: 0 auto; }

.bnrWrapper .left {
	float: left;
	width: 390px; }

.bnrWrapper .right {
	float: right;
	width: 390px; }

.bnrWrapper .bnrInner a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; }




/* ---------------------------------------------------------
■ 記事共通
--------------------------------------------------------- */
.articleWrapper {
	position: relative;
	padding: 0 0 30px; }

.articleWrapper h2 {
	margin-bottom: 30px;
	text-align: center;
	background: url(../images/bg_title_line.png) repeat-x ; }

.articleWrapper .item .img {
	margin-bottom: 10px; }

.articleWrapper .item a {
	display: block; }

.articleWrapper .item a:hover * {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; }

.articleWrapper .item .category {
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px 10px;
	color: #000;
	font-size: 69%;
	font-weight: bold;
	line-height: 16px;
	/* z-index: 1; */
	background-color: #fff; }

.articleWrapper .item a:hover .category {
	color: #fff;
	background-color: #000; }


.articleWrapper .item .date {
	margin-bottom: 10px;
	text-align: center; }

.articleWrapper .item .date span {
	display: inline-block;
	padding-left: 12px;
	color: #999;
	font-size: 75%;
	line-height: 12px;
	background: url(../images/icon_date.png) no-repeat 0 center; }

.articleWrapper .item .title {
	overflow: hidden;
	width: 240px;
	height: 42px;
	margin: 0 auto 15px;
	color: #000;
	font-size: 88%;
	font-weight: bold;
	line-height: 21px; }

.articleWrapper .item .logoWrapper {
	color: #3f3f3f;
	font-size: 75%;
	font-weight: bold;
	line-height: 35px;
	text-align: center; }

.articleWrapper .item .logoWrapper a {
	display: inline-block; }

.articleWrapper .item .logoWrapper a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; }

.articleWrapper .item .logoWrapper img {
	margin-right: 10px;
	vertical-align: middle; }

.newMark {
	position: absolute;
	top: 0;
	right: 0;
	/*  z-index: 1; */ }

.prMark {
	font-size:80%;
	color: #999;
	font-weight: normal;}



/* ---------------------------------------------------------
■ 記事 RECOMMEND
--------------------------------------------------------- */
.articleRecommend {
	width: 980px;
	margin: 0 auto; }

.articleRecommend .item {
	overflow: hidden;
	height: 321px; }

.articleRecommend .slideWrapper {
	width: 858px;
	margin: 0 auto; }

.articleRecommend .slideWrapper .slideInner {
	margin-bottom: 30px; }

.articleRecommend .slideWrapper .item {
	position: relative;
	float: left;
	width: 272px;
	margin: 0 7px; }


.articleRecommend .slideWrapper .prev,
.articleRecommend .slideWrapper .next {
	position: absolute;
	top: 0;
	width: 36px;
	height: 100%;
	/* z-index: 10; */ }

.articleRecommend .slideWrapper .prev p,
.articleRecommend .slideWrapper .next p {
	width: 100%;
	height: 100%;
	cursor: pointer; }

.articleRecommend .slideWrapper .prev span,
.articleRecommend .slideWrapper .next span {
	display: none; }

.articleRecommend .slideWrapper .prev {
	left: 0; }

.articleRecommend .slideWrapper .next {
	right: 0; }

.articleRecommend .slideWrapper .prev p {
	background: url(../images/btn_prev.png) no-repeat center center; }

.articleRecommend .slideWrapper .next p {
	background: url(../images/btn_next.png) no-repeat center center; }

.articleRecommend .slideWrapper .pager {
	text-align: center; }

.articleRecommend .slideWrapper .pager a {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	background: url(../images/bg_pager.png) no-repeat; }

.articleRecommend .slideWrapper .pager a.selected {
	cursor: default;
	background-position: 0 -58px; }

.articleRecommend .slideWrapper .pager a span {
	display: none; }


/* 美人記念日 */
.bijinTopImages {
	width:272px;
}
.bijinTop {
	text-align: center;
	overflow: hidden;
    width: 230px;
    margin: 0 auto 30px;
    color: #000;
    font-size: 88%;
    font-weight: bold;
    line-height: 21px;
}
.bijinTopLogo {
	text-align: center;
	overflow: hidden;
    width: 230px;
    margin: 0 auto;
}



/* ---------------------------------------------------------
■ 記事 ARTICLES
--------------------------------------------------------- */
.articles {
	width: 1002px;
	margin: 0 auto 60px; }

.articles h2 {
	width: 980px;
	margin-right: auto;
	margin-left: auto; }

.articles .articlesItemWrapper {
	overflow: hidden; }

.articles .articlesItemWrapper .item {
	overflow: hidden;
	position: relative;
	float: left;
	width: 310px;
	height: 370px;
	margin: 0 12px 30px;
	border-bottom: 1px solid #000; }




/* ---------------------------------------------------------
■ 記事 タブパネル
--------------------------------------------------------- */
/* タブ */
.tabPanelWrapper {
	border-bottom: 1px solid #d41e24; }

.tabPanelWrapper .categoryWrapper {
	border: 1px solid #d41e24; }

.tabPanelWrapper .categoryWrapper .caroufredsel_wrapper {
	overflow: visible!important; }

.tabPanelWrapper .categoryWrapper li {
	float: left;
	border-right: 1px solid #d41e24; }

.tabPanelWrapper .categoryWrapper li.nav1,
.tabPanelWrapper .categoryWrapper li.nav2,
.tabPanelWrapper .categoryWrapper li.nav3,
.tabPanelWrapper .categoryWrapper li.nav4,
.tabPanelWrapper .categoryWrapper li.nav5,
.tabPanelWrapper .categoryWrapper li.nav6 {
	width: 86px; }

.tabPanelWrapper .categoryWrapper li span {
	display: block;
	padding: 5px 8px;
	color: #d41e24;
	font-size: 82%;
	font-weight: bold;
	line-height: 21px;
	text-align: center;
	cursor: pointer; }

.tabPanelWrapper .categoryWrapper li.current span {
	color: #fff;
	background-color: #d41e24; }



/* 詳細 */
.tabPanelWrapper .articleSlideWrapper {
	padding-top: 15px;
	background-color: #d41e24; }

.tabPanelWrapper .articleSlideWrapper ul {
	margin: 0 15px; }

.tabPanelWrapper .articleSlideWrapper ul li {
	float: left;
	width: 280px;
	height: 281px; }

.tabPanelWrapper .articleSlideWrapper ul li p {
    overflow: hidden;
	height: 34px;
	margin-bottom: 10px;
	padding-left: 20px;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	line-height: 17px;
	background: url(../images/icon_tabpanel_arrow.png) no-repeat; }

.tabPanelWrapper .articleSlideWrapper ul li p a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; }

.tabPanelWrapper .articleSlideWrapper .btnWrapper {
	margin-top: 15px;
	text-align: center; }

.tabPanelWrapper .articleSlideWrapper .btnInner a {
	display: inline-block;
	width: 177px;
	height: 34px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	background: url(../images/bg_tabpanel_more.png) no-repeat; }

.tabPanelWrapper .articleSlideWrapper .btnInner a:hover {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	background-position: 0 -84px; }


.tabPanelWrapper .articleSlideWrapper .btnWrapper span {
	display: none; }



/* ページャー */
.tabPanelWrapper .pagerWrapper {
	position: relative; }

.tabPanelWrapper .pagerWrapper .prev,
.tabPanelWrapper .pagerWrapper .next {
	position: absolute;
	top: 0;
	cursor: pointer; }

.tabPanelWrapper .pagerWrapper .prev {
	left: 0; }

.tabPanelWrapper .pagerWrapper .next {
	right: 0; }

.tabPanelWrapper .pagerWrapper .pager {
	text-align: center;
	line-height: 40px; }

.tabPanelWrapper .pagerWrapper .pager a {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	background: url(../images/bg_tabpanel_pager.png) no-repeat; }

.tabPanelWrapper .pagerWrapper .pager a.selected {
	cursor: default;
	background-position: 0 -58px; }

.tabPanelWrapper .pagerWrapper .pager a span {
	display: none; }


/* ---------------------------------------------------------
■ READ MORE
--------------------------------------------------------- */
.moreWrapper {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 80px;
	text-align: center; }

.moreWrapper .moreInner {
	display: inline-block;
	width: 312px;
	height: 60px;
	cursor: pointer;
	background: url(../images/bg_more.png) no-repeat; }

.moreWrapper .moreInner:hover {
	background-position: 0 -110px; }

.moreWrapper .moreInner span {
	display: none; }


/* ---------------------------------------------------------
■ テンプレート用
--------------------------------------------------------- */
.articleWrapper.template {
	width: 980px;
	margin: 0 auto 60px; }


/* ---------------------------------------------------------
■ カテゴリートップページ
--------------------------------------------------------- */
.c_header {
width: 980px;
margin: 0 auto 30px;
}
.c_ttl {
padding: 40px 0;
border-bottom: 1px solid #000;
text-align: center;
}
.c_footer {
margin: 40px auto 90px;
}
.c_year {
margin: 15px 0 0;
text-align: right;
font-size: 80%;
font-weight: bold;
line-height: 1;
letter-spacing: -.4em;
}
.c_year li {
display: inline-block;
margin-right: 15px;
letter-spacing: normal;
}
.c_year li:last-child {
margin-right: 0;
}
.c_year li a {
padding-left: 15px;
background: url(/and/images/photo_arrow_s_right.png) 0 0 no-repeat;
}
.c_year li a:hover {
opacity: 0.8;
}

/* ---------------------------------------------------------
■ サイトマップ
--------------------------------------------------------- */
.ContentsListBlock {
width: 980px;
margin: 0 auto;
overflow: hidden;
}
.ContentsListBlock .ContentsTitle {
margin-bottom: 10px;
}
.ContentsListBlock .ContentsList {
margin: 0 -25px 30px 0;
overflow: hidden;
letter-spacing: -.4em;
}
.ContentsListBlock .ContentsList li {
width: 310px;
display: inline-block;
margin: 0 25px 40px 0;
letter-spacing: normal;
vertical-align: top;
overflow: hidden;
}
.ContentsList .Thumb {
float: left;
margin-right: 10px;
}
.ContentsList .Thumb a:hover {
opacity: 0.8;
}
.ContentsList .Thumb img {
width: 80px;
height: 80px;
}
.ContentsList dt {
margin-bottom: 5px;
font-size: 95%;
font-weight: bold;
line-height: 1.1;
}
.ContentsList dt a:hover {
opacity: 0.8;
}
.ContentsList dd {
font-size: 80%;
line-height: 1.4;
}
.ContentsList dd .update {
margin-top: 5px;
text-align: right;
color: #7f7f7f;
}
.ContentsList dd .date {
margin-bottom: 5px;
}
/* PDF */
.sitemap .mediaInfo {
width: 980px;
margin: 0 auto;
border-top: 1px solid #ebebe4;
padding: 14px 0;
overflow: hidden;
}
.sitemap .mediaInfo li {
float: left;
margin: 0 20px 10px 0;
}
.sitemap .mediaInfo a {
font-size: 90%;
line-height: 110%;
}
.sitemap .mediaInfo a.pdf {
background: transparent url('/and_w/images/icon-pdf.gif') no-repeat right top;
padding-right: 18px;
}

/* ---------------------------------------------------------
■ 一記事＆Ｍ専用パーツ
--------------------------------------------------------- */
/*アエラスタイルマガジン*/
.BoxASM {
margin-bottom: 40px;
background-color:#fff;
border:5px solid #000000;
margin:0 0 10px;
padding:1px 0 1px;
position:relative;
}
.BoxASM h2 {
margin:0 1px 1px;
padding:5px 10px;
min-height:0;
background-color:#ccc;
}
.BoxASM .AsmTit {
font-size:80%;
font-weight:bold;
line-height:1.4;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}
.BoxASM .AsmSubTit {
font-size:90% !important;
margin:15px 0 0 0;
padding:2px 5px 0 5px;
font-weight:bold;
background-color:#e1e6e6;
}
.BoxASM .ASMCover {
float:right;
margin:0 0 5px 0;
padding:5px 0 0 20px;
text-align:center;
}
.BoxASM dt {
font-size:96%;
padding-bottom: 5px;
line-height:1.2;
}
.BoxASM dd {
margin-bottom:10px;
font-size:76%;
}
.BoxASM .ASMCap {
font-size:80%;
display:block;
}
.BoxASM .ASMAbout{
clear:both;
margin:0;
padding:10px 0 0 0;
border-top:1px dotted #ccc;
}
.BoxASM .ASMLnkLeft{
padding-left: 10px;
background:url(../images/mkr_lnk.gif) no-repeat left;
font-weight:bold;
}
.BoxASM .ASMLnkLeft a {
color: #c00;
}
.Box3Inner {
padding:15px;
}
.BoxASM .ASMTit{
padding-bottom: 10px;
color:#006699;
}
/*Ippin*/
.IppinBox{
border: 1px dotted #ccc;
margin: 0 0 25px;
padding: 15px 15px 25px;
}
.IppinBox .IppinHead {
padding: 15px 0;
overflow: hidden;
}
.IppinBox .IppinLogo {
float: left;
padding: 0 15px 15px 0;
}
.IppinBox .IppinHeadTxt {
font-size: 80%;
line-height: 1.4;
}
.IppinBox .IppinRecomend{
margin-right: -13px;
overflow: hidden;
}
.IppinBox .IppinRecomend li{
width: 194px;
float:left;
margin-right: 13px;
font-size: 80%;
line-height: 1.4;
overflow: hidden;
}
.IppinBox .IppinRecomend .Thumb {
float: left;
margin-right: 10px;
}
.IppinBox .IppinRecomend .Txt {
width: 104px;
float: right;
}

/* ---------------------------------------------------------
■ InfoTextArea 170427
--------------------------------------------------------- */
#Top #InfoTextArea {
margin: 5px auto 30px;
border: none;
font-size: 90%;
padding: 0;
}

#Top #InfoTextArea p a{
color: #555;
}

/* ---------------------------------------------------------
■ リンク
--------------------------------------------------------- */
.BoxASM a,
.IppinBox a{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

.BoxASM a:hover,
.IppinBox a:hover{
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
opacity: 0.75;
}


/*----------------------------------------------------------------*/
/*h2タイトル*/
.ArticleTxt h2.ArticleTtl{
margin:30px 0 10px;
padding:0 4px;
font-size:110%;
font-weight:bold;
line-height:1.4;
/*
width:fit-content;
*/
display:table;
border-collapse:separate;
}
.ArticleTxt h2.ArticleTtl:after{
content:'';
display:block;
height:3px;
border-top: 1px solid #000;
border-bottom: 2px solid #000;
margin:0 -4px;
}