@charset "UTF-8";
/*------------------------------------------------
fonts
------------------------------------------------*/
@font-face {
  font-family: 'urepia';
  src: url("/common/ure/fonts/v1/urepia.woff?-rw9zxi3") format("woff"), url("/common/ure/fonts/v1/urepia.ttf?-rw9zxi3") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* chrome対策 */
@font-face {
  font-family: "游ゴシック";
  src: local("Yu Gothic Light");
  font-weight: 100;
}

@font-face {
  font-family: "游ゴシック";
  src: local("Yu Gothic Light");
  font-weight: 200;
}

@font-face {
  font-family: "游ゴシック";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "游ゴシック";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "游ゴシック";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* ------------------------------------------------
  reset
------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------
  base
------------------------------------------------ */
body, html {
  width: 100%;
}

body {
  color: #333;
  font-size: 15px;
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;*/
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "Yu Gothic", Meiryo, 'メイリオ', "ＭＳ ゴシック", sans-serif;
  line-height: 1.6;
  background-color: #fff;
  min-width: 1240px;
}

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

a:hover {
  text-decoration: underline;
}

.left {
  float: left;
}

.right {
  float: right;
}

.ho, .bha {
  opacity: 1;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.ho:hover,
.bha:hover {
  opacity: 0.7;
}

.cf:after {
  content: " ";
  display: table;
  clear: both;
}

/* --------------------------------------------------
  common styles
  共通スタイル
-------------------------------------------------- */
.shdw,
#main-column-wrapper,
#main-column .pg_list .header,
#sub-column .pg_list,
ul.list_box li,
.category_header {
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}

/* ----------------------------
  icon
---------------------------- */
.icon,
.article-body a.arrow:before,
.article-body .type_arrow li a:before {
  color: #b99d86;
  font-family: 'urepia';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_right:before {
  content: "\e602";
}

.icon-triangle_right:before {
  content: "\e607";
}

.icon-search:before {
  content: "\e611";
}

.icon-more:before {
  content: "\e812" !important;
}

.icon-research:before {
  content: "\e605";
}

.icon-camera:before {
  content: "\e915";
}

/* CTAボタン用 */
.icon-cta-buynow:before {
  content: "\e901";
}

.icon-cta-ticket:before {
  content: "\e902";
}

.icon-cta-books:before {
  content: "\e903";
}

.icon-cta-appstore:before {
  content: "\e904";
}

.icon-cta-googleplay:before {
  content: "\e905";
}

#gallery_section .navbtns .btn i {
  background: url(/common/ure/images/v1/article/arrow_gallery_wh_s.png) 0 0 no-repeat;
  -webkit-background-size: 12px 10px;
  background-size: 12px 10px;
  margin-bottom: 2px;
  width: 6px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* ----------------------------
  ジャンルラベル
---------------------------- */
.icon_genre {
  color: #a88f57;
  font-size: 9px;
  font-style: normal;
  line-height: 1;
  border: 1px solid #a88f57;
  border-radius: 2px;
  background-color: #fff;
  padding: 2px 3px 1px;
  z-index: 1;
}

.icon_subgenre {
  font-size: 11px;
  background-color: #FFF;
  color: #A88F57;
  border: 1px dotted #A88F57;
  margin-right: 5px;
  padding: 2px 4px 1px;
  display: inline-block;
  vertical-align: middle;
}

a:hover .icon_genre,
a:hover .icon_subgenre {
  text-decoration: none !important;
}

/* ----------------------------
  記事一覧 リサーチアイコン（小）
---------------------------- */
.pg_research li .balloon,
.pg_genre .research li .balloon,
.pg_list li.research .txt .balloon {
  background: #faf9f3 url(/common/ure/images/v1/main-column/bulet_wh.png) no-repeat;
  background-size: contain;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 3px;
}

/* ----------------------------
  記事一覧 リサーチアイコン（大）
---------------------------- */
.list li .img .balloon {
  color: #b99d88;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  background-color: #fff;
  border: 1px solid #e4decd;
  border-radius: 2px;
  margin: 0 0 9px;
  padding: 5px 0 4px;
  width: 48px;
  display: block;
  position: relative;
}

.list li .img .balloon i {
  border-style: solid;
  border-color: transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
}

.list li .img .balloon .before {
  border-width: 7px 4px 0;
  border-top-color: #fff;
  margin-left: -4px;
  bottom: -7px;
  z-index: 2;
}

.list li .img .balloon .after {
  border-width: 8px 5px 0;
  border-top-color: #e4decd;
  margin-left: -5px;
  bottom: -8px;
  z-index: 1;
}

/* ----------------------------
  ボタン各種
---------------------------- */
/* ボタンスタイル */
.btn_default {
  color: #4b4b4b !important;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  padding: 12px 20px 10px;
  display: inline-block;
}

.btn_default:hover {
  text-decoration: none !important;
  -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  opacity: 0.8;
}

.btn_blue,
.btn_primary {
  color: #fff !important;
  background-color: #3378b0;
}

.btn_brown,
.btn_highlight {
  color: #fff !important;
  background-color: #b99d86;
}

.btn_action {
  color: #fff !important;
  background-color: #f84f4f;
}

.btn_more a:after {
  background-position: -6px -10px;
  margin: 0 0 2px 6px;
}

.btn_primary.btn_more a:after,
.btn_highlight.btn_more a:after,
.btn_action.btn_more a:after {
  background-position: -6px 0;
}

.btn_load a:after {
  content: '+';
  font-weight: bold;
  background: none;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}

/* 次へ・戻る */
.btn_prev:before {
  content: "";
  background: url(/common/ure/images/v1/main-column/arrows_s.png) 0 -10px no-repeat;
  background-size: auto 200%;
  margin-right: 8px;
  width: 6px;
  height: 10px;
  display: inline-block;
}

.btn_prev.btn_action:before, .btn_prev.btn_primary:before {
  background-position: 0 0;
}

.btn_next:after {
  content: "";
  background: url(/common/ure/images/v1/main-column/arrows_s.png) -6px -10px no-repeat;
  margin-left: 8px;
  background-size: auto 200%;
  width: 6px;
  height: 10px;
  display: inline-block;
}

.btn_next.btn_action:after, .btn_next.btn_primary:after {
  background-position: -6px 0;
}

/* 続きを読み込む */
.btn_load:after {
  content: "";
  background: url(/common/ure/images/v1/main-column/icon_plus_s.png) 0 -10px no-repeat;
  background-size: auto 200%;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

/* --------------------------------------------------
  end common styles
-------------------------------------------------- */
/* --------------------------------------------------
  common-layout
-------------------------------------------------- */
#contents {
  border: 1px solid #f8f5ed;
  border-bottom-width: 0;
  background-color: #f8f5ed;
  margin: 0 auto;
  padding: 19px;
  padding-top: 125px;
  width: 1004px;
  position: relative;
}

#contents:after {
  content: " ";
  clear: both;
  display: table;
}

#contents.media {
  border-width: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px 22px 20px;
}

#main-column {
  width: 686px;
  float: left;
}

#main-column > *:first-child {
  margin-top: 0 !important;
}

#sub-column {
  width: 304px;
  float: right;
}

#sub-column > *:first-child {
  margin-top: 0 !important;
}

footer.page {
  min-width: 1044px;
  width: 100%;
  clear: both;
}

footer.page > .top,
footer.page > .bottom > div {
  margin: 0 auto;
  width: 1044px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* --------------------------------------------------
  end common-layout
-------------------------------------------------- */
/* --------------------------------------------------
  header.page
-------------------------------------------------- */
header.page {
  background-color: #fff;
  padding: 5px 20px 10px;
  margin: 0 auto;
  width: 1004px;
}

header.page > .top {
  height: 28px;
}

header.page > .bottom {
  margin-top: 5px;
}

header.page h1,
header.page .logo {
  margin: 0 0 0 3px;
  float: left;
}

header.page h1 a,
header.page .logo a {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 240px;
  height: 90px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

header.page .banner {
  width: 728px;
  float: right;
}

/* ----------------------------
  header上メディアロゴ
---------------------------- */
header.page .link_annex {
  letter-spacing: -.4em;
  float: left;
}

.link_annex a {
  letter-spacing: normal;
  width: 75px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.link_annex a::before, .link_annex a::after {
  content: "";
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.link_annex a::before {
  z-index: 2;
  -webkit-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

.link_annex a:hover::before {
  opacity: 0;
}

.link_annex a::after {
  z-index: 1;
  opacity: 0.2;
}

.link_annex a.umai-niku::before, .link_annex a.umai-niku::after {
  background-size: 90% auto;
}

.link_annex a.dmania {
  margin-left: 5px;
}

.link_annex a.dmania::before, .link_annex a.dmania::after {
  background-size: 94% auto;
}

.link_annex a.hanryupia, .link_annex a.character_japan {
  width: 56px;
}

.link_annex a.mimot, .link_annex a.hapimama, .link_annex a.yabai, .link_annex a.fundorful, .link_annex a.heremag {
  width: 65px;
}

/* ----------------------------
  header上検索フォーム
---------------------------- */
.searchform form {
  letter-spacing: -.4em;
}

.searchform .input_fulltext {
  font-size: 16px;
  letter-spacing: normal;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  width: 240px;
  height: 26px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}

.searchform .input_fulltext .icon {
  color: #63656a;
  font-family: 'urepia';
  line-height: 1;
  margin: 0 3px 0 6px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.searchform .input_fulltext input {
  font-size: 13px;
  line-height: 1.4;
  border-width: 0;
  background: none;
  padding: 0 2px;
  width: 214px;
  height: 26px;
  -webkit-appearance: none;
}

.searchform .btn_submit {
  color: #fff;
  font-size: 12px;
  letter-spacing: normal;
  line-height: 28px;
  background-color: #63656a;
  border: 0;
  border-radius: 2px;
  margin-left: 5px;
  padding: 0 10px;
  cursor: pointer;
}

header.page .searchform {
  float: right;
}

header.page .searchform .btn_submit {
  display: none;
}

/* --------------------------------------------------
  end header.page
-------------------------------------------------- */
/* --------------------------------------------------
  ad_billboard
-------------------------------------------------- */
.ad_billboard {
  text-align: center;
}

.ad_billboard > div {
  text-align: left;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}

.ad_billboard iframe {
  display: block;
}

/* --------------------------------------------------
  end ad_billboard
-------------------------------------------------- */
/* --------------------------------------------------
  sitenavi
-------------------------------------------------- */
#sitenavi-menu {
  background-color: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: 20px;
  margin-top: -50px;
  top: 70px;
}

#sitenavi-menu .inner {
  margin: 0 auto;
  width: 1004px;
  position: relative;
  z-index: 11;
}

#sitenavi-menu ul {
  list-style-type: none;
}

#sitenavi-menu ul.tabs li {
  float: left;
}

#sitenavi-menu ul.tabs li a {
  color: #4a4a4a;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  line-height: 1;
  background-color: transparent;
  padding: 20px 12px 17px;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: background-color 400ms linear;
  -o-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
  position: relative;
}

#sitenavi-menu ul.tabs li a.fast {
  -webkit-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}

#sitenavi-menu ul.tabs li a:hover, #sitenavi-menu ul.tabs li a.reverse {
  color: #fff;
  background-color: #b99d86;
}

#sitenavi-menu ul.tabs li a.reverse:before {
  opacity: 1;
}

#sitenavi-menu ul.tabs li a.reverse:after {
  border-top-color: #fff !important;
}

#sitenavi-menu ul.tabs li.pulldown a {
  padding-right: 17px;
}

#sitenavi-menu ul.tabs li.pulldown a::before, #sitenavi-menu ul.tabs li.pulldown a::after {
  content: "";
  border-style: solid;
  border-color: transparent;
  width: 0;
  height: 0;
  position: absolute;
}

#sitenavi-menu ul.tabs li.pulldown a::before {
  border-width: 0 7px 8px 7px;
  border-bottom-color: #fff;
  margin-left: -7px;
  left: 50%;
  bottom: -1px;
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

#sitenavi-menu ul.tabs li.pulldown a::after {
  border-width: 3px 3px 0 3px;
  border-top-color: #b99d86;
  right: 7px;
  top: 24px;
}

#sitenavi-menu ul.tabs li.pulldown a.current:before {
  opacity: 1;
  border-width: 2px 0 0 0;
  border-top-color: #b99d86;
  margin-left: 0;
  width: 100%;
  left: 0;
  top: 0;
}

#sitenavi-menu .sub_genre {
  border-top: 1px solid #b99d86;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 5px 0 10px;
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 300ms linear, opacity 300ms linear;
  -o-transition: visibility 300ms linear, opacity 300ms linear;
  transition: visibility 300ms linear, opacity 300ms linear;
}

#sitenavi-menu .sub_genre.fast {
  -webkit-transition-duration: 0, 0;
  -o-transition-duration: 0, 0;
  transition-duration: 0, 0;
}

#sitenavi-menu .sub_genre.current {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

#sitenavi-menu .sub_genre .sub_genre ul {
  margin: 0 auto;
  width: 970px;
  overflow: hidden;
}

.sub_genre ul {
  margin: 0 auto;
  width: 970px;
  overflow: hidden;
}

.sub_genre ul li {
  margin-right: 8px;
  padding-right: 8px;
  float: left;
  position: relative;
}

.sub_genre ul li:after {
  content: "";
  background-color: #ccc;
  width: 1px;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 5px;
}

.sub_genre ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.sub_genre ul li:last-child:after {
  display: none;
}

.sub_genre ul li a {
  color: #4a4a4a;
  font-size: 12px;
  padding: 4px 0;
}

/* ----------------------------
  sitenavi menu more
---------------------------- */
#navi-more {
  position: absolute;
  right: 0;
  top: 0;
}

#sitenavi-menu ul.tabs li#navi-more a {
  color: #666;
  font-size: 20px;
  padding: 0;
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  position: relative;
}

#sitenavi-menu ul.tabs li#navi-more a:hover, #sitenavi-menu ul.tabs li#navi-more a.reverse {
  color: #666;
  background-color: transparent;
}

#sitenavi-menu ul.tabs li#navi-more a::before {
  border-width: 0;
  margin: 0;
  width: 22px;
  height: .5em;
  overflow: hidden;
  display: block;
  left: 15px;
  top: 19px;
  opacity: 1;
}

#sitenavi-menu ul.tabs li#navi-more a::after {
  display: none;
}

#sitenavi-menu .sub_genre.more {
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  padding: 10px 12px;
  width: 188px;
  left: auto;
  right: -10px;
  top: 45px;
  z-index: 11;
}

#sitenavi-menu .sub_genre.more ul {
  width: auto;
}

#sitenavi-menu .sub_genre.more ul li {
  line-height: 1;
  margin-right: 0;
  padding-right: 0;
  float: none;
}

#sitenavi-menu .sub_genre.more ul li:after {
  display: none;
}

#sitenavi-menu .sub_genre.more ul li a {
  font-size: 12px;
  line-height: 1.2;
  padding: 5px 0 5px 8px;
  display: block;
  position: relative;
}

#sitenavi-menu .sub_genre.more ul li a:before {
  content: "\e607";
  color: #b99d86;
  font-family: 'urepia';
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  speak: none;
}

#sitenavi-menu .sub_genre.more ul li a:hover:before {
  text-decoration: none !important;
}

/* ----------------------------
  sitenavi固定時
---------------------------- */
#sitenavi-menu .logo a {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 100px;
  height: 25px;
  display: none;
  position: absolute;
  left: 10px;
  top: 13px;
  z-index: 1;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#sitenavi-menu.fixed {
  margin-top: 0;
  width: 100%;
  min-width: 1240px;
  height: 50px !important;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  -webkit-transition: margin-top 200ms ease;
  -o-transition: margin-top 200ms ease;
  transition: margin-top 200ms ease;
}

#sitenavi-menu.fixed .logo a {
  display: block;
}

.fixed #fx_header_search {
  display: block;
}

#fx_header_search {
  background-color: #fff;
  padding: 11px 10px;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  -webkit-transition: right 300ms ease;
  -o-transition: right 300ms ease;
  transition: right 300ms ease;
}

#fx_header_search .btn_submit {
  display: none !important;
}

#fx_header_search .input_fulltext {
  border-width: 1px;
  width: 200px;
}

#fx_header_search .input_fulltext input {
  width: 172px;
}

#fx_header_search .searchform,
#fx_header_search .btn_close {
  display: inline-block;
  vertical-align: middle;
}

#fx_header_search .btn_close {
  color: #898c90;
  margin-left: 5px;
  cursor: pointer;
}

#fx_header_search.off {
  right: -194px;
}

#fx_header_search.off .input_fulltext {
  border-color: transparent;
}

#fx_header_search.off .input_fulltext input {
  visibility: hidden;
}

/* --------------------------------------------------
  end sitenavi
-------------------------------------------------- */
/* --------------------------------------------------
  footer.top
-------------------------------------------------- */
footer.page {
  color: #fff;
  background-color: #2b2b2b;
}

footer.page a {
  color: #fff;
  cursor: pointer;
}

footer.page > .top {
  padding: 20px 0;
}

footer.page > .top > div {
  padding: 0 10px;
}

footer.page > .top > div + div {
  border-top: 1px solid #333;
  margin-top: 10px;
  padding-top: 10px;
}

footer.page > .top > div > .heading {
  color: #d6cec3;
  font-size: 14px;
  margin-bottom: 5px;
}

footer.page ul.links {
  letter-spacing: -.4em;
}

footer.page ul.links li {
  font-size: 12px;
  letter-spacing: normal;
  line-height: 1.6;
  display: inline-block;
  position: relative;
}

footer.page ul.links li + li {
  margin-left: 8px;
  padding-left: 8px;
}

footer.page ul.links li + li::before {
  content: "";
  background-color: #666;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
}

footer.page ul.links li a {
  padding: 4px 0;
}

footer.page ul.links li .heading {
  font-weight: normal;
  padding-right: 10px;
}

footer.page ul.sub {
  letter-spacing: -.4em;
}

footer.page ul.sub li {
  font-size: 11px;
}

footer.page .categories ul.links > li {
  margin-top: 3px;
  margin-left: 0;
  padding-left: 0;
  display: block !important;
}

footer.page .categories ul.links > li::before {
  display: none;
}

footer.page .categories ul.links > li h5 {
  display: inline-block;
}

footer.page .categories ul.links > li .sub {
  padding-left: 10px;
  display: inline-block;
}

footer.page > .bottom {
  text-align: center;
  background-color: #1f1f21;
}

footer.page > .bottom .copyright {
  color: #fff;
  font-size: 12px;
  text-align: left;
  line-height: 1;
  padding: 20px 10px;
}

/* --------------------------------------------------
  end footer.top
-------------------------------------------------- */
/* --------------------------------------------------
  sub-column
-------------------------------------------------- */
#sub-column .pg_list,
#sub-column .pg,
#sub-column .ad,
#sub-column .sub-parts,
#sub-column .pg_favorite {
  margin-top: 20px;
}

#sub-column a {
  text-decoration: none;
}

#sub-column a:hover,
#sub-column a:hover * {
  text-decoration: underline;
}

/* ----------------------------
  記事リスト
---------------------------- */
#sub-column .pg_list {
  border-radius: 2px;
}

#sub-column .header {
  border-bottom: 1px solid #e3e3e5;
  border-radius: 2px 2px 0 0;
  background: #faf9f3 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
  width: auto;
  height: auto;
  position: relative;
}

#sub-column .header .heading,
#sub-column .header h4 {
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  padding: 10px 10px 8px;
}

#sub-column .header .heading a,
#sub-column .header h4 a {
  display: block;
}

#sub-column .header .heading a:after,
#sub-column .header h4 a:after {
  content: "";
  background: url(/common/ure/images/v1/sub-column/icon_next.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
}

#sub-column .header .heading a:hover,
#sub-column .header h4 a:hover {
  color: #4378AA;
  text-decoration: none;
}

#sub-column ul.list li {
  list-style-type: none;
  padding: 10px;
  overflow: hidden;
  position: relative;
}

#sub-column ul.list li + li {
  border-top: 1px solid #f1efef;
}

#sub-column ul.list li .frame_genre {
  position: absolute;
  left: 10px;
  top: 10px;
}

#sub-column ul.list li .img {
  width: 52px;
  float: left;
}

#sub-column ul.list li .img .inner {
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}

#sub-column ul.list li .img .inner,
#sub-column ul.list li.img_index .img .icon {
  background-position: 50% 0;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  display: block;
}

#sub-column ul.list li.img_index .img .icon {
  -webkit-background-size: cover;
  background-size: cover;
}

#sub-column ul.list li .img img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

#sub-column ul.list li .img .genre {
  border-width: 1px;
  border-style: solid;
}

#sub-column ul.list li.custom .img img.icon {
  background-position: 50% 50%;
}

#sub-column ul.list li .txt {
  font-size: 80%;
  line-height: 1.4;
  width: 220px;
  float: right;
}

#sub-column ul.list li .txt .icon_genre {
  margin-right: 5px;
  display: inline-block;
}

/* ----------------------------
  ranking
---------------------------- */
#pg_ranking .header {
  border-bottom-width: 0;
}

#pg_ranking .sidebartabs .tabs {
  border-bottom: 1px solid #e3e3e5;
  background: #faf9f3;
  text-align: center;
}

#pg_ranking .sidebartabs .tabs li {
  margin-bottom: -1px;
  display: inline-block;
}

#pg_ranking .sidebartabs .tabs li a {
  color: #1f1f20;
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  border: 1px solid #faf9f3;
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
  padding: 8px 0 5px;
  width: 90px;
  display: block;
}

#pg_ranking .sidebartabs .tabs li.ui-state-active a {
  color: #ffcd02;
  font-size: 13px;
  font-weight: bold;
  border-color: #e3e3e5;
  background-color: #fff;
  cursor: default;
}

#pg_ranking .sidebartabs .tabs li.ui-state-active a:hover {
  text-decoration: none;
}

#pg_ranking ul.list li {
  min-height: 50px;
}

#pg_ranking ul.list li.hide {
  display: none;
}

#pg_ranking ul.list li a {
  overflow: hidden;
}

#pg_ranking ul.list li.news_icon .img img {
  padding-top: 10px;
}

#pg_ranking ul.list li.news_icon .img .balloon {
  margin: 4px 1px 9px;
}

#pg_ranking .icon_ranking, #sub-column .smp_ranking .icon_ranking {
  color: #fff;
  font-size: 9px;
  font-family: Helvetica, Arial,sans-serif;
  line-height: 1;
  text-align: center;
  border-radius: 2px;
  background-color: #9c9571;
  padding: 2px 0 3px;
  width: 1.5em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}

#pg_ranking .num1 .icon_ranking,
#pg_ranking .num2 .icon_ranking,
#pg_ranking .num3 .icon_ranking,
#sub-column .smp_ranking .rank1 .icon_ranking,
#sub-column .smp_ranking .rank2 .icon_ranking,
#sub-column .smp_ranking .rank3 .icon_ranking {
  background-color: #ffdb4c;
}

/* ----------------------------
  自由枠タブ
---------------------------- */
.article_tab {
  margin-bottom: 20px;
}

.article_tab .tabs {
  background-color: #FAF9F3;
  overflow: hidden;
  _zoom: 1;
}

.article_tab .tabs li {
  list-style-type: none;
  border-bottom: 4px solid #fff;
  width: 100%;
  float: left;
}

.article_tab .tabs li a {
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  border-left: 1px solid #efefef;
  padding: 15px 0 11px;
  display: block;
}

.article_tab .tabs li.tab1 a {
  border-left-width: 0;
}

.tab_size_5 .tabs li {
  width: 20%;
}

.tab_size_4 .tabs li {
  width: 25%;
}

.tab_size_3 .tabs li {
  width: 33%;
}

.tab_size_3 .tabs li.tab1 {
  width: 34%;
}

.tab_size_2 .tabs li {
  width: 50%;
}

.article_tab .tabs li.ui-state-active a {
  color: #fff;
  cursor: default;
}

.article_tab .tabs li.ui-state-active a:hover {
  text-decoration: none !important;
}

.article_tab .tab_content .hide {
  display: none;
}

.article_tab .tab_content li a .frame_genre {
  position: absolute;
  left: 13px;
  top: 9px;
}

.sidebartabs .tab_content .freehtml {
  background: #fff url(/common/ure/images/v1/sub_column/bg_list.png) -306px 100% no-repeat;
  margin: 0 2px;
  padding: 10px;
  width: 280px;
}

.sidebartabs .footer {
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  border-top: 1px solid #e3e3e5;
  background: #f2f3f2;
  padding: 10px 0 7px;
  display: block;
}

.sidebartabs .footer:hover {
  color: #4378AA;
  text-decoration: none !important;
}

.sidebartabs div.btn_more {
  cursor: pointer;
}

.sidebartabs .btn_more .btn:after,
.sidebartabs .btn_next .btn:after {
  content: "";
  background: 100% 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
}

.sidebartabs .btn_more .btn:after {
  background-image: url(/common/ure/images/v1/sub-column/icon_plus.png);
}

.sidebartabs .btn_next .btn:after {
  background-image: url(/common/ure/images/v1/sub-column/icon_next.png);
}

/* ----------------------------
  SNS公式アカウント
---------------------------- */
#sns_accounts ul.list li {
  padding-left: 15px;
  width: 100%;
  min-height: inherit;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#sns_accounts li .heading,
#sns_accounts ul.list li ul {
  display: table-cell;
  vertical-align: middle;
}

#sns_accounts li .heading img {
  max-width: 95px;
  max-height: 28px;
  vertical-align: middle;
}

#sns_accounts li.omotopia .heading img {
  margin-top: -2px;
  max-height: 32px;
}

#sns_accounts li.hapimama .heading img {
  max-height: 24px;
}

#sns_accounts li.hapimama .heading img {
  height: 24px;
}

#sns_accounts ul.list li ul {
  letter-spacing: -.4em;
  padding-left: 20px;
  width: 150px;
}

#sns_accounts ul.list li li {
  letter-spacing: normal;
  border-width: 0;
  margin-right: 10px;
  padding: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

#sns_accounts li li a {
  background: url(/common/ure/images/v1/sub-column/icon_social_acounts.png) 0 0 no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  width: 28px;
  height: 28px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

#sns_accounts li li a:hover {
  opacity: 0.8;
}

#sns_accounts li.facebook a {
  background-position: -28px 0;
}

#sns_accounts li.rss a {
  background-position: -84px 0;
}

/* ----------------------------
  PRTIMES記事リスト
---------------------------- */
#prtimes_articles .heading .from {
  font-size: 10px;
  font-weight: normal;
  margin-top: .25em;
  float: right;
}

#prtimes_articles .footer {
  border-top: 1px solid #e3e3e5;
}

#prtimes_articles .footer.hide {
  display: none;
}

#prtimes_articles .footer a {
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  background: #f2f3f2;
  padding: 10px 0 7px;
  display: block;
  cursor: pointer;
}

#prtimes_articles .footer a:hover {
  color: #4378AA;
  text-decoration: none !important;
}

#prtimes_articles .footer a:after {
  content: "";
  background: 100% 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
}

#prtimes_articles .btn_load a:after {
  background-image: url(/common/ure/images/v1/sub-column/icon_plus.png);
}

#prtimes_articles .btn_more a:after {
  background-image: url(/common/ure/images/v1/sub-column/icon_next.png);
}

#prtimes_articles .btn_load:after,
#prtimes_articles .btn_more:after {
  display: none;
}

/* --------------------------------------------------
  end sub-column
-------------------------------------------------- */
/* --------------------------------------------------
  main-column common
-------------------------------------------------- */
#main-column .pg_list,
#main-column .pg_footer,
#main-column .pg,
#main-column .OUTBRAIN {
  margin-top: 30px;
}

#main-column .pg_footer:after {
  content: "";
  clear: both;
  display: block;
}

#main-column .pg.ad {
  text-align: center;
}

#snsbtns_bottom + #pg_list_report,
.category_header + #pg_list_report {
  margin-top: 15px;
}

/* ----------------------------
  パンくず
---------------------------- */
#breadcramb {
  background-color: #E4DECD;
  margin-top: 30px;
  padding: 6px 10px;
  overflow: hidden;
}

#breadcramb .left {
  font-size: 12px;
  margin-left: -5px;
}

#breadcramb .left > div {
  display: inline;
}

#breadcramb .left a,
#breadcramb .left span {
  line-height: 18px;
  padding: 0 5px;
  display: inline-block;
  vertical-align: top;
}

#breadcramb .left a span {
  display: inline;
  padding: 0;
}

#breadcramb .left .sg {
  padding-right: 0;
}

/* ----------------------------
  パンくず シンプル型
  記事ページ・特集
---------------------------- */
#signage #breadcramb,
#main-column > .header #breadcramb,
.wide.header #breadcramb {
  background-color: transparent !important;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
}

#main-column > .header .kanban + #breadcramb {
  margin-top: 10px;
}

#signage #breadcramb a,
#signage #breadcramb,
#main-column > .header #breadcramb a,
#main-column > .header #breadcramb {
  font-size: 11px;
  color: #bdbec2;
  font-weight: normal;
}

/* ----------------------------
  記事一覧
---------------------------- */
.main-column-header + .pg_list {
  margin-top: 15px !important;
}

.pg_list:before,
.pg_list:after {
  content: " ";
  display: table;
}

.pg_list:after {
  clear: both;
}

#breadcramb + .pg_list {
  margin-top: 20px !important;
}

#main-column .pg_list .header {
  margin-bottom: 10px;
  position: relative;
}

.pg_list .header .heading {
  color: #1f1f20;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  padding: 10px;
}

.pg_list .header .heading a {
  display: block;
  position: relative;
}

.pg_list .header .heading a::after {
  content: "";
  background: url(/common/ure/images/v1/sub-column/icon_next.png);
  background-size: contain;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
}

#main-column .pg_list .header .heading a:hover {
  color: #4378AA;
  text-decoration: none;
}

.pg_list ul.list {
  list-style-type: none;
}

.pg_list .list li .txt {
  line-height: 1.4;
  text-align: justify;
  text-justify: distribute;
}

.pg_list .list li.hide {
  display: none;
}

/* ----------------------------
  box型記事リスト
---------------------------- */
ul.list_box {
  letter-spacing: -.4em;
  margin-top: -10px;
}

.list_box:before,
.list_box:after {
  content: " ";
  display: table;
}

.list_box:after {
  clear: both;
}

.list_box li {
  letter-spacing: normal;
  border-radius: 2px;
  margin-top: 10px;
  padding: 7px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

ul.list_box li + li {
  margin-left: 7px;
}

ul.list_box li a .img > img {
  vertical-align: top;
}

.list_box li .caption {
  font-size: 14px;
  line-height: 1.2;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}

.list_box.w5 li {
  padding: 5px;
  width: 119px;
}

.list_box.w5 li + li {
  margin-left: 10px;
}

.list_box.w5 li:nth-child(5n+1) {
  margin-left: 0;
}

.list_box.w5 li .caption {
  font-size: 13px;
  padding: 5px;
}

.list_box.w4 li {
  width: 150px;
}

.list_box.w4 li + li {
  margin-left: 10px;
}

.list_box.w4 li:nth-child(4n+1) {
  margin-left: 0;
}

.list_box.w4 li .txt {
  font-size: 14px;
  margin-top: 5px;
}

.list_box.w4 li.news.img_index .img .icon {
  background-position: 50% 0;
  background-size: cover;
  width: 150px;
  height: 100px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.list_box.w3 li {
  width: 210px;
}

.list_box.w3 li:nth-child(3n+1) {
  margin-left: 0;
}

.list_box.w3 li .txt {
  font-size: 14px;
}

.list_box.w3 li .caption {
  padding: 7px;
}

/*----- top_contents -----*/
/* ----------------------------
  最新レポート
---------------------------- */
.pg_report li {
  list-style-type: none;
  border-radius: 2px;
  overflow: hidden;
}

.pg_report li a {
  display: block;
  overflow: hidden;
}

.pg_report li .icon_genre {
  position: absolute;
  left: 0;
  top: 0;
}

#feature {
  overflow: hidden;
  position: relative;
}

#feature li.genre_none .icon_genre {
  display: none;
}

/* ----------------------------
  左リスト
---------------------------- */
#feature .list {
  position: absolute;
  left: 0;
  top: 0;
}

#feature .list li {
  width: 420px;
  height: 360px;
  position: relative;
}

#feature .list li a:hover * {
  text-decoration: none;
}

#feature .list li.img .img {
  text-align: center;
}

#feature .list li.img .caption {
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0 0 2px 2px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

#feature .list li.img .caption .heading {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}

#feature .list li.img a:hover .caption {
  background-color: rgba(0, 0, 0, 0.4);
}

/* ----------------------------
  右リスト
---------------------------- */
#feature .nav li {
  border: 0 solid #a88f57;
  padding: 2px;
  width: 254px;
  height: 80px;
  position: relative;
  cursor: pointer;
}

#feature .nav li + li {
  margin-top: 8px;
}

#feature .nav li.current {
  border-width: 2px;
  padding: 0;
}

#feature .nav li a {
  text-decoration: none !important;
  background-color: #fff;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#feature .nav li .img {
  -ms-flex-preferred-size: 68px;
  flex-basis: 68px;
  height: 68px;
  overflow: hidden;
}

#feature .nav li .img img {
  width: 100%;
  height: auto;
}

#feature .nav li .txt {
  font-size: 13px;
  line-height: 1.2;
  -ms-flex-preferred-size: 166px;
  flex-basis: 166px;
}

/* ----------------------------
  固定枠
---------------------------- */
.pg_report .pickup {
  margin-top: 15px;
}

.pg_report .pickup li .img {
  margin-bottom: 5px;
  width: 150px;
  height: 100px;
  overflow: hidden;
}

/* ----------------------------
  end 最新レポート
---------------------------- */
/* ----------------------------
  まとめ一覧
---------------------------- */
.pg_collect ul.list li .img {
  min-height: 92px;
}

.pg_collect ul.list li a:hover .caption {
  text-decoration: underline;
}

/* ----------------------------
  連載一覧
---------------------------- */
.pg_series .body {
  padding-bottom: 7px;
  overflow: hidden;
}

.pg_series ul.list li {
  margin: 7px 7px 0;
  width: 329px;
  /* 686/2-14 */
  float: left;
  position: relative;
}

.pg_series ul.list li a {
  width: 100%;
  display: table;
}

.pg_series ul.list li a > div {
  display: table-cell;
  vertical-align: top;
}

.pg_series ul.list li .txt {
  padding-left: 12px;
}

/* ----------------------------
  特集一覧
----------------------------- */
.pg_special ul.list li .img {
  width: 210px;
  height: 140px;
  position: relative;
}

.pg_special ul.list li .txt {
  font-size: 14px;
  padding-top: 5px;
}

/* ----------------------------
  リサーチ一覧
---------------------------- */
.pg_research .body {
  margin-top: 10px;
}

.pg_research .body .img {
  margin-bottom: 5px;
  width: 150px;
  height: 100px;
  overflow: hidden;
}

.pg_research .body .list_noimg {
  margin-top: 10px;
  border-radius: 2px;
}

.pg_research .body .list_noimg li {
  padding: 10px 10px 8px;
}

.pg_research .body .list_noimg li + li {
  border-top: 1px solid #f1efef;
}

.pg_research li .txt,
.pg_genre .research li a {
  padding-left: 18px;
  display: block;
  position: relative;
}

.pg_research li .txt .icon,
.pg_genre .research li .icon,
.pg_list li.research .txt .icon {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 3px;
}

/* ----------------------------
  ジャンル別一覧 (media_top)
---------------------------- */
.pg_genre {
  margin-top: 30px;
}

.pg_genre + .pg_genre {
  margin-top: 20px;
}

.pg_genre ul {
  list-style-type: none;
}

.pg_genre > .header {
  position: relative;
}

.pg_genre > .header .heading {
  /* color: #fff; */
  font-size: 17px;
  font-weight: 700;
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  padding-left: 26px;
}

.pg_genre > .header .link {
  color: #6a6a6a;
  font-size: 11px;
  padding-right: 10px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.pg_genre .header .link::before {
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 1px;
}

.pg_genre > .body {
  font-size: 14px;
  border-radius: 0 0 2px 2px;
  border-top-width: 2px;
  border-style: solid;
  padding-bottom: 15px;
}

.pg_genre > .body > div {
  padding: 15px 15px 0;
  overflow: hidden;
}

.pg_genre > .body > .sub_genre {
  border-bottom: 1px solid #e3e3e5;
  padding: 5px 10px 7px;
  overflow: hidden;
}

.pg_genre .body_top > .img {
  background-color: #000;
  width: 230px;
  min-height: 154px;
  float: left;
  position: relative;
}

.pg_genre .body_top > .img img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.pg_genre .body_top > .img .caption {
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  text-align: justify;
  text-justify: distribute;
  background-color: rgba(0, 0, 0, 0.7);
  width: 210px;
  padding: 8px 10px 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.pg_genre .body_top > .img a:hover .caption {
  text-decoration: none !important;
  background-color: rgba(0, 0, 0, 0.4);
}

.pg_genre .body_top > .txt {
  margin-top: -6px;
  width: 410px;
  float: right;
}

.pg_genre .body_top > .txt li {
  text-align: justify;
  text-justify: distribute;
}

.pg_genre .body_top > .txt li + li {
  border-top: 1px dotted #B2B2B2;
  margin-top: 5px;
  padding-top: 5px;
}

.pg_genre .body_top > .txt li a {
  padding-right: 5px;
  padding-left: 14px;
  display: block;
  position: relative;
}

.pg_genre .body_top > .txt li i.icon {
  font-size: 18px;
  text-decoration: none !important;
  position: absolute;
  left: -4px;
  top: 0;
}

/*----- ジャンル別Annex -----*/
.pg_genre .genre_annex .heading {
  margin-bottom: 10px;
}

.pg_genre .genre_annex .heading img {
  width: 80px;
  height: auto;
}

.pg_genre .genre_annex li a {
  display: table;
}

.pg_genre .genre_annex li .img,
.pg_genre .genre_annex li .txt {
  line-height: 1.4;
  display: table-cell;
  vertical-align: top;
}

.pg_genre .genre_annex li .img {
  padding-right: 12px;
  width: 64px;
}

.pg_genre .genre_annex li.has_img .img img {
  width: 100%;
  height: auto;
}

/*----- ジャンル別リサーチ・  ジャンル別Annex共通 -----*/
.pg_genre .body .research ul,
.pg_genre .genre_annex ul {
  overflow: hidden;
}

.pg_genre .body .research li,
.pg_genre .genre_annex li {
  text-align: justify;
  text-justify: distribute;
  width: 206px;
  float: left;
}

.pg_genre .body .research li + li,
.pg_genre .genre_annex li + li {
  border-left: 1px dotted #B2B2B2;
  margin-left: 9px;
  padding-left: 8px;
}

/*----- ジャンル別リサーチ -----*/
.pg_genre .body .research {
  padding-top: 20px;
  clear: both;
  overflow: hidden;
}

.pg_genre .body .research li .txt {
  line-height: 1.4;
  display: block;
}

/* ジャンル別ニュース */
.pg_genre .genre_news h4 {
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 10px;
}

.pg_genre .genre_news h4 .icon {
  font-size: 16px;
  padding-right: 4px;
  vertical-align: middle;
}

.pg_genre .genre_news ul {
  margin: 0 -1px;
  width: 660px;
  overflow: hidden;
}

.pg_genre .genre_news ul li {
  margin-right: 2px;
  float: left;
}

.pg_genre .genre_news ul li.first {
  margin-left: 0;
}

.pg_genre .genre_news ul li a {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 64px;
  height: 64px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* ----------------------------
  end ジャンル別一覧 (media_top)
---------------------------- */
/* ----------------------------
  著者情報
---------------------------- */
.authors_info {
  font-size: 12px;
  width: 100%;
  display: table;
}

.authors_info .left,
.authors_info .right {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.authors_info .right {
  text-align: right;
}

.authors_info .left * {
  vertical-align: middle;
}

.authors_info .author_ph {
  background: transparent 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  border-radius: 50%;
  margin-right: 5px;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.authors_info .prtimes,
.authors_info .publish_at {
  color: #bdbec2;
  font-size: 11px;
}

.authors_info a:hover {
  color: #3f79a6;
}

.authors_info .pr {
  color: #bdbec2;
  border-color: #bdbec2;
  margin-left: 5px;
}

/* --------------------------------------------------
  end main-column common
-------------------------------------------------- */
/* --------------------------------------------------
  nakanohitoコメント
-------------------------------------------------- */
#ulCommentWidget {
  margin-top: 30px;
}

/* --------------------------------------------------
  end nakanohitoコメント
-------------------------------------------------- */
/* ----------------------------------------------
  ユーザー自由枠
---------------------------------------------- */
#sub-column .smp ul {
  list-style-type: none;
}

/* ----------------------------
  自由枠 ランキング
---------------------------- */
#sub-column .smp_ranking .free_txt img {
  vertical-align: top;
}

/* ----------------------------
  自由枠 ボタン
---------------------------- */
#sub-column .smp_btn {
  background-color: transparent;
  text-align: center;
}

#sub-column .smp_btn a {
  color: #4b4b4b !important;
  font-size: 13px;
  line-height: 1;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  padding: 20px 0;
  width: 300px !important;
  display: inline-block;
}

#sub-column .smp_btn a:hover {
  text-decoration: none !important;
  -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  opacity: 0.8;
}

/* ----------------------------
  スマートパーツ自由枠 画像付きリスト
---------------------------- */
#sub-column .smp_list .frame_genre {
  display: none;
}

#sub-column .smp_list ul.list li a,
#sub-column .smp_info ul.list li.img a {
  min-height: 54px;
  display: block;
}

#sub-column .smp_list .free_txt {
  background: url(/common/ure/images/v1/sub_column/bg_list_smp_free.png) -304px 0 repeat-y;
  padding: 9px 12px;
}

#sub-column .smp_list .free_txt img {
  vertical-align: top;
}

#sub-column .smp_list ul.list li.genre_1 img {
  border-color: #99C032;
}

#sub-column .smp_list ul.list li.genre_2 img {
  border-color: #1B99F7;
}

#sub-column .smp_list ul.list li.genre_3 img {
  border-color: #E94D84;
}

#sub-column .smp_list ul.list li.genre_4 img {
  border-color: #E33A2B;
}

#sub-column .smp_list ul.list li.genre_5 img {
  border-color: #7166B0;
}

#sub-column .smp_list ul.list li.genre_6 img {
  border-color: #FCA100;
}

#sub-column .smp_list ul.list li.genre_7 img {
  border-color: #167BCD;
}

#sub-column .smp_list ul.list li.genre_8 img {
  border-color: #F98628;
}

#sub-column .smp_list ul.list li.genre_9 img {
  border-color: #E33A2B;
}

#sub-column .smp_list ul.list li.genre_0 img {
  border-color: #FFBC05;
}

/* ----------------------------
  自由枠 お知らせトピックスパターン
---------------------------- */
#sub-column .smp_info li.txt {
  min-height: initial;
  height: auto;
}

#sub-column .smp_info li.txt .txt {
  border-left: 4px solid #D6CBB1;
  padding-left: 10px;
  width: auto;
  float: none;
}

/* ----------------------------
  自由枠 フリーフォーマット
---------------------------- */
#sub-column .smp_free .footer {
  display: none;
}

#sub-column .smp_free .body {
  padding: 10px;
}

#sub-column .smp_free p {
  line-height: 1.4;
  margin-top: 0.5em;
}

#sub-column .smp_free p::before,
#sub-column .smp_free p::after {
  content: " ";
  display: table;
}

#sub-column .smp_free p::after {
  clear: both;
}

#sub-column .smp_free p:first-child {
  margin-top: 0;
}

#sub-column .smp_free p .left {
  padding: 0 10px 10px 0;
}

#sub-column .smp_free p .right {
  padding: 0 0 10px 10px;
}

.smp_free .btn_brown,
.smp_free .btn_silver,
.smp_free .btn_brown a,
.smp_free .btn_silver a {
  display: inline-block;
}

.smp_free .btn_silver,
.smp_free .btn_brown,
.smp_free .btn_default,
.smp_free .btn_primary,
.smp_free .btn_action,
.smp_free .btn_highlight {
  background-color: transparent;
  margin: 1px 0;
  display: inline-block;
}

.smp_free .btn_silver > a,
.smp_free .btn_brown > a,
.smp_free .btn_default > a,
.smp_free .btn_primary > a,
.smp_free .btn_action > a,
.smp_free .btn_highlight > a {
  color: #4b4b4b !important;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  padding: 12px 20px 10px;
  display: inline-block;
}

.smp_free .btn_silver > a:hover,
.smp_free .btn_brown > a:hover,
.smp_free .btn_default > a:hover,
.smp_free .btn_primary > a:hover,
.smp_free .btn_action > a:hover,
.smp_free .btn_highlight > a:hover {
  text-decoration: none !important;
  -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}

.smp_free .btn_primary > a {
  color: #fff !important;
  background-color: #3378b0;
}

.smp_free .btn_action > a {
  color: #fff !important;
  background-color: #f84f4f;
}

.smp_free .btn_brown > a,
.smp_free .btn_highlight > a {
  color: #fff !important;
  background-color: #b99d86;
}

#sub-column .smp_free .list_arrow li {
  line-height: 1.2;
  margin-top: 0.4em;
}

#sub-column .smp_free .list_arrow li a {
  padding-left: 10px;
  display: block;
  position: relative;
}

#sub-column .smp_free .list_arrow li a:before {
  content: "";
  background: #d6cbb1 url(/common/ure/images/v1/main-column/bulet_wh.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
}

/* ----------------------------
  自由枠 全画像パターン
---------------------------------------------- */
#sub-column .smp_image {
  text-align: center;
}

/* ------------------------------------------------
  end ユーザー自由枠
------------------------------------------------ */
/* ------------------------------------------------
  コンポーネント
------------------------------------------------ */
#contents > .component {
  margin-bottom: 30px;
}

/* ------------------------------------------------
  end コンポーネント
------------------------------------------------ */
/* --------------------------------------------------
  indexes common
  一覧ページ
-------------------------------------------------- */
/* ----------------------------
  カテゴリ ヘッダー
---------------------------- */
#main-column > .header,
.wide.header {
  margin-top: 30px;
}

#main-column > .header > .kanban img,
.wide.header > .kanban img {
  vertical-align: top;
}

#main-column > .header > .title,
.wide.header > .title {
  color: #a88f57;
  font-size: 26px;
  line-height: 1.2;
  float: none;
}

#main-column > .header > .title img,
.wide.header > .title img {
  margin-right: 5px;
  max-width: 36px;
  height: auto;
  vertical-align: middle;
}

#main-column > .header .snsbtns_wide,
.wide.header .snsbtns_wide {
  margin-top: 10px;
}

/* ----------------------------
  看板ありヘッダー
---------------------------- */
#main-column > .header.shdw,
.wide.header.shdw {
  padding: 15px;
}

#main-column > .header.shdw > .kanban,
.wide.header.shdw > .kanban {
  margin: -15px -15px 10px;
}

#main-column > .header.shdw > .title,
.wide.header.shdw > .title {
  color: inherit;
  font-size: 22px;
  padding-left: 12px;
  margin-top: 10px;
  position: relative;
}

#main-column > .header.shdw > .title .bulet,
.wide.header.shdw > .title .bulet {
  background-color: #ffcd02;
  width: 4px;
  height: 100%;
  display: block;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
}

#main-column > .header.shdw > .kanban + .title,
.wide.header.shdw > .kanban + .title {
  margin-top: 20px;
}

#main-column > .header.shdw .summary,
#main-column > .header.shdw .snsbtns_wide,
.wide.header.shdw .summary,
.wide.header.shdw .snsbtns_wide {
  margin-top: 15px;
}

/* ----------------------------
  fullsizeカンバン
---------------------------- */
.wide.header.shdw {
  margin-top: 0 !important;
  margin-bottom: 30px;
}

.wide.header.shdw > .kanban img {
  width: 100%;
  height: auto;
}

/* ----------------------------
  basic 記事一覧
---------------------------- */
#pg_article_list .pagenation {
  margin-top: 15px;
  text-align: center;
}

#pg_article_list .pagenation .btn_default {
  margin: 0 10px;
}

#pg_article_list .pagenation + .ad_wrapper {
  margin-top: 20px;
}

#pg_article_list .list li {
  padding: 15px;
}

#pg_article_list .list li + li {
  border-top: 1px solid #f1efef;
}

#pg_article_list .list li.noimg {
  padding-bottom: 10px;
}

#pg_article_list .list li .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
}

#pg_article_list .list li .title .media-from {
  font-size: 12px;
  text-align: right;
}

#pg_article_list .list li .txt {
  font-size: 13px;
  line-height: 1.5;
}

/* ----------------------------
  アイコン中一覧型
---------------------------- */
#pg_article_list .list li .body {
  width: 100%;
  display: table;
}

#pg_article_list .list li .body > div {
  display: table-cell;
  vertical-align: top;
}

#pg_article_list .list li .body > .img.news {
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 210px;
  height: 140px;
  position: relative;
}

#pg_article_list .list li .body > .img.news > a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#pg_article_list .list li .body > .txt {
  padding-left: 20px;
  width: 426px;
}

#pg_article_list .list li .body .detail {
  width: 100%;
  display: table;
}

#pg_article_list .list li .body .detail > div {
  display: table-cell;
  vertical-align: middle;
}

#pg_article_list .list li .body .summary + .article,
#pg_article_list .list li .body .summary + .detail {
  border-top: 1px dotted #b2b2b2;
  margin-top: 10px;
  padding-top: 10px;
}

#pg_article_list .list li .authors_info {
  font-size: 13px;
  line-height: 1.1;
  width: auto;
}

#pg_article_list .list li .authors_info .publish_at {
  font-size: 10px;
  margin: 0 10px;
}

#pg_article_list .list li .article .icon_genre {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

#pg_article_list .list li .article .icon_subgenre {
  margin-bottom: 5px;
}

#pg_article_list .list li .article .a_title {
  font-size: 15px;
}

#pg_article_list .list li .article .a_title + .detail {
  margin-top: 10px;
}

/* ----------------------------
  アイコン小一覧型
---------------------------- */
#pg_article_list .list.basic li {
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#pg_article_list .list.basic li > div {
  display: table-cell;
  vertical-align: top;
}

#pg_article_list .list.basic li .img {
  padding-right: 15px;
  width: 50px;
}

#pg_article_list .list.basic li .img img {
  width: 100%;
  height: auto;
}

#pg_article_list .list.basic li.img_index .img a,
#pg_article_list .list.basic li.img_index .img .icon {
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 50px;
  height: 50px;
  display: block;
}

#pg_article_list .list.basic li .txt .title {
  font-size: 16px;
}

#pg_article_list .list.basic li a {
  color: #333;
}

/* 記事一覧下に広告が入る場合 */
#pg_article_list .ad_wrapper {
  padding: 15px;
  overflow: hidden;
}

#pg_article_list .ad_wrapper iframe {
  display: block;
}

#pg_article_list .ad_wrapper .ad_listing {
  border-top: 1px dotted #f1efef;
  border-bottom: 1px dotted #f1efef;
  margin-top: 0;
  padding: 10px 0;
  width: auto;
}

#pg_article_list .ad_wrapper .ad_listing .txt {
  width: 535px;
}

#pg_article_list .ad_wrapper_boder .ad_listing {
  border-top-width: 0;
}

/* ----------------------------
  特集ページ 記事一覧
---------------------------- */
#pg_article_list.special .list {
  letter-spacing: -.4em;
  margin-right: -5px;
  width: 691px;
}

#pg_article_list.special .list li {
  letter-spacing: normal;
  border-top-width: 0;
  border-radius: 4px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  width: 215px;
  min-height: 255px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#pg_article_list.special .list li a {
  color: #fff;
  display: block;
  height: 100%;
}

#pg_article_list.special .list li .flag {
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #a88f57 transparent transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 3;
}

#pg_article_list.special .list li a:hover .flag {
  border-width: 0;
  background: url(/common/ure/images/v1/main-column/sp_flag_preview.png) no-repeat;
  width: 100px;
  height: 92px;
  border-radius: 4px;
  left: 0;
  top: 0;
}

#pg_article_list.special .list li .img {
  position: relative;
}

#pg_article_list.special .list li .img img {
  vertical-align: top;
}

#pg_article_list.special .list li .txt {
  line-height: 1.4;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}

#pg_article_list.special .list li .txt .title {
  font-weight: normal;
  margin-bottom: 0;
  padding: 12px 15px;
}

#pg_article_list.special .list li.img {
  background-color: #fff;
}

#pg_article_list.special .list li.img a {
  color: #333;
}

#pg_article_list.special .list li.img .txt {
  font-weight: normal;
  height: auto;
  display: block;
}

#pg_article_list.special .list li.img .txt .title {
  font-size: 14px;
  margin-top: 8px;
  padding: 0 5px;
  height: auto;
}

#pg_article_list.special .list li.research {
  background-color: rgba(168, 143, 87, 0.5);
}

#pg_article_list.special .list li.research .flag {
  border-top-color: transparent;
}

#pg_article_list.special .list li.research a {
  color: #333;
}

#pg_article_list.special .list li.research .txt .title {
  font-size: 18px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 10px 15px 0;
  position: relative;
}

#pg_article_list.special .list li.research .txt .title::after {
  content: "";
  border-style: solid;
  border-width: 0 24px 24px 0;
  border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 33px;
  bottom: -24px;
}

#article #pg_article_list .list li.hide {
  display: none;
}

/*----- FEATURED -----*/
#pg_article_list.special .list li.featured,
#pg_article_list.special .list li.featured .img {
  width: 445px;
  height: 215px;
  overflow: hidden;
}

#pg_article_list.special .list li.featured .img span {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  background-color: #007aff;
  padding: 5px 8px 4px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

#pg_article_list.special .list li.featured .img img {
  width: 100%;
  height: 215px;
  position: absolute;
  left: 0;
  top: 0;
}

#pg_article_list.special .list li.featured.img .txt .title {
  font-size: 16px;
}

#pg_article_list.special .list li.featured.noimg .txt .title {
  font-size: 20px;
}

#pg_article_list.special .pg_footer {
  text-align: center;
  margin-top: 15px;
  overflow: visible;
}

/*----- ページTOPへ戻る -----*/
body.special .btn_pagetop {
  text-align: right;
  margin-top: 25px;
}

body.special .btn_pagetop a.btn {
  color: #333;
  font-size: 12px;
  background: url(/common/ure/images/v1/main-column/arrow_pagetop.png) 100% 50% no-repeat;
  padding-right: 16px;
  display: inline-block;
}

/* --------------------------------------------------
  end index common
-------------------------------------------------- */
/* --------------------------------------------------
  search
  検索結果
-------------------------------------------------- */
.search #main-column > .header > .title {
  /*color: rgb(185, 157, 134);*/
  font-size: 22px;
}

.search #main-column > .header > .title .word {
  font-size: 26px;
}

.search #main-column > .header .search_hint,
.search #main-column > .header .summary {
  margin-top: 10px;
}

.search #main-column > .header .summary a {
  color: #3F79A6;
}

.search #main-column > .header .searchform {
  text-align: center;
  margin-top: 10px;
}

/* --------------------------------------------------
  end search
-------------------------------------------------- */
/* leafs_contents */
/* --------------------------------------------------
  article common
-------------------------------------------------- */
body.leafs #main-column > .inner {
  background-color: #fff;
  margin-top: 30px;
  padding: 23px;
}

/* ----------------------------
  signage ～ summary
---------------------------- */
#signage {
  position: relative;
}

#signage .kanban {
  margin: -23px -23px 10px;
}

#signage .snsbtns {
  position: absolute;
  margin-top: 0;
  right: 25px;
  top: 25px;
}

#signage > .title {
  font-size: 22px;
  line-height: 1.4;
}

#signage .authors_info {
  margin-top: 5px;
}

#main-column > .inner > .summary {
  font-size: 14px;
  border-top: 1px dotted #bbb;
  padding: 12px 10px 0;
}

#main-column > .inner .ad_listing {
  border-top: 1px dotted #bbb;
  border-bottom: 1px dotted #bbb;
  margin-top: 20px;
  padding: 10px 0;
  width: 640px;
}

#main-column > .inner .snsbtns_wide + .ad_listing,
#main-column > .inner > .summary + .ad_listing {
  margin-top: 0;
}

#main-column > .inner > .snsbtns_wide + .summary {
  border-top-width: 0;
}

/* ----------------------------
  本文
---------------------------- */
.article-body {
  margin-top: 30px;
  /* 記事本文小見出し */
  /* 引用部 */
  /* アイコン付きリンク　webfontはcommon-parts.css */
  /* 箇条書き */
  /* アイコン付きリンクリスト　webfontはcommon-parts.css */
  /* 囲み記事 */
  /*----- テーマカラー -----*/
  /*----- PR記事 SPONSORED -----*/
  /*  ---------- 本文内写真 ---------- */
  /*  ---------- キャプション size:12px ----------  */
}

.article-body a {
  color: #3F79A6;
  text-decoration: none;
}

.article-body a:hover {
  text-decoration: underline;
}

.article-body a.btn {
  color: #fff;
  line-height: 1;
  border-radius: 3px;
  background-color: #3378b0;
  padding: 11px 25px 9px;
  display: inline-block;
  position: relative;
}

.article-body h2 {
  font-size: 146.67%;
  border-left: 4px solid #b89d87;
  line-height: 1.2;
  margin-top: 30px;
  padding-left: 8px;
}

.article-body h3 {
  font-size: 120%;
  border-left: 2px solid #d6d6d6;
  line-height: 1.2;
  margin-top: 20px;
  padding-left: 8px;
}

.article-body h4 {
  font-size: 120%;
  line-height: 1.2;
  margin-top: 20px;
}

.article-body p {
  line-height: 1.75;
  text-align: left;
  margin-top: 15px;
}

.article-body .news-article p {
  text-indent: 1em;
}

.article-body ul {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}

.article-body table {
  border: 2px solid #ccc;
  border-collapse: collapse;
}

.article-body table caption {
  text-align: left;
  font-weight: bold;
  background-color: #fff;
}

.article-body table td {
  padding: 3px 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-collapse: collapse;
}

.article-body .media-from {
  font-size: 12px;
  text-align: right;
  margin-top: 20px;
  clear: both;
}

.article-body blockquote {
  color: #383838;
  font-style: italic;
  margin-top: 1em;
  padding: 0.75em 0 0 50px;
  position: relative;
}

.article-body blockquote:before {
  content: "\201C";
  color: #999;
  font-size: 80px;
  font-family: Georgia, serif;
  display: block;
  position: absolute;
  left: 0px;
  top: -20px;
}

.article-body blockquote cite {
  color: #999;
  font-size: 93.33%;
  display: block;
}

.article-body blockquote cite:before {
  content: "\2014 \2009";
}

.article-body a.arrow:before {
  content: "\e607";
  padding-right: 0.25em;
}

.article-body ul.type_disc {
  list-style-type: disc;
  padding-left: 1.5em;
}

.article-body ol.type_1 {
  list-style-type: decimal;
  padding-left: 2em;
}

.article-body .type_arrow {
  list-style-type: none;
  padding-left: 0.5em;
}

.article-body .type_arrow li a:before {
  content: "\e607";
  padding-right: 0.25em;
}

.article-body .boxed {
  background-color: #faf9f3;
  margin-top: 1em;
  padding: 5px 10px;
}

.article-body .boxed_border {
  border: 1px solid #faf9f3;
  margin-top: 1em;
  padding: 10px 10px;
}

.article-body .boxed p:first-child,
.article-body .boxed_border p:first-child {
  margin-top: 5px;
}

.article-body .color_green_light {
  color: #99c032;
}

.article-body .color_orange {
  color: #f98628;
}

.article-body .color_pink {
  color: #e94d84;
}

.article-body .color_red {
  color: #e33a2b;
}

.article-body .color_violet {
  color: #7166b0;
}

.article-body .color_yellow {
  color: #fca100;
}

.article-body .color_blue {
  color: #167bcd;
}

.article-body .color_blue_light {
  color: #4d7aff;
}

.article-body .color_gray {
  color: #ccc;
}

.article-body .color_highlight {
  color: #b99d86;
}

.article-body .sponsored {
  color: #bdbec2;
  font-size: smaller;
  text-align: right;
}

.article-body .figure-right,
.article-body .figure-left,
.article-body .figure-center {
  margin-bottom: 1.5em;
  margin-top: 15px;
}

.article-body .youtube,
.article-body .vine {
  margin-bottom: 1.5em;
  margin-top: 15px;
}

.article-body #figure-from-media.figure-right {
  margin-top: 0;
}

.article-body .figure-right span,
.article-body .figure-left span,
.article-body .figure-center span,
.article-body .figure-wide span {
  color: #7b7b7b;
  font-size: 86.67%;
  text-align: left;
  padding: 5px 0;
  display: block;
}

.article-body .figure-right span.phg,
.article-body .figure-left span.phg,
.article-body .figure-center span.phg,
.article-body .figure-wide span.phg {
  padding: 0;
}

.article-body .image .caption {
  color: #666;
  font-size: 92.3%;
  line-height: 1.4;
  text-align: left;
  text-indent: 0;
  padding: 10px;
  margin-bottom: 0;
}

.article-body .figure-wide span,
.article-body .figure-wide-pc span {
  margin: 0 23px;
}

/*  ---------- 右配置 ---------- */
.figure-right {
  margin-left: 1em;
  float: right;
}

/*  ---------- 左配置 ---------- */
.figure-left {
  margin-right: 1em;
  float: left;
}

/*---------- 中央配置 ----------*/
.article-body .center {
  text-align: center;
}

.figure-center {
  clear: both;
  margin: 0 auto;
}

/*---------- 横幅最大 ----------*/
.figure-wide,
.figure-wide-pc {
  text-align: center;
  margin-left: -23px;
  margin-right: -23px;
  width: 686px !important;
}

.figure-wide img,
.figure-wide-pc img {
  width: 100%;
  height: auto;
}

/* ----------------------------
  動画（Yahoo!ビデオパブリッシャー）
---------------------------- */
.yvpub {
  margin-top: 15px;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.yvpub > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------
  user.cssより
---------------------------- */
.youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vine {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.vine iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-instagram {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-　 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------
  end 本文
---------------------------- */
/* ----------------------------
  関連リンク
---------------------------- */
.extra-info {
  font-size: 14px;
  border-left: 1px dotted #3f79a6;
  margin-top: 30px;
  padding-top: 1px;
  clear: both;
}

.extra-info .inner {
  border-left: 1px dotted #3f79a6;
  padding-left: 10px;
}

.extra-info .heading {
  font-weight: 700;
}

.extra-info li {
  padding-left: 14px;
  position: relative;
}

.extra-info li + li {
  margin-top: 5px;
}

.extra-info li a {
  position: relative;
}

.extra-info li .icon {
  color: #3F79A6;
  font-size: 18px;
  text-decoration: none !important;
  position: absolute;
  left: -4px;
  top: 0;
}

.article-body .extra-info ul {
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 0;
  padding-left: 0;
}

/* ----------------------------
  関連記事
---------------------------- */
#main-column #pg_relate .header {
  background-color: #f1efef;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.article-body #pg_relate ul {
  margin-bottom: 0;
  padding-left: 0;
}

.article-body #pg_relate ul li {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.article-body #pg_relate ul li:nth-child(n+2) {
  margin-left: 13px;
}

.article-body #pg_relate ul li .icon_genre {
  position: absolute;
  top: 0;
}

.article-body #pg_relate ul li .icon_research {
  margin-top: 2px;
  float: left;
}

.article-body #pg_relate ul li .txt {
  line-height: 1.4;
}

.article-body #pg_relate ul li.research .txt {
  padding-left: 20px;
  position: relative;
}

.article-body #pg_relate ul li .img {
  margin-bottom: 5px;
}

.article-body #pg_relate ul li .img img {
  width: 150px;
  height: auto;
}

.article-body #pg_relate ul li .img .icon {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 100px;
  display: block;
}

.article-body #pg_relate ul li a,
.article-body #pg_relate ul li a .txt {
  color: #333;
  text-decoration: none !important;
}

.article-body #pg_relate ul li a:hover .txt {
  text-decoration: underline !important;
}

.article-body #pg_relate ul.w2 {
  letter-spacing: -.4em;
}

.article-body #pg_relate ul.w2 li {
  letter-spacing: normal;
  border-top: 1px dotted #bbb;
  margin-top: 13px;
  padding-top: 13px;
  width: 313px;
  min-height: 50px;
  float: left;
}

.article-body #pg_relate ul.w2 li:nth-child(n+2) {
  margin-left: 0;
}

.article-body #pg_relate ul.w2 li:nth-child(2n) {
  margin-left: 13px;
}

.article-body #pg_relate ul.w2 li .img {
  float: left;
}

.article-body #pg_relate ul.w2 li .img img {
  width: 50px;
  height: auto;
}

.article-body #pg_relate ul.w2 li .img .icon {
  width: 50px;
  height: 50px;
}

.article-body #pg_relate ul.w2 li .txt {
  font-size: 14px;
  margin-left: 60px;
  padding-left: 0;
  position: relative;
}

.article-body #pg_relate ul.w2 li .txt .icon_genre {
  margin-right: 5px;
  display: inline-block;
  position: inherit;
  vertical-align: top;
}

/*----- 本文直下の関連記事（あわせて読みたい） -----*/
#pg_relate.compact {
  margin-left: 0;
  margin-right: 0;
  width: 640px;
  clear: both;
}

#pg_relate.compact .header .heading {
  color: #002C74;
  font-size: 14px;
  line-height: 1.2;
  padding: 0;
}

#main-column #pg_relate.compact .header {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}

.article-body #pg_relate.compact .body {
  margin-left: 0;
}

.article-body #pg_relate.compact .body a .txt {
  color: #3F79A6;
}

.article-body #pg_relate.compact ul.w2 {
  letter-spacing: -.4em;
}

.article-body #pg_relate.compact ul.w2 li {
  letter-spacing: normal;
  border-width: 0;
  padding-top: 0;
  width: 310px;
}

.article-body #pg_relate.compact ul.w2 li:nth-child(2n) {
  margin-left: 20px;
}

/* ----------------------------
  本文直下の著者情報
---------------------------- */
#bottom_author .body {
  border: 1px solid #f5f3ec;
  background-color: #fff;
  padding: 15px 15px 15px 0;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#bottom_author .body > .img {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  margin-left: 5px;
  width: 110px;
  float: left;
}

#bottom_author .body > .txt,
#bottom_author .body .articles {
  margin-left: 125px;
}

#bottom_author .body .author_ph {
  border-radius: 50%;
  margin: 0 auto 10px;
  width: 75px;
  height: 75px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#bottom_author .body .sns_btns a {
  background: url(/common/ure/images/v1/common/sns_icons.png) 0 -18px no-repeat;
  background-size: auto 200%;
  margin-top: 10px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#bottom_author .body .sns_btns a.gg {
  background-position: -54px -18px;
  margin-left: 10px;
  margin-right: 4px;
}

#bottom_author .body .sns_btns a.fb {
  background-position: -18px -18px;
}

#bottom_author .content {
  margin-top: -15px;
  padding-bottom: 5px;
}

#bottom_author .content p {
  font-size: 11px;
  line-height: 1.5;
}

#bottom_author .articles .title {
  color: #fff;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 2px;
  background-color: #a88f57;
  padding: 3px 8px 2px;
  display: inline-block;
}

#bottom_author .articles ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#bottom_author .articles li {
  font-size: 14px;
  line-height: 1.2;
  border-left: 3px solid #a88f57;
  margin-top: 9px;
  padding-left: 8px;
}

.pg_footer {
  text-align: center;
  margin-top: 30px;
}

/* ----------------------------
  連載バックナンバー
---------------------------- */
#pg_backnumber_list .header {
  background-color: #f1efef !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#pg_backnumber_list .list {
  margin: 0;
  padding-left: 0;
}

#pg_backnumber_list .list li {
  padding: 10px 0;
  border-bottom: 1px dotted #bbb;
}

#pg_backnumber_list .list li a {
  color: #333;
  width: 100%;
  display: table;
}

#pg_backnumber_list .list li a > div {
  display: table-cell;
  vertical-align: top;
}

#pg_backnumber_list .list li .img {
  padding-right: 15px;
  width: 52px;
}

#pg_backnumber_list .list li .img img {
  border: 1px solid transparent;
}

#pg_backnumber_list .list li a:hover .txt {
  text-decoration: underline;
}

#pg_backnumber_list .list li .txt p {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 0;
}

#pg_backnumber_list .list li .txt .heading {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}

#pg_backnumber_list > .footer {
  text-align: center;
  margin-top: 20px;
}

/* ----------------------------
  ページ繰り
---------------------------- */
/* 次ページ誘導 */
#next-info {
  text-align: center;
  margin-top: 30px;
}

#next-info a,
#next-info span {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}

#next-info a span {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  background-color: #3378b0;
  margin-right: 18px;
  padding: 0 6px 0 4px;
  position: relative;
}

#next-info a span::after {
  content: "";
  border-style: solid;
  border-width: 9px 0 9px 8px;
  border-color: transparent transparent transparent #3378b0;
  width: 0;
  height: 0;
  position: absolute;
  right: -8px;
  top: 0;
}

#next-info a:hover {
  text-decoration: underline;
}

#pagenation {
  text-align: center;
  margin-top: 20px;
  width: auto;
  clear: both;
}

#pagenation ul {
  letter-spacing: -.4em;
  text-align: center;
  list-style: none;
  padding: 0;
}

#pagenation li {
  font-size: 16px;
  letter-spacing: normal;
  display: inline;
}

#pagenation li.return {
  display: block;
}

#pagenation li span, #pagenation li a {
  color: #6a6a6a;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #f1efef;
  background-color: #fff;
  padding: 12px 14px 10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#pagenation li:first-child a, #pagenation li:first-child span {
  border-radius: 4px 0 0 4px;
}

#pagenation li:last-child a, #pagenation li:last-child span {
  border-radius: 0 4px 4px 0;
}

#pagenation li a:hover {
  background-color: #f1efef;
  text-decoration: none;
}

#pagenation li.current span {
  color: #fff;
  border-color: #3378b0;
  background-color: #3378b0;
}

/* ----------------------------
  キーワードタグ
---------------------------- */
.pg.tags {
  margin-top: 20px;
}

.article-body .pg.tags p {
  line-height: 1.2;
  padding-top: 2px;
  margin-top: 0;
}

.pg.tags p i {
  background: url(/common/ure/images/v1/article/tags.png) 0 -16px no-repeat;
  background-size: 100% auto;
  margin-top: 8px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.pg.tags a {
  color: #b0b0b7 !important;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #e8e9ea;
  border-radius: 10px;
  background-color: #f9f9f9;
  margin-top: 8px;
  margin-right: 5px;
  padding: 4px 6px;
  display: inline-block;
  vertical-align: middle;
}

.pg.tags p a:hover {
  background-color: #e8e9ea;
  text-decoration: none !important;
}

/* --------------------------------------------------
  end article common
-------------------------------------------------- */
/* --------------------------------------------------
  画像ギャラリー（本文末）
-------------------------------------------------- */
.img_gallery.frame {
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  padding: 8px;
  overflow: hidden;
}

.img_gallery .icon-camera:before {
  font-size: 16px;
  padding-right: 4px;
  vertical-align: text-top;
}

.img_gallery .header {
  margin-bottom: 4px !important;
}

.img_gallery .header .heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.img_gallery .header .heading .label {
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  font-size: 85.71429%;
  border: 1px solid #000;
  border-radius: 2px;
  margin-right: .5em;
  padding: .1em .5em 0;
  display: inline-block;
  vertical-align: middle;
}

.img_gallery .body {
  margin-top: -2px !important;
  overflow: hidden;
}

.img_gallery .body ul li {
  font-size: 12px;
  margin: 10px 10px 0 0;
  display: block;
  float: left;
}

.img_gallery .body ul li.hide {
  display: none;
}

.img_gallery .body ul li a, .img_gallery .body ul li a img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 114px;
  height: 114px;
}

.img_gallery .body ul li a {
  background-color: #f9f7f2;
  display: block;
}

.img_gallery .body ul li.current a {
  background-color: #efe6c5;
}

.img_gallery .footer {
  font-size: 14px;
  line-height: 1.2;
  margin-top: 7px;
}

.img_gallery .footer .icon-camera:before {
  color: #3F79A6;
}

.img_gallery .footer .bottom {
  padding-top: 15px;
  clear: both;
}

.img_gallery .footer .bottom a {
  border-left-width: 3px;
  border-left-style: solid;
  padding-left: 8px;
  display: inline-block;
}

/* ----------------------------
  本文中に埋め込まれている場合
---------------------------- */
.article-body .img_gallery {
  margin: 30px 0;
}

.article-body .img_gallery .body ul {
  letter-spacing: -.4em;
  margin: -5px -10px 0 0;
  padding: 0;
  width: 650px;
  overflow: hidden;
}

.article-body .img_gallery .body ul li {
  letter-spacing: normal;
  list-style-type: none;
}

.article-body .img_gallery .footer p.btns {
  text-align: center;
  margin-top: 20px;
}

.article-body .img_gallery .footer p.hide {
  display: none;
}

.article-body .img_gallery .footer .btn_more .icon {
  font-size: 12px;
  margin-top: -0.5em;
  position: absolute;
  right: 10px;
  top: 50%;
}

.article-body .img_gallery .btn .icon {
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

/* ----------------------------
  ギャラリーページの場合
---------------------------- */
#gallery_section .header {
  text-align: center;
}

#gallery_section .image_info {
  margin-top: 15px;
}

#gallery_section .navbtns {
  letter-spacing: -.4em;
  text-align: center;
  margin-top: 20px;
}

#gallery_section .navbtns a {
  letter-spacing: normal;
  margin: 0 5px;
}

#gallery_section .navbtns .btn:hover {
  text-decoration: none;
}

#gallery_section .navbtns .btn_prev i {
  margin-right: 10px;
}

#gallery_section .navbtns .btn_next i {
  background-position: -6px 0;
  margin-left: 10px;
}

#gallery_mainimg {
  text-align: center;
  position: relative;
}

#gallery_mainimg .img img {
  max-width: 640px;
  vertical-align: top;
}

#gallery_mainimg .nav {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#gallery_mainimg .nav a,
#gallery_mainimg .nav span {
  width: 23px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  background-color: transparent;
  -webkit-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

#gallery_mainimg .nav i {
  background: url(/common/ure/images/v1/article/arrow_gallery_gy_l.png) 0 0 no-repeat;
  background-size: 20px 18px;
  margin: -9px 0 0 -4px;
  width: 10px;
  height: 18px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  text-indent: -100px;
  overflow: hidden;
}

#gallery_mainimg .nav .prev:hover,
#gallery_mainimg .nav .next:hover {
  background-color: #f2f3f2;
}

#gallery_mainimg .nav .prev {
  left: -23px;
}

#gallery_mainimg .nav .next {
  right: -23px;
}

#gallery_mainimg .nav .next i {
  background-position: -10px 0;
}

#gallery_mainimg .nav a.center:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

#gallery_mainimg .nav .center,
#gallery_mainimg .nav .center img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.article-body .image_info p {
  margin-top: 0;
}

.article-body .image_info p p.credit {
  color: #bdbec2;
  font-size: 12px;
  margin-top: 5px;
}

body.gallery .img_gallery .index {
  margin-top: 30px;
}

body.gallery .ad_wrapper {
  margin: 30px -5px 0;
  overflow: hidden;
}

/* 拡大画像 */
.exp-photo {
  text-align: center;
  margin-bottom: 30px;
  padding: 0;
}

.exp-photo-caption {
  text-align: left;
  padding: 10px 15px 0;
}

/* ----------------------------
  ギャラリーページ CTAボタン
---------------------------- */
.article-body .cta_btns {
  text-align: right;
  margin-bottom: 15px;
}

.article-body .cta_btn {
  color: #007aff;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  border: 1px solid #007aff;
  border-radius: 4px;
  padding: 4px 0;
  width: 140px;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  -o-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
}

.article-body .cta_btn .icon {
  color: #007aff;
  font-size: 15px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-bottom;
}

.article-body .cta_btn:hover {
  color: #fff;
  background-color: #007aff;
  text-decoration: none;
}

.article-body .cta_btn:hover .icon {
  color: #fff;
}

/* ----------------------------
  LEADS（記事最終ページ）
---------------------------- */
#pg_leads {
  margin-bottom: 15px;
}

#pg_leads .list {
  margin: 0;
  padding-left: 0;
  overflow: hidden;
}

#pg_leads .list li {
  border-width: 0;
  padding-top: 0;
  width: 310px;
  display: table;
  float: left;
}

#pg_leads .list li:nth-child(2n) {
  margin-left: 20px;
}

#pg_leads .list li .img, #pg_leads .list li .txt {
  display: table-cell;
  vertical-align: top;
}

#pg_leads .list li .img {
  width: 114px;
}

#pg_leads .list li .img a {
  background-color: #f9f7f2;
  display: block;
}

#pg_leads .list li .img img {
  background: url(/common/ure/images/v1/common/icons_np_160x.png) 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 100%;
  height: auto;
  vertical-align: top;
}

#pg_leads .list li .txt {
  padding-left: 10px;
  padding-bottom: 38px;
  position: relative;
}

#pg_leads .list li .txt > a {
  color: #333;
}

#pg_leads .list li p {
  line-height: 1.4;
  margin-top: 0;
}

#pg_leads .list li p .title {
  font-size: 13px;
  font-weight: bold;
}

#pg_leads .list li p > .pr {
  color: #bdbec2;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  border: 1px solid #bdbec2;
  border-radius: 2px;
  margin-left: .5em;
  padding: 3px 3px 1px;
  display: inline-block;
  vertical-align: middle;
}

#pg_leads .list li .caption {
  font-size: 12px;
  margin-top: 5px;
}

#pg_leads .list li .cta_btns {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* --------------------------------------------------
  リサーチ
-------------------------------------------------- */
/* ----------------------------
  signage
---------------------------- */
#signage.research > .title {
  padding-left: 80px;
  min-height: 46px;
  position: relative;
}

#signage.research > .title i {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  line-height: 1;
  border-radius: 2px;
  background-color: #f87171;
  margin-left: .5em;
  padding: 4px 5px 3px;
  display: inline-block;
  vertical-align: middle;
}

#signage.research > .title .icon {
  color: #898c90;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  /*background-color: #e4decd;*/
  border: 1px solid #898c90;
  border-radius: 2px;
  margin: 0 0 9px;
  padding: 5px 0 7px;
  width: 66px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}

#signage.research > .title .icon::before, #signage.research > .title .icon::after {
  content: "";
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: transparent;
  margin-left: -6px;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  z-index: 1;
}

#signage.research > .title .icon::before {
  border-top-color: #898c90;
  bottom: -10px;
}

#signage.research > .title .icon::after {
  border-top-color: #fff;
  bottom: -8px;
}

#signage.research.on > .title .icon {
  color: #f84f4f;
  border-color: #f84f4f;
}

#signage.research.on > .title .icon::before {
  border-top-color: #f84f4f;
}

#vote-date {
  font-size: 14px;
  line-height: 1.1;
  border-radius: 2px;
  background-color: #f8f5ed;
  margin-top: 15px;
  overflow: hidden;
}

#vote-date .period,
#vote-date .count {
  padding: 8px 15px 6px 15px;
  float: left;
}

#vote-date .period span {
  color: #f84f4f;
  font-weight: bold;
  padding-right: 10px;
}

#vote-date .count {
  background-color: #e4decd;
  float: right;
}

#signage.research.on #vote-date .count {
  color: #fff;
  background-color: #f84f4f;
}

/* サイネージ直下にリスティング広告がある場合 */
body.leafs.research #main-column > .inner .snsbtns_wide + .ad_listing {
  margin-top: 0;
}

/* ----------------------------
  投票画面
---------------------------- */
.voteset {
  border: 1px solid #f84f4f;
  border-radius: 2px;
  background-color: #fff;
  margin-top: 3em;
}

.voteset + .voteset,
body.vote .voteset {
  margin-top: 1.5em;
}

#votewrapper .q_num {
  display: none;
}

.voteset .heading {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  background-color: #f84f4f;
  margin-bottom: 0 !important;
  padding: 10px 12px;
}

.voteset .body {
  padding: 12px;
}

.article-body .voteset .body ul {
  margin: -12px 0;
  padding-left: 0;
}

.voteset .body li {
  line-height: 1.2;
  list-style-type: none;
  padding: 12px 5px;
  position: relative;
}

.voteset .body li + li {
  border-top: 1px dotted #d6cec3;
}

.voteset .body ul li input {
  position: absolute;
  left: 8px;
  top: 14px;
}

.voteset .body ul li label {
  margin-left: 35px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: opacity 200ms linear;
  -ms-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

.voteset .body ul li label:hover {
  opacity: 0.7;
}

.voteset .votecheck {
  font-size: 13px;
  font-weight: bold;
}

/* 投票機能　注意書き */
#remark-all {
  color: #ff1300;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.remark2 {
  text-align: center;
  margin-top: 15px;
}

.remark {
  color: #f84f4f;
  font-size: 12px;
  text-align: center;
}

/* ボタン */
.vote-btn {
  text-align: center;
  margin: 20px 0 0;
}

.vote-btn a.btn_default {
  font-size: 16px;
  padding: 20px 0 18px;
  width: 320px;
}

.vote-btn a.btn_action {
  background-color: #f84f4f;
}

.vote-btn .link {
  margin-top: 10px;
}

.vote-btn .link a {
  color: #ddd !important;
  font-size: 12px;
}

/* ----------------------------
  確認画面
---------------------------- */
.vote-btn.col2 {
  font-size: 0;
}

.vote-btn.col2 .btn {
  width: 50%;
  display: inline-block;
}

.vote-btn.col2 .btn a {
  font-size: 16px;
  margin: 0 20px;
  width: auto;
  display: block;
}

.vote-btn.col2 .btn_l a {
  margin-right: 10px;
}

.vote-btn.col2 .btn_r a {
  margin-left: 10px;
}

/* ----------------------------
  結果画面
---------------------------- */
.voteset .body ul li .rank {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0.1em;
  float: left;
}

.voteset .body ul li .name {
  margin-left: 3em;
  display: block;
}

/* post環境のみのレポート */
.report_votedata {
  margin-top: 30px;
}

.report_votedata .note {
  color: #ff3b30;
  font-size: 16px;
  margin-bottom: 5px;
}

/* --------------------------------------------------
  end リサーチ
-------------------------------------------------- */
/* --------------------------------------------------
  特集記事モーダル
-------------------------------------------------- */
body.special.modal {
  min-width: initial;
  min-width: auto;
}

.special.modal {
  /* bottom */
}

.special.modal #contents {
  border-width: 0;
  background-color: transparent;
  padding: 50px 35px 40px;
  width: auto;
  overflow: hidden;
}

.special.modal #main-column {
  margin-top: 0;
  width: 330px;
}

.special.modal #signage h1 {
  font-size: 17px;
}

.special.modal #signage .authors_info {
  margin-top: 10px;
}

.special.modal .article-body {
  border-top: 1px dotted #bbb;
  margin-top: 15px;
  padding-top: 10px;
}

.special.modal .article-body .summary {
  font-size: 14px;
}

.special.modal #btn_readmore {
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.special.modal #sub-column,
.special.modal #sub-column .ad {
  margin-top: 0;
}

.special.modal .snsbtns_wide {
  border-width: 0 !important;
  padding: 0;
}

.special.modal .snsbtns_wide li.gplus {
  margin-right: 0;
}

.special.modal .snsbtns_wide li a .title {
  width: 65px;
}

.special.modal .bottom {
  background: url(/common/ure/images/v1/article/sp_bg_bottom.png);
  padding: 20px;
  position: relative;
}

.special.modal #feature_slide {
  margin: 0 auto;
  width: 620px;
  position: relative;
  overflow: auto;
}

.special.modal #feature_slide ul li {
  list-style-type: none;
  margin: 0 10px;
  width: 135px;
  float: left;
}

.special.modal #feature_slide ul li .txt {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 8px;
}

.special.modal #feature_slide_nav .arrow {
  background: url(/common/ure/images/v1/article/sp_slider_arrow.png) 0 0 no-repeat;
  width: 20px;
  height: 40px;
  display: block;
  position: absolute;
  cursor: pointer;
  top: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.special.modal #feature_slide_nav .prev {
  left: 25px;
}

.special.modal #feature_slide_nav .next {
  background-position: -20px 0;
  right: 25px;
}

.special.modal #feature_slide_nav .hide {
  display: none;
}

.special.modal #feature_slide_nav .disabled {
  opacity: .20;
}

/* --------------------------------------------------
  end 特集記事モーダル
-------------------------------------------------- */
/*----- 関連記事・コード ウィジェット -----*/
/* ------------------------------------------------
 共通
------------------------------------------------ */
.article_widget {
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  position: relative;
}

.article_widget::before {
  font-size: 12px;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.8);
  padding: .5em .5em .25em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.article_widget .list {
  margin: 0;
  padding-left: 0;
  overflow: hidden;
}

.article_widget .list li a {
  color: #333;
  display: table;
}

.article_widget .list li .img, .article_widget .list li .txt {
  display: table-cell;
  vertical-align: middle;
}

.article_widget .list li .img {
  background-color: #f9f7f2;
  width: 114px;
}

.article_widget .list li .img img {
  background: url(/common/ure/images/v1/common/icons_np_160x.png) 50% 50% no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.article_widget .list li .txt {
  padding: .1em 15px 0 15px;
}

.article_widget .list li .txt p {
  line-height: 1.4;
  margin-top: 0;
}

.article_widget .list li .txt p.title {
  font-size: 14px;
  font-weight: bold;
}

.article_widget .list li .txt p.summary {
  color: #999;
  font-size: 11px;
  margin-top: .25em;
}

.article_widget .list li .txt p.link {
  color: #3F79A6;
  font-size: 13px;
  margin-top: .5em;
}

.article_widget .list li .txt .pr {
  color: #bdbec2;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  border: 1px solid #bdbec2;
  border-radius: 2px;
  margin-left: .5em;
  padding: 3px 3px 1px;
  display: inline-block;
  vertical-align: middle;
}

.article_widget .list li + li {
  margin-top: 15px;
}

.article_widget.tag_related::before {
  content: "関連";
}

/* ------------------------------------------------
 関連ギャラリーウィジェット
------------------------------------------------ */
.widget_img_gallery > .header, .widget_img_gallery > .body, .widget_img_gallery > .footer {
  margin: 8px;
}

.widget_img_gallery > .article {
  margin-bottom: 8px;
}

.widget_img_gallery > .article a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget_img_gallery > .article a .img {
  width: 114px;
  -ms-flex-preferred-size: 114px;
  flex-basis: 114px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.widget_img_gallery > .article a .img img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.widget_img_gallery > .article a .txt {
  font-size: 12px;
  padding: 0 15px;
  width: 526px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.widget_img_gallery > .article a .txt p {
  margin-top: 0;
}

.widget_img_gallery > .article a .txt .pr {
  color: #bdbec2;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  border: 1px solid #bdbec2;
  border-radius: 2px;
  margin-left: .5em;
  padding: 3px 3px 1px;
  display: inline-block;
  vertical-align: middle;
}

/* ------------------------------------------------
 関連ウィジェット
------------------------------------------------ */
.widget_related_special::before {
  content: "特集";
}

.widget_related_tags::before {
  content: "Tags";
}

.widget_related_column::before {
  content: "連載";
}

/* --------------------------------------------------
  シェアボタン
-------------------------------------------------- */
#main-column > .snsbtns_wide {
  margin-top: 30px;
}

.article-body .snsbtns_wide ul {
  letter-spacing: -.4em;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.snsbtns_wide ul li {
  font-size: 12px;
  font-style: normal;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}

.snsbtns_wide ul li + li {
  margin-left: 10px;
}

.snsbtns_wide ul li a {
  color: #fff !important;
  letter-spacing: -.4em;
  line-height: 1;
  border-radius: 3px;
  padding: 8px;
  display: inline-block;
}

.snsbtns_wide ul li a:hover {
  opacity: 0.7;
  text-decoration: none !important;
}

.snsbtns_wide ul li a::before {
  content: "";
  background: url(/common/ure/images/v1/common/sns_icons.png) 0 0 no-repeat;
  background-size: auto 200%;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.snsbtns_wide ul li a * {
  font-style: normal;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}

.snsbtns_wide ul li a .icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.snsbtns_wide ul li a .icon svg {
  width: 100%;
  height: auto;
}

.snsbtns_wide ul li a .title {
  text-align: center;
  width: 9em;
}

.snsbtns_wide ul li a .count {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding-left: 5px;
}

.snsbtns_wide ul li.twitter a {
  background-color: #55acee;
}

.snsbtns_wide ul li.facebook a {
  background-color: #315096;
}

.snsbtns_wide ul li.facebook a:before {
  background-position: -18px 0;
}

.snsbtns_wide ul li.hatena a {
  background-color: #008fde;
}

.snsbtns_wide ul li.hatena a:before {
  background-position: -36px 0;
}

.snsbtns_wide ul li.comment a {
  background-color: #db4e4b;
}

.snsbtns_wide ul li.comment a .title {
  width: 8em;
}

.snsbtns_wide ul li.comment a:before {
  background-position: 100% 0;
}

#signage + .snsbtns_wide,
.article-body #snsbtns_bottom {
  border-top: 1px dotted #bbb;
  border-bottom: 1px dotted #bbb;
  margin-top: 30px;
  padding: 15px 10px;
}

#signage + .snsbtns_wide {
  border-bottom-width: 0;
  margin-top: 15px;
}

body.gallery #signage + .snsbtns_wide {
  border-bottom-width: 1px;
}

#snsbtns_bottom .snsbtns_wide {
  border-top-width: 0;
  margin-top: 0;
  padding: 0;
}

#snsbtns_bottom.snsbtns_wide li a .title {
  width: 8em;
}

/*----- コメントを読む/書く -----*/
#snsbtns_comment ul {
  text-align: right;
}

#snsbtns_comment ul li.comment a {
  font-weight: bold;
  color: #db4e4b !important;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
}

#snsbtns_comment ul li.comment a .title {
  padding: 0 .5em;
  width: auto;
}

#snsbtns_comment ul li.comment a::before {
  background-position: 100% 100%;
}

#snsbtns_comment ul li.comment a:hover {
  color: #fff !important;
  background-color: #db4e4b;
  opacity: 1;
}

#snsbtns_comment ul li.comment a:hover::before {
  background-position: 100% 0;
}

/* ----------------------------
  フォローボタン
---------------------------- */
#snsbtns_follows .heading {
  color: #6a6a6a;
  font-size: 12px;
  font-weight: 700;
  text-align: left !important;
  margin-top: 15px;
}

#snsbtns_follows li {
  font-size: 12px;
  line-height: 1;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

#snsbtns_follows li a::before {
  content: "";
  background: url(/common/ure/images/v1/common/sns_icons.png) 0 0 no-repeat;
  background-size: auto 200%;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

#snsbtns_follows li * {
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

#snsbtns_follows li .title {
  margin-right: 5px;
}

#snsbtns_follows li.twitter3 a {
  color: #55acee;
}

#snsbtns_follows li.twitter3 a::before {
  background-position: 0 -18px;
  margin-right: 3px;
}

#snsbtns_follows li.facebook3 a {
  color: #315096;
}

#snsbtns_follows li.facebook3 a::before {
  background-position: -18px -18px;
}

.article-body #snsbtns_follows {
  padding: 0 10px;
}

.article-body #snsbtns_follows ul {
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------
  end シェアボタン
-------------------------------------------------- */