@charset "utf-8";

@font-face{
    font-family:'number';
    src:url(https://cdn.mainichi.jp/vol1/fonts/Oswald/Oswald-Regular.ttf) format('truetype');
}


/* リセット+共通
---------------------------------------- */
body {
	 color: #000000;
	 text-align: center;
	 background: #fff;
	 font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic";
	 font-size: 100%;
	 line-height: 1.4;
	 width:100%;
	 min-width:1080px;
	 height:auto;
	 overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6 {
	line-height:100%;
}

*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ul { list-style:none;}

a {
	color: #000;
	text-decoration: none;
}

a.opa img:hover, a.opa img:focus, a.opa img:active {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a:visited {
  color: #000;
}

.bg-focus li a:hover { background-color:#e6e6e6; }

.clr:after { /* clearfix */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
hr.clr { border:none; clear:both;}
/* IE7 Hack*/
*:first-child+html .clr {
	display: inline-block;
}

.mb-m {
	margin-bottom:24px !important;
}

/* header
---------------------------------------- */
header { height: 54px; position: relative; }
header .header-wrap {
height:auto; width: 100%; color: #FFF; text-align: left;
z-index: 3; position: absolute; top: 0;}
header .header-inner { height:auto; padding:10px 0; width: 100%; background-color: #E80F4A; }
header .header-inner nav { width: 1080px; margin: 0 auto; padding: 0; }
header .header-inner nav h1.logo { float: left; vertical-align:middle;height:34px}
header .header-inner nav h1.logo a {
background-image:url(/vol1/premier/health/images/pc/logo_health_white.svg?201805);
background-repeat: no-repeat;
background-position: 0 50%;
background-size: auto 34px;
-moz-background-size: auto 34px;
width:415px;height:34px;display:inline-block;text-indent:-9999px;position:relative;top:0;z-index:1000;
}

.social-area .share2 { height:30px;}
.social-area .share2 li {float:left; list-style-type:none; margin-right: 10px; white-space:nowrap; }
.social-area .share2 li a { display:inline-block; margin-right:5px;}
.social-area .share2 .tw a:first-child,
.social-area .share2 .fb a:first-child,
.social-area .share2 .gp a:first-child,
.social-area .share2 .hb a:first-child { vertical-align:middle; background:url() no-repeat 50% 50%; width:20px; height:20px;background-size:contain;}
.social-area .share2 .tw a:first-child { background-image:url(/vol1/premier/health/images/pc/icon_sns_tw20.png);}
.social-area .share2 .fb a:first-child { background-image:url(/vol1/premier/health/images/pc/icon_sns_fb20.png);}
.social-area .share2 .gp a:first-child { background-image:url(/vol1/premier/health/images/pc/icon_sns_gp20.png);}
.social-area .share2 .hb a:first-child { background-image:url(/vol1/premier/health/images/pc/icon_sns_hb20.png);}
.social-area .share2 .count { background:none; display:inline;border:1px solid #CCC; border-radius:3px; padding:3px 5px; font-size:12px; position:relative; color:#666; background:#FFF;}
.social-area .share2 .count:after,
.social-area .share2 .count:before { content: ""; position: absolute; height: 0; width: 0; }
.social-area .share2 .count:after { top: 4px; left: -9px; border: 5px solid transparent; border-right: 5px solid #FFF; }
.social-area .share2 .count:before { top: 4px; left: -10px; border: 5px solid transparent; border-right: 5px solid #CCC; }

.header-inner .share3 {width:180px; float:right; padding:0;}
.header-inner .share3 li {float:right; font-size:12px; color:#FFF; margin-top:9px; }
.header-inner .share3 li.tw {float:right;margin-left:15px; margin-top:8px;}
.header-inner .share3 li.fb {float:right; margin-top:7px; }
.header-inner .share3 li a {color:#FFF; display:inline-block; vertical-align:middle; text-indent:-9999px;}
.header-inner .share3 .tw a {
background-image: url(/vol1/images/pc/icon-tool-tw.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
width:25px; height:20px;
}
.header-inner .share3 .fb a {
background-image: url(/vol1/images/pc/icon-tool-fb.svg);
background-repeat: no-repeat;
background-position: 0% 50%;
width:25px; height:20px; }

/*   top-navi  */
ul#top-navi { font-size: 14px; float: right; }
ul#top-navi li { display: inline-block; float: left; margin-left: 11px; }
ul#top-navi li a { color: #FFF; text-decoration: none; padding: 7px 13px 0px; display: block; }
ul#top-navi li a:hover { color: #FFF; text-decoration: underline; }
ul#top-navi li a.menu { outline:none; padding: 7px 16px 0px; position: relative; }
ul#top-navi li a.menu::after { content: ""; width: 5px; height: 5px; display: inline-block; vertical-align: bottom; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; transform: rotate(-45deg); position: absolute; top: 12px; right: 3px; }

/*   slide-navi  */
.slide-navi {
margin: -92px auto 0; width: 100%; text-align: left;
position: relative; z-index: 2;
}
.slide-navi .navi-wrap { width: 100%; background: #F9EDED; padding: 10px 0 5px; height: 87px; }
.slide-navi .navi-inner { width: 1080px; margin: 0; overflow:hidden;}
.slide-navi .title { float: left}
.slide-navi .title img { vertical-align: middle; margin-right: 10px; }
.slide-navi .close {}
.slide-navi .close a { float: right; display: block; width: 80px; background: url("/vol1/premier/health/images/pc/img_topnavi02.png") no-repeat 53px 2px; }
.slide-navi ul { display: block; width: 1080px; margin: 0px auto; font-size: 13px; clear:both; position:absolute; left:0; right:0; }
.slide-navi ul li { float: left; display: block; text-align: center;}
.slide-navi ul li a { text-decoration: none; display:inline-block; width:67px; color:#CE5657; white-space: nowrap;}
.slide-navi ul li a img { width:50px;height:50px;}
.slide-navi ul li a:hover { text-decoration: underline; }

/*   article-wrap  */
#article-wrap  { margin:0 auto; background: #f2f1ef; }
#article-wrap.active {}

/* Fallbacks */
.no-csstransforms .slide { position: static; }
.no-csstransforms .article-wrap  ul.sub-navi { display: none; }
.no-csstransforms .article-wrap .active ul.sub-navi { display: block;}

/* article
---------------------------------------- */
article { width: 100%;  }

/* container
---------------------------------------- */
.container { width: 1080px; margin: 0 auto; padding-bottom: 40px; }


/* main-colum
---------------------------------------- */
.main-column { width: 750px; float: left; text-align: left;}

/* main-l-column
---------------------------------------- */
.main-l-column { width: 510px; float: left; text-align: left;}

/* main-r-column
---------------------------------------- */
.main-r-column { width: 238px; float: left; text-align: left;}

/*   第1記事  */
.topics01 { margin-bottom:20px; font-size: 88%; width: 490px; height:auto; min-height: 360px; position: relative; overflow: hidden;}
.topics01 .thum-img { background: #fff; position:relative; width: 490px; height: 275px; overflow: hidden; }
.topics01 .thum-img img { width: 100%; }
.topics01 .overlay { position: absolute; top:275px; width: 99%; height: auto; padding: 0 0 0 0;  z-index: 5 ; line-height: 1.2;}
.topics01 a:nth-child(1) .overlay { top: 275px; width:100%;}
.topics01 .overlay.on { background: none}
.topics01 .text-box { max-height:450px; height: auto; position: absolute; top:0;}
.topics01 .title { font-size: 18px; font-weight: bold; display: block; letter-spacing: 0.2px; padding:0 10px 0 10px;}
.topics01 .name { font-size: 13px; margin-top: 10px; padding:0 10px 0 10px;}
.topics01 .lead { font-size: 14px; margin-top: 10px; padding:0 10px 0 10px; line-height: 150%; opacity:0;min-height:120px;max-height:120px;overflow:hidden;}
.topics01 a { color: #333; }
.topics01 a:hover * { text-decoration: underline;}
:root .topics01 a:hover * { text-decoration: none;}

/*   第２記事  */
.topics02 { margin-bottom:20px; font-size: 88%; width: 490px; height:auto; min-height: 360px; position: relative; overflow: hidden;}
.topics02 .thum-img { background: #fff; position:relative; width: 490px; height: 275px; overflow: hidden; }
.topics02 .thum-img img { width: 100%; }
.topics02 .overlay { position: absolute; top:275px; width: 99%; height: auto; padding: 0 0 0 0;  z-index: 5 ; line-height: 1.2;}
.topics02 a:nth-child(1) .overlay { top: 275px; width:100%;}
.topics02 .overlay.on { background: none}
.topics02 .text-box { max-height:450px; height: auto; position: absolute; top:0;}
.topics02 .title { font-size: 18px; font-weight: bold; display: block; letter-spacing: 0.2px; padding:0 10px 0 10px;}
.topics02 .name { font-size: 13px; margin-top: 10px; padding:0 10px 0 10px;}
.topics02 .lead { font-size: 14px; margin-top: 10px; padding:0 10px 0 10px; line-height: 150%; opacity:0;min-height:120px;max-height:120px;overflow:hidden;}
.topics02 a { color: #333; }
.topics02 a:hover * { text-decoration: underline;}
:root .topics02 a:hover * { text-decoration: none;}
.topics02 .cat-title,
.topics01 .cat-title {font-size:14px}
.topics02 .cat-title,
.topics01 .cat-title {
background-image: url("/vol1/premier/health/images/pc/Arrow_Health_Light_S-ie.png");
background-image: none,url("/vol1/premier/health/images/pc/Arrow_Health_Light_S.svg");
background-repeat: no-repeat;
background-color: #FFF;
background-position: 98% 50%;
margin:0 0 10px 0;color:#E8406A;display: inline-block; padding-right: 30px;
}
.topics02 .cat-title span,
.topics01 .cat-title span {background:#0b69a5; color:#FFF; display: inline-block; padding: 5px 10px 5px 20px; margin: 0 10px 0 0;}
.topics02 .thum-img .lead { padding:20px; }
.topics02 a:hover {text-decoration:none; background:#e6e6e6;}
.topics02 a:hover .thum-img {opacity:0.9;}

/*   第２記事  注目ニュース */
.topics .pickup { width: 238px; float: right; padding-top: 25px;  }
.topics .pickup h3.news { border-bottom: #e7e4dd  3px solid; padding-bottom: 10px;  color: #ce5657;}
.topics .pickup ul { list-style: none; margin-bottom: 13px }
.topics .pickup ul li a { font-size:14px; display:block; border-bottom: #e7e4dd  1px solid; padding: 11px 8px }
.topics .pickup ul li a.nobar { border-bottom: none; }
.topics .pickup ul li.sponsor { background-color:#fff; font-size: 13px }
.topics .pickup ul li.sponsor .s-link { padding: 10px 13px ; }
.topics .pickup ul li.sponsor .s-link span.name { font-size: 11px; color: #5e484a;}
.topics .pickup ul li.sponsor .s-link span.name:hover { text-decoration: none; }
.topics .pickup ul li h3.prompt { margin-bottom: 10px; }

/*   第２記事  気になるキーワード */
.topics .kininaru { width: 238px; float: right; padding-top: 35px; margin-bottom:20px; }
.topics .kininaru h3 { padding-bottom: 10px;  color: #ce5657;}
.topics .kininaru ul { list-style: none; margin-bottom: 13px }
.topics .kininaru ul li { font-size:12px; width:119px; float:left; }
.topics .kininaru ul li a {
display:block;
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none,url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: -3px 10px;
padding: 10px 8px 10px 15px;
}
.topics .kininaru ul li a.bar { border-bottom: #e7e4dd  1px solid; }
.topics .kininaru ul li:nth-last-child(2) a.bar { border-bottom: #e7e4dd  0px solid; }
.topics .kininaru ul li:nth-child(even) a.bar { border-bottom: #e7e4dd  1px solid; }
.topics .kininaru ul li:last-child a.bar { border-bottom: #e7e4dd  0px solid; }
.topics .kininaru ul li a:hover { background-color:#e6e6e6; }

/*   第３記事  */
.topics03 { background-color: #dbd6c3; padding: 10px; margin-bottom: 10px; position:relative;}
.topics03 .thum-img {background: #FFF; width: 378px; height: 214px; float:left; overflow: hidden; position: relative;}
.topics03 .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.topics03 img { width: 100%; }
.topics03 .topics-lists { font-size: 13px; line-height: 1.5; }
.topics03 .topics-lists { display: block; width:351px; height: 214px; padding: 10px 10px 15px 15px;  float: left; background-color: #f2f1ef; overflow:hidden;}
.topics03 .topics-lists a { display: block;border-bottom:1px solid #666; padding:10px 0; z-index:1000; position: relative;}
.topics03 .topics-lists a:hover * { text-decoration: underline;}
:root .topics03 .topics-lists a:hover * { text-decoration: none;}
.topics03 .topics-lists h4 { font-size: 22px; margin-bottom: 5px; }
.topics03 .topics-lists p { }
.topics03 .topics-lists .title {font-weight:bold;}
.topics03 .topics-lists .subtitle,
.topics03 .topics-lists .name {display:inline-block; }
.topics03 .topics-lists .name:before {content:'／';}
.topics03 .topics-lists .lead {display:none;}
.topics03 .overlay {overflow:hidden; width:378px; height:216px;position: absolute;}
.topics03 .overlay .lead{position: absolute; top:0px; left:378px; width:378px;height:216px;padding:15px; font-size:14px;}/*background: rgba(0,0,0,0.8);*/
.topics03 .topics-lists li {position:relative;overflow: hidden;}
.topics03 .topics-lists li .textback {position:absolute;top:0; left:352px;width:100%;z-index:10;}/*background: rgba(255,255,255,0.2);*/

/*  最新記事  */
.new-list { width: 750px; text-align: left; margin-bottom: 20px; }
.new-list h3 { font-size: 17px; margin-bottom: 15px; color: #ce5657; }
.new-list ul { width: 765px; overflow: hidden; padding :0; list-style: none; _zoom: 1;}
.new-list ul li {position: relative; width:250px; float:left;}
.new-list ul li a { display: block; width: 236px; height: 215px; float: left; margin-bottom: 10px; font-size: 15px; line-height: 1.2 }
.new-list ul li a:hover * {text-decoration: underline;}
:root .new-list ul li a:hover * {text-decoration: none;}
.new-list ul li .thum-img {border: #ddd  1px solid; background: #FFF;position: relative; overflow: hidden; height: 133px; width: 236px;}
.new-list ul li .thum-img:before {content:''; position:absolute; width:235px; height:133px;}
.new-list ul li img { position:relative; display:block; width: 100%;}
.new-list ul li p { margin: 0; padding: 6px 0 0; line-height: 1.2 }
.new-list ul li .overlay {position:relative;}

.new-list ul li .title { font-weight: bold; /*height: 20px;*/ display: block; }
.new-list ul li .subtitle,
.new-list ul li .name {  font-size: 12px; color: #7C7C7C ; font-weight: normal; display: inline-block;}
.new-list ul li .lead { opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
.new-list .more { text-align: right; font-size: 12px;}
.new-list .more a { color: #7C7C7C }
.new-list .more a:hover {  background: none; text-decoration: underline;  }

.new-list ul li.on {z-index:1000;}
.new-list ul li.on .overlay {}
.new-list ul li.on p { }
.new-list ul li.on .title { margin-bottom: 10px; }/*color: #FFF;*/
.new-list ul li.on .subtitle,
.new-list ul li.on .name { font-size: 12px; }/*color: #CCC;*/
.new-list ul li.on .lead { margin-top: 10px; line-height: 150%;}/*color: #FFF;*/

.new-list .btn-more { margin: 15px 0 55px 250px; line-height: 100%;}
.new-list .btn-more a {
display:block;
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none,url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: 215px -93px;
background-color: #7E7260;
width:236px; padding:7px 0;
}
.new-list .btn-more a span { color:#FFFFFF; font-size:14px; padding:0 10px 0 10px;}
.new-list .btn-more a:hover { background:#685b48;}

/*  特集  */
.feature { text-align: left; overflow: hidden; padding :0; list-style: none; _zoom: 1; margin-bottom:25px;}
.feature h5 { margin-bottom: 10px; color: #ce5657; margin-top: 2px;}
.feature .column { float: left; margin-right: 10px; padding: 0; width:362px;}
.feature .column:nth-child(1) { float:left; margin-right:0;}
.feature .column:nth-child(2) {float:right; margin-right:0;}
.feature .column a { display: block; padding: 0 0 0px; width:362px;}
.feature .column a:hover * {text-decoration: underline;}
.feature .column > a { height:265px; overflow: hidden;}
.feature .column .thum-img {background: #FFF; position:relative; height: 205px; overflow: hidden; }
.feature .column .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.feature .column img { border: #ddd  1px solid; display:block; width:100%; position:relative;}
.feature .column .overlay {position:relative;width:363px;}
.feature .column p { margin: 0; padding: 0; line-height: 1.2 }
.feature .column ul a:hover p { text-decoration: underline; }

.feature .column .title { margin: 0 ; padding: 5px 0 0; font-weight: bold;}
.feature .column .subtitle,
.feature .column .name {  font-size: 12px; display:inline-block; color: #7C7C7C;}
.feature .column .name:before { content:'／';}
.feature .column .lead {opacity:0; margin-top:10px; line-height:150%;font-size: 14px}/*color: #FFF;*/
.feature .column ul { list-style: none; }
.feature .column ul li a { padding-top: 5px;}
:root .feature .column a:hover * {text-decoration: none;}
.feature .column a.on {z-index:1000;position:relative; background:#FFF;}
.mb-b { margin-bottom:90px;}

/*  バナーエリア  */
.article-banner iframe{margin:0 auto;text-align:center;}

/* right-colum
---------------------------------------- */
.sub-column { width: 300px; float: right; padding-top: 15px;}
.sub-column .logo { width: 110px; float: left; margin-top: 20px;}

/*  会員メニュー  */
.sub-column ul.Utility { padding: 0; font-size: 12px; margin-top: 15px; line-height: 1.6; position:relative; z-index:100;}
.sub-column ul.Utility li { float: left; margin-right: 18px; }
.sub-column ul.Utility li.login { margin-right: 0 }
.sub-column ul.Utility li a { display:inline-block; padding: 3px 0; color: #0078C6; }
.sub-column ul.Utility .login a { padding:3px 8px; color:#FFF; background-color:#0076B0;}
.sub-column ul.Utility a:hover, a:focus, a:active { text-decoration: underline; }

/* 愛読者セット デジタル毎日 */
.sub-column .request ul { margin-top: 10px;}
.sub-column .request ul::before { background: url(/vol1/premier/business/images/pc/bg_infolink.png) no-repeat 45px 0 /233px; height: 70px; content:""; display: block;}
.sub-column .request li { display: inline-block;}
.sub-column .request li a {
border:2px solid #1B7ABD;
height: 32px;
line-height: 28px;
border-radius: 16px;
color: #1B7ABD;
font-size: 12px;
font-weight: bold;
padding: 0 10px;
position: relative;
display:block;
background-color: #FFF;
min-width: 80px;
}
.sub-column .request li a:hover,
.sub-column .request li a:focus,
.sub-column .request li a:active { text-decoration: none; opacity: 0.8; }

/*.sub-column .request li { display: block; width: 145px; }
.sub-column .request li a { display:block; width:100%; }
.sub-column .request li a img { height:88px;}
.sub-column .request li a span { display:block; margin:auto;}
.sub-column .request .newspaper { float: left; }
.sub-column .request .digital { float: right; }*/
/*.sub-column .request .newspaper a { background:url(/vol1/premier/business/images/pc/apply-newspaper.png) no-repeat 0 0; }
.sub-column .request .digital a { background:url(/vol1/premier/business/images/pc/apply-digital.png) no-repeat 0 0; }
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
.sub-column .request .newspaper a { background:url(/vol1/premier/business/images/pc/apply-newspaper@2x.png) no-repeat 0 0; background-size: 145px auto;}
.sub-column .request .digital a { background:url(/vol1/premier/business/images/pc/apply-digital@2x.png) no-repeat 0 0; background-size: 145px auto;}
}*/
/*.sub-column .request a:hover { opacity: 0.8}*/

/*  広告  */
.ad { margin: 18px auto;}

/* タグ */
ul.tag { list-style: none;margin: 20px auto; width: 290px; display: block; text-align: left; }
ul.tag li a { display: block; background: url("/vol1/premier/health/images/pc/icon_arrow_tag.png") no-repeat 6px 10px; padding: 3px 8px 3px 17px; display: block; float: left; margin-right: 15px; margin-bottom: 2px; border-radius: 3px; }
ul.tag li a:hover { /*background-color: #fceaee; */ color: #a21d38; }

/* 相談する */
.consult  { margin: 20px auto; padding: 18px; text-align: left; background-color: #fff; }
.consult h3 span { font-size: 13px; }


/* 動画 */
.movie { margin: 20px auto; padding: 18px; text-align: left; background-color: #fff; }
.movie img { display: block; margin: 15px auto; }
.movie p { margin: 0 10px; }
.movie p .title { font-size: 14px;}
.movie p .name { font-size: 12px; color: #7C7C7C}

/*  検索ボックス  */
/* Reset input[type="search"] */
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]:focus { outline-offset: -2px;}
input[type="search"]::-webkit-search-decoration { display: none; }
input.keyword {width:260px;padding: 5px 0 7px 10px ; min-height: 38px ;border:none; font-size: 16px;color: #9E1836;}
.searchbox { border: 1px #ECE0E0 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  background-color: #fff;}
.img-search {margin:0 6px;}

/* 相談する */
ul.health-bnr-area  { padding: 10px; list-style: none; }
ul.health-bnr-area li { background: #fff; width: 100%; height: 92px; background-repeat: no-repeat; background-size: auto 100% ;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
ul.health-bnr-area li:first-child { margin-bottom: 13px;  }
ul.health-bnr-area li a { display: block; width: 100%; height: 92px; padding: 4px 7px 4px 0; }
ul.health-bnr-area li a span { display: inline-block; }
ul.health-bnr-area li a h2 { font-size: 128%; font-weight: normal; margin: 9px 0 4px 14px; letter-spacing: 0.5px; }
ul.health-bnr-area li.banner01 h2 { color: #1455A5 }
ul.health-bnr-area li.banner02 h2{ color: #C19400 }
ul.health-bnr-area li .catch01 { color: #fff; font-size: 75%;  }
ul.health-bnr-area li .catch02 { color: #555; font-size: 75%; margin-left: 14px;  }
ul.health-bnr-area li.banner01 .catch01 { background: #4E85C7; padding: 1px 10px; }
ul.health-bnr-area li.banner02 .catch01 { background: #FEC30E; padding: 1px 25px; }

/* ランキング、人気コラム共通*/
.list-box { margin-bottom: 22px; text-align: left; background-color: #fff; padding: 18px 16px 8px; margin: 20px auto;}
.list-box h3 {}
.list-box li span:hover { text-decoration: underline; }
.list-box li span img { border: #ddd  1px solid; vertical-align: top ;}

/*  ランキング  */
.ranking h3 {margin-bottom:20px;}
.ranking ol { list-style: none; margin: 10px 0 0; }
.ranking ol li { font-size: 13px; clear: both; display: block; clear: both }
.ranking ol li a { display: block; height: 70px; padding: 0px }
.ranking ol li span.detail { display: block; float: left; width: 90px; }
.ranking ol li span.caption { display: block; padding: 0px;}
.ranking .thumbnail { height:60px; width:60px; position:relative; background:url() no-repeat 50% 50%; background-size:cover; display:block; float:right; overflow:hidden; margin-left: 10px }
.ranking .thumbnail img {position:relative; right:auto; border:none; }
.ranking .thumbnail span { padding-left:50%; display:inline-block;}
.ranking .thumbnail span img { margin-left:-50%; height:60px;}
.ranking.bg-focus li a:hover { background-color:#FFF; }
.ranking .rank-img {float:left; margin-right:10px; border-right: 2px solid #EEE; display:block; height:80%; width:25px;}
.ranking .rank-img img {border:none; display:block; width:auto; height:27px; margin:5px -23px;}
.ranking .rank {float:left; text-align:center; margin-right:10px; padding-right:10px; border-right: 2px solid #EEE; display:block; height:80%; width:25px; font-size:26px; color:#0076C9; font-family: number, sans-serif;}
.ranking .rank.rank-4, .ranking .rank.rank-5 {color:#192851;}
.ranking a .rank {text-decoration: none!important;}

/*  ツイッター  */
.twitter { margin: 20px 0}

/*  人気コラム  */
.serial dl { list-style: none; margin: 10px 0 0;}
.serial dl dt { clear: both;}
.serial dl dt a { font-size:12px; color: #1387b6; font-weight:bold;}
.serial dl dt a:hover { background:none; text-decoration:underline; }
.serial dl dd a { display: block; height: auto; padding: 10px }
.serial dl dd img { float: none; margin-left: 0px; margin-bottom: 0px; }
.serial dl dd .title { font-size: 14px; font-weight: bold;  }
.serial dl dd .name { font-size: 12px;  color: #7C7C7C }
.serial dl dd .lead { font-size: 13px; }
.serial dl dd span { margin-bottom: 8px; display: inline;}
.serial dl dd a span:hover { text-decoration:underline; }
.serial .thumbnail { height:60px; width:60px; position:relative; background:url() no-repeat 50% 50%; background-size:cover; display:block; float:right; margin-left:10px; overflow:hidden;}
.serial .thumbnail span { padding-left:50%; display:inline-block;}
.serial .thumbnail span img { margin-left:-50%; height:60px;}


/* category-list
---------------------------------------- */
.category-wrap { background: #fff; padding: 30px 0 30px 0; }
.category-list { width: 1080px; margin: 0 auto; text-align: left; }
.health-column-top. category-list { width: auto; }
.category-list ul#category { float: left; width: 253px; display: block; list-style: none; line-height: 3.6}
.category-list ul#category li img { vertical-align: middle; margin-right: 10px; }
.category-list .category-inner { width: 827px; float: left; }
.health-column-top .category-list .category-inner { float: none; }
.category-list .category-inner h4 { font-size: 16px; margin: 2px 0 15px 25px; color: #1387b6; }
.category-list .category-inner ul { list-style: none;}
.category-list .category-inner ul li { /*height: 9em*/ }
.category-list .category-inner ul li a .thumbnail { float: left; margin: 10px 15px 10px 10px;  border: #ddd  1px solid; /*width:60px;*/ height:60px; background:url() no-repeat 50% 50%; background-size:cover;}
.category-list .category-inner ul li p { line-height: 1.1;}
.category-list .category-inner ul li a:hover * { text-decoration: underline; }
.category-list .category-inner ul li .title-area { overflow: hidden;}
.category-list .category-inner ul li .title { font-weight: bold; display: block; margin: 10px 0; padding: 0 }
.category-list .category-inner ul li .name { font-size: 12px; color: #7C7C7C;}
.category-list .category-inner .column { margin-bottom: 20px; padding: 15px 0; overflow: hidden;}
.category-list .category-inner .column ul { font-size: 0; width: 700px; margin: 0 auto 5px; overflow: hidden; }
.category-list .category-inner .column ul li { display: inline-block; width: 350px; vertical-align: top; }
.category-list .category-inner .column ul li a { width: 350px; min-height:7em; float: left; display: block; font-size: 13px; padding: 0 5px 0 0; line-height: 1.2; }
.category-list .category-inner .column ul li .name {}
.category-list .category-inner .border { border: #ece0e0 1px solid; }

.category-list .category-inner .writer { padding: 15px 0; }
.category-list .category-inner .writer ul { font-size:0; margin: 0 auto; width: 798px;}
.category-list .category-inner .writer ul li { display: inline-block; vertical-align: top;}
.category-list .category-inner .writer ul li a { width: 114px; float: left; display: block; font-size: 13px; padding: 10px; line-height: 1.2; text-align: center; }
.category-list .category-inner .writer ul li a img { margin: 0; float: none; width: 74px; border-radius:50%;}
.category-list .category-inner .writer ul li p { margin-top: 5px;  line-height: 1.1;}
/*.category-list .category-inner .writer ul li:nth-of-type(8n+1){clear:both;}*/

.category-inner .thumbnail {overflow:hidden;}
.category-inner .thumbnail span {/*padding-left:50%;*/ display:inline-block;}
.category-inner .thumbnail span img {height:60px;/*margin-left:-50%;*/}


/*  メニュー切り替え用 */
.category-list ul#category li { cursor: pointer; font-weight: bold; }
.category-list ul#category li.select  { text-decoration: underline; }
.category-list .disnon { display: none;}


/* 連載一覧 */
.health-column-top article.column { margin-bottom: 0;}
.health-column-top hr { margin: 0;}
.health-column-top .menu-filter {margin-top: 0;}
.health-column-top .category-list .category-inner ul li { display: inline-block; vertical-align: top; }
.health-column-top .category-list .category-inner ul li a { width: 350px; min-height:7em; float: left; display: block; font-size: 13px; padding: 0 5px 0 0; line-height: 1.2; }

p.profile a {text-decoration:underline; color:#0078c6;}
p.profile a:hover {text-decoration:none;}

/* footer
---------------------------------------- */
footer {
text-align: left;
}
footer div { background-color: #E7E3D8; font-size: 13px; padding: 35px 0 30px; color: #777263;}
footer ul { list-style: none; width: 1080px; margin: 0 auto 20px; }
footer ul li { display: inline-block; float: left; margin-right: 15px; }
footer ul li a { text-decoration: none; color: #6e695b!important; border-right: 1px #c8c1ae solid; padding-right: 15px;  }
footer ul li.last a { border-right: none; }
footer ul li a:hover { text-decoration: underline; }
footer .copyright { font-size: 11px; margin: 0 auto; width: 1080px; margin: 0 auto }

/* 2015.6.30 -> 2018.3 修正 */
#gnavi {background:#f2f1ef; padding:5px 0 0; position:relative; z-index:1000;}
#gnavi .gnavi-inner {width:1080px; margin:0 auto;}
#gnavi li {float:left; margin-top: 9px;}
#gnavi li a {display:inline-block; padding:0 12px 7px; /*min-width:72px;*/}
#gnavi li a:hover {
background-image:url('/vol1/premier/health/images/pc/Nav_Health_Selected.svg?201804');
background-repeat: no-repeat;
background-position: 50% 100%;
}
#gnavi .home {margin-right:30px; margin-top: 7px;}
#gnavi .home a {padding:0;}
#gnavi .home a:hover {background-image:none;}
#gnavi .premier a {padding-right: 0;}
#gnavi .premier a span {border-right: 1px solid #C3C3C3; display: inline-block; padding: 0 15px; height: 22px; margin-right: 5px;}
#gnavi .health a {
background-image:none,url('/vol1/premier/health/images/pc/Nav_Health_Selected.svg?201804');
background-repeat: no-repeat;
background-position: 50% 100%;
}
/*  会員メニュー  */
#gnavi .Utility { float:right; padding: 0; font-size: 12px; margin-bottom: 5px;}
#gnavi .Utility li { float: left; margin-top: 0; position: relative;/*margin-right: 18px;*/ }
#gnavi .Utility li.login { margin-right: 0 }
/*#gnavi .Utility li a { display:inline-block; padding: 3px 0; color: #0076B0; }*/
#gnavi .Utility li a:hover {background-image:none;opacity: 0.8;}
/*#gnavi .Utility .login a { padding:3px 8px; color:#FFF; background-color:#0076B0;}*/
#gnavi .Utility a:hover,
#gnavi .Utility a:focus,
#gnavi .Utility a:active { text-decoration: none; }

#gnavi .Utility li .sq-btn {
background-color: #0076C6;
border-radius: 3px;
color: #FFF;
font-size: 12px;
height: 33px;
text-align: center;
margin-left: 10px;
padding: 0 12px;
line-height: 33px;
}
#gnavi .Utility li .sq-btn:hover {
color: #FFF;
opacity: 0.8;
}
#gnavi .Utility li.mynews-btn a,
#gnavi .Utility li.confirm-btn a{
border:2px solid #1B7ABD;
height: 33px;
line-height: 29px;
border-radius: 16px;
color: #1B7ABD;
font-size: 12px;
font-weight: bold;
padding: 0 10px;
position: relative;
background-color: #FFF;
}
#gnavi .Utility li.mynews-btn a {
padding: 0 10px 0 50px;
}

#gnavi .Utility li.mynews-btn a:hover,
#gnavi .Utility li.confirm-btn a:hover{
color: #1B7ABD;
}
#gnavi .Utility li.mynews-btn a::after {
position: absolute;
background: url(/vol1/images/pc/everyone-mini.svg) no-repeat center /28px auto;
width: 30px;
height: 31px;
bottom: -5px;
display: inline-block;
left: 12px;
content: "";
}
#setting-btn{
cursor: pointer;
}
#setting-btn::after {
width: 0;
height: 0;
border: 3px solid transparent;
border-top: 5px solid #FFF;
margin-left: 5px;
display: inline-block;
content:"";
}
#setting-menu{
position:absolute;
top:34px;
right:-8px;
z-index:10000;
background:rgba(255,255,255,0.95);
border:1px solid #CCC;
border-radius:4px;
width:17em;
padding:8px 12px;
display:none;
}
#setting-menu ul{
width:auto;
height:auto;
}
#setting-menu li{
float:none;
height:auto;
padding: 0;
}
#setting-menu li:first-child {
margin-left:0;
}
#setting-menu li a{
line-height:32px;
height: 32px;
font-size: 13px;
color: #434343;
padding: 0 10px;
white-space: nowrap;
}
#setting-menu li.news {
border-top: 1px solid #DFDFDF;
margin-top: 5px;
}
#setting-menu li.mynews {
border-bottom: 1px solid #DFDFDF;
margin-bottom: 5px;
}


/* 2016.10 中間ページ */
.readmore-tool{
clear:both;
display:block;
margin:0 0 48px 63px;
padding-top:6px;
width:441px;
}
.readmore-tool ul{
margin:15px 0 17px;
}
.readmore-tool ul.inline-list{
position:relative;
width:100%;
}
.readmore-tool ul.inline-list li{
display:block;
float:left;
}
.readmore-tool ul.inline-list li.sub{
float:right;
margin:0 0 6px 6px;
}
.readmore-tool ul.inline-list:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
}
.readmore-tool .link-btn{
font-weight: bold;
margin:0;
}
.readmore-tool button{
cursor:pointer;
border:none;
background-color:inherit;
padding:0;
font-size:100%;
font-family:inherit;
}
article.news .readmore-tool .link-btn a,
article.news .readmore-tool .link-btn button{
color:#FFF;
font-weight:normal;
line-height:20px;
text-decoration:none;
padding:10px 24px 10px 12px;
border: 1px solid #505B61;
border-radius: 4px;
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none, url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: 97% 11px;
background-color:#505B61;
background-attachment: scroll;
display:block;
text-align:center;
margin-bottom:10px;
}
article.news .readmore-tool .btn-blue button,
article.news .readmore-tool .btn-blue a {
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none, url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: 97% -89px;
background-color:#0b69a5;
background-attachment: scroll;
border-color:#0b69a5;
color:#fff;
}
article.news .readmore-tool .link-btn button:hover,
article.news .readmore-tool .link-btn a:hover {
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none, url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: 97% 11px;
background-color:#29343A;
background-attachment: scroll;
border:1px solid #29343A;
}
article.news .readmore-tool .btn-blue button:hover,
article.news .readmore-tool .btn-blue a:hover{
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none, url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: 97% -89px;
background-color:#005E9C;
background-attachment: scroll;
border-color:#005E9C;
}
article.news .text-area02 .readmore-tool p.txt-count{
margin:2px 0 5px;
font-weight:bold;
font-size:100%;
}
article.news .text-area02 .readmore-tool p.subtxt{
margin:0;
color:#696969;
font-size:87.5%;
}
article.news .text-area02 .readmore-tool p.login {
font-size:100%;
margin-bottom:5px;
}
article.news .text-area02 .readmore-tool .subtxt a{
padding:0 18px 0 0;
color:#696969;
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none, url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: 100% -1px;
background-attachment: scroll;
text-decoration:none;
}
article.news .text-area02 .readmore-tool .subtxt a:hover{
text-decoration:underline;
}
article.news .text-area02 .readmore-tool p.login a {
font-weight:bold;
color:#0b69a5;
}
article.news .text-area02 .readmore-tool .txt-red,
article.news .text-area02 .readmore-tool .txt-red a{
color:#a00 !important;
}
article.news .text-area02 button a {color:#000; text-decoration:none; padding:0;}
article.news .text-area02 aside.box { margin:0 0 30px; }

/* eSuite版用 */
.readmore-txt{
	margin:36px 0;
}
.readmore-txt .lead-txt{
margin:0 0 5px !important;
font-weight:bold;
font-size:125% !important;
}
.readmore-txt .subtxt{
margin:0 !important;
color:#696969;
font-size:87.5% !important;
}
.readmore-btns{
display:block;
margin:0 120px 48px 70px;
padding:0;
text-align:center;
}
.readmore-btns .lead-txt{
font-size:87.5% !important;
font-weight:bold;
margin-bottom:30px !important;
}
.readmore-btns .lead-txt a{
color:#007CC8;
padding: 0 !important;
text-decoration: none !important;
}
.readmore-btns .lead-txt a:hover{
text-decoration:underline !important;
}
.readmore-btns .subtxt{
margin:0 !important;
color:#696969;
font-size: 75% !important;
}
.readmore-btns .link-btn{
height:36px;
padding:0 !important;
background:#FFF;
border:1px solid #CACACA;
border-radius:18px;
color:#2A2A2A !important;
font-weight:bold;
line-height:36px;
text-align:center;
margin:5px 0 10px;
display:block;
text-decoration:none !important;
font-size:87.5%;
width:100%;
}
.readmore-btns .link-btn:hover{
background-color:#EEE;
}
.readmore-btns button{
cursor:pointer;
}
.readmore-btns .btn-blue{
border-color:#E80F4A;
background-color:#E80F4A;
color:#FFF !important;
text-decoration:none !important;
}
.readmore-btns .btn-blue:hover{
border-color:#E80F4A;
background-color:#E80F4A;
opacity:0.8;
}

.readmore-btns .lines-on-sides {
border-top: 1px solid #dbdbdb;
height: 15px;
margin: 30px 0 15px !important;
position: relative;
}
.readmore-btns .lines-on-sides span {
background-color: #fff;
color: #2a2a2a;
display: inline-block;
font-size: 75%;
padding: 0 4px;
position: absolute;
transform: translateY(-50%) translateX(-50%);
}

/*   2017.01 サイト改修  */

/*   特集  */
h5.search-text { font-size:21px; font-weight:normal; margin-bottom: 10px; color: #ce5657; margin-top: 2px;}
h5.search-text span { font-weight:bold; }

/*   pager  */
.pager{ margin:0 0 24px; position: relative; }
.pager ul.inline-list{ width:auto; zoom:1; position: relative; left: 50%; float:left;}
.pager li{ position: relative; left: -50%; float:left; margin-right:5px; }
.pager li a{ padding:7px 6px; text-align:center; font-style:normal; font-size:12px; line-height:100%; border:1px solid #ddd; background:#FFF; color:#333; }
.pager li a:hover{ color:#333; text-decoration:none; background:#e6e6e6; }
.pager li.current a{ color:#666666; font-weight:bold; cursor:default; }
.pager li.current a{ color:#666666; font-weight:bold; cursor:default; }
.pager li.current a:hover{ background:#FFF; cursor:default; }

/* fix-bottom banner */
.fixbtm-banner {
height:33px;
}
.fixbtm-banner a {
display:block;
height:33px;
width:100%;
padding-top:33px;
position:fixed;
bottom:0;
z-index:99999;
background:#E08080 URL(/vol1/images/pc/spring2017-cb-pink-mouse-off.png) center center no-repeat;
background-size:1042px;
}
.fixbtm-banner a:hover {
background:#F3ACAC URL(/vol1/images/pc/spring2017-cb-pink-mouse-on.png) center center no-repeat;
background-size:1042px;
}
/* END */