@charset "utf-8";
/* CSS Document */
.subRankTitle .rankSelected {
    background-color: #37332B;
    border-bottom: 2px solid #37332B;
    color: #fff;
    height:24px;
    position:relative;
}
.subRankTitle .rankSelected:after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: 50%;
    margin-right:-4px;
    border: 4px solid transparent;
    border-top: 6px solid #37332B;
}

.rankDisabled {
    border-bottom: 2px solid #ddddd5;
}
.rankDisabled:hover{
    border-bottom: 2px solid #eeeee7;
    background-color: #eeeee7;
    color: #777;
    margin-top: 2px;
    height:22px;
    cursor: pointer;
}
.subRankTitle li {
    font-weight: bold;
    text-align: center;
    font-size: 100%;
    width: 50%;
    height: 24px;
    margin-bottom: 8px;
    padding: 6px 0;
    color: #626262;
    background-color: #eeeee7;
}
#r_carank {
    height:514px;
    overflow:hidden;
}
#r_rerank {
    margin-bottom: 30px;
}

#subRankAll {
    float: left;
    border-radius: 3px 0 0 0;
}
#subRankCategory {
    float: right;
    border-radius: 0 3px 0 0;
}
.wrapper{ margin:0 auto;}
a{ color:#00947d;}
a:hover{ color:#35b4a1; text-decoration:underline;}
/* mst head*/
#msthd a{ color:#006ACC;}
#msthd a:hover{ color:#40a3ff;}
/* magazine common */
.wrppr{ width:950px; margin:0 auto;}
.head1, .headSub1, .date, .lead{padding-bottom:7px;}
.head1{ padding-top:10px; color:#222; font-size:110%; word-spacing:1px;}
.head1 a{ display:block;  text-decoration:none; }
.head1 a: hover{}
.head1 a{color: #222;}
.headSub1{color:#8d8d8d; font-size:80%; line-height: 1.3;}
.head2,
.mainArticle > div h2:not([class]){
    margin:60px 0px 30px 0px;
    color:#212121;
    font-weight:bold;
    font-size:24px;
    line-height:1.4;
}
.head3{
    margin: 15px 0 8px;
    padding-top: 3px;
    min-height: 25px;
    color: #4a4a4a;
    font-weight: bold;
}
.lead{color:#424242;font-size:90%;}
.date{
    padding-left:20px;
    background:url(../img/magazine/icon_time.png) no-repeat;
    color:#8d8d8d;
    font-size:80%;
}
li:hover .date{background:url(../img/magazine/icon_time_gry.png) no-repeat;}

.social_v2{ margin-bottom: 10px;}
.social,
.social_v2 .socialWrp{ overflow:hidden; float:right; display:inline-block;}
.social .fb,
.social .tw,
.social .hatena,
.social .gPls1,
.social .line,
.social_v2 .fb,
.social_v2 .tw,
.social_v2 .hatena,
.social_v2 .gPls1,
.social_v2 .line{ float: left; display: inline-block;}
.social .fb,
.social .tw,
.social .hatena,
.social_v2 .fb,
.social_v2 .tw,
.social_v2 .hatena{margin-right:5px;}
.social .tw,
.social_v2 .tw{ width:78px; overflow:hidden;}
.social_v2 .tw iframe{ width: 100px!important; }

#tw {
    background-image: url(../img/magazine/tw_share.png);
    padding-right: 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 68px;
    height: 20px;
}

.tweet {
    height: 20px; width: 68px; display: inline-block;
}

#fb {
    background-image: url(../img/magazine/fb_share.png);
    padding-right: 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    min-width: 56px;
    height: 20px;
}

#fb_count { margin-left: 57px; }
#fb_count i {
    border-color: transparent #9197a3;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 1px;
    border-right-color: #fff;
    left: 2px;
    top: -7px;
}
#fb_count s {
    border-color: transparent #9197a3;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 1px;
}

#hatena .hatena {
    width: 100%;
    height: 100%;
}
#hatena {
    margin-right: 0px;
    width: 20px;
    height: 20px;
    background: url(../img/magazine/bbtn-s_v3.png) left 0px no-repeat;
    background-size: 20px 40px;
    cursor : pointer;
}

.hatenaPop {
    float: left;
    border: 1px solid #9197a3;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 11px;
    height: 18px;
    background-color: #fff;
}

.hatenaTri {
    float: left;
}
.hatenaTri s {
    border-color: transparent #9197a3;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 6px;
}

.hatenaTri i {
    border-color: transparent #9197a3;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    border-right-color: #fff;
    top: -2px;
    left: 2px;
}

.hatenaPop a,
.hatenaPop span {
    line-height: normal;
    text-decoration: none;
    color: #4e5665;
}

.pop { height: 0; left: 2px; position: relative; top: -15px; width: 5px; z-index: 2; }

.artFb {
    background: white;
    border: 1px solid #9197a3;
    border-radius: 2px;
    color: #4e5665;
    display: inline-block;
    font-size: 11px;
    height: auto;
    line-height: 18px;
    margin-left: 6px;
    min-width: 15px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
}

.mainArticle .social_v2 .fb,
.mainArticle .social_v2 .tw,
.mainArticle .social_v2 #hatena{ float:left; width:140px !important; margin:0 0 0 5px; padding:0 !important;}

.mainArticle #tw .tweet::before,
.mainArticle #fb_count::before,
.mainArticle #hatena .hatena::before{background:url("../img/magazine/icon_sns_article.png") no-repeat 0 center;}

.mainArticle #tw,
.mainArticle #fb,
.mainArticle #hatena{ background:none; height:auto; overflow:visible;}

.mainArticle #tw .tweet:hover,
.mainArticle #fb_count:hover,
.mainArticle #hatena .hatena:hover,
.mainArticle .hatenaPop a:hover,
.mainArticle .hatenaPop span:hover{opacity:0.8;}

.mainArticle #tw .tweet::before,
.mainArticle #fb_count::before,
.mainArticle #hatena .hatena::before{ content:""; display:block; width:49px; height:32px; border-radius:5px 0 0 5px; position:absolute; left:-1px; top:-1px;}

/* twitter */
.mainArticle #tw .tweet{ background-color:#55acee; display:block; float:none; width:auto; height:30px; margin:0; padding-left:50px; border:1px solid #55acee; border-radius:5px; position:relative; color:#fff; font-size:13px; line-height:2.5; font-weight:bold;}
.mainArticle #tw .tweet::before{ background-position:0 center; border-color:#4b91c7; border-right-color:#c1bfbf;}
.mainArticle #tw .tweet:after{ content: "ツイート";}

/* facebook */
.mainArticle #fb_count .artFb{ color:#385492; font-size:14px; line-height:30px; background:none; display:none; text-align:center; margin-left:0; padding:2px 2px 0 1px; border:none; border-radius:0;}
.mainArticle #fb_count{ background-color:#3b5998; display:block; float:none; width:auto; height:30px; margin:0; padding-left:50px; border:1px solid #3b5998; border-radius:5px; position:relative; color:#fff; font-size:13px; line-height:2.5; font-weight:bold;}
.mainArticle #fb_count::before{ background-position:-102px center; border-color:#2e4d8e; border-right-color:#c1bfbf;}
.mainArticle #fb_count:after{ content: "シェア";}
.mainArticle #fb_count .pop{display:none;}

/* Hatena */
.mainArticle .hatenaPop a,
.mainArticle .hatenaPop span{ color:#0098d0; font-size:14px; line-height:30px; background:none; display:block; text-align:center; margin-left:0; padding:2px 2px 0 1px; border:none; border-radius:0;}
.mainArticle #hatena .hatena{ background-color:#00a4de; display:block; float:none; width:auto; height:30px; margin:0; padding-left:50px; border:1px solid #00a4de; border-radius:5px; position:relative; color:#fff; font-size:13px; line-height:2.5; font-weight:bold;}
.mainArticle #hatena .hatena::before{ background-position:-151px center; border-color:#0293c6; border-right-color:#c1bfbf;}
.mainArticle #hatena .hatena:after{ content: "ブックマーク";}
.mainArticle .hatenaTri{display:none;}
.mainArticle .hatenaPop{ background:none; float:left; width:84px; height:32px; margin-left:-84px; padding:0; border:none; position:relative; text-indent:-9999px;}
.mainArticle .hatenaPop a,
.mainArticle .hatenaPop span{ background:none; border-radius:0 5px 5px 0; position:relative;}

.insideModule{ margin-bottom: 20px;}
.insideModule li{ position: relative; float: left; width: 190px; height: 120px; margin-right: 10px;}
.insideModule a{width: 100%; height: 100%;}
.insideModule img{position: absolute;}
.insideModule .insideModuleTxt{ position: absolute; bottom: 0; width: 180px; padding: 5px; background-color:rgba(51,51,51,0.9); color: #FFF; font-size: 81.4%; line-height: 1.2;}

.mainArticle .insideModule_v2{ margin-bottom: 20px; line-height: 1.2; border:1px solid #423b36; padding:0px; margin-top:40px;}
.insideModule_v2 li{ float:left; width: 173px; margin:0px 9px 15px 15px;}
.insideModule_v2 a{width: 100%; height: 100%; padding-top:22px; text-decoration:none;}
.insideModule_v2 img{ padding-right:8px; width:173px; height:109px;}
.insideModule_v2 .insideModuleTxt{font-size: 88%; margin-bottom:10px;}
.insideModule_v2 .item1 .insideModuleCategory{ display:inline-block; min-width:173px; background-color:#edede5; color:#626161; font-weight:bold; font-size:12px; text-align:center; margin:0px; padding:5px 0;}

/*　category pass*/
.catePass{ width: 950px; margin: 0 auto 15px; font-size:81.3%;}
.catePass .cate01, .cate02{ color: #444;}
#magazineCateTop .catePassWrp{ margin:-5px 0 10px;}
#magazineCateTop .catePassWrp .catePass{ margin-bottom:3px;}

.txtQt{ padding: 20px 15px; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #e7f0f1; background-image: url(../img/magazine/bqStart.png), url(../img/magazine/bqEnd.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 0px, 100% 100%; background-position: 4px 4px, -moz-calc(100% - 4px) -moz-calc(100% - 4px); background-position: 4px 4px, -webkit-calc(100% - 4px) -webkit-calc(100% - 4px); background-size: 23px 18px; font-size: 0.85em; color: #4a4a4a; }

.txtEm{
margin-top:5px;
margin-bottom:5px;
background-color:#E8E9DB;
border-radius: 5px;
font-size:95%;
}
.txtEm{padding:20px;}

.bold{ font-weight:bold;}
.txtRgt{text-align:right;}
.txtLft{text-align:left;}
.auther2{clear:both;display:block;margin-bottom:5px;text-align:right;font-size:95%;}
.update{
    margin-top:50px;
    margin-bottom:10px;
    text-align:left;
    color:#787878;
    font-size:95%;
}

/* magazineTop */
#magazineTop, #magazineCateTop, #magazineArticle{margin-bottom:20px; overflow:hidden;}
.headArea{ overflow:hidden; position: relative;}
#magazineTop .headArea h1,
#magazineTop .headArea .textArea{ float:left;}
#magazineTop .headArea h1,
#magazineCateTop .headerLogo,
#magazineArticle .headerLogo a{ width:300px; height:80px; background:url(../img/magazine/top_head.png) no-repeat; text-indent:-9999px; float: left;}
#magazineTop .headArea h1 a,
#magazineCateTop .headerLogo a,
#magazineArticle .headerLogo a{ display:block; width:300px; height:80px;}
#magazineTop .headArea .social_v2,
#magazineCateTop .headArea .social_v2,
#magazineArticle .headArea .social_v2{ width: 280px; float: left; position: relative; top:49px;}
.hdLead{ color: #84837d; font-size:75.0%;}
.headArea .headDscrptn{
    text-align:left;
    float: right;
    background:url(../img/magazine/headHouse.png) no-repeat 275px bottom;
    padding-bottom: 20px;
}

.headArea .headDscrptn .textArea{ padding-bottom:10px; background:url(../img/magazine/fkdsh.png) no-repeat 235px bottom; margin-right:30px;}
.headArea .textArea p{
    background-color:#c0bcab;
    border-radius: 5px;
    width:259px;
    padding:13px;
    font-size:75.0%;
    line-height:1.5;
    color:#fff;
}

.headArea2{ margin-bottom:18px; overflow:hidden; position:relative;}
.headArea2 h1,
.headArea2 .logoMag{ height:72px; background:url(../img/magazine/btm_head.png) no-repeat; text-indent:-9999px;}
.headArea2 h1 a,
.headArea2 .logoMag a{display:block;width:281px;height:72px;}

/* gronavi category */
.category{ /zoom: 1; overflow: hidden; background-color:#37322b; height:40px; text-align:center; margin-bottom:15px;}
.category ul.ctgryList { margin:10px auto;}
.category ul.ctgryList li{ display:inline-block; border-right: solid 1px #d7d7d7; font-size:87.5%; padding: 0px 20px; color:#f5d531;}
.category ul.ctgryList li:last-child{ border-right-style: none;}
.category ul.ctgryList li a{ display:block; height:100%; color:#f9f9f9; text-decoration: none; }
.category ul.ctgryList li a:hover { color: #f5d531; }
.category ul.ctgryList li .current{ color: #cca200;}

.sideCate{ margin-bottom:30px;}
.sideCate li{ border-bottom:1px solid #eee;}
.sideCate li a{ display:block; background:url(../img/arw_sideCate.png) no-repeat 0px 14px; color:#222; text-decoration:none; font-size:87.5%; padding: 10px 0 10px 20px;}
.sideCate li a:hover{ background-color:#f6f4df;}

/* top article 3visual */
.topArticleVisu{ display: block; height:316px; overflow: hidden; margin-bottom: 10px; background-color:#fff; margin-top:-15px;}
.topArticleVisu .threeVis{ margin:0 auto; width:950px;}
.topArticleVisu .threeVis li{ float: left; position:relative;}
.topArticleVisu .threeVis > div{ float: left; position:relative;}
.topArticleVisu .imgLst{
    width:315px;
    height:315px;
    background-color: #ccc;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    -ms-interpolation-mode: bicubic;
}
.topArticleVisu .threeVis .thumb{ display: block; width:315px; height:315px; overflow: hidden;}
.topArticleVisu .thumbTxt{ position:absolute; right:0; left:0; bottom:10px; width:315px;}
.topArticleVisu .threeVis div .thumbTxt{ float: left; position: absolute;z-index: 1;}
.topArticleVisu .thumbTxt .head1{ display: block; text-align:left; color:#fff; padding:3px 10px; font-size:112.5%; line-height:1.4; }
.topArticleVisu .thumbTxt .head1 a{color: #fff;}
.topArticleVisu .thumbTxt .date{ color:#e7e7e7; font-size:81.3%; margin:0 11px;}
.topArticleVisu .threeVis .thumbBg{
    display: block;
    width: 315px;
    height: 315px;
    position: absolute;
    top:0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 62%, rgba(0,0,0,0.35) 84%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(62%,rgba(255,255,255,0)), color-stop(84%,rgba(0,0,0,0.35)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 62%,rgba(0,0,0,0.35) 84%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 62%,rgba(0,0,0,0.35) 84%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 62%,rgba(0,0,0,0.35) 84%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 62%,rgba(0,0,0,0.35) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#59000000',GradientType=0 );
    transition: opacity 0.35s ease-out;
    -moz-transition: opacity 0.35s ease-out;
    -webkit-transition: opacity 0.35s ease-out;
    -o-transition:opacity 0.35s ease-out;
}
.topArticleVisu .threeVis .thumbBg:hover{ opacity:0.4; filter:alpha(opacity=40);}
.topArticleVisu .threeVis .headSub1{ color:#f8f8f8; padding:0 10px 5px;}
.topArticleVisu .threeVis .lead{ color:#d7d7d7; font-size:75%; padding:0 10px 5px;}
.topArticleVisu .threeVis .date{ background:url(../img/magazine/icon_time_w.png) no-repeat 0 3px;}
.topArticleVisu div .iconNew{ display:inline-block; width:50px; height:50px; background:url(../img/magazine/icon_new.png) no-repeat; text-indent:-9999px; position:absolute; top:0; right:0;}

.topArticleVisu .date{ float: left; width: 50%;}
.topArticleVisu .socialBox{ float: right; padding-right: 10px; font-size: 80%; color: #FFF;}
.topArticleVisu .socialBox .lstTw{ display: inline-block; margin-right: 10px;}
.topArticleVisu .socialBox .lstTw .ictw{ display: inline-block; width: 19px; padding-left: 5px; background: url(../img/magazine/icn_tw_w.png) no-repeat 0 0; background-size: 18px 15px; text-indent: -9999px;}
.topArticleVisu .socialBox .lstFb{ display: inline-block;}
.topArticleVisu .socialBox .lstFb .icfb{ display: inline-block; width: 16px; padding-left: 5px; background: url(../img/magazine/icn_fb_w.png) no-repeat 0 0; background-size: 15px 15px; text-indent: -9999px;}

/* main Column */
.mainTop, .mainTagsort, .mainArticle{ float:left;  width:630px;}
/* Subcolumn */
.subTop, .subTagsort, .subArticle{ float:right; width:300px;}

/* mainList */
.mainList{margin-bottom:40px;}
.mainList .item{margin-bottom:1px; padding: 0; overflow:hidden; text-align:left; position:relative; line-height:1.2;}
.mainList .item:hover{background-color:#f5f6eb;}
.mainList .head1{ float:right; width:349px; padding-right:46px; margin-bottom:5px;}
.mainList .headSub1, .mainList .lead{float:right; width:370px; padding-right:25px; font-size:81.3%; color:#626262; margin-bottom:5px;}
.mainList .date{float:right; width:370px; padding-right:4px;}
.mainList .thumb { position:absolute; top:0; left:0; float: left; display: block; width:220px; height:180px; overflow: hidden; border-radius: 2px; margin-right: 10px; margin-bottom: 0; font-size: 0;}
.mainList .thumb .imgLst {
width:220px;
height:180px;
background-color: #ccc;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
-ms-interpolation-mode: bicubic;
}
.mainList .item {min-height:180px; cursor:pointer;}
.mainList .item a{ display:block;  text-decoration:none; }
.mainList .item a: hover{}
.mainList .item a{color: #222;}
.mainList .item .iconNew{ display:inline-block; width:50px; height:50px; background:url(../img/magazine/icon_new.png) no-repeat; text-indent:-9999px; position:absolute; top:0; right:0;}
.mainList .dataArea{ float: right; width: 370px; padding-right: 25px;}
.mainList .dataArea .date{ float: left; width: 50%;}
.mainList .dataArea .socialBox{ float: right; font-size: 80%; color: #363636;}
.mainList .dataArea .socialBox .lstTw{ display: inline-block; margin-right: 10px;}
.mainList .dataArea .socialBox .lstTw .ictw{ display: inline-block; width: 19px; padding-left: 5px; background: url(../img/magazine/Twitter_logo_blue.png) no-repeat 0 0; background-size: 18px 15px; text-indent: -9999px;}
.mainList .dataArea .socialBox .lstFb{ display: inline-block;}
.mainList .dataArea .socialBox .lstFb .icfb{ display: inline-block; width: 16px; padding-left: 5px; background: url(../img/magazine/FB-f-Logo__blue_50.png) no-repeat 0 0; background-size: 15px 15px; text-indent: -9999px;}


/* subList title ranking　*/
#r_rerank .subTitle{ padding: 4px 0 2px 30px; background: url(../img/common/common_icon_sprites.png) no-repeat 5px -1090px;}
#r_carank .subTitle{ padding: 4px 0 2px 30px; background: url(../img/common/common_icon_sprites.png) no-repeat 5px -1090px;}
/* subList title pickup　*/
.subPickup .subTitle{ padding: 4px 0 2px 30px; background: url(../img/common/common_icon_sprites.png) no-repeat 5px -948px;}
/*　subList title new article　*/
.subNewArticle .subTitle{ padding: 4px 0 2px 30px; background: url(../img/common/common_icon_sprites.png) no-repeat 2px -878px;}
/*　subList title kanren　*/
.subKanrenArticle .subTitle{ padding: 4px 0 2px 30px; background: url(../img/common/common_icon_sprites.png) no-repeat 5px -1157px; line-height: 1.6;}
#m_recoke .subTitle{ background: url(../img/common/common_icon_sprites.png) no-repeat 5px -1024px;}
/*　subList title recommend　*/
.subRecommArticle .subTitle{ padding: 4px 0 2px 30px; background: url(../img/common/common_icon_sprites.png) no-repeat 4px -1222px;}
/* SP magazine*/
.spMagazine .subTitle{ padding: 4px 0 2px 30px; background: url(../img/common/common_icon_sprites.png) no-repeat 4px -1283px;}
/* subListThumb */
.subListThumb{margin-bottom:30px;}
.subListThumb li{margin-bottom:7px;overflow:hidden;text-align:left;}
.subListThumb .thumb {
position: relative;
float: left;
display: block;
width:70px;
height:70px;
overflow: hidden;
margin-bottom: 0;
border-radius: 2px;
font-size: 0;
}
.subListThumb .thumb .imgLst2{
width:70px;
height:70px;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
-ms-interpolation-mode: bicubic;
}
.subListThumb .textArea{ float:right; width:215px; line-height:1.2;}
.subListThumb .head1{ display:inline; padding-top:3px; padding-bottom:0; color:#00947d; font-size:88%; line-height:1.5;}
.subListThumb a:hover .textArea p{ text-decoration: underline;}
.subListThumb a:hover .textArea .headSub1,
.subListThumb a:hover .textArea .lead{border-bottom: none;}
.subListThumb .headSub1{ margin-top:6px; padding-bottom:6px; color:#8c8c8c;font-size:75%;}
.subListThumb .lead{ margin-top:6px; color:#4a4a4a; font-size:75%;}
.subListThumb li a {text-decoration:none;}

.list-area li{
    float: left;
    width: 33.3333333%;
    box-sizing: border-box;
    padding: 0px 14px;
    margin-bottom: 16px;
    height: 248px;
}
.list-area li:hover > a .thumb .imgLst2 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    width: 186px !important;
    height: 140px !important;
}
.list-area li:hover > a .head1{
    color: #017B68 !important;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}
#m_recoke{
  clear:both;
  padding-top: 20px;
}
#magazineArticle .mainArticle .subListThumb .textArea {
    width: auto;
    clear: both;
    float: left;
}
.list-area .thumb {
    position: relative;
    float: left;
    display: block;
    width: 186px;
    height: 140px;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 2px;
    font-size: 0;
    z-index: 0;
}
.list-area .thumb .imgLst2 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    -ms-interpolation-mode: bicubic;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}
.list-area .head1 {
    display: inline;
    padding-top: 3px;
    padding-bottom: 0;
    color: #00947d;
    line-height: 1.5;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

/* teacherArea */
.teacherArea{ margin-bottom:20px;}
.teacherArea ul.subListThumb{margin-bottom:12px;}
/* chieArea */
.chieArea{clear:both;}
.chieArea ul.subListThumb{margin-bottom:50px;}

/* subListTxtGrn */
.subTorisetsu{ margin-bottom:20px;}
.subTorisetsu h2.subTitle{background: url(../img/common/common_icon_sprites.png) no-repeat 5px -1028px; padding-left: 35px;}
.subTorisetsu .subListTxtGrn{margin-bottom:5px; overflow:hidden;}
.subTorisetsu .textArea .head1, .spMagazine .textArea .head1{ font-weight: bold; color:#363636; font-size:87.5%;}
dl.subListTxtGrn{color:#363636; text-align:left;}
dl.subListTxtGrn .titleQ{ margin-bottom:5px; padding-left:26px; min-height:22px; background:url(../img/magazine/icon_q.png) no-repeat; font-size:80%; font-weight:bold;}
dl.subListTxtGrn ul.keywd li{ display:inline-block; /display:inline; margin-left:10px; margin-bottom:4px;}
dl.subListTxtGrn ul.keywd li a{ font-size:80%;}

dl.subListTxtGrn dd.toAll{ float:right; text-align:right;}
dl.subListTxtGrn dd.toAll a{text-decoration:none; color:#363636;}
dl.subListTxtGrn dd.toAll a.iconArwRht{
    display: table-cell;
    padding-top:2px;
    padding-right:20px;
    height:30px;
    background:url(../img/magazine/icon_arw_gr.png) no-repeat center right;
    text-align:right;
    font-size:75%;
    font-weight:bold;
    text-decoration:none;
    vertical-align:middle;
}

/* subRankArticle ranking type*/
.subRankArticle {
    clear: both;
}
.subRankArticle2 .rank_1, .subRankArticle2 .rank_2, .subRankArticle2 .rank_3, .subRankArticle2 .rank_4, .subRankArticle2 .rank_5 {
    float: left;
    display: block;
    width: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #363636;
}
.subRankArticle2 .subListThumb { float: left; margin-bottom: 0; }
.subRankArticle2 .textArea {
    float: left;
    width: 205px;
}
.subRankArticle .rank_1,.subRankArticle .rank_2,.subRankArticle .rank_3,.subRankArticle .rank_4,.subRankArticle .rank_5
{ position: absolute; background:url(../img/magazine/sprite_rank_num.png) no-repeat rgba(255,255,255,0.9); width: 25px; height: 25px; text-indent: -9999px; background-size:25px 219px;}
.subRankArticle .rank_1{ background-position: 0px -2px;}
.subRankArticle .rank_2{ background-position:0px -50px;}
.subRankArticle .rank_3{ background-position:0px -98px;}
.subRankArticle .rank_4{ background-position:0px -146px;}
.subRankArticle .rank_5{ background-position:0px -194px;}
.subRankArticle .subListThumb { margin-bottom: 0; }
.rankDesc {
    margin-top: 6px;
    color: #8c8c8c;
    font-size: 75%;
    margin-bottom: 40px;
}

/* paging */
ul.paging{margin-bottom:20px; text-align:center;}
ul.paging li{ display:inline-block; /display:inline; /zoom:1; margin-right:5px;}
ul.paging li a{ display: inline-block; /display:inline; /zoom:1; border:1px solid #d6d6d6; padding:5px 10px; text-decoration:none; color:#373737; border-radius: 2px;}
ul.paging li a:hover{background-color: #e3d088;border: 1px solid #e3d088; color:#fff;}
ul.paging li.number{ margin-left:5px; border:none;}
ul.paging .off { background-color:#dbdbdb; border:1px solid #dbdbdb; color:#949494; border-radius: 2px; padding:5px 10px;}
ul.paging .off span{ padding:5px 10px; display:inline-block;}
ul.paging ol .current{ background-color:#cca200; border:1px solid #cca200; border-radius: 2px; padding:5px 10px; color:#fff;}
.pagingBtm{ color:#363636; font-size:90%; text-align:center;}
.pagingBtm em{font-weight:bold;}
.pagingBtm .total{ color:#8d8d8d;}

/* Htitle */
.insideModule_v2 .subTitle{ margin-bottom:15px; border-bottom:1px solid #37322b; color:#ffffff; font-weight:bold; text-align:left; font-size:16px; padding:10px 0px 8px 40px;
background:url(../img/magazine/icon_serch.png) no-repeat 10px 5px #423b36; }
.subTitle{ margin-bottom:15px; border-bottom:1px solid #37322b; color:#363636; font-weight:bold; text-align:left; font-size:90%;}
h2.subListTag{ margin-bottom:10px; text-align:left; color:#363636; font-size:87.5%;}
h2.subListTag em{ padding-right:12px; font-size:106.3%; font-weight:bold; vertical-align:middle;}
h2.subListTag .number{ padding-left:12px; font-size:95%; font-weight:bold;}

/* tag */
#magazineCateTop .tagSearch{ margin-bottom:10px;}
#magazineCateTop .tagSearch p{ font-size:87.5%; color:#37322b; margin-bottom:7px; font-weight:bold;}
ul.tag{ clear:both;}
ul.tag li, ul.tag li a{display:inline-block; /display:inline;}
ul.tag li{margin:0 2px 6px 0;}
ul.tag li a{
    background-color:#fff;
    padding:4px 6px;
    border:2px solid #f5d531;
    border-radius: 5px;
    text-decoration:none;
    color:#363634;
    font-size:78%;
}
ul.tag li a:hover{background-color: #fff9d9;}

/*　tag in Article*/
ul.tagGry{ clear:both; text-align:left;}
ul.tagGry li, ul.tagGry li a{display:inline-block; /display:inline;}
ul.tagGry li{margin-right:5px; margin-bottom:5px;}
ul.tagGry li a{padding:4px 6px; background-color:#f4f4f4; border:1px solid #d3d3d3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; text-decoration:none; color:#363636; font-size:78%;}

/* baner w300 */
.bnrArea{margin-bottom:10px;}
.bnr_mn {width: 298px;　text-align: center;　border: 1px solid #d4d4d4;}
.bnr_mn a { display: block; font-size:78%;}
.bnr_mn img { margin: 7px 0;}
.bnr_mn .text {　width: 298px;　padding: 3px 0;　background: #d4d4d4;}
.r_bnr{ margin-bottom: 30px;}
.r_bnr .item{ margin-bottom: 10px;}

/* category top */
#magazineCateTop .cateCont{ background-color:#f8f8f6; margin:-15px 0 15px; padding:20px 0 15px;}
#magazineCateTop .cateCont h1{ font-size:125.0%; font-weight:bold; color:#37322b; margin:10px 0;}
#magazineCateTop .cateCont .cateDescrpt{ font-size:12px; line-height:1.4; margin-bottom:15px; color:#626262;}
.searchWin .swLabel{clear:left;}
#magazineCateTop .cateCont .cateDescrpt a{ padding:0 2px;}
/* keyword search window on the category */
.searchWin{ background-color:#eeeee7; overflow:hidden; padding:10px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.searchWin .swLabel{ float:left; color:#625c53; font-size:81.3%; font-weight:bold; padding:7px 10px 5px 36px; background:url(../img/magazine/searchIcon.png) no-repeat 0 3px; margin-left:5px;}
.searchWin .searchForm{ overflow:hidden; }
.searchWin .searchInp{ float:left; width:400px; font-size:87.5%; display:block; border:2px solid #d1d1c5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px 5px 8px 5px; margin-right:5px;}
.searchWin .searchBtn{ float:left; width:74px; height:34px; border-radius: 3px; border:1px solid #ccc; background-color:#008277; font-size:100%; color:#fff; cursor:pointer;}
.searchWin .searchBtn:hover{ background-color:#00ad9e; border:1px solid #00ad9e; cursor:pointer;}
/* keyword search window on the site */
#magazineTop .subTop .searchWin,
#magazineCateTop .subTop .searchWin,
#magazineArticle .subTop .searchWin{ margin-bottom:25px; padding:7px 5px;}
#magazineTop .subTop .searchWin .swLabel,
#magazineCateTop .subTop .searchWin .swLabel,
#magazineArticle .subTop .searchWin .swLabel{ padding:3px 7px 5px 31px; margin:0 0 5px; background-position:0 0;}
#magazineTop .subTop .searchWin .searchForm,
#magazineCateTop .subTop .searchWin .searchForm,
#magazineArticle .subTop .searchWin .searchForm{ overflow:visible; }
#magazineTop .subTop .searchWin .searchInp,
#magazineCateTop .subTop .searchWin .searchInp,
#magazineArticle .subTop .searchWin .searchInp{ clear:left; width:193px; margin-bottom:5px; margin-left:8px;}
#magazineTop .subTop .searchWin .searchBtn,
#magazineCateTop .subTop .searchWin .searchBtn,
#magazineArticle .subTop .searchWin .searchBtn{ width:60px;}

/* -----article page----- */
.mainArticle{width:600px; text-align:left; line-height:2;}
.mainArticle .headArea3 h2.head1,
.mainArticle .headArea3 h1.head1{font-size:150%; line-height:1.3; font-weight:bold;}
.mainArticle .headArea3 .headSub1{font-size:110%; margin-bottom:5px;}
.mainArticle .date,
.mainArticle .auther{display:inline-block;}
.mainArticle .date{ margin-right:15px; padding-left:25px; background:url(../img/magazine/icon_date.png) no-repeat; font-size:90%; line-height:1.6;}
.mainArticle .auther{ font-size:80%;}
.mainArticle .social{ margin-bottom:10px;}
.mainArticle .tagGry{ margin-bottom:20px;}
/* img */
.mainArticle .imgArea{ clear:both; margin-bottom:10px; margin-top: 10px; }
.mainArticle .imgArea .thumb { display: block; overflow: hidden; margin-bottom: 0; font-size: 0; text-align:center; }
.mainArticle .imgArea .thumb img{max-width:600px;}
.mainArticle .imgArea .thumb div {
width:600px;
height:380px;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center;
-ms-interpolation-mode: bicubic;
}
.mainArticle .imgArea p{ padding:5px 0 0; font-size:80%; color:#666; line-height:1.5;}
.mainArticle .imgAreaCaption{ margin-bottom: 10px; padding: 5px 0 0; color: #666; font-size: 80%; line-height: 1.5;}
.mainArticle .imgArea + .imgAreaCaption{ margin-top: -10px;}

/* txt */
.mainArticle .txt,
.mainArticle .txtImgLft,
.mainArticle .txtImgRgt{clear:both; margin-bottom:10px; font-size:95%; color:#363636;}
.mainArticle .txtImgLft{ float:left; /float:none; margin-right:10px;}
.mainArticle .txtImgRgt{ float:right; /float:none; margin-left:10px;}
.mainArticle .txtImgLft,
.mainArticle .txtImgRgt{ display:inline-block; /display:inline; margin-top:3px; max-width:300px; font-size:80%; border:2px solid #ececec;}
.mainArticle .txtImgLft .thumb,
.mainArticle .txtImgRgt .thumb {display: inline-block;overflow: hidden;}
.mainArticle .txtImgLft .thumb img,
.mainArticle .txtImgRgt .thumb img{ max-width:300px;}
.mainArticle .txtImgLft .thumb div,
.mainArticle .txtImgRgt .thumb div {
width:285px;
height:180px;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-position: center;
-ms-interpolation-mode: bicubic;
}subListTag
.mainArticle .txtImgLft p,
.mainArticle .txtImgRgt p{ padding:3px 3px 0; background-color:#ececec; line-height:1.6;}
.mainArticle .source{clear:both;padding-top:20px;margin-bottom:20px;}
.mainArticle .source .sourceLogo{margin-bottom:8px; text-align:left;}
.mainArticle .source .txtArea{background-color:#f6f6f6;overflow:hidden;font-size:80%;}
.mainArticle .source .txtArea .sourceImg{margin-top:5px;padding:10px 15px 6px 0;float:right;}
.mainArticle .source .txtArea .sourceImg a{margin-left:3px;}
.mainArticle .source .txtArea p{padding:10px 10px 0 10px;}
.mainArticle .listSourceLink{margin-bottom:5px;}
.mainArticle .listSourceLink li,
.mainArticle .listSourceLink li a{ color:#0C725A;}
.mainArticle #kanrenArticle .subListThumb .textArea{ width:485px;}
.listSourceLink li{ display:inline-block; margin-bottom:5px; padding:0 0 0 3px;}

/* bottom Contents */
#m_rtntp{ width:950px; margin: 0 auto;}
.toPageTop{ clear:both;text-align:right; margin-bottom:-5px;}
.toPageTop .iconPTop{ display: block; padding: 12px 8px; text-decoration: none; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-appearance: none; background-color: #333; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; position: fixed; bottom: 20px; right: 20px; }
.toPageTop .iconPTop span{ display: inline-block; padding-top: 17px; background: url(../img/common/arw_pagetop.png) no-repeat center top; white-space: nowrap; color: #fff; font-size: 12px; text-align: center; cursor: pointer; }
.mainArticle #m_rtntp{ width:100%; margin-bottom: 20px;}
#btmMagazine{ background-color:#eceae3;}
#btmMagazine .category{ background-color:#eceae3;}
#btmMagazine .category a, #btmMagazine .btmCont a{ color:#222;}
#btmMagazine .category a:hover, #btmMagazine .btmCont a:hover{ color:#cca200;}
#btmMagazine .category ul.ctgryList li{ display:inline-block; border-right: solid 1px #6a655d; font-size:87.5%; padding: 0px 20px;}
#btmMagazine .category ul.ctgryList li:last-child{ border-right-style: none;}
#btmMagazine .btmCont{ width:950px; margin:30px auto 10px; overflow:hidden;}
#btmMagazine .btmCont .btmContLeft{ width:520px; float:left;overflow:hidden; border-right:1px solid #ccc; padding:0 15px 52px 0;}
#btmMagazine .btmCont .btmContRight{ width:380px; float:right; padding-left:10px; }
#btmMagazine .btmCont .btm_logo{ text-indent:-9999px; background:url(../img/magazine/btm_head.png) no-repeat; width:231px; height:60px; margin:0 0 10px; overflow:hidden;}
#btmMagazine .btmCont .btm_logo a{ display:block; height:100%;}
#btmMagazine .btmCont .btmTitle{ color:#37332c; font-size:87.5%; font-weight:bold;}
#btmMagazine .btmCont .aboutMgzn .dscrptFl{ color:#111; font-size: 81.3%;}
#btmMagazine .btmCont  ul{ overflow:hidden; padding-left:7px;}
#btmMagazine .btmCont  ul li{ float:left; color:#4a453e; padding-right:10px;}
#btmMagazine .btmCont  a{ display:block; color:#4a453e; font-size:81.3%;}
#btmMagazine .btmCont  .aboutFlm .social_v2 .socialWrp{ float:left; }
#btmMagazine .svcLink h2{ text-indent:-9999px; background:url(../img/magazine/svc_Header.png) no-repeat; width:460px; height:30px; margin-bottom:10px;}
#btmMagazine .svcLink dl.slRnt{float:left;}
#btmMagazine .svcLink dl.slBuy{margin-bottom:9px;}
#btmMagazine .svcLink dt{ float: left; color: #37332c; font-weight:bold; font-size: 87.5%; margin-bottom: 3px; padding:3px 5px;}
#btmMagazine .svcLink dd{ float:left; margin:0 5px; padding-top:3px;}
#btmMagazine .svcLink dd a{ color:#363636; font-size:81.3%;}

/* footer */
#footerMagazine{ padding:20px 0; background-color:#37332A; color:#83827D; text-align:center;}
#footerMagazine .connect{ margin-bottom:10px;}
#footerMagazine .connect,
#footerMagazine .connect a{ color:#D9DEE2; font-size: 87.5%;}
#footerMagazine .connect2{ margin-bottom:10px; font-size:small;}
#footerMagazine .connect2 a{ color:#83827D;}
#footerMagazine address{font-size:small;line-height:1.4;}

/* error */
.errorArea{ margin-bottom:50px; padding:30px 150px 0; text-align:center;}
.errorArea .errorBox{ margin-bottom:40px; padding:30px; text-align:center; border:1px solid #aaa;}

.searchHouse{ margin-bottom:30px;}
.searchHouse .subTitle{margin-bottom:8px;}
.bnrAreaBox{ margin-bottom:30px;}

/* moduleArticleBtm */
.moduleArticleBtm{ clear:both; margin-top:20px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #efefef;}
.moduleArticleBtm h2.subTitle{ margin-bottom:15px; padding-bottom:4px; border-bottom:3px solid #e7e7e7; color:#363636; font-weight:bold; text-align:left;}
#main .moduleArticleBtm h2.subTitle{ border-left:none; margin-left:0; padding-left:0;}
.moduleArticleBtm h2.subTitle .logo{
    display:inline-block;
    margin-right:8px;
    width:120px;
    height:31px;
    background:url(../img/magazine/logo_magazine_s.png) no-repeat;
    vertical-align: bottom;
    text-indent:-9999px;
}
.moduleArticleBtm .subNewArticle,
.moduleArticleBtm .subPickup{ margin-bottom:15px;}
.moduleArticleBtm .subListThumb{ overflow:hidden;}
.moduleArticleBtm .subListThumb li{ float:left; margin-bottom:7px; width:50%; overflow:hidden;}
.moduleArticleBtm .subListThumb .thumb {
position: relative;
float: left;
display: block;
width:70px;
height:70px;
overflow: hidden;
margin-bottom: 0;
border-radius: 2px;
font-size: 0;
cursor:pointer;
}
.moduleArticleBtm .subListThumb .thumb .imgLst2 {
width:70px;
height:70px;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
-ms-interpolation-mode: bicubic;
}
.moduleArticleBtm .subListThumb a:hover .textArea p.headSub1{ border-bottom:none;}
.moduleArticleBtm .subListThumb .textArea{padding:3px 10px 0 0; width:380px;}
.moduleArticleBtm .subListThumb .head1,
.moduleArticleBtm .subListThumb .headSub1{cursor:pointer;}
.moduleArticleBtm .subListThumb .head1{
    display:inline;
    color:#4a4a4a;
    font-weight:bold;
    font-size:14px;
    line-height:1.4;
}
.moduleArticleBtm .subListThumb .headSub1{ margin-top:4px; color:#8c8c8c; font-size:13px;}
.moduleArticleBtm .subListThumb .lead{ color:#4a4a4a; cursor:pointer;}
.moduleArticleBtm .subListThumb li a { display:block; text-decoration:none; overflow:hidden;}
.moduleArticleBtm .subNewArticle .toAll{ text-align:right;}
.moduleArticleBtm .subNewArticle .toAll a{text-decoration:none;}
.moduleArticleBtm .subNewArticle .toAll a.iconArwRht{
    display:inline-block;
    padding:7px 20px 5px 0;
    min-height:20px;
    background:url(../img/magazine/icon_arw_gr.png) no-repeat center right;
    text-align:right;
    font-weight:bold;
    text-decoration:none;
    color:#287259;
}
/* moduleArticleBtm forIE  */
.moduleArticleBtm{/padding-top:20px;}
.moduleArticleBtm h2.subTitle{/position:relative;}
.moduleArticleBtm h2.subTitle .logo,
.moduleArticleBtm h2.subTitle .text{/font-size:14px;}
.moduleArticleBtm h2.subTitle .logo{/position: absolute;/bottom:3px;/left:0;}
.moduleArticleBtm h2.subTitle .text{/position:absolute; /bottom:3px;}
.moduleArticleBtm .subListThumb .thumb { /margin-right:5px;}
.moduleArticleBtm .subListThumb .textArea{/padding-left:5px; /padding-top:0;}
.moduleArticleBtm .subListThumb a:hover .textArea p.headSub1{/margin-top:3px;}

.slLoan { clear: both; }

/* TOP carousel */
.rn-carousel-control {
display: block;
width: 40px;
height: 272px;
text-indent: -9999px;
overflow: hidden;
margin: 0 !important;
}
.rn-carousel-control-prev {
position: absolute;
top: 0;
left: 0 !important;
background: url('../img/magazine/arw_left.png') no-repeat center left;
}
.rn-carousel-control-next {
position: absolute;
top: 0;
right: 0 !important;
background: url('../img/magazine/arw_right.png') no-repeat center right;
}
.titleArea {
z-index: initial !important;
left: initial !important;
}

/* sns Module */
.shareBtnList{ clear:both; margin-bottom:20px; overflow:hidden;}
.shareBtnList ul li { float: left; font-size: 88%; text-align: center; margin: 0px 5px; border-radius: 2px; color: #FFF; line-height:1.22;}
.clrfx { min-height: 1px;}
.shareBtnList ul li.facebook { background: #3B5998 none repeat scroll 0% 0%;}
.shareBtnList ul li a { float: left; display: block; color: #FFF; text-decoration:none; /cursor: pointer;}
.shareBtnList ul li.facebook a p.serviceName span { background-position: left 3px;}
.shareBtnList ul li a p.serviceName { text-decoration: none; width: 190px; padding: 10px 0px 9px; }
.shareBtnList ul li a p.serviceName span {background: transparent url("../img/common/icn_shrBtnList.png") no-repeat scroll 0% 0%;}
.shareBtnList ul li a p.serviceName span { padding: 0px 0px 0px 25px; }
.shareBtnList ul li.twitter { background: #55ACEE none repeat scroll 0% 0%;}
.shareBtnList ul li.twitter a p.serviceName span { background-position: left -21px;}
.shareBtnList ul li.hatena { background: #2387C6 none repeat scroll 0% 0%;}
.shareBtnList ul li.hatena a p.serviceName span { background-position: left -45px;}

/* .linkDetails */
.linkDetails{ margin: 30px 0 0 10px; background:url(../img/magazine/icon_hand.png) no-repeat 0 2px; padding-left:28px; text-decoration:none; line-height:1.6;}

/* table */
.tableArea{ margin-bottom:20px;}
.tableArea .tableTitle{ line-height:1.4;}
.tableArea .tbl01{ width:100%; border-radius: 2px; border-collapse: separate; border:1px solid #bbb; word-break: break-all;}
.tableArea .tbl01 tr,
.tableArea .tbl01 td{ padding:6px; line-height:1.4; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.tableArea .tbl01 tr:last-child td{
    border-bottom: none;
}
.tableArea .tbl01 td:last-child{
    border-right: none;
}
.tableArea .tbl01 tr:first-child td:first-child {
    border-radius: 2px 0 0 0;
}
.tableArea .tbl01 tr:first-child td:last-child {
    border-radius: 0 2px 0 0;
}
.tableArea .tbl01 tr:last-child td:last-child {
    border-radius: 0 0 0 2px;
}
.tableArea .tbl01 tr:last-child td:last-child {
    border-radius: 0 0 2px 0;
}
/*テキスト*/
.textRight{ text-align:left;}
.textRight{ text-align:right;}
.textCtr{ text-align:center;}
.fontBld,.dropdown-menu li a[data-value="fontBld"]{ font-weight:bold;}
.wordKeep{ word-break:keep-all; white-space:nowrap;}
/*背景色*/
.bgColorWht{ background-color:#FFF;}
.bgColorYlw,.dropdown-menu li a[data-value="bgColorYlw"]{ background-color:#FCFFD1;}
.bgColorGry,.dropdown-menu li a[data-value="bgColorGry"]{ background-color:#EAEAEA;}
.bgColorGrn,.dropdown-menu li a[data-value="bgColorGrn"]{ background-color:#E0F9D3;}
.bgColorBlu,.dropdown-menu li a[data-value="bgColorBlu"]{ background-color:#CDE7F9;}
.selectedCell {
    box-shadow:0 0 5px 1px #CCE5FF inset;
}
#m_reart li {
    list-style: inherit;
}
#m_reart ul, #m_reart ol{ overflow: hidden; padding-left: 27px;}
#m_reart ul.tagGry {
    padding-left: 0;
}

/*infoCp*/
.infoCp{ background-color:#f6f6f6; padding:18px;}
.infoCp2{ background-color:#fff; padding:0;}
.infoCp .subTxt1{ font-size:13px; font-weight:bold;}
.infoCp .subName1{float:left; font-size:16px;}
.infoCp .subName1 > span,
.infoCp2 .subName1 > span{ font-size:24px; font-weight:bold;}
.infoCp .subRead{ clear:both; line-height:1.8;}
.infoCp .infoTbl{ display:table; width:100%;}
.infoCp .infoImg{ display:table-cell; width:25%; padding-left:30px; text-align:right; vertical-align:top;}
.infoCp .infoRead{ display:table-cell; width:75%;font-size:12px; vertical-align:top;}
.infoCp .subNumber{ float:right; margin-top:10px; text-align:right; font-size:14px;}
.infoCp .subNumber > span{ font-size:16px; font-weight:bold;}
.infoCp2 .subNamePos{ float:left;}
.infoCp2 .subName1{font-size:16px;}
.infoCp2 .subNumber2{ display:block; font-size:14px;}
.infoCp2 .subNumber2 > span{ font-size:16px; font-weight:bold;}


.imgRound{ display:table-cell; width:120px; text-align:right;}
.imgRound img{ width:120px; height:120px; max-width:120px; max-height:120px; border-radius:50%;}
.imgLogo{ float:right; display:table-cell; width:228px;}
.imgLogo img{ max-width:228px; }

/*detailCp*/
.linkList1{ text-align:right;}
.detailCp{ border:1px solid #d5d5d5; padding:15px;}
.detailCp .subTtl{  background:url(../img/magazine/icon_cp.png) no-repeat 0 5px; margin-bottom:8px; padding-left:25px; font-size:14px; font-weight:bold;}
.detailCp .subTxt1{ font-size:13px;}
.detailCp .subName1{ margin-bottom:15px; font-size:16px; line-height:1.4;}
.detailCp .subName1 > span{font-weight:bold;}
.detailCp .subRead{ clear:both; line-height:1.8;}
.detailCp .infoTbl{ display:table; width:100%;}
.detailCp .infoImg{ display:table-cell; width:25%; vertical-align:top;}
.detailCp .infoRead{ display:table-cell; width:75%;font-size:12px; vertical-align:top;}

/*listCp*/
.mainTop .writListHead .head1{ float:left; font-size:150%; font-weight:bold; padding:0 0 10px 0;}
.ttlKiziNumber{ float:right; font-size:14px; padding-top:8px;}
.ttlKiziNumber > span{ font-size:16px; font-weight:bold;}
.listCp,
.listCp2{ background-color:#fff; padding:22px 0 0; border-top:1px solid #ccc;}
.listCp .subTxt1{ font-size:13px; font-weight:bold;}
.listCp .subName1,
.listCp2 .subName1{float:left; font-size:18px; font-weight:bold;}
.listCp .subRead{ clear:both; line-height:1.8;}
.listCp .infoTbl{ display:table; width:100%;}
.listCp .infoImg{ display:table-cell; width:25%; padding-left:30px; text-align:right; vertical-align:top;}
.listCp2 .infoImg2{ display:table-cell; width:40%; padding-left:30px; text-align:right; vertical-align:top;}
.listCp .infoRead{ display:table-cell; width:75%;font-size:12px; vertical-align:top;}
.listCp2 .infoRead{ display:table-cell; width:60%;font-size:12px; vertical-align:top;}
.listCp .subNumber{ float:right; margin-top:10px; text-align:right; font-size:14px;}
.listCp .subNumber > span{ font-size:16px; font-weight:bold;}
.listCp2 .subNamePos{ float:left;}

.listCp .subRead2,
.listCp2 .subRead{ clear:both; display:block; font-size:13px;}

.listWriterSns{ display:table; width:610px; height:22px; background-color:#f4f4f1; padding:10px; margin-bottom:20px;}
.listWriterSns a{ color:#006acc;}

.cpSns{ display:table-cell; line-height:0;}
.writSnsIcon{ display:inline-block; margin-right:5px; vertical-align:middle;}
.writSnsTxt{ display:inline-block; vertical-align:middle; font-size:12px;}
.kiziNumber{ display:table-cell; text-align:right; font-size:14px;}

/*.moreLink*/
.moreLink{ position: relative; min-height: 180px; margin: -100px 0 30px 0; text-align: center;}
.moreLink .appTxt{ display: inline-block; position: relative; z-index: 4; padding-left:28px; margin-top:90px; font-size:15px;}
.moreLink:before{ position: absolute; top: 0; left: 0; display: block; width: 600px; height:100px; z-index: 4; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background-color: rgba(255,255,255,0.6); content: "";}
.moreLink a{ display: inline-block; position: relative; z-index: 4; border-radius:5px; margin-top:5px; padding: 15px 42px ; background-color: #1c78b0; color:#fff; text-decoration:none; font-size: 16px;}
.moreLink a:hover{ opacity:0.8;}
.moreLink .icn_app_ltd{ display:inline-block; background-image:url(../img/magazine/icon_app_ltd.png); background-repeat:no-repeat; background-position:left 0 top 3px; }
/*utility*/
.padBtm15{ padding-bottom:15px !important;}
.marTop55{ margin-top:55px !important;}
.marR18{ margin-right:18px;}
.marBtm10{ margin-bottom:10px !important;}
.marBtm15{ margin-bottom:15px !important;}
.marBtm40{ margin-bottom:40px !important;}
.marBtm60{ margin-bottom:60px !important;}
/* EOF */