@charset "utf-8";

/* ----------------------------------------------------------
■共通指定
------------------------------------------------------------ */

* {list-style:none;margin:0px;padding: 0px;font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;}
img{border: 0;vertical-align:bottom;}

/* -- ▼ floatをクリアするためのCSS ▼ -- */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- ▼ 文字を隠す ▼ -- */
.hide{overflow:hidden;white-space:nowrap;text-indent:100%;}

/* -- ▼ float指定 ▼ -- */
.left{float:left;}
.right{float:right;}


/* ----------------------------------------------------------
form リセット
------------------------------------------------------------ */
select,input,button{
    -moz-appearance: none;
    -ms-appearance:none;
    appearance: none;
    border-style:none;	
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* -------------------------------------------------------
リンク
---------------------------------------------------------- */
a{color:#000;}
a:hover{text-decoration:none;}
a:link, a:active {
    color: #000;
    text-decoration: none;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
/* -------------------------------------------------------
レイアウト
---------------------------------------------------------- */
#main-contents{width:1000px;margin:0 auto;}
#main-column{width:660px;float:left;}
#sub-column{width:300px;float:right;}


/* -------------------------------------------------------
ヘッダ
---------------------------------------------------------- */
header{margin-bottom:30px;
background:url(/common/images/v1/bg-header-yellow.png) no-repeat;
background-position:center;}
.header-inner{width:1000px;margin:0 auto;padding:4px 0 10px 0;}
.header-inner .logo{float:left;}

.header-inner .header-right{float:right;width:350px;margin-top: 40px;}
/* SNS */
.header-inner .header-right .sns{margin-bottom:30px;}
.header-inner .header-right .sns li{margin-right:20px; width:70px; height:70px; display:block; float:left;text-indent: -2000em;white-space: nowrap;}
.header-inner .header-right .sns li span{display:block; width:70px; height:70px;}
.header-inner .header-right .sns li:first-child{
background:url(/common/images/v1/icon-facebook.png) no-repeat;
background-size:70px 70px;}
.header-inner .header-right .sns li:first-child:hover{
background:url(/common/images/v1/icon-facebook-on.png) no-repeat;
background-size:70px 70px;
}
.header-inner .header-right .sns li:nth-child(2){
background:url(/common/images/v1/icon-twitter.png) no-repeat;
background-size:70px 70px;}
.header-inner .header-right .sns li:nth-child(2):hover{
background:url(/common/images/v1/icon-twitter-on.png) no-repeat;
background-size:70px 70px;
}
.header-inner .header-right .sns li:last-child{margin-right:70px;
background:url(/common/images/v1/icon-regist.png) no-repeat;
background-size:70px 70px;
}
.header-inner .header-right .sns li:last-child:hover{
background:url(/common/images/v1/icon-regist-on.png) no-repeat;
background-size:70px 70px;
}

/* 検索 */
.header-inner .header-right .search-box{
text-align: right;
}
.header-inner .header-right .search-box .inputtext{
background:url(/common/images/v1/search.png) no-repeat;
background-position:0 0;
width:238px;
height:34px;
padding:1px 8px;
}
.header-inner .header-right .search-box .search-btn{
background:url(/common/images/v1/search.png) no-repeat;
background-position:-250px 0;
width:60px;
height:34px;
cursor: pointer;
text-indent: -2000em;
white-space: nowrap;
}

#main-contents #main-column .search-box{
text-align: left;
margin-bottom:40px;
}
#main-contents #main-column .search-box .inputtext{
background:url(/common/images/v1/search.png) no-repeat;
background-position:0 0;
width:238px;
height:34px;
padding:1px 8px;
}
#main-contents #main-column .search-box .search-btn{
background:url(/common/images/v1/search.png) no-repeat;
background-position:-250px 0;
width:60px;
height:34px;
cursor: pointer;
text-indent: -2000em;
white-space: nowrap;
}


/* -------------------------------------------------------
ヘッダーグローバルナビ
---------------------------------------------------------- */
#header-gnavi{margin:10px 0px;}
#header-gnavi ul{display: table;width:520px;margin:0 auto;}
#header-gnavi ul li{display: table-cell;width:200px;list-style-type:none;text-align:center;vertical-align: middle;padding: 0 16px;}
#header-gnavi ul li a{display:block;}

#header-gnavi ul li span{}
#header-gnavi ul li a:hover span{}
#header-gnavi ul li img{display:block;vertical-align:top;}
#header-gnavi ul li a:hover img{opacity:0.6;}


/* -------------------------------------------------------
サイトナビ
---------------------------------------------------------- */
/* ナビ メイン */
nav#main{}
nav .main-navi{width:1000px;height:50px;margin:0 auto 10px;position:relative;}
nav .main-navi ul{margin:0 auto;padding:0;display:table;table-layout:fixed;}
nav .sub-navi ul{padding:0;display:table;table-layout:fixed;}
nav .main-navi ul{width:800px;}
nav .main-navi li{display:table-cell;vertical-align:middle;text-align:center;font-size:.8em;font-weight:bold;line-height:36px;height:36px;box-sizing:border-box;text-indent: -2000em;white-space: nowrap;}
nav .main-navi li a{display:block;text-decoration:none;line-height:36px;height:36px;position:relative;}
nav .main-navi li a:hover{line-height:36px;height:36px;}


nav .main-navi li:first-child{
background:url(/common/images/v1/navi.png) no-repeat;
background-position:0 0;
width:152px;
height:48px;
}
nav .main-navi li:first-child:hover{
background-position:0px -48px;
}
nav .main-navi li:nth-child(2){
background:url(/common/images/v1/navi.png) no-repeat;
background-position:-152px 0;
width:108px;
height:48px;
}
nav .main-navi li:nth-child(2):hover{
background-position:-152px -48px;
}
nav .main-navi li:nth-child(3){
background:url(/common/images/v1/navi.png) no-repeat;
background-position:-260px 0;
width:182px;
height:48px;
}
nav .main-navi li:nth-child(3):hover{
background-position:-260px -48px;
}
nav .main-navi li:nth-child(4){
background:url(/common/images/v1/navi.png) no-repeat;
background-position:-442px 0;
width:156px;
height:48px;
}
nav .main-navi li:nth-child(4):hover{
background-position:-442px -48px;
}
nav .main-navi li:nth-child(5){
background:url(/common/images/v1/navi.png) no-repeat;
background-position:-598px 0;
width:132px;
height:48px;
}
nav .main-navi li:nth-child(5):hover{
background-position:-598px -48px;
}
nav .main-navi li:nth-child(6){
background:url(/common/images/v1/navi.png) no-repeat;
background-position:-730px 0;
width:120px;
height:48px;
}
nav .main-navi li:nth-child(6):hover{
background-position:-730px -48px;
}
nav .main-navi li:nth-child(7){
background:url(/common/images/v1/navi.png) no-repeat;
background-position:-850px 0;
width:150px;
height:48px;
}
nav .main-navi li:nth-child(7):hover{
background-position:-850px -48px;
}

/* ナビ サブ */
nav#sub{}
nav .sub-navi{width:890px;height:50px;margin:0 auto;position:relative;background:url(/common/images/v1/navi-theme.png) no-repeat;}
nav .sub-navi ul{height: 52px;text-align: center;width: 870px;}
nav .sub-navi li{box-sizing: border-box;display: table-cell;font-size: 13px;line-height:13px;vertical-align: middle;}
nav .sub-navi li a{display:block;text-decoration:none;}
nav .sub-navi li a span{display:block;height: 54px;line-height: 54px;}
nav .sub-navi li a:hover{color:#d7b478;font-weight:bold;}
nav .sub-navi li.current a{color:#d7b478;font-weight:bold;}

nav .sub-navi li:first-child{
margin-right:10px;
width: 100px
}
nav .sub-navi li:first-child a{
width:100px;
height:50px;
background:url(/common/images/v1/navi-theme-list.png) no-repeat;
background-position:0 0;
background-size:100px 100px;
text-indent: -2000em;
white-space: nowrap;
display:block;
}
nav .sub-navi li:first-child a:hover{
background-position:0px -50px;
background-size:100px 100px;
}
nav .sub-navi li.theme.current{
width:100px;
height:50px;
background:url(/common/images/v1/navi-theme-list.png) no-repeat;
background-position:0px -50px;
background-size:100px 100px;
text-indent: -2000em;
white-space: nowrap;
display:block;
}


nav .sub-navi li:nth-child(7){padding-right: 10px;}
nav .sub-navi li:nth-child(8){width:90px;}
nav .sub-navi li:nth-child(10){padding-right: 10px;}
nav .sub-navi li:nth-child(11){width:100px;}



/* -------------------------------------------------------
sub-column
---------------------------------------------------------- */
/* メルマガ */
#todaysword{
background:url(/common/images/v1/titlebg-todaysword.png) no-repeat;
background-position:0 30px;
background-size:300px 340px;
width:300px;
min-height:340px;
font-size:12px;
line-height:20px;
color:#3a3a3a;
margin-bottom:50px;
}
#todaysword .message{
padding:60px 50px 200px 40px;
width:200px;
height:120px;
position:relative;
}

/* メルマガのnewマーク */
#todaysword .message .new-on{
display:block;
position:absolute;
bottom: 93px;
left: 113px
}
#todaysword .message .new-off{
display:none;
}


#todaysword .text{
width:300px;
font-size:14px;
line-height:22px;
word-break: normal;
/* word-break: break-all; */
}
#todaysword .more{
text-align:right;
margin-bottom:10px;
}
#todaysword .mag-join{
margin-bottom:10px;
}
#todaysword a:hover img{
opacity:0.6;
}


/* 最新号 */
#sub-new-issue{
margin-bottom:50px;
}
#sub-new-issue .head{
margin-bottom:20px;
text-align:center;
}
#sub-new-issue .head img{
height:40px;
}
#sub-new-issue .image{
width:166px;
height:auto;
background-color:#ccc;
margin:0 auto 10px;
}
#sub-new-issue .image img{
width:100%;
box-shadow:3px 3px 3px 3px #cccccc;
-moz-box-shadow:3px 3px 3px 3px #cccccc;
-webkit-box-shadow:3px 3px 3px 3px #cccccc;

}
#sub-new-issue .text{
color:#333;
margin-bottom:2px;
text-align:center;
display:block;
}
#sub-new-issue .text .date{
font-size:14px;
line-height:18px;
display:block;
}
#sub-new-issue .text .title{
font-size:18px;
line-height:30px;
display:block;
}
#sub-new-issue .buy{
display:block;
text-align:center;
}
#sub-new-issue .buy img{
height:40px;
}
#sub-new-issue .buy a:hover img{
opacity:0.6;
}


/* お知らせ */
#infomation{
margin-bottom:50px;
}
#infomation .head{
margin-bottom:20px;
text-align: center;
}
#infomation .head img{
height:40px;
}
#infomation .text{
margin-bottom:16px;
}
#infomation .text .title{
font-size: 16px;
line-height: 22px;
display:block;
margin-bottom:10px;
}
#infomation .text .date{
color: #999999;
font-size: 12px;
line-height: 12px;
display:block;
}



/* 人気の話題 */
#ranking{
margin-bottom:50px;
}
#ranking .heading{
margin-bottom:16px;
text-align:center;
display:block;
}

#ranking .heading img{
height:40px;
}

#ranking ul{
}
#ranking ul li{
margin-bottom:10px;
}
#ranking ul li span{
display:block;
}
#ranking ul li .number{
margin-right:10px;
width:30px;
}
#ranking ul li .text{
width:260px;
}
#ranking ul li .text .cname{
color: #999;
font-size: 12px;
line-height: 16px;
margin-bottom: 2px;
}
#ranking ul li .text .title{
font-size:16px;
line-height:20px;
margin-bottom: 2px;
}
#ranking ul li .text .name{
    color: #999;
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}
#ranking ul li .number img{
width:20px;
}

#ranking ul li a:hover .number img{
opacity:0.6;
}
#ranking ul li a:hover .title{
text-decoration:underline;
}


/* BACKSTAGE REPORT */
#backstage-report{
margin-bottom:50px;
}
#backstage-report .heading{
margin-bottom:16px;
text-align:center;
}
#backstage-report .heading img{
height:40px;
}
#backstage-report .image{
width:300px;
margin-bottom:20px;
}
#backstage-report .image img{
width:100%;
}
#backstage-report .text span{
color:#333;
display:block;
}
#backstage-report .text .title{
font-size:18px;
line-height:20px;
margin-bottom:16px;
}
#backstage-report .text .summary{
font-size:13px;
line-height:20px;
}
#backstage-report .text .more{
text-align:right;
}
#backstage-report .text .more img{
height:20px;
}
#backstage-report .text .more a:hover img{
opacity:0.6;
}

/* 考える人から生まれた本 */
#books{
margin-bottom:50px;
}
#books .head{
margin-bottom:20px;
text-align:center;
display:block;
}
#books ul{
padding:0px 30px;
margin-bottom:20px;
}
#books ul li{
width:108px;
margin-right:24px;
}
#books ul li:last-child{
margin-right:0px;
}
#books ul li span{
display:block;
}
#books ul li .image{
width:108px;
height:158px;
background-color:#ccc;
margin-bottom:10px;
}
#books ul li .image img{
width:100%;
}
#books ul li .title{
font-size:13px;
line-height:22px;
}
#books ul li .title{
font-size:13px;
line-height:18px;
}
#books .more{
text-align:center;
}
#books .more img{
height:22px;
}
#books .more a:hover img{
opacity:0.6;
}


/* graphic-special */
#graphic-special{
margin-bottom:50px;
background:url(/common/images/v1/titlebg-graphicspecial.png) no-repeat;
background-position:0 0;
background-size:300px 300px;
width:230px;
height:205px;
padding:60px 35px 30px 35px;
}
#graphic-special .image{
width:230px;
height:154px;
background-color:#ccc;
margin-bottom:10px;
}
#graphic-special .image img{
width:100%;
}
#graphic-special .summary{
font-size:13px;
line-height:16px;
}
#graphic-special .more{
text-align:right;
}
#graphic-special .more a:hover img{
opacity:0.6;
}


/* present */
#present{
margin-bottom:50px;
text-align:center;
}
#present a:hover img{
opacity:0.6;
}

/* 小林秀雄賞 */
#award{
margin-bottom:50px;
background:url(/common/images/v1/tiltebg-kobayashihideo-award.png) no-repeat;
background-position:0 0;
background-size:300px 200px;
width:235px;
min-height:180px;
padding:40px 0px 0px 65px;
}
#award .image{
width:90px;
margin-right:16px;
}
#award .image img{
width:100%;
}
#award .text{
width:110px;
word-break:break-all;
}
a:hover #award .text{
text-decoration:underline;
}




/* -------------------------------------------------------
TOPページ(media_top)
---------------------------------------------------------- */
/* 今日のおすすめ */
.todays-recommend{margin-bottom:90px;}
.todays-recommend .head{margin-bottom:16px;text-align:center;}
.todays-recommend .head img{height:100px;}

.todays-recommend .article{margin-bottom:50px;}
.todays-recommend .article-inner{margin-bottom:16px;}
.todays-recommend .article-inner a:hover .title{text-decoration:underline;}
.todays-recommend .article-inner a:hover img{opacity:0.6;}
.todays-recommend .article-inner .text{width:240px;margin-right:15px;}
.todays-recommend .article-inner .text .c-name{font-size:14px;line-height:18px;color:#6c6c6c;margin-bottom:16px;}
.todays-recommend .article-inner .text .title{font-size:24px;line-height:30px;color:#333333;margin-bottom:16px;font-weight:bold;}
.todays-recommend .article-inner .text .name{font-size:18px;line-height:22px;color:#868686;margin-bottom:16px;}
.todays-recommend .article-inner .image{border:1px solid #ececec;width:402px;height:226px;background-color:#fff8ed;;text-align:center;}
.todays-recommend .article-inner .image img{/* width:100%; */max-height: 225px;max-width: 400px;}

.todays-recommend .summary{font-size:14px;line-height:24px;margin-bottom:16px;}
.todays-recommend .more{margin-left:16px;text-align:right;}
.todays-recommend .more img{height:20px;vertical-align: middle;}
.todays-recommend .more a:hover img{opacity:0.6;}


/* 「考える人最新号」 */
.mediatop-new-issue{margin-bottom:50px;}
.mediatop-new-issue .head{margin-bottom:40px;text-align:center;}
.mediatop-new-issue .head img{height:40px;}

.mediatop-new-issue .backnumber-main .list{margin-top:20px;text-align:right;}
.mediatop-new-issue .backnumber-main .list a:hover img{opacity:0.6;}
.mediatop-new-issue .backnumber-main .list .index{margin-bottom:24px;}
.mediatop-new-issue .backnumber-main .list .index img{height:33px;}
.mediatop-new-issue .backnumber-main .list .backnumber{margin-bottom:16px;}
.mediatop-new-issue .backnumber-main .list .backnumber img{height:35px;}
.mediatop-new-issue .backnumber-main .list .magazine{margin-bottom:16px;}
.mediatop-new-issue .backnumber-main .list .magazine img{height:24px;}


.mediatop-new-issue .backnumber-main ul{}
.mediatop-new-issue .backnumber-main ul li{
background:url(/common/images/v1/line-gray.png) no-repeat;
background-position: bottom center;
padding:6px 0px;
}
.mediatop-new-issue .backnumber-main ul li .image{
width:90px;
display:block;
}
.mediatop-new-issue .backnumber-main ul li .image img{
height:26x;
}
.mediatop-new-issue .backnumber-main ul li .title{
width:280px;
font-size:14px;
line-height:28px;
display:block;
}
.mediatop-new-issue .backnumber-main ul li .title.main{
font-size:18px;
line-height:36px;
}



/* WEBでも考える人とは */
.about-site{
background:url(/common/images/v1/titlebg-about-site.png) no-repeat;
background-position:0 0;
background-size:640px 280px;
margin-bottom: 50px;
}
.about-site .text{width:460px;font-size:0.95em;line-height:1.4em;color:#333;padding: 100px 50px 70px 130px;height: 110px;}
.about-site a:hover .text{text-decoration:underline;}
.about-site a{display:block;}





/* -------------------------------------------------------
記事signage
---------------------------------------------------------- */
/* パンくずリスト */
#breadcrumb{
font-size:12px;
line-height:18px;
color:#999999;
margin-bottom:20px;
}
#breadcrumb a{
color:#999999;
}

#signage{
margin-bottom:20px;
padding-left:40px;
}
#signage .leaf-img{
width:620px;
height:120px;
background-color:#ccc;
overflow:hidden;
margin-bottom:1em;
}
#signage .leaf-img.notice{
width:auto;
height:auto;
background-color:#ffffff;
overflow:hidden;
margin-bottom:1em;
}
#signage .leaf-img.editor{
width:auto;
height:auto;
background-color:#ffffff;
overflow:hidden;
margin-bottom:1em;
}


/* タイトル */
#signage h1 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 10px;
}
#signage h1, #signage h2 {
    font-weight: normal;
}
#signage h2 {
    font-size: 1.1em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

#signage .date {
text-align:right;
font-size:14px;
line-height:14px;
color:#000;
margin-bottom:20px;
}

.article-info .author{
font-size:16px;
line-height:16px;
color:#000;
margin-bottom:16px;
}
.article-info .author span{
display:inline-block;
margin-left:10px;
}


/* キーワード（上下共通） */
#keywords{
margin-bottom:10px;
}
#keywords .title{
background:url(/common/images/v1/frame-category.png) no-repeat;
width:104px;
height:26px;
font-size:12px;
line-height:26px;
color:#999999;
text-align:center;
margin-right:10px;
display:inline-block;
margin-bottom: 10px;
letter-spacing: 0.02em;
}
#keywords .theme{
/* background-color:#fbf9e7; */
background-color:#eed091;
font-size:14px;
line-height:16px;
/* color:#999999; */
color:#ffffff;
font-weight:bold;
padding:1px 6px;
border-radius:4px;
text-align:center;
margin-right: 10px;
letter-spacing: 0.1em;
}
#keywords .text{
background-color:#fbf9e7;
font-size:14px;
line-height:16px;
color:#999999;
padding:2px 6px;
border-radius:4px;
text-align:center;
margin-right: 10px
}
#keywords .word{font-size:14px;}


/* sns */
#signage .tools{
text-align:right;
}
.tools span {
    display: inline-block;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle;
}

/* -------------------------------------------------------
記事本文用スタイル
---------------------------------------------------------- */
.article-body{margin-bottom:60px;padding-left:40px;}
.article-body p{font-size:17px;line-height:33px;margin-bottom:50px;}
.article-body p b{}
.article-body a{text-decoration:underline;}
.article-body a:hover{text-decoration:none;}

/* -- HTMLメール用 -- */
.article-body div.p2{font-size:17px;line-height:33px;margin-bottom:10px;}
.article-body div.i1{font-size:17px;line-height:33px;margin-bottom:10px;margin-left: 30px;}


/* -- 見出し -- */
.article-body h3{font-size:26px;line-height:28px;font-weight:bold;margin-bottom:30px;color:#666;}
.article-body h4{font-size:22px;line-height:30px;font-weight:bold;margin-bottom:30px;
background:url(/common/images/v1/chair.png) no-repeat;
background-size:20px 28px;
background-position:0 0;
padding-left:32px;
color:#666;
}
.article-body h5{font-size:20px;line-height:22px;margin-bottom:30px;color:#666;}

/* -- 引用文 -- */
.article-body blockquote{font-size:13px;line-height:24px;color:#575757;padding-left:40px;margin: 50px 0;}

/* -- 本文内画像 -- */
.article-body .image-area img{width:100%;height:auto!important;}
.figure-center{margin:15px auto;}
.figure-right{float:right;margin:0 0 15px 15px;}
.figure-left{float:left;margin:0 15px 15px 0;}
.caption{font-size:14px;line-height:20px;margin-top: 10px;color:#959595;display:block;clear:both;text-align:left;}

.article-body.pressrelease img{display:block;margin:0 auto;}

/* -- テンプレート画像並び -- */
.images-2cols{margin-bottom:20px;clear:both;display:block;}
.images-2cols .image-area{float:left;margin-right:10px;width:300px;text-align:center;}
.images-2cols .image-area:last-child{margin-left:10px;margin-right:0;}
.images-2cols .image-area img{width:100%;max-width:300px;}

.images-3cols{clear:both;margin: 0 auto 20px;max-width: 560px;}
.images-3cols .image-area{float:left;margin-right:10px;width:180px;text-align:center;}
.images-3cols .image-area:last-child{margin-right:0;}
.images-3cols .image-area img{width:100%;max-width:180px;}

/* -- POP UP 用画像キャプション -- */
.article-body .caption .figure-expand{
background-image:url(/common/images/bt/v1/common/icon-src-b.png);
background-repeat:no-repeat;
background-size:12px 12px;
background-position:0% 50%;
padding:0px 10px 0px 16px;
}

/* -- リード文 -- */
.article-body .lead{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:15px 0;font-size:.9em;color:#555;}

/* -- インタビューアー -- */
.article-body .interviewer{font-size:.9em !important;color:#666;}

/* -- 写真キャプション -- */
.article-body .photo-caption{font-size:14px !important;line-height:36px !important;color:#575757;display:block;clear:both;}

/* -- クレジット -- */
.article-body .credit{text-align:right;}

/* -- 囲みスタイル -- */
.article-body .box-style{background-color:#f1f1f1;padding:15px;font-size:.9em;}

/* -- 動画 -- */
.article-body .video{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.article-body .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* -------------------------------------------------------
雑誌最新号の案内・バックナンバー
---------------------------------------------------------- */
/* タイトル周り */
.backnumber-signage{margin-bottom: 30px;}
.backnumber-signage .title{
padding-bottom:10px;
}
.backnumber-signage .title img{
height:36px;
}
.backnumber-menu{
padding:8px 0 14px;
margin-bottom:10px;
}
.backnumber-menu span.current{
opacity:0.6;
background:url(/common/images/v1/frame-gray-hover.png) no-repeat;
background-size:140px 36px;
}
.backnumber-menu span{
background:url(/common/images/v1/frame-gray.png) no-repeat;
background-size:140px 36px;
width:140px;
height:36px;
font-size:12px;
line-height:36px;
display:inline-block;
text-align:center;
}
.backnumber-menu span a{display:block;}
.backnumber-menu span:hover{
opacity:0.6;
background:url(/common/images/v1/frame-gray-hover.png) no-repeat;
background-size:140px 36px;
}
.backnumber-menu span img{height:22px;}

.backnumber-signage .tools{float:right;}

.backnumber-title{
margin: 50px 0;
padding: 16px 0;
text-align:center;clear: both;
background:url(/common/images/v1/line-gray.png) no-repeat;
background-position: bottom center;
}
.backnumber-title img{height:40px;}
.backnumber-index{
padding-bottom:10px;
margin-bottom:10px;
}
.backnumber-index img{
height:36px;
}

/* 雑誌最新号の案内・バックナンバー本文 */
.article-body.bn{
padding-left: 0px;
}

/* 雑誌最新号の案内・バックナンバー本文サブカラム */
.backnumber-sub{
width:200px;
margin-right:34px;
float:left;
}
.backnumber-sub .image{
width:200px;
height:auto;
background-color:#ccc;
margin-bottom:10px;
border: 1px solid #ccc;
}
.backnumber-sub .image img{
width:100%;
box-shadow:3px 3px 3px 3px #cccccc;
-moz-box-shadow:3px 3px 3px 3px #cccccc;
-webkit-box-shadow:3px 3px 3px 3px #cccccc;
}
.backnumber-sub .date{
font-size:14px;
line-height:18px;
display:block;
margin-bottom:20px;
}
.backnumber-sub .buy{
margin-bottom:30px;
display:block;
text-align:center;
}
.backnumber-sub .buy img{
width:190px;
margin:0 auto;
}
.backnumber-sub .buy a:hover img{
opacity:0.6;
}



/* 雑誌最新号の案内・バックナンバー本文 */
.bn-main{
float:left;
}
.backnumber-main{
width:424px;
}

/* 雑誌最新号の案内・バックナンバー本文のスタイル */
/*
.article-body.bn .backnumber-article-body {margin-bottom:60px;padding-left:0px;}
.article-body.bn .backnumber-article-body p{font-size:14px;line-height:18px;margin-bottom:24px;}
.article-body.bn .backnumber-article-body p b{}
.article-body.bn .backnumber-article-body a{text-decoration:underline;}
.article-body.bn .backnumber-article-body a:hover{text-decoration:none;}
*/
.article-body .backnumber-main {margin-bottom:60px;padding-left:0px;}
.article-body .backnumber-main p{font-size:16px;line-height:22px;margin-bottom:30px;color: #3a3a3a;}
.article-body .backnumber-main p b{}
.article-body .backnumber-main a{text-decoration:underline;}
.article-body .backnumber-main a:hover{text-decoration:none;}

/* -- 見出し -- */
/*
.article-body.bn .backnumber-article-body h1{font-size:30px;line-height:36px;margin-bottom:30px;}
.article-body.bn .backnumber-article-body .tokushu-title{font-size:30px;line-height:36px;font-weight:bold;margin-bottom:30px;}
.article-body.bn .backnumber-article-body h3{font-size:26px;line-height:28px;font-weight:bold;margin-bottom:30px;}
.article-body.bn .backnumber-article-body h4{font-size:22px;line-height:36px;font-weight:bold;margin-bottom:30px;
background:none;
padding-left:0px;
color:#000;
}
.article-body.bn .backnumber-article-body h5{font-size:20px;line-height:22px;margin-bottom:30px;}
*/
.article-body .backnumber-main h1{font-size:26px;line-height:26px;margin-bottom:30px;font-weight:normal;margin-top: -16px;}
.article-body .backnumber-main .special{font-size:24px;line-height:30px;font-weight:bold;color:#000000;}
.article-body .backnumber-main h3{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:10px;color:#000000;margin-top: 36px;}
.article-body .backnumber-main .large{font-size:18px;line-height:24px;}
.article-body .backnumber-main .small{font-size:14px;line-height:20px;}
.article-body .backnumber-main .author{color:#868686;}
.article-body .backnumber-main .columnauthor{margin-left:12px;color:#868686;}
.article-body .backnumber-main p.indent{margin-left:12px;margin-top: -22px;}
.article-body .backnumber-main span.indent{margin-left:12px;}
/* トップページ用 */
.mediatop-new-issue .backnumber-article-body .backnumber-main p{font-size:16px;line-height:22px;margin-bottom:30px;}
.mediatop-new-issue .backnumber-article-body .backnumber-main .title{font-size:22px;line-height:26px;margin-bottom:30px;font-weight:normal;margin-top: -16px;}
.mediatop-new-issue .backnumber-article-body .backnumber-main .special{font-size:24px;line-height:30px;font-weight:bold;color:#000000;}
.mediatop-new-issue .backnumber-article-body .backnumber-main h3{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:10px;color:#000000;margin-top: 36px;}
.mediatop-new-issue .backnumber-article-body .backnumber-main .large{font-size:18px;line-height:24px;}
.mediatop-new-issue .backnumber-article-body .backnumber-main .small{font-size:14px;line-height:20px;}
.mediatop-new-issue .backnumber-article-body .backnumber-main .author{color:#868686;}
.mediatop-new-issue .backnumber-article-body .backnumber-main .columnauthor{margin-left:12px;color:#868686;}
.mediatop-new-issue .backnumber-article-body .backnumber-main p.indent{margin-left:12px;margin-top: -22px;}
.mediatop-new-issue .backnumber-article-body .backnumber-main span.indent{margin-left:12px;}
.mediatop-new-issue .backnumber-article-body .backnumber-main h1 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 30px;
    font-weight: normal;
    margin-top: -16px;
}

/* 雑誌最新号の案内・バックナンバー本文下 */
.backnumber-bottom .tools {margin-bottom:20px;}
.backnumber-bottom .backnumber-menu {background-position: top left;}




/* -------------------------------------------------------
雑誌バックナンバー
---------------------------------------------------------- */
.backnumber-signage .title-magazine img{height:40px;padding:40px 0px;}
.backnumber-list{margin-bottom:100px;}
.backnumber-list .title{margin-bottom:40px;}
.backnumber-list .title img{height:36px;}

.backnumber-list ul{margin-bottom:30px;}
.backnumber-list ul li{width:120px;margin-right:50px;margin-bottom:40px;}
.backnumber-list ul li:nth-child(4n){margin-right:0px;}
.backnumber-list ul li:nth-child(4n+1){clear:left;}
.backnumber-list ul li .date{color:#707070;font-weight:bold;font-size:16px;text-align:center;margin-bottom:10px;}
.backnumber-list ul li .image{
background-color:#eee;height:170px;overflow:hidden;
/* box-shadow */
box-shadow:1px 3px 2px 1px #cccccc;
-moz-box-shadow:1px 3px 2px 1px #cccccc;
-webkit-box-shadow:1px 3px 2px 1px #cccccc;
/* border */
border:1px solid #cccccc;
}
.backnumber-list ul li .image img{width:100%;}
.backnumber-list ul li a:hover .image img{opacity:0.6;}
.backnumber-list .more{text-align:center;}
.backnumber-list .more a:hover img{opacity:0.6;}




/* -------------------------------------------------------
記事一覧
---------------------------------------------------------- */
.category-heading{
    margin-bottom:40px;
    font-size: 26px;
    line-height: 30px;
    }
.category-heading.column{text-align:center;}
.category-heading .subcatename{
/*
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    font-weight: bold;
    background-color: #eed091;
    padding: 0px 8px;
    border-radius: 4px;
    letter-spacing: 0.2em;
*/
}
.category-heading.column .summary{font-size:14px;line-height:20px;display:block;margin:20px 0px;text-align:left;padding: 0 20px 20px;
background:url("/common/images/v1/line-gray.png") no-repeat;
background-position:center bottom;
}
.category-heading .subcatename img{height:auto;}

.category-heading .subcatename.genre{
background: transparent url("/common/images/v1/frame-gray.png") no-repeat scroll 0% 0% / 140px 36px;
background-size: 140px 36px;
width: 140px;
height: 36px;
font-size: 14px;
line-height: 36px;
display: inline-block;
text-align: center;
letter-spacing: 3px;
/*
background: url(/common/images/v1/frame-category.png) no-repeat;
width: 104px;
height: 26px;
font-size: 14px;
line-height: 26px;
color: #999999;
text-align: center;
margin-right: 10px;
display: inline-block;
margin-bottom: 10px;
padding:0;
letter-spacing: 0.1em;
*/
}

/* .category-heading .subcatename.genre{color: #000000;} */
.category-heading img{height:36px;}
.category-heading .column-img img{width:620px;height:120px;}
.category-heading .notice img{height:auto;}
.category-heading .mailmagazine img{height:auto;}

.article-list #article-related{padding-left: 0px;}
.article-list #article-related .info{width:490px;}
.article-list #article-related .info-full{width:100%;}
.article-list #article-related .cname-img{
background:url(/common/images/v1/frame-category.png) no-repeat;
width:104px;
height:26px;
font-size:12px;
line-height:26px;
color:#999999;
text-align:center;
margin-right:10px;
display:inline-block;
margin-bottom:3px;
}
.three-column-list .column .cname-img{margin-bottom:5px;}
.article-list #article-related .cname-img a{
color:#999999;
}
.two-column-list ul li div.cname-img{
/*
background:url(/common/images/v1/frame-category.png) no-repeat;
width:104px;
height:26px;
font-size:13px;
line-height:26px;
color:#999999;
text-align:center;
margin-right:10px;
display:inline-block;
*/
margin-bottom:8px;
background: transparent url("/common/images/v1/frame-gray.png") no-repeat scroll 0% 0% / 140px 36px;
background-size: 140px 36px;
width: 140px;
height: 36px;
font-size: 14px;
line-height: 36px;
display: inline-block;
text-align: center;
letter-spacing: 3px;
}



/* ページネーション */
.pagination {
    clear: both;
    margin: 30px 0;
    text-align: center;
}
.pagination span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}
.pagination span a:hover {
  opacity:0.6;
}
.pagination span img{
width:24px;
vertical-align: middle;
}
.pagination .prev a {
    background: rgba(0, 0, 0, 0) url("/common/images/v1/arrow-prepage.png") no-repeat scroll center center / 100px 15px;
    display: inline-block;
    height: 15px;
    width:100px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}
.pagination .next a {
    background: rgba(0, 0, 0, 0) url("/common/images/v1/arrow-nextpage.png") no-repeat scroll center center / 100px 15px;
    display: inline-block;
    height: 15px;
    width:100px;
    margin-left: 10px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}
.pagination .number a {
    display: inline-block;
    padding: 0 8px;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
}
.pagination .number a:hover {
    opacity:0.6;
    text-decoration: underline;
}
.pagination .current {
    opacity:0.6;
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    padding: 0 10px;
}



/* -------------------------------------------------------
記事下部
---------------------------------------------------------- */
#article-bottom-chair{
text-align:right;
margin-bottom: 50px;
}

#article-bottom{
margin-bottom: 50px;
padding-left:40px;
}

/* 著者プロフィール */
.article-author{
padding-left:40px;
margin-bottom:50px;
}
.article-author .heading{
margin-bottom:20px;
}
.article-author .heading img{
height:28px;
}
.article-author .photo{
width:122px;
height:132px;
background-color:#ccc;
overflow:hidden;
margin-right:30px;
}
.article-author .photo img{
width:100%;
}
.article-author .profile{
width: 468px;
}
.article-author .profile .name{
font-size:16px;
line-height:30px;
margin-bottom:20px;
}
.article-author .profile .profile-text{
font-size:14px;
line-height:22px;
}
.article-author .profile .profile-text a{text-decoration: underline;}
.article-author .profile .profile-text a:hover{text-decoration: none;}

/* 著者の最近の記事 */
.backnumber{
padding-left:40px;
margin-bottom:50px;
}
.backnumber .heading{
margin-bottom:20px;
}

.backnumber .heading img{
height:30px;
}

.backnumber ul{
margin-left:50px;
}

.backnumber ul li{
font-size:15px;
line-height:16px;
color:#333;
padding:10px 0px;
background:url(/common/images/v1/line-gray.png) no-repeat;
background-position: bottom center;
}


/* 著者の本 */
.article-author-books{
padding-left:40px;
margin-bottom:50px;
}
.article-author-books .heading{
margin-bottom:20px;
}
.article-author-books .books-list{
margin-left:50px;
margin-bottom:20px;
}
.article-author-books .books-list .info{
width: 430px;
float:left;
}
.article-author-books .books-list .title{
font-size:16px;
line-height:22px;
margin-bottom:20px;
font-weight:bold;
}
.article-author-books .books-list .text{
font-size:14px;
line-height:22px;
}

.article-author-books .books-list .image{
width:100px;
height:150px;
overflow:hidden;
background-color:#ccc;
margin-left:40px;
float:right;
}
.article-author-books .books-list .image img{
width:100%;
}

/* 関連するおすすめの話題 */
#article-related{
padding-left:40px;
margin-bottom:80px;
}
#article-related li{
margin-bottom:30px;
}
#article-related .heading{
margin:0 auto 20px;
}
#article-related .heading img{
height:36px;
}
#article-related .image{
width:150px;
height:85px;
overflow:hidden;
background-color:#fff8ed;;
margin-right:20px;
}
#article-related .image img{
    display: block;
    height: 100%;
    margin: 0 auto;
}
#article-related .info{width:450px;}
#article-related .info-full{width:100%;}

#article-related .info .cname{
font-size:14px;
line-height:18px;
color:#999;
/* margin-bottom:20px; */
}
#article-related .info .title{
font-size:16px;
line-height:20px;
color:#333;
/* margin-bottom:20px; */
min-height: 36px;
}
#article-related .info .title a{
display:inline-block;
}
#article-related .info .name{
font-size:14px;
}
#article-related .info .name{
color:#999;
/* margin-left:10px; */
margin-top:2px;
display:block;
}
#article-related .info .theme{
/* background-color:#fbf9e7; */
background-color:#eed091;
font-size:13px;
line-height:16px;
/* color:#999999; */
color:#ffffff;
font-weight:bold;
padding:1px 6px;
border-radius:4px;
text-align:center;
margin-right: 10px;
letter-spacing: 0.1em;
}
#article-related .info-full .theme{
/* background-color:#fbf9e7; */
background-color:#eed091;
font-size:13px;
line-height:16px;
/* color:#999999; */
color:#ffffff;
font-weight:bold;
padding:1px 6px;
border-radius:4px;
text-align:center;
margin-right: 10px;
letter-spacing: 0.1em;
}

#article-related .info .cname-img{
background:url(/common/images/v1/frame-category.png) no-repeat;
width:104px;
height:26px;
font-size:12px;
line-height:26px;
color:#999999;
text-align:center;
margin-right:10px;
display:inline-block;
margin-bottom: 10px;
letter-spacing: 0.1em;
}
#article-related .info .theme a,#article-related .info-full .theme a{
color:#ffffff;
}





/* キーワード */
#article-related #keywords{
margin-bottom:16px;
}
#article-related #keywords .title{
background:url(/common/images/v1/frame-category.png) no-repeat;
width:104px;
height:26px;
font-size:12px;
line-height:26px;
color:#999999;
text-align:center;
margin-right:10px;
display:inline-block;
}
#article-related #keywords .text{
background-color:#fbf9e7;
font-size:14px;
line-height:16px;
color:#999999;
padding:2px 6px;
border-radius:4px;
text-align:center;
margin-right:10px;
}



/* -------------------------------------------------------
連載一覧
---------------------------------------------------------- */
.series-title{padding-left: 40px;}

.two-column-list{padding-left: 40px;}
.two-column-list ul li{width:270px;margin-right:40px;margin-bottom:50px;float:left;}
.two-column-list ul li:nth-child(2n){margin-right:0px;}
.two-column-list ul li:nth-child(2n+1){clear:left;}
.two-column-list ul li a:hover img{opacity:0.6;}
.two-column-list ul li .summary{font-size:13px; line-height:18px;margin-bottom:30px;letter-spacing: 1px;color: #666666;}
.two-column-list ul li ul li div.title{min-height:50px;/* margin-bottom:30px;*/}
.two-column-list ul li .cname{color: #999;font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.two-column-list ul li .image{width:270px;height:150px;overflow:hidden;background-color:#fff8ed;;margin-bottom: 10px;text-align: center;}
.two-column-list ul li .image img{height:100%;}
.two-column-list ul li .name{color: #999;margin-bottom: 10px;font-size: 14px;line-height: 18px;display:block;}
.two-column-list ul li .keywords{}
.two-column-list ul li ul li{width: 270px;margin-right: 40px;margin-bottom: 10px;font-size:16px;}

/* -------------------------------------------------------
テーマ一覧
---------------------------------------------------------- */
.series-title{padding-left: 40px;}
.series-title .list-title{}
.series-title .list-title img{height:40px !important;}
.three-column-list{padding-left: 40px;}
.three-column-list .column{width:190px;margin-right:20px;margin-bottom:30px;}
.three-column-list .column:nth-child(3n){margin-right:0px;}
.three-column-list .column:nth-child(3n+1){clear:left;}
.three-column-list .column .c-title a{font-size: 20px;line-height: 20px;margin-bottom:20px;color:#d7b478;font-weight:bold;}
.three-column-list .column ul li{/* margin-bottom:10px; */min-height:84px;}
.three-column-list .column ul li .title{font-size: 14px;line-height: 20px;}

.two-column-list ul li .c-title{margin-bottom:8px;}
.two-column-list ul li .c-title a{
  /*
  font-size: 18px;
  line-height: 20px;
  margin-bottom:20px;
  color:#ffffff;
  font-weight:bold;
  background-color: #eed091;
  padding: 2px 12px 0 12px;
  border-radius: 4px;
  letter-spacing: 0.2em;
  */
}


/* -------------------------------------------------------
考える人から生まれた本一覧
---------------------------------------------------------- */
.backnumber-signage.books{margin-bottom:40px;}
.backnumber-signage.books .title-magazine img{height:40px;padding:20px 0px 16px;}
.backnumber-signage.books .summary{font-size:12px;line-height:16px;}


.backnumber-list ul li .title{color:#1414ff;font-size:14px;line-height:16px;margin-bottom:4px;}
.backnumber-list ul li .name{font-size:14px;line-height:16px;}
.backnumber-list ul li .image{
background-color:#eee;
/* height:170px; */
height:auto;
overflow:hidden;
margin-bottom:10px;
/* box-shadow */
box-shadow:1px 3px 2px 1px #cccccc;
-moz-box-shadow:1px 3px 2px 1px #cccccc;
-webkit-box-shadow:1px 3px 2px 1px #cccccc;
/* border */
border:1px solid #cccccc;
}
.backnumber-list ul li .image img{width:100%;}
.backnumber-list ul li a:hover .image img{opacity:0.6;}
.backnumber-list .more{text-align:center;}
.backnumber-list .more a:hover img{opacity:0.6;}



/* -------------------------------------------------------
考える人とは
---------------------------------------------------------- */
/* webでも考える人とは */

.about-kang{margin-bottom:40px;}
.about-kang .head{margin-bottom:40px;}
.about-kang .head img{height:40px;}
.about-kang .text{margin-bottom:40px;padding-left:40px;font-size: 17px;line-height: 33px;}
.about-kang .figure-right img{width:200px; margin-left:130px;margin-bottom:20px;}
.about-kang .sign{margin-top:40px;}
.about-kang .sign span{margin-right:20px;}
.about-kang .sign img{vertical-align:middle;}


/* イラスト・編集長説明（スマートパーツ） */
.illst-editor{margin-bottom:60px; border:1px dotted #cccccc; padding:20px;}
.illst-editor .head{font-size: 16px;line-height: 22px; margin-bottom:16px;}
.illst-editor ul{}
.illst-editor ul li{margin-bottom:30px;}
.illst-editor ul li:last-child{margin-bottom:0px;}
.illst-editor ul .image{width:120px;text-align:center;}
.illst-editor ul .image img{width:50px;}
.illst-editor ul .text{width:480px;font-size: 13px;line-height: 16px;}
.illst-editor ul .text .name{font-size: 16px;line-height: 18px;margin-bottom:14px; display:block;}
.illst-editor ul .text .history{font-size: 13px;line-height: 16px;}
.illst-editor ul .text a{color:#ccb34d;}

/* メールマガジン（考える人とは） */
.mail-mag{margin-bottom:80px; padding-left: 40px;}
.mail-mag .head{margin-bottom:20px;}
.mail-mag .head img{height:30px;}
.mail-mag p{font-size: 18px;line-height: 32px;margin-bottom:40px;}
.mail-mag .mag-join,.mail-mag .mag-backnumber{text-align:center;margin-bottom:20px;}

.new-articles{margin-bottom:60px;}
.new-articles .head {margin-bottom:40px;text-align:center;}
.new-articles .head img{height:40px;}
.new-articles .two-column-list {}
.new-articles .two-column-list ul li .cname {
    color: #999;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
}
.new-articles .two-column-list ul li .title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}
.new-articles .two-column-list ul li .image{
  display:block;
  margin-bottom:0.5em;
}
.new-articles .more{
text-align:right;
margin-right: 40px;
}
.new-articles .more img{
height:40px;
}

.about-cat{
text-align:center;
}
.about-cat img{
width:30%;
}



/* -------------------------------------------------------
メールマガジン
---------------------------------------------------------- */

/* メールマガジン */
.mail-magazine{}
.mail-magazine .heading{margin-bottom:40px;}
.mail-magazine .heading img{height:40px;}

.mail-magazine .about-mag{font-size:14px;line-height:24px;margin-bottom:80px;}
.mail-magazine .about-mag .cat{text-align:right;}
.mail-magazine .about-mag .cat img{width:70px;}

.mag-list{
margin-bottom:80px;
}
.mag-list a:hover{opacity:0.6;}

.mag-list .mag-title{
background:url(/common/images/v1/line-gray.png) no-repeat;
background-position: bottom center;
padding:14px 0px;
}

.mag-list .mag-title .title{float:left;}
.mag-list .mag-title .title img{height:40px;}
.mag-list .mag-title .bn{float:right;}
.mag-list .mag-title .bn img{height:30px}


.mag-list .mag-join{text-align:center;}
.mag-list .mag-join img{height:70px;}



/* -------------------------------------------------------
創刊にあたって
---------------------------------------------------------- */
.about-aisatsu{}
.about-aisatsu .heading{margin:2em 0 1em;}
.about-aisatsu .heading img{height:60px;margin-top:20px;margin-bottom:20px;}





/* -------------------------------------------------------
footer
---------------------------------------------------------- */
footer{
width:1000px;
margin:0 auto;
padding:40px 0px 20px;
}
footer .footer-logo{
margin-bottom:10px;
}
footer .footer-logo .logo{
margin-bottom: 14px;
display:inline-block;
}

footer .footer-nav{
margin-bottom:10px;
height:30px;
background:url(/common/images/v1/line-black.png) no-repeat;
background-position: bottom center;
}
footer .footer-nav ul li{
float:left;
padding:0px 6px;
border-right:1px solid #000;
font-size:12px;
}
footer .footer-nav ul li:last-child{
border-right:0px;
}
footer .footer-nav .nav-logo{
margin-bottom:4px;
}
footer .footer-nav .nav-logo img{
display:block;
}


footer .footer-text{
font-size:12px;
}
footer .footer-text .cr{
font-size:11px;
}
footer .footer-text .uniqlo{
font-size:13px;
}


/* ページトップへ戻る */
.page-top {
    cursor: pointer;
    margin: 0;
    padding: 0;
    display:none;
}
.page-top p {
    bottom: 16px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 16px;
}
#move-page-top {
    border-radius: 4px;
    color: #fff;
    display: block;
    height: 158px;
    transition: all 0.3s ease 0s;
    width: 80px;
    background:url(/common/images/v1/backto-pagetop.png) no-repeat;
    background-position: 0px 0px;
    background-size: 80px 158px;
    text-indent: -2000em;
    white-space: nowrap;
}
#move-page-top:hover {
    opacity: 0.85;
}

/* HTMLメールマガジン */
/* .article-body .html-mailmagazine table tr td table{margin:10px 0;} */
.article-body .html-mailmagazine table tr td.p2_s {font-size:12px;}
.article-body .html-mailmagazine > table > tbody > tr:nth-child(1) > td > img{display:none;}
.article-body .html-mailmagazine > table > tbody > tr:nth-child(4) > td > img{display:none;}
.article-body .html-mailmagazine > table > tbody > tr:nth-child(5) > td{padding-bottom: 20px;}
.article-body .html-mailmagazine > table > tbody > tr:nth-child(5) > td > table > tbody > tr > td.p2{padding:20px 12px;}

.article-body .html-mailmagazine > table > tbody > tr:nth-child(6) > td > table {margin-bottom: 10px;}
.article-body .html-mailmagazine > table > tbody > tr:nth-child(6) > td > table > tbody > tr > td > table > tbody > tr > td > table{margin-top: 12px;}
.article-body .html-mailmagazine table tr td table tr td table tr td{padding:0 10px;}


/* お知らせ */
.article-list #article-related.notice .info{width:100%;}

/* 新着マーク */
.todays-recommend .article span.new{
  background:url(/common/images/v1/new.png) no-repeat;
  background-position: 0px -2px;
  background-size: 44px 29px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  float:left;
  width:44px;
  margin-right:4px;
}
span.new{
  background:url(/common/images/v1/new.png) no-repeat;
  background-position: 0px;
  background-size: 32px 21px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  float:left;
  width:32px;
  margin-right:4px;
}
span.pr{
  background:url(/common/images/v1/pr.png) no-repeat;
  background-position: 0px -2px;
  background-size: 30px 27px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  float:right;
  width:30px;
  margin-left:4px;
}