@charset "UTF-8";
/*
# 基本CSS

全ページで本CSSを読み込む

*/
/* Webフォントの読み込み */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
/*
# Base スタイル

要素そのものに対してのデフォルトのスタイルを定義


## 要素のリセット

HTML中で使用する各要素のデフォルトスタイルの定義をリセットする
*/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, form, nav, header, footer, main, article, section, aside, figure, figcaption {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
}

main {
  display: block;
}

main, nav, aside, header, article, section, footer, figure, ul, ol, li, div, p, a, span, caption {
  box-sizing: border-box;
}

input, select, textarea, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 0;
  border: none;
}

/*
## 要素のデフォルトスタイル

HTML中で使用する各要素に対し、本サイト用にデフォルトのスタイルを定義する
*/
html {
  overflow: scroll;
  overflow-x: auto;
}

body {
  font-size: 13px;
  line-height: 1.4;
  color: #000;
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

img, input, select, textarea {
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.4;
}

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

a:visited,
a:active,
a:focus {
  color: #000;
}

a:hover {
  text-decoration: underline;
}

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

a img {
  border: 0;
  vertical-align: bottom;
}

/*
# Layout スタイル

ページを構成する各エリアに対してのスタイルを定義

*/
/*
### .wrapper
ページの全体枠
*/
.wrapper {
  position: relative;
  margin: 0;
  min-width: 1000px;
}

.primaryContents {
  width: 700px;
}

.secondaryContents {
  width: 300px;
}

/*
### .pageHeader
ページのヘッダー
*/
.pageHeader {
  position: relative;
  background: #fff;
  z-index: 2;
}

/*
### .pageMain
ページのメイン領域
*/
.pageMain {
  position: relative;
  z-index: 1;
}

.pageMain-inner::after {
  display: block;
  content: "";
  clear: both;
}

/*
### .pageFooter
ページのフッター
*/
.pageFooter {
  position: relative;
  background: #333;
  color: #8c8c8c;
  z-index: 1;
}

.pageFooter-inner {
  display: flex;
}

/*
### .pageAd
ヘッダー部広告
*/
.pageAd {
  position: relative;
  background: #ededed;
  padding: 6px 0;
  text-align: center;
  z-index: 1;
}

.pageAd > div,
.pageAd > iframe {
  margin: 0 auto;
}

.pageAd > a {
  display: inline-block;
}

/*
### .inner-frame
各モジュールの内部の枠
*/
.inner-frame {
  margin: 0 auto;
  width: 1000px;
}

/*
# Module スタイル

再利用可能なパーツに関するスタイルを定義

*/
/*
## グローバル

モジュールに依存せず、ページ内で汎用敵に使えるスタイルを定義

*/
b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

p + p {
  margin-top: 10px;
}

/*
## グリットパーツ
*/
.grid-2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.grid-2 .grid-column {
  width: 50%;
}

/*
## タイトルパーツ

各種タイトルに関するスタイルを定義

*/
.ttl-main {
  border-bottom: 3px solid #eee;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 25px;
  padding-bottom: 9px;
}

.primaryContents .ttl-section {
  position: relative;
  border-bottom: 3px solid #eee;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.3;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 17px;
  margin-bottom: 10px;
}

.primaryContents .ttl-section h1,
.primaryContents .ttl-section h2,
.primaryContents .ttl-section h3 {
  display: inline;
  font-weight: bold;
  line-height: 1.3;
}

.primaryContents .ttl-section .btn-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 13px;
  font-weight: normal;
}

.secondaryContents .ttl-section + .ttl-section {
  margin-top: 10px;
}

.secondaryContents .ttl-section span,
.secondaryContents .ttl-section a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 9px 10px;
  line-height: 1.3;
  vertical-align: middle;
}

.secondaryContents .content-wrapper .ttl-section span,
.secondaryContents .content-wrapper .ttl-section a {
  margin: -1px -1px 0 -1px;
}

.secondaryContents .ttl-section a {
  cursor: pointer;
}

.secondaryContents .ttl-section a:hover {
  background: #4d4d4d;
}

.secondaryContents .ttl-section a::after {
  display: inline-block;
  content: "";
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAYFBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P///////////////////////////////+zs7P///////+zs7P///+zs7Ozs7Ozs7PhF24KAAAAIHRSTlMABlSr+KRbDK3giR/bk0Hk8OHOvrOWdlVDQionGdeURXwqGhgAAACYSURBVBjTbZBZDgIxDEOdNN1nYWdgWO5/S6RJW4Gov6KnRHaMTcQ2ijwtE5p4MC6TX50ZuCBK4Y2iJSRdTqNHkx/TdmuUVWoYoHnCj6aZ4KzOx2ul1sEUv9vuUrMExFzm+/6sxjlCWt7H4aQRBeI7cFj/z7tG3Ujd8L03tRD6gloIaAxLuzUvaiVbzkSZrZasIheiSAxO1z6gHgWC9EaLyQAAAABJRU5ErkJggg==) no-repeat center center;
  vertical-align: middle;
}

.ttl-sectionSub {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 5px;
  padding-top: 14px;
}

.ttl-sectionSub h1,
.ttl-sectionSub h2,
.ttl-sectionSub h3 {
  display: inline;
  font-weight: bold;
  line-height: 1.3;
}

.ttl-sectionSub .date {
  margin-left: 15px;
  font-weight: normal;
}

.ttl-aside {
  display: table;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  width: 100%;
  height: 50px;
}

.ttl-aside + .ttl-aside {
  margin-top: 10px;
}

.ttl-aside span,
.ttl-aside a {
  position: relative;
  display: table-cell;
  height: 50px;
  border-left: 50px solid #fff100;
  padding-right: 10px;
  padding-left: 15px;
  vertical-align: middle;
  background: #ededed;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}

.gossip .ttl-aside span,
.gossip .ttl-aside a {
  border-left-color: #ff008e;
}

.miyajima .ttl-aside span,
.miyajima .ttl-aside a {
  border-left-color: #a50519;
}

.ttl-aside a {
  cursor: pointer;
}

.ttl-aside a:hover {
  background: #dfdfdf;
}

.ttl-aside span::before,
.ttl-aside a::before {
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: block;
  height: 50px;
  left: -50px;
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 1;
}

.ttl-aside a::after {
  display: inline-block;
  content: "";
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P////Nzc37+/v19fXm5ubs7OzT09O1tbXu7u7d3d3Q0NDDw8Otra2lpaWfn5/+Cu3VAAAAEHRSTlMA3lQG+qyJ5FsD89imlFwHjEYPhgAAAJRJREFUGNNtkVkOxCAMQxO2li4zhKWd/f7HHIlQxEf8ZT3JcjBQpdWGZlk3paFLIeUUY8qEqiHvqISmQs5X6I4YuuLhapYq65QUgJ4421UmDTOxP58XpRvYzDb/XqE5C5iaf3zfbBKC6TXpc3KVgUWCqxAXi8STpOPv0jN5kBHyIOD3cbrdjyOHwCN36dmiMWhn/o4/ghIUGfvHiYoAAAAASUVORK5CYII=) no-repeat center center;
  vertical-align: middle;
}

/*
### タイトルアイコン：スコア速報
*/
.secondaryContents .liveScoreboard .ttl-aside span::before,
.secondaryContents .liveScoreboard .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAABsElEQVR42q3UX2iNYQDH8SMZy9JJXGwxqy0pF2jNxpUdKxrTigvZpWktf3JFuKBcyO5MKIry70bZWigXyrWkU5QkJRc6N9ZpZ5Z/dXwuPPX29r7vmXa+9anznFO/et9OT65Gw1QTFFhQJ1OGB1lQeyjGvGEL8ZZQ99bwkfssJrONXOQlXyjzieecYR2h81T/eZA23s4TKtxliC7W08MRHjPHbVbTwFRk/F58dJAZrrKKrFp5RIme2HgRSQeoMEC8Jg6R1FEqbKWB03gKaQMz9JNUG2XSOsbXpKd8wRihAbprDO9jE6FJbiBpG9M0ERqe53AvoQ7maA5fXGOc9MJw7Z5xIhzesrtOw8eZCIdfrK3TcB/vwqFKPnLpXCDeSi6R1GTkUtrM5/DD78gLX8oy/qflkQtoB++RD/RRj0aZCoebjFGPJjgVDgVKNBLqp4OsukFSCz9oQ9IrzhEawnhmh+kldIeHuVidzLIdpfwr0jvINC25hEb4ljK+glGS2s8su0hthO+cpZGs8oxHbsWadfGaEpfZSTN5WtnLdco8pZ15t4gCt/jAH6r8pMgVOkntLzl9bhOMyp+gAAAAAElFTkSuQmCC);
}

.gossip .secondaryContents .liveScoreboard .ttl-aside span::before,
.gossip .secondaryContents .liveScoreboard .ttl-aside a::before,
.wbc .secondaryContents .liveScoreboard .ttl-aside span::before,
.wbc .secondaryContents .liveScoreboard .ttl-aside a::before,
.wcup .secondaryContents .liveScoreboard .ttl-aside span::before,
.wcup .secondaryContents .liveScoreboard .ttl-aside a::before,
.olympic .secondaryContents .liveScoreboard .ttl-aside span::before,
.olympic .secondaryContents .liveScoreboard .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAABzklEQVR42q3VT0hUQRzA8Z+I/0hERA8rpoISQocMMf+cdBWUVUPIg+jRIqQUT0V1SPAgelOxwKAg/1wEFdHAg9A5RBYURCQID7GXZHFVKoX1G8zAMOy8h/QGPqf35nt4zG+eJJNJL4+RaoUhXvzCI45w9/+GOxC17OI+xJJhh4NQgiMsIN0vfBdj+IpjxPEdW3iFMojyFnotIj1VsAIbSOAz+lGLO6jHE6zgAh9RhEysG/F5O9qNU8ygEOKhFMuIod6KR80Xe5BAF8SSiz5ICs+QwAMVf4ki/bAKp4g4NpcjDnF4jp8otE/FNiYhShfqfMIPcQ+irOG9GW7ACXKtifMNoxmiVOICIR2exTTE5gy7fcGwDu+hPaDwEFZ1+C9uBxRuxb4O/1v5xqUzCrEUYNwRWzMupWr80OFLhCDIQjbkBm4ZF1ATDnT4AK2QAAxiXYfnMBlQeBUvdDiMGHIgSgSVPpE6RZRi/Ea5OXnf8Aai9CPiEx6wBuQTluyRrsEZGiFep8KhFycoNsPaU/xyxPMw6Ig+whnaIGbYjp/jtf7mHvIx7boVU22oxQ5imEALQipUik68QxybqLjJXzoNYXzAIa7UhP5BFFOogbhcA3ig2fukfF8MAAAAAElFTkSuQmCC);
}

/*
### タイトルアイコン：アクセスランキング
*/
.secondaryContents .accessRanking .ttl-aside span::before,
.secondaryContents .accessRanking .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAACUef2IAAAA9ElEQVR42u3QMWpCQRSFYQmSlLH2gSDYpA+4BpuHRQphVhJIVmCTFFlGKis7C8HGwt7aUhELCxEmP8MR4TLXCL7SHz5mVDwPrdE3Djq9XrAS7k5m64io0+sDUT6RzW79Iur06mIv3J3M1gOaOi/1LH7+VvWNUeBS7+KmDbbORUxRR64edsI9W10b0Q4vMISthTUGstZ7tiGWueEOtihx6hEz/CCl+0yfnSqxxWtmOPWGDdp6/YU5npDSfQ4+S7Wx0Xcb2WEzFsxDUmYsmIdkh+3PjyjhVSKav8UfVgUC/iugAHnDN3Qfvnq4X4Fgh0eYVIMt+gNIfmWQtB2NXwAAAABJRU5ErkJggg==);
}

.gossip .secondaryContents .accessRanking .ttl-aside span::before,
.gossip .secondaryContents .accessRanking .ttl-aside a::before,
.wbc .secondaryContents .accessRanking .ttl-aside span::before,
.wbc .secondaryContents .accessRanking .ttl-aside a::before,
.wcup .secondaryContents .accessRanking .ttl-aside span::before,
.wcup .secondaryContents .accessRanking .ttl-aside a::before,
.olympic .secondaryContents .accessRanking .ttl-aside span::before,
.olympic .secondaryContents .accessRanking .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAACUef2IAAABB0lEQVR42u3QsUpDQRAF0IsELbXOAyFgk17IN6QJKSwC+yVC8gVpYpHPsLKysxDSpEif2jJBUliIMN5Hrgxs3ixBYufCYXfezt7lLczsgT41I9ClN+nGfZ5VF19kmhEYm49J3OdZdfFIphmBHn1IL+7zrLo4o7ZmFFwKYp5VF3/iZ/FMFaHgXlBQKUvB+/FKreBAn3bSD3payrA8eEVTQuaaNjSSjb4hM6V1U/ANvdOAIOe0oLlqaL3QHmSgs7dNwaA72lJH9YyWdKEaWi+1B/VudfaqMTgLS9klzsNSdkkh2H/f/FkOac/8WUrBrqKkdUlSL4rBv/UffHTw8ARSHvxEL6egLHwDHllG9Q0Gm9wAAAAASUVORK5CYII=);
}

/*
### タイトルアイコン：写真ランキングリスト
*/
.secondaryContents .topicPhoto .ttl-aside span::before,
.secondaryContents .topicPhoto .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAA80lEQVR42sXVvwsBYRzHcfIPnMmiLjGIJH+G1FMmw5WV2WQ2yCCrwWCRP8DEavYnyIAYTH7kYuE9fM+gng49l2+9uueu7vOpp+u5EHPBIxhky8KGZZiNhxTwwPxYfymIoIsVZkiYLqhLeAkjzE0XDNCWdRYn0wVV7OQ6wRR+k8MazicFYTSxwBixD8IPGMFF5devqIDi27MU9ujIvcIF6tuCPI64wYEXvoWEv6YMF0pToN2CJhRc1LBBX/OOgzOUX0FawlvwRuEu4WHoxsFVU6DfAhlbwv2moStISngviKMijqW3BSYLbGSwwhBRU8d14D+cJ3R/gB1kadt4AAAAAElFTkSuQmCC);
}

.gossip .secondaryContents .topicPhoto .ttl-aside span::before,
.gossip .secondaryContents .topicPhoto .ttl-aside a::before,
.wbc .secondaryContents .topicPhoto .ttl-aside span::before,
.wbc .secondaryContents .topicPhoto .ttl-aside a::before,
.wcup .secondaryContents .topicPhoto .ttl-aside span::before,
.wcup .secondaryContents .topicPhoto .ttl-aside a::before,
.olympic .secondaryContents .topicPhoto .ttl-aside span::before,
.olympic .secondaryContents .topicPhoto .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAA+klEQVR42sXVMUvDQBjG8Qt+gXRyEQ5pB2mR4scQ4aCTQ8C1zk6dHcShdHVwcAl+ACddO/cjSIa21KGTGgztcv0P743XnHLBwI+8S54HXo6LstaWaOoplQwaaWQa1hWkUJGl/1JwgDEKvOE4dsG1hF8gxzR2wSPuZO7hK3bBFVbyfsFrQNAp5shCChKMMMMzDgPC18hR4fKvp+gM5zI7HXzgHgoGJcxvC/r4xAYZXPgSLtwZoIIJLXArGMGgwhALPHi+yfANU1dwIuG3UMJgK+EJ1J6SH0+BfwVCu/AaN76CtoRPmrgqjvDuVhCzQKOLAk9oxbquG//h7ABIkYtYfRiv6QAAAABJRU5ErkJggg==);
}

/*
### タイトルアイコン：ネットショッピング
*/
.secondaryContents .shopping .ttl-aside span::before,
.secondaryContents .shopping .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAz0lEQVR42uXQMQsBYRzHcZQ6dYNNeQ8MWGW1GaSU1+EVkFikM1tMt3gBNi/DokRZlEFXZHl8B8N1d/157nk2v/pM96+n+2YsrYAAKsbSujigGGNpPqbS7+Us5KkicSc0DfPspYMVloZ5RtJBG5eUmVwEqEhHedxSZurLecwzbYQ8xplcPIQ8QiazPHIm8zxypisWvxDyiJnmGg+M8YfrwEMLSXMwxAwlaK0B9fFEGdFNQjc7aK0HFVJHdH7o+xFac7DFC2tkEV0NZ9wxwNe9ASQqP/9lLIzwAAAAAElFTkSuQmCC);
}

.gossip .secondaryContents .shopping .ttl-aside span::before,
.gossip .secondaryContents .shopping .ttl-aside a::before,
.wbc .secondaryContents .shopping .ttl-aside span::before,
.wbc .secondaryContents .shopping .ttl-aside a::before,
.wcup .secondaryContents .shopping .ttl-aside span::before,
.wcup .secondaryContents .shopping .ttl-aside a::before,
.olympic .secondaryContents .shopping .ttl-aside span::before,
.olympic .secondaryContents .shopping .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAA4klEQVR42s3UsQpBURzH8UspymBT3oEBq6x3M0gpz+EJrsQiMVtMFg9g8xgWJcqiDFJkOb6LTnTO7Zxzz+Bfn0mnb37DDYQQPuRwF4rzFWhjj8IvX4EVRqrfPn8v7WGeii5wRCPhPDsEusAC84TzRHGBEGfHmfK4oxwXyODqOFNXzqMPJJlpjcgg4DRTHg+UDQJyJn/zyIDDTHIem0CIC6Ym5DzmgQwmFoEBApOAs78MtDBDU/Mgiz7GKNoG6kLeEyXFg6GQt7UNdMT31ZQfNnkH20AWG7ywRErxoIoTbuiZBN4fy9qq04MPIAAAAABJRU5ErkJggg==);
}

/*
### タイトルアイコン：おすすめアイテム
*/
.secondaryContents .recommend .ttl-aside span::before,
.secondaryContents .recommend .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAYAAACt4nWrAAAA90lEQVR42u3PsUsCYRyH8btaRAhukkBBoiVoampxuSUFl/sTDtyChpDG1qaGINzFydZ0cbtbbjRFt5u0hjiCaHFo8HqGX/DiHXIcr5tf+By8B/e8nJFzFXiI4aMALTMRoIcy3lGHljXxjSM5+3CgZV08K2dPV/wAEexdxC/wg8NdxO8wBNMfn+EmJT6HJ17RgonMayOCBXUNuIpbhLiXmxNC4cHHEp+4RJbZ+IIR4xquYiFccYUisq4kXR7JX30TeWft4/u4vvgKEzHGCA84yxA/wfo/XoWleMEAjsKV97/oo4YSrA3HeEQg8VRPSNspOvjY8u0U53/gp2R/OR+lEQAAAABJRU5ErkJggg==);
}

.gossip .secondaryContents .recommend .ttl-aside span::before,
.gossip .secondaryContents .recommend .ttl-aside a::before,
.wbc .secondaryContents .recommend .ttl-aside span::before,
.wbc .secondaryContents .recommend .ttl-aside a::before,
.wcup .secondaryContents .recommend .ttl-aside span::before,
.wcup .secondaryContents .recommend .ttl-aside a::before,
.olympic .secondaryContents .recommend .ttl-aside span::before,
.olympic .secondaryContents .recommend .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAYAAACt4nWrAAABAElEQVR42u3PPWvCUBSA4Zu6FKGQKRQUpHQRnDq5dMmiQhd/QqBboUMRx65OHQrFvXTSVV3cksXRD3TL1I+hSKF0cXBo+lpOIcQIaUg2Dzxwzx3ey1We58WRh43NODiECooT1jDCE3J4RTWp+AU+cSS7g3pS8Uc8+HY7qfgBljDTiJ/hC5k04k0MoNKIz3EdEl/AFj1cQvtPuIEl9MB9DZbPDVzcystbXGHDwQveUYaKwMQHh9+5Crz+LCxRQRYqIgMcmJCvToSKSd/H9/Hk4itMxRhDtFCMED/B91+8AN2niz7qPpbcr9HBOQzoAce4w4j4zrmHCnGKNt6wa2Yo/QCCiAgwKfk2XgAAAABJRU5ErkJggg==);
}

/*
### タイトルアイコン：注目トピックス
*/
.secondaryContents .topics .ttl-aside span::before,
.secondaryContents .topics .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAABo0lEQVR42r3VP0iUYRzAcbVUrtSohGqJ/kA1WENDiBA0OEgRQVtQUdwQgqukDRFOISSIkEhDUxG0OMh1Q4iUgXdERwT92xL6YyVUFHdQ3ttnaHg5evW8u9cvfODhmZ7h+fGrK7PLjLEmpXjBmvSFJTYSawfJ857jxFo/D5hglNiq5xVnOcYiCWLpHO9opE5zDFLzTvGD7tDdIb5ziarbzBkesRjxITqZ5xlJtlN2pxkjyxKvGaCNqBL0kqPIcyY4TwORTVMg4CV9tLNSbSTJEPCHOdwvXxNHGOQJeW7QQmmNXOUbOYY4SqKaQU6TY1PJox6SpYuatY773AvdjfCYZv5XAz1U1FZ+0sE2frGfqLoosoWKusVNrpBmuQYIOElFnWCe2TKGORX6XBW1gd8E7CGqneTp5UM16+gpC0R1gBwj1JNmih2sunGmSrZBD9fJUMDZD5ZauUOBGa6tZlT2cRjJi/lMQJFhWgjXzl2Cf95Uu+s66CPDW3aHRuArKS6wt9ZLdpgsrXwkSWw18YlJZom92wT0E3sXCegk9naxwHqkUH8BLWBl+CzSwCgAAAAASUVORK5CYII=);
}

.gossip .secondaryContents .topics .ttl-aside span::before,
.gossip .secondaryContents .topics .ttl-aside a::before,
.wbc .secondaryContents .topics .ttl-aside span::before,
.wbc .secondaryContents .topics .ttl-aside a::before,
.wcup .secondaryContents .topics .ttl-aside span::before,
.wcup .secondaryContents .topics .ttl-aside a::before,
.olympic .secondaryContents .topics .ttl-aside span::before,
.olympic .secondaryContents .topics .ttl-aside a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAABwklEQVR42r3VSyhEURzHceMxYhh5FDbyKCywsJCmlIWFSMpOIZqF1GwnxkKykjIlRbKwImVjoTELSYwyk0xSXjvKm0JkCjO+U0fdNK7rNHdOfeqeV7/T7X/ujQuFQlr0YxI8y9O60IWDWIXd4RMmvcMq8YYLNOkdZscqZjChZ5gBR+hAPR6QoldYJ86QJPo7cOgR1opnNCjGqvCE3miEZaIdm3j4pSBqcY49WJH3n7A2TMKHTxxjAGaVjSnogx9B7GMGXYhXC1tHAOF2CBtyNJzUDCu8Yu8HdmD+6zUaUQMHtvGGcaRF2JSEITzCjxHUaalStYvshh8ZUB5qDT5YolmNCVjComLMiS0k/7InHo2y9ywbL6hALl5RprLegiCyZD9Xs5jCINx/rB1AuLXIhjXjHB4Nl9mlKC6psFS8ixMXq6wrEEF9uIRJ9n+2ixuV+XL44YQBbqwgXyZsGis//gaNGIUXAfGcIObTMS/GNzAMi9awUlQr+vm4RbgFMRbhA5CDBXy3EzEhxYAK2ODFKYoUV+AeLnSjROU1SgWPwYd0XMGqoUCkGXGNZXi0l768OYSbPRZhPSKsNhZhhbhBYqT5Lyw/6OWs7VTNAAAAAElFTkSuQmCC);
}

/*
## 各種ボタン
*/
.btn-link {
  position: relative;
  display: inline-block;
  border-radius: 40px;
  border: 2px solid #cccccc;
  padding: 0 40px 0 15px;
  line-height: 40px;
  height: 40px;
  color: #000;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
}

.btn-link::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P////Nzc37+/v19fXm5ubs7OzT09O1tbXu7u7d3d3Q0NDDw8Otra2lpaWfn5/+Cu3VAAAAEHRSTlMA3lQG+qyJ5FsD89imlFwHjEYPhgAAAJRJREFUGNNtkVkOxCAMQxO2li4zhKWd/f7HHIlQxEf8ZT3JcjBQpdWGZlk3paFLIeUUY8qEqiHvqISmQs5X6I4YuuLhapYq65QUgJ4421UmDTOxP58XpRvYzDb/XqE5C5iaf3zfbBKC6TXpc3KVgUWCqxAXi8STpOPv0jN5kBHyIOD3cbrdjyOHwCN36dmiMWhn/o4/ghIUGfvHiYoAAAAASUVORK5CYII=) no-repeat center center;
  vertical-align: middle;
}

.btn-link:hover {
  text-decoration: none;
}

.fullBtn-wrapper {
  margin-top: 20px;
  text-align: center;
}

.fullBtn-wrapper .btn-link {
  width: 300px;
  padding: 0;
}

.fullBtn-wrapper .btn-link::after {
  position: static;
  right: inherit;
  top: inherit;
  bottom: inherit;
  height: 40px;
  margin-left: 10px;
}

/*
## タブ
*/
.ttl-tab {
  font-size: 12px;
  font-weight: bold;
}

/*
## 広告用パネル
*/
.pnl-aside {
  background: #ededed;
  padding: 20px;
}

/*
## 日付
*/
.date {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #808080;
}

/*
## サムネイル
*/
.thumb {
  display: block;
  overflow: hidden;
  position: relative;
}

.thumb img {
  left: 50%;
  position: absolute;
  top: 50%;
  transition: opacity 0.25s linear;
  transform: translate(-50%, -50%);
  width: 100%;
  opacity: 1;
  z-index: 1;
}

.thumb.delayLoading img {
  opacity: 0;
}

.thumb.delayLoading::before {
  display: block;
  content: "";
  background: url(data:image/gif;base64,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) no-repeat center center;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.thumb.portrait img {
  top: 0;
  transform: translate(-50%, 0);
}

.thumb.landscape img {
  width: auto;
  height: 100%;
}

/*
## テーブル
*/
.primaryContents .table {
  margin: 20px 0;
}

.primaryContents .table table {
  border-collapse: collapse;
  width: 100%;
}

.primaryContents .table th,
.primaryContents .table .chapter {
  background: #e5e5e5;
  border: 1px solid #ccc;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}

.primaryContents .table td {
  background: #fff;
  border: 1px solid #ccc;
  text-align: center;
  padding: 5px;
}

/*
## 装飾パーツ：ニュースヘッダー
*/
.newsHeader::after {
  clear: both;
  content: "";
  display: block;
}

.newsHeader .supplemental {
  float: right;
  width: auto;
  max-width: 335px;
  display: flex;
  justify-content: flex-end;
}

/*
## 装飾パーツ：パンくず
*/
.newsHeader .breadcrumb {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}

.newsHeader .breadcrumb::after {
  clear: both;
  content: "";
  display: block;
}

.newsHeader .breadcrumb li {
  display: inline-block;
  float: left;
  padding-right: 20px;
  position: relative;
}

.newsHeader .breadcrumb li::after {
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
  top: 0;
  bottom: 0;
  right: 7px;
  margin: auto;
  transform: rotate(-45deg);
}

.newsHeader .breadcrumb li:last-child {
  padding-right: 0;
}

.newsHeader .breadcrumb li:last-child::after {
  display: none;
}

.newsHeader .breadcrumb li a,
.newsHeader .breadcrumb li span {
  display: inline-block;
  font-size: 12px;
}

/*
## 装飾パーツ：記事関連タグ
*/
.ul_menuTag {
  white-space: nowrap;
  overflow-x: auto;
  padding: 8px 0;
}

.ul_menuTag li {
  display: inline-block;
  background-color: #dedfde;
  border-radius: 6px;
  padding: 5px;
  margin-right: 4px;
  font-size: 11px;
}

.ul_menuTag li.current {
  background-color: #fff100;
  position: relative;
  margin-bottom: 8px;
}

.ul_menuTag li.current::after {
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 4px 0 4px;
  border-color: #fff100 transparent transparent transparent;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  margin: auto;
}

.ul_menuTag li:first-child {
  margin-left: 13px;
}

.ul_menuTag li:last-child {
  margin-right: 13px;
}

.ul_menuTag li a {
  color: #000;
}

.ul_menuTag li a::before {
  content: "#";
}

/*
## 装飾パーツ：丸サムネイル付きリスト
*/
.circle_thumb_list {
  margin: 2px 0;
  width: 100%;
}

.circle_thumb_items {
  display: flex;
  overflow-x: auto;
  padding: 2px;
  /* border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; */
}

.circle_thumb_item {
  display: flex;
  flex-direction: column;
  margin: 0 7px;
}

.circle_thumb_item:hover, .circle_thumb_item:active {
  opacity: 0.8;
}

.circle_img {
  margin: 4px 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(45deg, rgb(254, 212, 117) 0%, rgb(229, 61, 93) 50%, rgb(194, 49, 134) 70%, rgb(156, 56, 187) 100%);
}

.circle_img a {
  display: block;
}

.circle_img img {
  box-sizing: border-box;
  width: 58px;
  height: 58px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  padding: 1px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 3px;
  font-family: "object-fit: cover; object-position: center top; background-size: cover;";
}

.circle_thumb_title {
  max-width: 70px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  color: #8e8e8e;
}

/*
## 装飾パーツ：SNSアイコン
*/
.newsHeader .social-wrapper {
  width: 110px;
  display: flex;
  justify-content: space-around;
  padding-left: 25px;
}

.newsHeader .social-wrapper a {
  display: block;
  border-radius: 24px;
  width: 24px;
  height: 24px;
}

.newsHeader .social-wrapper .facebook {
  background: #3c5a98 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAQAAACBg/b2AAAAX0lEQVR4AWNAgP+MyBzH/5f/g0A9hCvy//N/CGiHCESBOf3/3f+rQAQywQJCIDayAD+EU/r/7v/XYIH7QFYIw//2/8jAieF/4P+Z/w+DOfOBLAkMM2gowP5fEAjB3gcA3Rp/CBSMSGQAAAAASUVORK5CYII=) no-repeat center center;
}

.newsHeader .social-wrapper .twitter {
  background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAEuSURBVChTfZE7SwNBFIXDoouFpBANaBmbaJFGG5HUdrFRAinsbSwC1tv4FxKwshFBDRYi/gTBxkIFBatETISAdj6aWb87HHfVJB74uI9z7+ywk3HONeED2vAZx/FCZoDwcvAEpe/iFqagAo8shpr1oh6lfwdbavlTanCs/Awa3pCoT2FPZSqaF5y4DmPkr7Ck/g5c+qG/wpiHlpbsmldQtR5MaKxfmBGcKD/kgJg4683/xJB9YZX5cWKbWJA1XAwWocfwCNGudy0rUaD4U2tgN6sHQXBA3mEx8s4gYW6Cvcc02NuVIQtdmNNYKpoleOELedXL8KxrbsDv305jBnqwopYXdYOlI+XnUPOGieIGtlUmYiGkb+9UJp8k3kPOFvZhV3N9wluEN3iAd+dc8wtVOkcVwZVRIgAAAABJRU5ErkJggg==) no-repeat center center;
}

.newsHeader .social-wrapper .hatena {
  background: #008fde url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAQAAADljHTpAAAAo0lEQVR4AW2NJVBEAQBEF5c+9MGh4E7EJf5MQRsUNOFU3KFDJeHW0IT1HjjXdy7I27gmujkL6oQjFsiRHxp59KtUDBGPiVyJTgAaI+YxK3wBMPXX7JRoBqDvr7nKMPdY2STtrxkEJ9fk/zUPGWMHL3D/76fEK+CUyKSGCtIj5iIGkziAd4l67JgojpgRzLRL9AFgiFqWgpphjB6y5IdUxhkh0QfSXOQg2AIZugAAAABJRU5ErkJggg==) no-repeat center center;
}

/*
## 装飾パーツ：ニュース日付
*/
.newsHeader .date-wrapper {
  width: 85px;
  text-align: right;
  height: 24px;
  line-height: 24px;
}

/*
## 装飾パーツ：エリア全体がリンク

リンク部分に関するスタイルを定義

*/
.areaLink {
  position: relative;
}

.areaLink::before,
.areaLink::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.areaLink::before {
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #bababa;
}

.areaLink::after {
  width: 5px;
  height: 5px;
  border-top: 1px solid #bababa;
  border-right: 1px solid #bababa;
  transform: rotate(45deg);
}

/*
## 装飾パーツ：リンクリスト

リンク部分に関するスタイルを定義

*/
.linkLists > li {
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  margin: 6px 0;
}

.secondaryContents .linkLists > li a {
  font-size: 12px;
}

.linkLists[class*=grid-] > li {
  margin-bottom: 0;
}

.linkLists > li::before {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #000;
  border-right: 0;
  border-top: 4px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 10px;
  position: absolute;
  top: 4px;
  width: 0;
  z-index: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.linkLists > li .fig {
  display: none;
}

.linkLists.txt-ellipsis > li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.linkLists.txt-ellipsis > li article,
.linkLists.txt-ellipsis > li article > h1,
.linkLists.txt-ellipsis > li article > h2,
.linkLists.txt-ellipsis > li article > h3,
.linkLists.txt-ellipsis > li article > h4 {
  display: inline;
}

/*
## 装飾パーツ：画像付きリスト

リンク部分に関するスタイルを定義

*/
.figureLists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.figureLists > li {
  width: 132px;
  margin-right: 2px;
  margin-bottom: 3px;
}

.figureLists > li:nth-of-type(5n) {
  margin-bottom: 0;
}

.figureLists > li a {
  background: #ededed;
  display: block;
  font-size: 12px;
  /* height: 138px; */
  height: 154px;
  line-height: 1.5;
  overflow: hidden;
  padding: 93px 5px 7px 7px;
  position: relative;
  text-decoration: none;
}

.figureLists > li a:hover {
  background: #dfdfdf;
}

.figureLists > li a h1,
.figureLists > li a h2,
.figureLists > li a h3 {
  line-height: 1.5;
}

.figureLists > li a .thumb {
  height: 82px;
  left: 0;
  position: absolute;
  top: 0;
  width: 132px;
}

.figureLists > li a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/*
## 装飾パーツ：記事一覧：サムネイル有り
*/
.thumbnailNews-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.thumbnailNews-wrapper .thumbnail {
  position: relative;
  width: 240px;
  height: 160px;
  overflow: hidden;
}

.thumbnailNews-wrapper .thumbnail img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.thumbnailNews-wrapper .thumbnail.portrait img {
  top: 0;
  transform: translate(-50%, 0);
}

.thumbnailNews-wrapper .thumbnail.landscape img {
  width: auto;
  height: 100%;
}

.thumbnailNews-wrapper .linkLists {
  width: 420px;
}

/*
## 装飾パーツ：リンクリスト・リード記事あり版

リンク部分に関するスタイルを定義

*/
.ledeNews-wrapper {
  min-height: 240px;
  padding: 0 0 0 370px;
  position: relative;
}

.ledeNews-wrapper .ledeNews {
  height: 240px;
  left: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  width: 360px;
}

.ledeNews-wrapper .ledeNews::before {
  display: none;
}

.ledeNews-wrapper .ledeNews > a {
  display: block;
  height: 240px;
  position: relative;
  width: 360px;
}

.ledeNews-wrapper .ledeNews > a:hover::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ledeNews-wrapper .ledeNews .ttl {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  height: 50px;
  left: 0;
  line-height: 25px;
  padding: 0 15px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.ledeNews-wrapper .ledeNews .thumb {
  height: 240px;
  left: 0;
  position: absolute;
  top: 0;
  width: 360px;
  z-index: 1;
}

/*
## 装飾パーツ：ランキングリスト

リンク部分に関するスタイルを定義

*/
.rankingLists > li {
  counter-increment: chapter;
  padding: 11px 10px 10px 40px;
  position: relative;
}

.rankingLists > li:not(:last-child) {
  border-bottom: 1px dotted #cccccc;
}

.rankingLists[class*=grid-] > li {
  border-top: 1px dotted #cccccc;
  border-bottom: none;
}

.rankingLists[class*=grid-2] > li:nth-of-type(1),
.rankingLists[class*=grid-2] > li:nth-of-type(2) {
  border-top: none;
}

.rankingLists > li::before {
  background: #fff;
  border: 1px solid #ccc;
  content: "";
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
  left: 10px;
  line-height: 18px;
  overflow-wrap: break-word;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 18px;
  word-wrap: break-word;
  z-index: 1;
}

.rankingLists > li:not([class*=rank-])::before {
  content: counter(chapter);
}

.rankingLists > li:not([class*=rank-]):nth-of-type(1)::before,
.rankingLists > li:not([class*=rank-]):nth-of-type(2)::before,
.rankingLists > li:not([class*=rank-]):nth-of-type(3)::before,
.rankingLists > li.rank-1::before,
.rankingLists > li.rank-2::before,
.rankingLists > li.rank-3::before {
  background: #333;
  border-color: #333;
  color: #fff;
}

.rankingLists > li.rank-1::before {
  content: "1";
}
.rankingLists > li.rank-2::before {
  content: "2";
}
.rankingLists > li.rank-3::before {
  content: "3";
}
.rankingLists > li.rank-4::before {
  content: "4";
}
.rankingLists > li.rank-5::before {
  content: "5";
}
.rankingLists > li.rank-6::before {
  content: "6";
}
.rankingLists > li.rank-7::before {
  content: "7";
}
.rankingLists > li.rank-8::before {
  content: "8";
}
.rankingLists > li.rank-9::before {
  content: "9";
}
.rankingLists > li.rank-10::before {
  content: "10";
}
.rankingLists > li.rank-11::before {
  content: "11";
}
.rankingLists > li.rank-12::before {
  content: "12";
}
.rankingLists > li.rank-13::before {
  content: "13";
}
.rankingLists > li.rank-14::before {
  content: "14";
}
.rankingLists > li.rank-15::before {
  content: "15";
}
.rankingLists > li.rank-16::before {
  content: "16";
}
.rankingLists > li.rank-17::before {
  content: "17";
}
.rankingLists > li.rank-18::before {
  content: "18";
}
.rankingLists > li.rank-19::before {
  content: "19";
}
.rankingLists > li.rank-20::before {
  content: "20";
}
.rankingLists > li.rank-21::before {
  content: "21";
}
.rankingLists > li.rank-22::before {
  content: "22";
}
.rankingLists > li.rank-23::before {
  content: "23";
}
.rankingLists > li.rank-24::before {
  content: "24";
}
.rankingLists > li.rank-25::before {
  content: "25";
}
.rankingLists > li.rank-26::before {
  content: "26";
}
.rankingLists > li.rank-27::before {
  content: "27";
}
.rankingLists > li.rank-28::before {
  content: "28";
}
.rankingLists > li.rank-29::before {
  content: "29";
}
.rankingLists > li.rank-30::before {
  content: "30";
}
.rankingLists > li.rank-31::before {
  content: "31";
}
.rankingLists > li.rank-32::before {
  content: "32";
}
.rankingLists > li.rank-33::before {
  content: "33";
}
.rankingLists > li.rank-34::before {
  content: "34";
}
.rankingLists > li.rank-35::before {
  content: "35";
}
.rankingLists > li.rank-36::before {
  content: "36";
}
.rankingLists > li.rank-37::before {
  content: "37";
}
.rankingLists > li.rank-38::before {
  content: "38";
}
.rankingLists > li.rank-39::before {
  content: "39";
}
.rankingLists > li.rank-40::before {
  content: "40";
}
.rankingLists > li.rank-41::before {
  content: "41";
}
.rankingLists > li.rank-42::before {
  content: "42";
}
.rankingLists > li.rank-43::before {
  content: "43";
}
.rankingLists > li.rank-44::before {
  content: "44";
}
.rankingLists > li.rank-45::before {
  content: "45";
}
.rankingLists > li.rank-46::before {
  content: "46";
}
.rankingLists > li.rank-47::before {
  content: "47";
}
.rankingLists > li.rank-48::before {
  content: "48";
}
.rankingLists > li.rank-49::before {
  content: "49";
}
.rankingLists > li.rank-50::before {
  content: "50";
}

.rankingLists.txt-ellipsis > li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rankingLists.txt-ellipsis > li article,
.rankingLists.txt-ellipsis > li article > h1,
.rankingLists.txt-ellipsis > li article > h2,
.rankingLists.txt-ellipsis > li article > h3,
.rankingLists.txt-ellipsis > li article > h4 {
  display: inline;
}

.secondaryContents .rankingLists > li {
  padding: 0;
  border-bottom: none;
}

.secondaryContents .rankingLists > li::before {
  left: 5px;
  z-index: 2;
}

.secondaryContents .rankingLists > li a {
  display: block;
  position: relative;
  padding: 12px 10px 12px 40px;
  font-size: 12px;
  z-index: 1;
  text-decoration: none;
}

.secondaryContents .rankingLists > li.addThumb a {
  padding-right: 40px;
}

.secondaryContents .rankingLists > li.addThumb a .thumb {
  position: absolute;
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 36px;
  height: 36px;
}

.secondaryContents .rankingLists > li a:hover {
  background: #f2f2f2;
}

.secondaryContents .rankingLists > li.addThumb a:hover .thumb::after {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.secondaryContents .rankingLists > li a::before {
  position: absolute;
  display: block;
  content: "";
  left: 5px;
  bottom: 0;
  width: calc(100% - 10px);
  height: 0;
  border-top: 1px dotted #ccc;
}

.secondaryContents .rankingLists > li:last-child a::before {
  display: none;
}

.secondaryContents .rankingLists.txt-ellipsis > li a,
.secondaryContents .rankingLists.txt-ellipsis > li article > h1,
.secondaryContents .rankingLists.txt-ellipsis > li article > h2,
.secondaryContents .rankingLists.txt-ellipsis > li article > h3,
.secondaryContents .rankingLists.txt-ellipsis > li article > h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*
## 装飾パーツ：写真ランキングリスト
*/
.secondaryContents .photoRankingLists {
  display: flex;
  justify-content: flex-start;
  padding: 2px 0 2px 2px;
}

.secondaryContents .photoRankingLists > li {
  width: calc(20% - 2px);
  height: 77px;
  margin-right: 2px;
}

.secondaryContents .photoRankingLists > li:last-child {
  margin-right: 0;
}

.secondaryContents .photoRankingLists > li a {
  display: block;
  height: 77px;
  position: relative;
  width: 100%;
}

.secondaryContents .photoRankingLists > li a .thumb {
  height: 57px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.secondaryContents .photoRankingLists > li a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.secondaryContents .photoRankingLists > li a::before {
  background: #fff;
  border: 1px solid #ccc;
  bottom: 0;
  content: "";
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 18px;
  left: 0;
  line-height: 18px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: calc(100% - 2px);
  z-index: 1;
}

.secondaryContents .photoRankingLists > li:nth-of-type(1) a::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "1";
}

.secondaryContents .photoRankingLists > li:nth-of-type(2) a::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "2";
}

.secondaryContents .photoRankingLists > li:nth-of-type(3) a::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "3";
}

.secondaryContents .photoRankingLists > li:nth-of-type(4) a::before {
  content: "4";
}

.secondaryContents .photoRankingLists > li:nth-of-type(5) a::before {
  content: "5";
}

/*
## 装飾パーツ：行そのものがリンクになっている場合などの一覧（メインコンテンツ版）
*/
.primaryContents .blockLists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.primaryContents .blockLists > li {
  position: relative;
  display: table;
  width: 50%;
}

.primaryContents .blockLists > li a {
  display: table-cell;
  position: relative;
  font-size: 13px;
  padding: 0 10px;
  height: 68px;
  border-bottom: 1px dotted #ccc;
  line-height: 1.5;
  text-decoration: none;
  vertical-align: middle;
  background: #fff;
}

.primaryContents .blockLists > li a:hover {
  background: #f2f2f2;
}

.primaryContents .blockLists > li.addThumb a {
  padding-right: 102px;
}

.primaryContents .blockLists > li a .thumb {
  position: absolute;
  right: 2px;
  top: 3px;
  width: 90px;
  height: 60px;
  overflow: hidden;
}

.primaryContents .blockLists > li a:hover .thumb::after {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

/*
## 装飾パーツ：行そのものがリンクになっている場合などの一覧（メインコンテンツ版：1行まるまるがリンクの場合）
*/
.primaryContents .blockLists-full li {
  position: relative;
}

.primaryContents .blockLists-full li:not(:last-child)::before {
  left: 5px;
  bottom: 0;
  width: calc(100% - 10px);
  display: block;
  position: absolute;
  content: "";
  height: 0;
  border-bottom: 1px dotted #ccc;
}

.primaryContents .blockLists-full li a {
  display: block;
  line-height: 1.3;
  padding: 11px 15px;
}

/*
## 装飾パーツ：行そのものがリンクになっている場合などの一覧（サイドナビ版）
*/
.secondaryContents .blockLists > li.addThumb {
  display: table;
  width: 100%;
}

.secondaryContents .blockLists > li a {
  display: block;
  position: relative;
  font-size: 12px;
  padding: 11px 10px;
  line-height: 1.5;
  text-decoration: none;
}

.secondaryContents .blockLists > li.addThumb a {
  position: relative;
  display: table-cell;
  padding: 11px 80px 11px 10px;
  height: 55px;
  width: 100%;
  vertical-align: middle;
}

.secondaryContents .blockLists > li.addThumb:last-child a {
  height: 54px;
}

.secondaryContents .blockLists > li.addThumb .thumb {
  position: absolute;
  right: 2px;
  top: 0;
  bottom: 1px;
  margin: auto;
  width: 75px;
  height: 50px;
}

.secondaryContents .blockLists > li a:hover {
  background: #f2f2f2;
}

.secondaryContents .blockLists > li a::before {
  position: absolute;
  display: block;
  content: "";
  left: 5px;
  bottom: 0;
  width: calc(100% - 10px);
  height: 0;
  border-top: 1px dotted #ccc;
}

.secondaryContents .blockLists > li:last-child a::before {
  display: none;
}

.secondaryContents .blockLists > li.addThumb a:hover .thumb::after {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

/*
## 装飾パーツ：リンク要素がグリッド上にならぶ場合
*/
.gridLists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.gridLists.grid-3,
.gridLists.grid-4,
.gridLists.grid-5,
.gridLists.grid-6 {
  justify-content: flex-start;
}

.gridLists > li {
  margin-bottom: 3px;
}

.gridLists.grid-3 > li {
  width: calc(33.3333333333% - 3px);
  margin-right: 3px;
}

.gridLists.grid-4 > li {
  width: calc(25% - 3px);
  margin-right: 3px;
}

.gridLists.grid-5 > li {
  width: calc(20% - 3px);
  margin-right: 3px;
}

.gridLists.grid-6 > li {
  width: calc(16.6666666667% - 3px);
  margin-right: 3px;
}

.gridLists.grid-3 > li:nth-of-type(3n),
.gridLists.grid-4 > li:nth-of-type(4n),
.gridLists.grid-5 > li:nth-of-type(5n),
.gridLists.grid-6 > li:nth-of-type(6n) {
  margin-right: 0;
}

.gridLists > li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  background: #ededed;
}

.gridLists > li a:hover {
  background: #dfdfdf;
}

/*
## 装飾パーツ：コラム一覧
*/
.columnLists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.columnLists > li {
  display: table;
  height: 100px;
  width: calc(50% - 2px);
  margin-bottom: 3px;
}

.columnLists > li a {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100px;
  vertical-align: middle;
  text-decoration: none;
  background: #ededed;
  padding: 0 15px 0 115px;
}

.columnLists > li a:hover {
  background: #dfdfdf;
}

.columnLists > li .name {
  font-weight: bold;
  margin-bottom: 3px;
}

.columnLists > li .text {
  font-size: 12px;
  font-weight: normal;
}

.columnLists > li .thumb {
  height: 100px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100px;
}

.columnLists > li a:hover .thumb::before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/*
## 装飾パーツ：リンク要素が横一列にならぶ場合
*/
.keywordLists::after {
  display: block;
  content: "";
  clear: both;
}

.keywordLists > li {
  float: left;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
}

.keywordLists > li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  padding: 0 20px;
  text-decoration: none;
  background: #ededed;
  white-space: nowrap;
}

.keywordLists > li a:hover {
  background: #dfdfdf;
}

/*
## 装飾パーツ：サイドナビ内コンテンツ
*/
.secondaryContents .content-wrapper {
  border: 1px solid #ccc;
}

.secondaryContents .content-wrapper + .content-wrapper {
  margin-top: 10px;
}

/*
## 装飾パーツ：購読案内
*/
.secondaryContents .guideLinks {
  margin: 10px 0;
  display: flex;
  width: 100%;
}

.secondaryContents .guideLinks a {
  background: #EDEDED;
  border: 1px solid #ccc;
  display: block;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 50%;
  padding-bottom: 5px;
}

.secondaryContents .guideLinks a:hover {
  background: #dfdfdf;
}

.secondaryContents .guideLinks a::before {
  content: "";
  display: block;
  height: 32px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center right;
}

.secondaryContents .guideLinks .paper::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAQAAAA6heU+AAAA8ElEQVR4AeXNA8wVUBQA4O/5Ddk15JrZ8DCvMcxpXnaz4pBt15yNec3Ztv2b4XaHjJmdq4Nvu/4RPcxzRo0t/hFZizTabZSlDvhrpBxyXn8w7TtMG2yNYw5ZZagsZrmmFRDhKWno5aLHFhtjnKVuxXycegMAzFAbRU8eWCUPIGF4ZLcBME38yX2C1gCA13H9CA9EEf4r2M0K/4byprrmo9sm/wv2dtVFw7WEn2FW+hus8NQSaWnZH2HZNs8FwTM7FSMMTsbsmSB4bpuyQNBkg5IOOilboNJHQVXMyjrpoGRDFIF3BgKADioi6wAAUbz7AgWPdRNwOdTjAAAAAElFTkSuQmCC);
  width: 20px;
}

.secondaryContents .guideLinks .backnumber {
  border-left: none;
}

.secondaryContents .guideLinks .backnumber::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAAHzZY3hAAAACXBIWXMAAAsSAAALEgHS3X78AAABe0lEQVQ4jZ2UPUoEQRCFv1oFFQQNDAUFEQyE3QMITmBgKBisoUfQAwgLXkDwAoZ6AzM30MBMUNBAYUONFAw0EEreULO0s72u+GB6povXVa9+enB3gI6WrjYNYE47q8x9jsUHY8ADcAdsAYv908Fo6fBpsEqD3I6LBbwBG31nZSyzokENdUNLyzUwW0VKIkrCnk58uPtb3RWwC9wMxDCzGzOTi0lC4g+4eysh7yixAjgD7jNh5ivCJvCZIUxoua1nEFm43tKwqoqkeQeezKytz6J+Sg2Kd3cgzVGlVWqXwPYwwr67rwEHqbHIZREaevIw/YuEGRVK1CvgK0NoVpW8kLsoea6idajTC8Cx7K/A+TCdGd2tULWlvcXA9kLJc03BegxzBY3QS/CWgXfCQbZSVeeSfSfpYvGnTprZrJlpLiR9JZ4+RjoAjtx9KXJvJ5e2xMCNSOHuqlEJdz8B9PzAXxQMgxQ15WBK/VSu//FS/mriQh3Gny03cXnA4zdC+t38+bcYkwAAAABJRU5ErkJggg==);
  width: 20px;
}

.secondaryContents .guideLinks .ebook {
  border-left: none;
}

.secondaryContents .guideLinks .ebook::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAQAAAAXDMSnAAAArUlEQVR4AbXStUEGQRiE4Rf5FndIcElwq4KQKq4nmsBdfsMS3KUJKjh3zZgJn7XbPRjmAiOjF5ZQYYtJuhOdZIcbMJghHSU1MWwcT1GrOm74JRNbpdb4zGoG2iT3dDGVxi65tQklFxJDm+7lyiZ1mNzTphqt0LzR+JHYs3NNzm0ChhhgPIaJ/C9qrGdUc/GDp4x+xJdtYNlqS3zZGf8S+LO6gJsZjPzH3qJS+JuY7PViL6eWCBMAAAAASUVORK5CYII=);
  width: 14px;
}

/*
## 装飾パーツ：速報テーブル
*/
.promptReport {
  display: flex;
  width: 100%;
}

.promptReport-inner .game-title {
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #e6e6e6;
}

.promptReport-inner + .promptReport-inner .game-title {
  border-left: none;
}

.promptReport-inner .game-wrapper {
  display: flex;
}

.promptReport-inner .game-wrapper a {
  text-decoration: none;
  cursor: pointer;
}

.promptReport-inner .game-wrapper a:hover {
  background: #f2f2f2;
}

.promptReport-inner .game-wrapper .game {
  display: block;
  border: 1px solid #ccc;
}

.proBaseball .promptReport-inner .game-wrapper .game {
  width: 112px;
}

.proBaseball .promptReport-inner .game-wrapper .game:first-child {
  width: 111px;
}

.hsBaseball .promptReport-inner .game-wrapper .game {
  width: 168px;
}

.hsBaseball .promptReport-inner:nth-of-type(2n) .game-wrapper .game {
  width: 167px;
}

.promptReport-inner .game-wrapper .game + .game {
  border-left: none;
}

.promptReport-inner + .promptReport-inner .game-wrapper .game:first-child {
  border-left: none;
}

.promptReport-inner .game-wrapper table {
  width: 100%;
  margin-bottom: 10px;
}

.promptReport-inner .game-wrapper caption {
  background: #f2f2f2;
  display: table-caption;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.promptReport-inner .game-wrapper .team {
  font-size: 12px;
  font-weight: normal;
  height: 20px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
}

.promptReport-inner .game-wrapper .score {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  padding-right: 10px;
  text-align: right;
  vertical-align: middle;
}

.promptReport-inner .game-wrapper .link {
  display: block;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  margin: 0 10px;
  position: relative;
  text-align: right;
}

.promptReport-inner .game-wrapper .link::before {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #000;
  border-right: none;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  margin-right: 6px;
  width: 0;
}

.promptReport-inner .game-wrapper .link::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px dotted #ccc;
}

/*
## 装飾パーツ：速報テーブル
*/
.scoreTable table {
  width: 100%;
}

.scoreTable th {
  background: #e6e6e6;
  border: 1px solid #ccc;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}

.scoreTable th.team {
  background: #f2f2f2;
  font-weight: normal;
  width: 70px;
}

.scoreTable td {
  background: #fff;
  border: 1px solid #ccc;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}

/*
## 装飾パーツ：スコア速報（サイドバー用）
*/
.secondaryContents .scoreList .scoreList-item {
  position: relative;
  margin-top: 1px;
  display: block;
  background: #fff;
  text-decoration: none;
}

.secondaryContents .scoreList .scoreList-item:hover {
  background: #f2f2f2;
}

.secondaryContents .scoreList .scoreList-item:first-child {
  margin-top: 0;
}

.secondaryContents .scoreList .scoreList-item::before {
  position: absolute;
  display: block;
  left: 5px;
  bottom: -1px;
  content: "";
  width: calc(100% - 10px);
  height: 0;
  border-bottom: 1px dotted #ccc;
}

.secondaryContents .scoreList .scoreList-item:last-child::before {
  display: none;
}

/*
### 野球用の調整
*/
.secondaryContents .scoreList.baseball .scoreList-item {
  padding: 0 75px 0 30px;
  height: 40px;
  position: relative;
}

.secondaryContents .scoreList.baseball .scoreList-item::after {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #000;
  border-right: none;
  border-top: 4px solid transparent;
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  right: 5px;
  top: 0;
  width: 0;
  height: 0;
}

.secondaryContents .scoreList.baseball .league {
  bottom: 0;
  color: #fff;
  font-size: 12px;
  height: 20px;
  left: 5px;
  line-height: 20px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}

.secondaryContents .scoreList.baseball .league.central {
  background: #009944;
}

.secondaryContents .scoreList.baseball .league.pacific {
  background: #00a1e9;
}

.secondaryContents .scoreList.baseball .score-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.secondaryContents .scoreList.baseball .score-wrapper::before {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin: auto 0 auto -4px;
  position: absolute;
  top: 1px;
  width: 8px;
}

.secondaryContents .scoreList.baseball .score-wrapper .teamA,
.secondaryContents .scoreList.baseball .score-wrapper .teamB {
  height: 40px;
  line-height: 40px;
  position: relative;
  width: calc(50% - 8px);
}

.secondaryContents .scoreList.baseball .score-wrapper .teamA {
  padding-right: 25px;
  text-align: right;
  margin-right: 16px;
}

.secondaryContents .scoreList.baseball .score-wrapper .teamB {
  padding-left: 25px;
}

.secondaryContents .scoreList.baseball .score-wrapper .teamA .team,
.secondaryContents .scoreList.baseball .score-wrapper .teamB .team {
  font-size: 12px;
}

.secondaryContents .scoreList.baseball .score-wrapper .teamA .team.longName,
.secondaryContents .scoreList.baseball .score-wrapper .teamB .team.longName {
  font-size: 10px;
}

.secondaryContents .scoreList.baseball .score-wrapper .teamA .score,
.secondaryContents .scoreList.baseball .score-wrapper .teamB .score {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  width: 25px;
}

.secondaryContents .scoreList.baseball .score-wrapper .teamA .score {
  right: 0;
}

.secondaryContents .scoreList.baseball .score-wrapper .teamB .score {
  left: 0;
}

/* サッカーPK戦 追加分 */
.secondaryContents .scoreList.baseball .score-wrapper-pk {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk::before {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin: auto 0 auto -4px;
  position: absolute;
  top: 1px;
  width: 8px;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk .teamA {
  padding-right: 25px;
  text-align: right;
  margin-right: 16px;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk .teamA, .secondaryContents .scoreList.baseball .score-wrapper-pk .teamB {
  height: 40px;
  line-height: 30px;
  position: relative;
  width: calc(50% - 8px);
  padding-left: 25px;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk .teamA .score {
  right: 0;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk .teamB .score {
  left: 0;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk .teamA .score, .secondaryContents .scoreList.baseball .score-wrapper-pk .teamB .score {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  line-height: 30px;
  position: absolute;
  top: 0;
  width: 25px;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk .teamA .team, .secondaryContents .scoreList.baseball .score-wrapper-pk .teamB .team {
  font-size: 12px;
}

.secondaryContents .scoreList.baseball .score-wrapper-pk::before {
  margin: 14px 0 auto -4px;
}

/*点数に個別にclassをつける*/
.pk_on02 {
  margin-top: -18px;
  text-align: center;
  margin-left: 42px;
  font-size: 90%;
}

.pk_on02 span.pk_score {
  float: left;
  padding: 0 8px;
}

.pk_on02 span.pk {
  float: left;
}

.secondaryContents .scoreList.baseball .pk_on02::before {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin: 28px 0 auto -26px;
  position: absolute;
  top: 1px;
  width: 7px;
}

/* サッカーPK戦 追加分 ここまで */
.secondaryContents .scoreList.baseball .status {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 45px;
  height: 30px;
}

.secondaryContents .scoreList.baseball .status .stadium {
  display: block;
  position: absolute;
  left: -16px;
  top: 3px;
  width: 80px;
  height: 13px;
  overflow: hidden;
  line-height: 13px;
  text-align: center;
  font-size: 10px;
}

.secondaryContents .scoreList.baseball .status .stadium.longName {
  transform: scale(0.8);
}

.secondaryContents .scoreList.baseball .status .inning {
  background: #fff;
  border: 1px solid #ccc;
  bottom: 1px;
  display: block;
  font-size: 10px;
  height: 15px;
  left: -10px;
  line-height: 15px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 64px;
}

.secondaryContents .scoreList.baseball .status .inning.end {
  border-color: #999;
  background: #999;
}

/*
### 高校野球用の調整
*/
.secondaryContents .scoreList.hsbaseball .scoreList-item {
  padding: 0 75px 0 0px;
  height: 40px;
  position: relative;
}

.secondaryContents .scoreList.hsbaseball .scoreList-item::after {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #000;
  border-right: none;
  border-top: 4px solid transparent;
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  right: 5px;
  top: 0;
  width: 0;
  height: 0;
}

.secondaryContents .scoreList.hsbaseball .league {
  bottom: 0;
  color: #fff;
  font-size: 12px;
  height: 20px;
  left: 5px;
  line-height: 20px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}

.secondaryContents .scoreList.hsbaseball .league.central {
  background: #009944;
}

.secondaryContents .scoreList.hsbaseball .league.pacific {
  background: #00a1e9;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper::before {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin: auto 0 auto -4px;
  position: absolute;
  top: 1px;
  width: 8px;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamA,
.secondaryContents .scoreList.hsbaseball .score-wrapper .teamB {
  height: 40px;
  line-height: 40px;
  position: relative;
  width: calc(50% - 8px);
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamA {
  padding-right: 25px;
  text-align: right;
  margin-right: 16px;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamB {
  padding-left: 25px;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamA .team,
.secondaryContents .scoreList.hsbaseball .score-wrapper .teamB .team {
  font-size: 12px;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamA .team.longName,
.secondaryContents .scoreList.hsbaseball .score-wrapper .teamB .team.longName {
  font-size: 10px;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamA .score,
.secondaryContents .scoreList.hsbaseball .score-wrapper .teamB .score {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  width: 25px;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamA .score {
  right: 0;
}

.secondaryContents .scoreList.hsbaseball .score-wrapper .teamB .score {
  left: 0;
}

.secondaryContents .scoreList.hsbaseball .status {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 45px;
  height: 30px;
}

.secondaryContents .scoreList.hsbaseball .status .stadium {
  display: block;
  position: absolute;
  left: -16px;
  top: 3px;
  width: 80px;
  height: 13px;
  overflow: hidden;
  line-height: 13px;
  text-align: center;
  font-size: 10px;
}

.secondaryContents .scoreList.hsbaseball .status .stadium.longName {
  transform: scale(0.8);
}

.secondaryContents .scoreList.hsbaseball .status .inning {
  background: #fff;
  border: 1px solid #ccc;
  bottom: 7px;
  display: block;
  font-size: 10px;
  height: 15px;
  left: -10px;
  line-height: 15px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 64px;
}

.secondaryContents .scoreList.hsbaseball .status .inning.end {
  border-color: #999;
  background: #999;
}

h2.ttl > span.game {
  position: relative;
  top: -50px;
  display: block;
}

/*
## 装飾パーツ：成績テーブル
*/
.recordTable table {
  width: 100%;
}

.recordTable table + table {
  margin-top: 10px;
}

.recordTable caption {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #e6e6e6;
  display: table-caption;
  font-size: 13px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 100%;
}

.recordTable th {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 12px;
  font-weight: normal;
  height: 29px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  background: #f2f2f2;
}

.recordTable td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-family: "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
}

.recordTable td.text {
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
}

/*
## 装飾パーツ：MLB用個人成績
*/
.mlbPersonalAchieve {
  display: flex;
  margin-top: 10px;
}

.mlbPersonalAchieve .thumb {
  height: 120px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  width: 120px;
}

.mlbPersonalAchieve .recordTable {
  width: 540px;
}

/*
## 装飾パーツ：写真特集
*/
.photoGallery-inner {
  display: flex;
  flex-wrap: wrap;
}

.photoGallery-inner > a {
  background: #ededed;
  display: block;
  line-height: 1.25;
  padding: 225px 50px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 216px;
  margin-right: 11px;
  margin-bottom: 10px;
}

.photoGallery-inner > a:nth-of-type(3n) {
  margin-right: 0;
}

.photoGallery-inner > a:hover {
  background: #dfdfdf;
}

.photoGallery-inner > a .ttl {
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 16px;
  word-wrap: break-word;
  word-break: break-all;
}

.photoGallery-inner > a .size {
  display: block;
  width: 24px;
  height: 17px;
  line-height: 17px;
  background: #000;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  top: 248px;
  right: 10px;
}

.photoGallery-inner > a .size::before {
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  content: "";
  width: 24px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAQAAACmLXceAAAA1ElEQVR4AZWLJVAEYQCFPzzhGklow+mNeuki0uh0NF3B+0D++0BFr0es4Zqu3O0+7J9Z3/1eeTIPH4uUcLCipCaGKp6Z8DQTaqqIZJQH/Dyo9bDBNXd/+mIJH2q+7H7NBlQYpvdPnQAMsk9R2pcD6LT7MBVw8JLnjRWmpRW5PF4c/6GfD0ZtGlXqjz9sUfDkgprYwzE5T86piT0YFjx5ARN/mOOSGptqlObiD7WcckgLAC1yp2piD9DEAZ8cSV9yTRBzsPQwI/Vg8R4aSEsDDhicDDIuJwhjiJH6W5cAAAAASUVORK5CYII=) no-repeat center center;
  z-index: 1;
}

.photoGallery-inner > a .size::after {
  display: block;
  content: "";
  top: -3px;
  right: 0;
  left: 0;
  border-top: none;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #000;
  border-left: 3px solid transparent;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  z-index: 2;
}

.photoGallery-inner > a .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 216px;
  height: 216px;
}

.photoGallery-inner > a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/*
## 装飾パーツ：タブコンテンツ
*/
.tab-wrapper {
  position: relative;
  padding-top: 30px;
}

.tab-wrapper .tab {
  left: 0;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 1;
}

.tab-wrapper .tab.current {
  position: relative;
  top: inherit;
  z-index: 2;
}

.tab-wrapper .tab .ttl {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  left: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: -30px;
}

.tab-wrapper .tab.current .ttl {
  background: #333;
  color: #fff;
  cursor: default;
  pointer-events: none;
}

.tab-wrapper .tab:not(.current):hover .ttl {
  background: #f2f2f2;
}

.tab-wrapper.grid-2 .tab .ttl {
  width: 50%;
}

.tab-wrapper.grid-2 .tab:nth-of-type(2) .ttl {
  left: 50%;
}

.tab-wrapper.grid-3 .tab .ttl {
  width: 33.3333333333%;
}

.tab-wrapper.grid-3 .tab:nth-of-type(2) .ttl {
  left: 33.3333333333%;
}

.tab-wrapper.grid-3 .tab:nth-of-type(3) .ttl {
  left: 66.6666666667%;
}

.tab-wrapper .tab .content {
  display: none;
}

.tab-wrapper .tab.current .content {
  border-top: 2px solid #333;
  display: block;
}

/*
## 装飾パーツ：画像用カルーセル（サイドバー用）
*/
.secondaryContents .figureCarousel-wrapper {
  position: relative;
  padding-top: 10px;
  padding-bottom: 17px;
}

.secondaryContents .figureCarousel {
  position: relative;
  margin: 0 auto;
  width: 218px;
  height: 200px;
  overflow: hidden;
}

.secondaryContents .figureCarousel-inner {
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.25s ease-out;
}

.secondaryContents .figureCarousel-inner::after {
  display: block;
  content: "";
  clear: both;
}

.secondaryContents .figureCarousel-item {
  float: left;
  position: relative;
  display: block;
  width: 218px;
  height: 200px;
  text-decoration: none;
  cursor: pointer;
}

.secondaryContents .figureCarousel-item .fig {
  height: 160px;
  overflow: hidden;
  position: relative;
  width: 218px;
}

.secondaryContents .figureCarousel-item .fig img {
  height: 100%;
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.secondaryContents .figureCarousel-item .caption {
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 218px;
}

.secondaryContents .figureCarousel-wrapper .prev,
.secondaryContents .figureCarousel-wrapper .next {
  background: #666;
  display: block;
  height: 30px;
  position: absolute;
  top: 75px;
  width: 30px;
}

.secondaryContents .figureCarousel-wrapper .prev {
  left: 10px;
}

.secondaryContents .figureCarousel-wrapper .next {
  right: 10px;
}

.secondaryContents .figureCarousel-wrapper .prev.hide,
.secondaryContents .figureCarousel-wrapper .next.hide {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}

.secondaryContents .figureCarousel-wrapper .prev::before,
.secondaryContents .figureCarousel-wrapper .next::before {
  border-bottom: 1px solid #fafafa;
  border-right: 1px solid #fafafa;
  bottom: 0;
  content: "";
  display: block;
  height: 7px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 7px;
  z-index: 1;
}

.secondaryContents .figureCarousel-wrapper .prev::before {
  left: 12px;
  transform: rotate(135deg);
}

.secondaryContents .figureCarousel-wrapper .next::before {
  right: 12px;
  transform: rotate(-45deg);
}

.secondaryContents .figureCarousel-wrapper .prev:not(.hide):hover::after,
.secondaryContents .figureCarousel-wrapper .next:not(.hide):hover::after {
  position: absolute;
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.secondaryContents .figureCarousel-wrapper .dot-wrapper {
  display: flex;
  justify-content: center;
}

.secondaryContents .figureCarousel-wrapper .dot-wrapper .dot {
  display: block;
  border-radius: 4px;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: #e5e5e5;
}

.secondaryContents .figureCarousel-wrapper .dot-wrapper .dot.current {
  background: #333;
}

/*
## 装飾パーツ：ネットショッピング（サイドナビ版）
*/
.secondaryContents .shopingList {
  padding: 4px 10px 4px 112px;
  position: relative;
  min-height: 120px;
}

.secondaryContents .shopingList .thumb {
  left: 10px;
  top: 10px;
  height: 10px;
  position: absolute;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border: 1px solid #d8d8d8;
}

.secondaryContents .shopingList .linkLists > li {
  margin: 3px 0;
}

/*
## 装飾パーツ：デイリーおすすめアイテム
*/
.secondaryContents .recommend {
  border-color: transparent;
}

.secondaryContents .recommend .ttl-aside {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin: -1px -1px 0;
}

.secondaryContents .recommend .recommendItems {
  margin: 0 -1px -1px;
}

/*
## 装飾パーツ：注目トピックス
*/
.secondaryContents .topics .blockLists > li a {
  padding-left: 82px;
  min-height: 81px;
  padding-top: 7px;
}

.secondaryContents .topics .blockLists a .ttl {
  font-weight: bold;
}

.secondaryContents .topics .blockLists a .txt {
  margin-top: 2px;
}

.secondaryContents .topics .blockLists a::after {
  display: block;
  content: "";
  width: 64px;
  height: 63px;
  overflow: hidden;
  position: absolute;
  left: 10px;
  top: 10px;
  background: url(../img/banner_64_11.png) no-repeat center center;
}

.secondaryContents .topics .blockLists .unit3 a::after {
  background-position: 0px 0px;
}

.secondaryContents .topics .blockLists .unit4 a::after {
  background-position: 0px -64px;
}

.secondaryContents .topics .blockLists .unit5 a::after {
  background-position: 0px -128px;
}

/*.secondaryContents .topics .blockLists .unit3 a::after {
  background-position: 0px -129px;
}*/
/*.secondaryContents .topics .blockLists .unit10 a::after {
  background-position: 0px -580px;
}*/
.secondaryContents .topics .blockLists .unit9 a::after {
  background-position: 0px -324px;
}

.secondaryContents .topics .blockLists .unit10 a::after {
  background-position: 0px -391px;
}

.secondaryContents .topics .blockLists .unit11 a::after {
  background-position: 0px -452px;
}

.secondaryContents .topics .blockLists .unit12 a::after {
  background-position: 0px -193px;
}

.secondaryContents .topics .blockLists .unit13 a::after {
  background-position: 0px -514px;
}

/*
## 装飾パーツ：セクション
*/
.primaryContents .section {
  margin-bottom: 40px;
}

.primaryContents .sectionSub {
  margin-bottom: 15px;
}

/*
## 装飾パーツ：広告エリア
*/
.add {
  margin: 50px 0 30px;
  text-align: center;
}

.primaryContents .add {
  text-align: left;
}

.secondaryContents .add {
  margin: 10px 0;
}

/*
## サンプル用
*/
.code {
  padding: 30px 0;
}

.code pre {
  position: relative;
  margin: 10px 0;
  padding: 20px 10px 10px;
  background: #678;
  font-size: 11px;
  color: #fff;
  font-style: italic;
  line-height: 1.6;
  white-space: pre-wrap;
  max-height: 300px;
  overflow-y: auto;
}

.code pre::before {
  display: block;
  content: "MARKUP SAMPLE";
  position: absolute;
  left: 5px;
  top: 3px;
  font-size: 10px;
  font-weight: bold;
  color: #9ab;
}

/*
# State スタイル

レイアウトやモジュールの特定の状態に関するスタイルを定義

*/
/*
## ページヘッダー用スタイル

ページヘッダー用のスタイルを定義

*/
/*
### ページ情報
*/
.pageInfo {
  text-align: center;
  border-bottom: 1px solid #ededed;
}

.pageInfo .date {
  position: relative;
  display: inline-block;
  height: 24px;
  padding-right: 16px;
  line-height: 24px;
  vertical-align: middle;
}

.pageInfo .date::after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #ccc;
}

.pageInfo .keywords {
  display: inline-block;
  padding: 2px 0 2px 6px;
  vertical-align: middle;
}

.pageInfo .keywords::after {
  clear: both;
  content: "";
  display: block;
}

.pageInfo .keywords li {
  float: left;
  padding-right: 5px;
}

.pageInfo .keywords li:last-child {
  padding-right: 0;
}

.pageInfo .keywords li a {
  color: #f33;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  text-decoration: none;
}

.pageInfo .keywords li a:hover {
  background: #ffe5e5;
}

/*
### メインジャンル一覧
*/
.mainNavigation {
  border-bottom: 3px solid #fff100;
}

.mainNavigation-inner {
  position: relative;
  height: 50px;
}

.mainNavigation .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 50px;
}

.mainNavigation .logo > a {
  position: relative;
  display: block;
  width: 140px;
  height: 50px;
  overflow: hidden;
}

.mainNavigation .logo > a:hover {
  opacity: 0.4;
}

.mainNavigation .logo > a img {
  position: absolute;
  left: 0;
  right: 0;
  top: -217px;
  margin: auto;
}

/* ロゴ */
.tigers .mainNavigation .logo > a img {
  top: 7px;
}

.carp .mainNavigation .logo > a img {
  top: -49px;
}

.golf .mainNavigation .logo > a img {
  top: -105px;
}

.soccer .mainNavigation .logo > a img {
  top: -161px;
}

.ring .mainNavigation .logo > a img {
  top: -273px;
}

.motorboat .mainNavigation .logo > a img {
  top: -329px;
}

.horse .mainNavigation .logo > a img {
  top: -385px;
}

.bicycle .mainNavigation .logo > a img {
  top: -441px;
}

.gossip .mainNavigation .logo > a img {
  top: -497px;
}

.olympic .mainNavigation .logo > a img {
  top: -553px;
}

.baseball .mainNavigation .logo > a img {
  top: -609px;
}

.leisure .mainNavigation .logo > a img {
  top: -665px;
}

.rugby .mainNavigation .logo > a img {
  top: -721px;
}

.mainNavigation .navigation-wrapper {
  left: 170px;
  position: absolute;
  top: 0;
}

.mainNavigation .navigation {
  display: flex;
}

.mainNavigation .navigation li {
  height: 50px;
  padding: 8px 0;
  position: relative;
}

.mainNavigation .navigation li::after {
  clear: both;
  content: "";
  display: block;
}

.mainNavigation .navigation li a {
  color: #999;
  display: inline-block;
  float: left;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  text-decoration: none;
}

.mainNavigation .navigation li a:hover {
  background: #ededed;
}

.mainNavigation .navigation li .btnlists {
  display: none;
  float: left;
}

.mainNavigation .navigation li.current::before {
  background: #fff100;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mainNavigation .navigation li.current a {
  color: #000;
}

/*
#### メインジャンル一覧：芸能表示のとき
*/
.gossip .mainNavigation {
  border-bottom: 3px solid #ff008e;
}

.gossip .mainNavigation .navigation li.current::before {
  background: #ff008e;
}

/* 宮島ボート表示のとき */
.miyajima .mainNavigation {
  border-bottom: 3px solid #a50519;
}

.miyajima .mainNavigation .navigation li.current::before {
  background: #a50519;
}

/*
### 検索エリア
*/
.pageSearchBtn {
  background: #fff100;
  border-radius: 40px;
  bottom: 0;
  display: block;
  height: 40px;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 10px;
  text-indent: 100%;
  top: 0;
  white-space: nowrap;
  width: 40px;
  cursor: pointer;
}

.pageSearchBtn:hover {
  background: #f2e500;
}

.pageSearchBtn::before,
.pageSearchBtn::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.pageSearchBtn::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHXRSTlMA+1spJQb3vP70rZaFWTTh7Na/fXVcUEdAOSAYCRZC6jgAAAB9SURBVBjTVY1XDsNACETB27t7i+9/zqAsm5XfB2KeEAPEJ04aS5DAJGc2IXaPK2ed6nKOy+/eJWAuzDSjgT/B05i2LrJWAFp0oewNgC9B1WXvQuBTH1W4QOLZsnQHEOt4cS5zXRYMWSkR3YwD13ttLZoDhmZA3fIBopnOYL5xJwQ+ZzmxDwAAAABJRU5ErkJggg==) no-repeat center center;
}

.pageSearchBtn::after {
  display: none;
}

.is-openSearch .pageSearchBtn::before,
.is-openSearch .pageSearchBtn::after {
  width: 1px;
  height: 12px;
  background: #000;
}

.is-openSearch .pageSearchBtn::before {
  transform: rotate(-45deg);
}

.is-openSearch .pageSearchBtn::after {
  display: block;
  transform: rotate(45deg);
}

/*
### 検索フォーム
*/
.pageSearchForm {
  background: #333;
  display: none;
  left: 0;
  position: absolute;
  top: 75px;
  width: 100%;
  z-index: 2;
}

.is-openSearch .pageSearchForm {
  display: block;
}

.pageSearchForm::before {
  position: absolute;
  right: calc((100% - 1000px) / 2 + 20px);
  top: -10px;
  width: 0;
  height: 0;
  display: block;
  content: "";
  border-top: none;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #333;
  border-left: 10px solid transparent;
  z-index: 1;
}

.pageSearchForm-inner {
  margin: 0 auto;
  padding: 15px 0;
  width: 728px;
}

.pageSearchForm-inner::after {
  display: block;
  content: "";
  clear: both;
}

.pageSearchForm-inner input[type=text] {
  background: #333;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  border-right: none;
  border-top: 2px solid #666;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 13px;
  height: 40px;
  line-height: 14px;
  padding: 8px 15px;
  width: 514px;
}

.pageSearchForm-inner input[type=text]::-moz-placeholder {
  color: #666;
}

.pageSearchForm-inner input[type=text]:-ms-input-placeholder {
  color: #666;
}

.pageSearchForm-inner input[type=text]::-webkit-input-placeholder {
  color: #666;
}

.pageSearchForm-inner .bthAct {
  background: #666;
  border: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 70px;
}

.pageSearchForm-inner .bthAct:hover {
  background: #4d4d4d;
}

.pageSearchForm-inner .bthAct + .bthAct {
  margin-left: 2px;
}

/*
### サブジャンル一覧
*/
.genreNavigation {
  position: relative;
  background: #fff100;
  z-index: 1;
}

.genreNavigation-inner {
  display: flex;
}

/*
#### 一覧ボタンとそれに属する一覧
.genreNavigation-inner .navigation-wrapper {
  width: 100px;
  height: 28px;
}
*/
/*
##### 一覧ボタン
*/
.genreNavigation a {
  color: #fff;
}

.genreNavigation a:visited,
.genreNavigation a:active,
.genreNavigation a:focus {
  color: #fff;
}

.genreNavigation-inner .btnlists {
  display: block;
  height: 25px;
  position: relative;
  width: 100px;
}

.genreNavigation-inner .btnlists::before,
.genreNavigation-inner .btnlists::after {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 14px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 1px;
}

.genreNavigation-inner .btnlists::before {
  left: 0;
}

.genreNavigation-inner .btnlists::after {
  right: 0;
}

.genreNavigation-inner .btnlists span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 100px;
  cursor: pointer;
}

.genreNavigation-inner .btnlists span::after {
  margin-left: 15px;
  display: inline-block;
  content: "";
  border-top: 8px solid #000;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-left: 5px solid transparent;
}

.is-openGenre .genreNavigation-inner .btnlists span::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #333;
  bottom: 0;
  left: 0;
  position: absolute;
}

.is-openGenre .genreNavigation-inner .btnlists span::after {
  border-top: none;
  border-bottom: 8px solid #000;
}

/*
##### 一覧
*/
.genreNavigation-inner .navigation {
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  background: #333;
  z-index: 1;
}

/*
###### 一覧内、ジャンルタイトル
*/
.genreNavigation-inner .genreLists {
  display: none;
}

.is-openGenre .genreNavigation-inner .genreLists {
  display: block;
}

.genreNavigation-inner .genreLists > li {
  position: relative;
  display: flex;
}

.genreNavigation-inner .genreLists > li:not(:first-child) {
  border-top: 1px solid #4d4d4d;
}

.genreNavigation-inner .genreLists > li .areaLink {
  width: 200px;
  height: 39px;
  padding-left: 40px;
  line-height: 39px;
}

.genreNavigation-inner .genreLists > li .areaLink::before {
  border-color: #fff;
  background: transparent;
  left: 10px;
}

.genreNavigation-inner .genreLists > li .areaLink::after {
  border-top-color: #fff;
  border-right-color: #fff;
  left: 16px;
}

.genreNavigation-inner .genreLists > li .areaLink a {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/*
###### 一覧内、サブジャンルタイトル
*/
.genreNavigation-inner .subGenreLists {
  display: flex;
  flex-wrap: wrap;
  width: 800px;
  padding: 10px 0;
}

.genreNavigation-inner .subGenreLists > li {
  width: 200px;
  padding-left: 20px;
  margin: 1px 0;
}

.genreNavigation-inner .subGenreLists > li::before {
  border-left-color: #fff;
  left: 10px;
  bottom: inherit;
  top: 5px;
}

.genreNavigation-inner .subGenreLists > li a {
  font-size: 12px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/*
#### ピックアップキーワード一覧
*/
.genreNavigation-inner .pickupKeywords::after {
  clear: both;
  display: block;
  content: "";
}

.genreNavigation-inner .pickupKeywords > li {
  position: relative;
  float: left;
  display: inline-block;
  padding: 0 0 3px;
}

.genreNavigation-inner .pickupKeywords > li:first-child {
  padding-left: 14px;
}

.genreNavigation-inner .pickupKeywords > li.current::before {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.genreNavigation-inner .pickupKeywords > li > a {
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  padding: 0 14px;
  text-decoration: none;
}

.genreNavigation-inner .pickupKeywords > li > a:hover {
  background: #e5d800;
}

/*
#### サブジャンル一覧：芸能表示のとき
*/
.gossip .genreNavigation {
  background: #ff008e;
}

.gossip .genreNavigation-inner .btnlists,
.gossip .genreNavigation-inner .pickupKeywords > li > a {
  color: #fff;
}

.gossip .genreNavigation-inner .pickupKeywords > li > a:hover {
  background: #d5007e;
}

.gossip .genreNavigation-inner .pickupKeywords > li.current::before {
  background: #fff;
}

.gossip .genreNavigation-inner .btnlists::before,
.gossip .genreNavigation-inner .btnlists::after {
  background: #fff;
}

.gossip .genreNavigation-inner .btnlists span::after {
  border-top-color: #fff;
}

.gossip .is-openGenre .genreNavigation-inner .btnlists span::after {
  border-bottom-color: #fff;
}

/*
#### サブジャンル一覧：宮島ボート表示のとき
*/
.miyajima .genreNavigation {
  background: #a50519;
}

.miyajima .genreNavigation-inner .btnlists,
.miyajima .genreNavigation-inner .pickupKeywords > li > a {
  color: #fff;
}

.miyajima .genreNavigation-inner .pickupKeywords > li > a:hover {
  background: #a50519;
}

.miyajima .genreNavigation-inner .pickupKeywords > li.current::before {
  background: #fff;
}

.miyajima .genreNavigation-inner .btnlists::before,
.miyajima .genreNavigation-inner .btnlists::after {
  background: #fff;
}

.miyajima .genreNavigation-inner .btnlists span::after {
  border-top-color: #fff;
}

.miyajima .is-openGenre .genreNavigation-inner .btnlists span::after {
  border-bottom-color: #fff;
}

/*
## メイン領域用スタイル

メイン領域用のスタイルを定義

*/
.pageMain-inner .primaryContents {
  float: left;
  padding-right: 30px;
}

/*
## サブ領域用スタイル

サブ領域用のスタイルを定義

*/
.pageMain-inner .secondaryContents {
  float: right;
}

.pageMain-inner .secondaryContents.is-fixed {
  position: fixed;
  margin-left: 700px;
  left: auto !important;
}

/*
## ページフッター用スタイル

ページフッター用のスタイルを定義

*/
.pageFooter {
  position: relative;
  margin-top: 60px;
}

.pageFooter a {
  color: #fff;
}

.pageFooter a:visited,
.pageFooter a:active,
.pageFooter a:focus {
  color: #fff;
}

.pageFooter-inner {
  border-right: 1px solid #4d4d4d;
  border-left: 1px solid #4d4d4d;
}

/*
### SNS
*/
.pageFooter-inner .sns-wrapper {
  display: flex;
}

.pageFooter-inner .sns-wrapper a {
  position: relative;
  display: block;
  width: 50%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}

.pageFooter-inner .sns-wrapper a:first-child {
  border-right: 1px solid #4d4d4d;
}

.pageFooter-inner .sns-wrapper a::before {
  display: inline-block;
  content: "";
  width: 30px;
  height: 40px;
  background-position: left center;
  background-repeat: no-repeat;
  vertical-align: bottom;
}

.pageFooter-inner .sns-wrapper .facebook::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAMAAAAcVM5PAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMALaWqIeyx90nh0ru5nHVlGDno23AAAABASURBVAjXnYrJDYBAEMNmmWO5wf03SxCCAvDHVhQTbek95TMRih2yXLHBaDcDNCmitEQYD/MbZe4TrH58539xAR+oA6PhOQEsAAAAAElFTkSuQmCC);
  background-size: 8px 16px;
}

.pageFooter-inner .sns-wrapper .twitter::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAEuSURBVChTfZE7SwNBFIXDoouFpBANaBmbaJFGG5HUdrFRAinsbSwC1tv4FxKwshFBDRYi/gTBxkIFBatETISAdj6aWb87HHfVJB74uI9z7+ywk3HONeED2vAZx/FCZoDwcvAEpe/iFqagAo8shpr1oh6lfwdbavlTanCs/Awa3pCoT2FPZSqaF5y4DmPkr7Ck/g5c+qG/wpiHlpbsmldQtR5MaKxfmBGcKD/kgJg4683/xJB9YZX5cWKbWJA1XAwWocfwCNGudy0rUaD4U2tgN6sHQXBA3mEx8s4gYW6Cvcc02NuVIQtdmNNYKpoleOELedXL8KxrbsDv305jBnqwopYXdYOlI+XnUPOGieIGtlUmYiGkb+9UJp8k3kPOFvZhV3N9wluEN3iAd+dc8wtVOkcVwZVRIgAAAABJRU5ErkJggg==);
  background-size: 14px 13px;
}

.pageFooter-inner .sns-wrapper a:hover {
  background: rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

/*
### ナビゲーション
*/
.pageFooter-inner .navigation-wrapper {
  border-top: 1px solid #4d4d4d;
}

.pageFooter-inner .navigation-inner {
  display: flex;
  justify-content: space-around;
  padding: 30px 5px 0;
  position: relative;
}

.pageFooter-inner .navigation-item {
  width: 40px;
  height: 60px;
}

.pageFooter-inner .navigation-item > a {
  display: block;
  height: 60px;
  position: relative;
  width: 40px;
}

.pageFooter-inner .navigation-item > a:hover {
  opacity: 0.6;
}

.pageFooter-inner .navigation-item > a::before {
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 40px;
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.pageFooter-inner .navigation-item.home > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAQAAADFXM7/AAAAtklEQVR4AdWKJUBDARRFD+6uCa849IZbxhMd7T1iPWI94tbQ/NOPOCxN79y3Muw8v+8SxQJvqoRks80zS6pt7XGo5ZxbGoAGzXPdMejFZJd8vORrN6VFMI+FNdIIkqbbIj1AJhu80k80/dI39BdVHPFIC7Fp0e9IHgwOKCQ+hfob4KSUxJTi/D+2DNroQKGZEd82jI03FJrD8W0THANCc+J7bfVavDHFtS6F5lRArUe2L7Vk8eUCfWxUeQF5fukAAAAASUVORK5CYII=);
}

.pageFooter-inner .navigation-item.gossip > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAQAAADhn588AAABhElEQVR4AZ3BA4xlBwAAwFnbjmvbdlTb5tm2jehs27bdM2vb9mu8+i8fM+K21PMSku43syWkga/97HRxqTLcft+6QWe/W6W1mJ1jmR8cc5an/ew9o0SVq0ISIM1Ap/zmFlE95KDAv77UVxbI8ZfFomrvWy/Klex6O22XBTZrKoqL/eYiAOn26AlKpIlisHFqutNHQt1lEwAWaqimUoEMIYb7TzGACXqp6WK/CnVQ4AEAD/lYDgBGmSXEJX4zxQIASdbaoBKk6uA7Z4roem/ppNyn+skH5JrmN2vM86ljLlXPc6b5wPdaSMIZ1vvDFn2cAU73gjfcJFkE8/wosNj5IEVTXwkcdY/oJLvUQD+6XYrl9ntMMaBSS1PN0c9VwnnWR5o6JhPAG360TEtvGO17s2ULkexTv3sdQFNfuw5AqTU2SxVimsCZgPP84go1ZTiogxAv+xjAWCPVdbtvZIgo0/mAJF+5Vn0fu00UlQKp6puvqSgu9KPCCMfrLooz/CuIuCUA/wMwVXp/dM9ZVAAAAABJRU5ErkJggg==);
}

.pageFooter-inner .navigation-item.baseball > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAQAAABUt8XAAAABXElEQVR4AYXBM6BQAQAAwMu2bbsp29aUbdu2bazZU7Zt2/Z3tS/v3QkRTz9P/fNAJ6GGe6G+DFr6oItAqX1TGdDSQ4FGOAkgq39ARdMs0U4SAJDYa00AtPGABNb7ZZNvHrivAAA6uyMeIKM3ujDGQ1nxSkWLXRUfEM9tXQHx7LcV3ogyAtvMksx7VQFNvJYYMMAzaeGfBl4ZorxfmjmkM+CkEYAyfqkMfFRLFd8l18I339QCFX2TGiR31wSAeU5L6qlqGO2tJGCHuYC1jksAkNwJd7y30G5fVQSFRcoO2vgiJwAk1MV+B02THbDWBpDbVy0FyuqPYkjglFVCzLQXTHZLMoFS+qYyqvqtlBBDnUE6L/UVIpEXWmCHPQKkNdUiM90TX0+vZBBglZPm++GaZn6qKdA8+ySQxjzRzkokUAZXXVQFBV0zR4gkRvlui9I6uyWcLFb4LkJfAAD4D0E5aoi5R+28AAAAAElFTkSuQmCC);
}

.pageFooter-inner .navigation-item.tigers > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAOCAQAAAB0xq/2AAABxElEQVR4AY3LMwCcCRQA4bc2Y9u2bZtVbNtpYtu22cS2bRsXY/FjYuu+qUf+t6BvsTVk0PynpIj8b07X9YrKce4wFGtU8ssv7PIb1v4ZIipw+X2DCByTrxKbB/ovmlTBpPrvuWZKevnG7Qy7GMJbxmOjFkZVPnL5Zpu0qpGlXOUZN4hPKc2q+tdLPPnI2jt/eCs53weXqYrj45bQeSWlkoC3AChEMXGXe9RRbK+lrhgkvTW0A9C5CkA33bdRJOi81USNkoNBQHUmcw4PfLQIX9T/yqzYuA3sQQHuYVMkm3jmlYrqwC48PKUDnVhNDmAgi4HStOMS9WmESnZycZ52mm+ziFhDB9DpzU2OABOownW2cgEnx3iChZvAVRycJURnnNhUySzv6feJ0JQAq4DFJOM2UIJ2wAzyAHE4zpyPu0rWqG+1fOC7PhuAZfgogkX1PDJpBdW4vAAqMAJIwmEANJoprpvikQ9MNZ3RdcBbWuIMSTYRSR48GVTWA88/zqnZDjygbNR1WxLKF5ZGttd2xax5z0oG+cRgaWF7lT40iiM8IANDaKfbFM9aCcgPrJJRksiP3NIwsMP5QrDo7ofuBZJHvvMOFZNf66gaCvgAAAAASUVORK5CYII=);
}

.pageFooter-inner .navigation-item.soccer > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAABlUlEQVR4AX2TA8ydQRRET20Gtd04DerGNmrErBXUiFHbRtSwtm0j6G+7xgm+7ObpzEsyd+487xJDV1Zym3L+qXLdSrqRkXZs4ief+c5a+qm1us8mm9ykMNzFQ0YB06jhMIeo1WHykM9u4yqlbKcZIgN4rwYg0sxNaai3J499xGxUEW7zbNEYWEcnnpCLJzbWId34yW7OEWjKDdWUwDkbP22ylNsM5RedEenHHT6rO/RFpLPbYbaWwmUWMZDvLkcAk6jmOO3VcaqdML3jdiCLbFLOemo5zSF+8p46ZpIwy+m96SG3tbbK4Z9mCkJ3XrCcCKcXpmKj1qaPCSTM5x4RTvMQwZblcsaT0Ju/dEcE3V+ThPE28QsSuMccEuY4BfyC4E9HYB0lXFNKt46APx34pzAKkdY8ppRPSukemwjY+GlTNvGGRcxXd3lGW0TQPTMxd/vGFkh7ivnCGVXDLGJmmZi7LaZ96hHdyUFiDpqEI5py+OdQ4TKhmdOc+PCnXqtfbGU8/dR4tjilXKvUC3spubC6lAv7H56hnSTHf9wVAAAAAElFTkSuQmCC);
}

.pageFooter-inner .navigation-item.general > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAQAAACf6xZlAAABQklEQVR4AY3QA6ieARgG0DPbto0423acbdu2lYc424pjmG3btvVd//ekJ7wUgw6e+GKlpELK44PmCjlunJAauAHGWC9K8S3UTFyQzgsztHNfF5BcTeG08tAdl3SXBKVtd8QAccBQxwnEdU4fCbV20iMTZBRI4r4WBJq5L8nf9Mgu7yxXDtDLOXEJHDcMcMxwVPfdR1tVltAtrQnU9VTycGm6fbKa5rmbrohP4IDxgIPGI7VXqoLk+qglnBJSgareSI3xDglpj+lI7om6QijrvUx/vxpHCJssCL4as5I+yhl8NWZTPdZaMre0EVIS1z3yyiPphFTXc2m1csprc+USoyOGA8pa66NZIpiioTigrieSC2y3WAQj3HdBF0kEfaHY389EkFAHp72M0HeVZaIRRx3VBfL7KL9YWmqVWEronOJE9AO0X14SkFxdMwAAAABJRU5ErkJggg==);
}

.pageFooter-inner .navigation-item.golf > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAQAAABOiyVOAAAA80lEQVR4AbXQM4AWYAAA0Jdtm1PWlm3bxpS5ZWPNbopz1pIx5ZpyZ3v7l+N3d719egLd8VgPQSb55aI4ASr5YqmH9giwyWvT/VRDkTUSZ4SvFglw3HVbvFRWgLPiJOonyA2XrBJkkFgNBSnnrQ0CLfdJRUFq+W2CQAfcFai9ZF0EuuEY/6F6iveemaFMpHqdPFXXFFBLgrmW+uGhbljhQ97Vi6RJd0VZdBalLGrYJ8UZ/4yTp39GqeeHvijno22RtR+eykeMPqr5ZijoJd4R9VSzU7RW8rFBqjgPlAd0dEuWLC/1kD/r3FNWBGoV3rzADUFyAJgXQqTxJIzMAAAAAElFTkSuQmCC);
}

.pageFooter-inner .navigation-item.ring > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAQAAAA5SeU1AAABVklEQVR4AY3LA6wYSwCG0fNs1bZtK6wR1lZcI6xtNy6j2rbNV9u2rU3m+t7zBTOz+0uR/4x3y0fXjPRnSicnrVZJWtVtdsAfkvSnzlqZboXvAT/YYjiQVjv9dZIeBLvsdNQbJQTVXYGmnthsmvVe6CjIZKefFPbOD4LU9lLNU7UAVT1WF0AOj/Cvj4Lovl5vQWennXFTc6LRHxbHH72WXfCfj3qq75Xf5PAUiD964j8EH6XBdbn87qP/xFXYIz76VxDdPZIDhzQRV3cr449K+CEa0d1u3wn42TlNeSe9uL7zVgb85rzuAkbb53tOqS2u4h76HpTzXHeNogZ6Ki+MNlNcw8wFMMd1m6PumwTk9FwZATk9UxZAf+MBLNYVoK+z/gLws73GE0YOGR91Poy+s8dFh6POOu0XQSn9Q/IB0M12NaLmGyBFulrh36hp+kuRVj6G9JCMT0EycxpLvmwLAAAAAElFTkSuQmCC);
}

.pageFooter-inner .navigation-item.horse > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAZCAQAAACWALYfAAAA9ElEQVR4AYXNAwwVUAAAwMu2rTFNmUOcGzOHbNsN2bZdQ5qyh2zbtuZ9vPVu5gnIpL2TfvrmmJaCKjrlhnaKKmeaiwKaeWOZHIDC/iiZ2ozwVU8AcFYX2Kyv6ipp47xr6kk22Wa4457nPjium+xSNfJKRhaZD8Iy+6AmrdzyP7uNIa9fKgoppbNBNjsCR/SQqpCVPttrg4u+wRi7JWvsqV1KAfJCTR9kBkAPXw2WIqNXGgNK2OKVZgI2+2yPubb7bL3igrp4oLeJeigLYSX9UVjURW1EzbBKVFNPRGX3VXVR+w0SNcAhUVV8k1PUQy1ELTVY0D8aXEOi/S7qDgAAAABJRU5ErkJggg==);
}

.pageFooter-inner .navigation-item.society > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAJCAQAAABpw59OAAAAn0lEQVR4AaXRJUIGQRgA0Jc3bd2O64HQA+AHwC1vwz1t5wrb9wpYw2nI74rDmzjz6ahqk3j0IjOo0aDMi0eJNk163Yh1iQy5sqhm0ZUhkS6xG70apOZUtHowbtepXeMetKqYkyoLhfo8CdScuLVu1LpbJ2oCT/qKEd6K51y9GQeAAzPqnZfff1ht0ypg1ebH1T6erR/Q/8Fs/9zk7/8tB3t1QTU+eACPAAAAAElFTkSuQmCC);
}

.pageFooter-inner .navigation-item.opinion-d > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAQAAAADHm0dAAAAnElEQVR4Ac3KISIEARQA0FcAUAA4x2Rn2BNsAhQACnCHae6wSQEAEUBzAQASVgXGj15+AlLjghKPpmQqteDCodSzR+NZseBcTt6dVCLNikcaQN4hkUjORSw2uLQYi0eO3UkisaDUjDtNkVhn34qyaKz815FOS58jQ86/x5/t6Y7FDq9aI5EBm2jR7Tw7smHTpld7hrIj1zYM6PCndwzTTegXaE19AAAAAElFTkSuQmCC);
}

.pageFooter-inner .navigation-item.leisure > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAAA4ElEQVR4AZ3UtWGEUAAA0Bd36WAE6mh7A1xJxwjxGdiCBRglMsS5TEAb9+T0P/y7Yox9Ty/XVOvOLYzIsuDcupE2NGUjsmSaNoyR6tsCy2qWwZa+lPFykd8iuX/W/1W74VTd6YjwdeBc80fVsUKl5U5LpRADSDWdAwsyfTk4NFRKAInS0CHI9WUWfNkSITZ047cbQzEiW0YolP4rFcbYUEn8l6hs+GH/7VjGqZbRWk6x/JHW09tRQ92D0e7UUXtPG1BLQF8CRixgXgJmP2CNBazkgP0SsCsD9n7AHybgP/YMMnNWDzANwYAAAAAASUVORK5CYII=);
}

.pageFooter-inner .navigation-item.olympic > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAeCAQAAAC2l+fBAAABM0lEQVR4AdXJA6wVAABA0ZNt2zbmbHvKrjHbtjVke852DbmGbNsfz/P7s7pnvgAAdf2wWCZxy+q31y7JLG73dXPFVgBgj2XS46EWSvilMQA89d52xSQpgHmOAVDOX5V8ddERUFSS4kB6x23BWn9VB1wyFDI76aYcKK4ZgHk2wEZX5QB0Uw3QwyXK+6MoIJ13XsgKWrtPf1cAjHHPNRNAG/cZ7CSgqd8a6uUW6OsC9b2XFoV9NgKlJEmLdVaT1iudsMhBkFtATum91AmmuyaVfcaBVt5LZbjH0rPaDr8cds1Tm0Oeu2GPBMes5ohPphhutFGGh0wx0nCzfHKU3J6YAQBghifyQG2/tAMA7fxSG6Cvz2Y4EzPDZ30BYKjlAv1CBCw3FACAwOMQAfjv582QFGcMgCDZpJMDbl+uNwAAAABJRU5ErkJggg==);
}

.pageFooter-inner .navigation-item.matome > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAYAAAALHW+jAAAAf0lEQVQ4jeWUMQqAMBAE58RCsNEX+FV/rIKpY5NC4okJOUVx4ZpNstzAEgFWoMVGTgAP9EaBEyHQSr4yDAOgzrjbhIk1x0aM7KPpgj8qZ9pb1RxC0D4wRf4MeeGI8h7kEj1Tm9yN5SpQFC9Z30Qu/nlMa/NDZPPa3NJDhx222wCJWDFOV3UM/QAAAABJRU5ErkJggg==);
}

.pageFooter-inner .navigation-item.movie > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAnElEQVQokY3SMQ4BQRQG4I9skLiBSqKhdgQOoOQE3EVLVCpKt9ApdELhAiqFqBSrmkQ2dmb/cvJl8mb+B1fcMFQhOTZ4Y1EFdzHCA3u0Uxg6OOKCQQpDhiVemKVwyARPrNFMYejhjFMwMQwtbHGvR9BvasizBOrhgA/GsTHCA1dohMPY102LN5SV0v83V7HunUTdYZHmZSik8op+AW4NKiPX6eiCAAAAAElFTkSuQmCC);
}

.pageFooter-inner .navigation-item.rugby > a::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABsklEQVQ4jY3VMWtTURjG8Z9BMrtJaSk4ZKiLY6CQIf0AHaTg0DnULp0zdAqZXAuh4EfIx1CHQhd3IVRQcFNvFAQhDu+5zfX23Js8EJKc+94/zznv897LdupggDd4hwKr9Clwgwl2toF1cYEFvmKGVxhjiWP0cII5vm8CD/EJt3iZ3FZ1mlweVdbmyXFWl/iBswysDXwijuKBrnCHgxZYE7iXfj9weIe9LWCH4syr4GPRvHsNxZbbHI7QTzcvE7jqeFmFdkVTzja4O8cv/E7gusYoyia8FnF42wDbT99f8Di5+ZapW+Aj0d2FiE0TsMDUOpvn4ijqmokBMRDBbovONLmbttR0EmcgkWeZolFyVDZlmhzvZ2qJnS5Kc+/F6NXVF035Y92UJmBHTN5F+ecFnmUKn+IR/mI3rX1ugI7wBNflwkps77RSdGjdlL58U0odiHwPq4urdHNRAXf9H+wm7YkJvKxfKMTMHtXAm/Q8Aa9yF2/E08WW4I6YvJ85h6Um4jlYqgncEbG5FSM91KIdMaLz5Lhnnc2xiNtMBHshYtPNkjLgiTiK+vvngxiQgfapu9c/hGtv+OOf+f8AAAAASUVORK5CYII=);
}

.pageFooter-inner .navigation-item > a span {
  height: 12px;
  line-height: 12px;
  font-size: 11px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  white-space: nowrap;
  transform: translate(-50%, 0);
}

.pageFooter-inner .navigation-item .subNavigation {
  display: none;
}

.pageFooter-inner .navigation-item.current .subNavigation {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 15px;
}

.pageFooter-inner .navigation-item .subNavigation:nth-of-type(1) {
  top: 107px;
}

.pageFooter-inner .navigation-item .subNavigation li {
  display: inline-block;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  padding: 0 10px 0 9px;
  position: relative;
  margin-bottom: 3px;
}

.pageFooter-inner .navigation-item .subNavigation li::before,
.pageFooter-inner .navigation-item .subNavigation li::after {
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  background: #7e7e7e;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pageFooter-inner .navigation-item .subNavigation li::before {
  left: -1px;
}

.pageFooter-inner .navigation-item .subNavigation li::after {
  right: 0;
}

.pageFooter-inner .navigation-item .subNavigation li a {
  white-space: nowrap;
}

/*
### メニュー
*/
.pageFooter-inner .secondaryContents {
  border-left: 1px solid #4d4d4d;
  min-height: 160px;
  padding: 23px 60px 23px 10px;
}

.pageFooter-inner .secondaryContents .linkLists > li {
  margin: 2px 0;
}

.pageFooter-inner .secondaryContents .linkLists > li::before {
  border-left-color: #fff;
}

.pageFooter-inner .secondaryContents .linkLists > li a {
  font-size: 11px;
}

/*
### 関連企業
*/
.pageFooter-inner.relatedLists {
  display: block;
  border-top: 1px solid #4d4d4d;
  font-size: 10px;
  text-align: center;
  padding: 20px 0;
}

.pageFooter-inner.relatedLists .label {
  display: inline-block;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}

.pageFooter-inner.relatedLists .links {
  display: inline-block;
  vertical-align: middle;
}

.pageFooter-inner.relatedLists .links::after {
  clear: both;
  content: "";
  display: block;
}

.pageFooter-inner.relatedLists .links li {
  display: inline-block;
  float: left;
  padding: 0 11px 0 10px;
  position: relative;
}

.pageFooter-inner.relatedLists .links li::before {
  background: #686868;
  bottom: 0;
  content: "";
  display: block;
  height: 12px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.pageFooter-inner.relatedLists .links li:last-child::before {
  display: none;
}

.pageFooter-inner.relatedLists .links li a {
  height: 14px;
  line-height: 14px;
}

/*
### 注釈・コピーライト
*/
.pageFooter-inner.notesContents {
  border-top: 1px solid #4d4d4d;
  font-size: 10px;
}

.pageFooter-inner.notesContents .notes,
.pageFooter-inner.notesContents .copyright {
  display: block;
  height: 30px;
  line-height: 30px;
}

.pageFooter-inner.notesContents .notes {
  margin-right: auto;
  padding-left: 20px;
}

.pageFooter-inner.notesContents .copyright {
  margin-left: auto;
  padding-right: 20px;
  text-align: right;
}

/*
### ページトップリンク
*/
.pageFooter .linkPageTop {
  border-bottom: 1px solid #4d4d4d;
  border-left: 1px solid #4d4d4d;
  display: block;
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: calc((100% - 1000px) / 2 + 1px);
  text-indent: 100%;
  top: 0;
  white-space: nowrap;
  width: 40px;
}

.pageFooter .linkPageTop::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAMAAACDd7esAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAEO4v+OTQnpCBfEQ6Jx8DpO4kNQAAAEBJREFUCNeVy7kBgDAMwEDF+f/sPy0YvEBUXSO0Lh1rhBDGTy/tNPHKKdUdV2XCioXXlLhImc/khN/mrYcZbv0AjTABsaWGbW4AAAAASUVORK5CYII=) no-repeat center center;
  width: 40px;
  height: 40px;
}

.pageFooter .linkPageTop:hover {
  background: rgba(0, 0, 0, 0.3);
}

/*
## ヘッダー固定

ヘッダーが固定表示になった際の各種要素の表示調整
*/
.wrapper.is-fixedHeader {
  padding-top: 73px;
}

.is-fixedHeader .pageInfo {
  display: none;
}

.is-fixedHeader .mainNavigation {
  background: #fff;
  border-bottom: 2px solid #333;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  left: 0;
  position: fixed;
  top: -50px;
  width: 100%;
  z-index: 1000;
  transition: transform 100ms linear;
}

.is-fixedAnimation .mainNavigation {
  transform: translate3d(0, 50px, 0);
  transition: transform 0.25s ease-out;
}

.is-fixedHeader .mainNavigation .logo > a {
  width: 40px;
  height: 48px;
}

.is-fixedHeader .mainNavigation .logo > a::before {
  display: block;
  content: "";
  width: 40px;
  height: 48px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAMAAABYi/ZGAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGXRSTlMAEO/AH1AFL/XSxquVXRYL5N52ZktHNSRyYrWVkwAAAHZJREFUGNO1zDsShSAQRNFmGHmAgn99s/+NipaUYmbgibpu0MhGGlEyDf2pMbiJ3jHY+XilpatbAG3dLTkFO5xrsCFfzcjm4zRqt+KyOh3Rp6ubdNpDFEpKPmrmtzNFm4SIZCpapQHo6m1jlQTPzD6ohAVWnuwGpngHhzNjGKoAAAAASUVORK5CYII=) no-repeat center center;
}

.is-fixedHeader .mainNavigation .logo > a img {
  display: none;
}

.is-fixedHeader .mainNavigation-inner {
  height: 48px;
}

.is-fixedHeader .mainNavigation .navigation-wrapper {
  left: 100px;
}

.is-fixedHeader .mainNavigation .navigation li.current::before {
  bottom: 2px;
}

.is-fixedHeader .mainNavigation .navigation li .btnlists {
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  height: 34px;
  line-height: 34px;
  margin-left: 5px;
  padding: 0 25px 0 0;
  position: relative;
}

.is-fixedHeader .mainNavigation .navigation li .btnlists::before {
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #333;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 0;
  width: 0;
}

.is-fixedHeader .pageHeader.is-openGenre .mainNavigation .navigation li .btnlists::before {
  border-bottom: 8px solid #333;
  border-top: none;
}

.is-fixedHeader .pageSearchForm {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 50px;
  z-index: 1002;
}

.is-fixedHeader .genreNavigation-inner .navigation {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 50px;
  z-index: 1001;
}

/*
# Theme スタイル

サイトのルック＆フィールに関するスタイルを定義

*/
/*
## トップページ用スタイル
*/
.topPage .mainNavigation .navigation li a,
.searchPage .mainNavigation .navigation li a {
  color: #000;
}

/*
### トップページ内パーツ：メインコンテンツ
*/
.topPage .pageMain-inner .primaryContents {
  padding-right: 10px;
}

.topPage .section-wrapper {
  border: 1px solid #ccc;
  margin: 10px 0;
}

.topPage .section-wrapper .ttl-section {
  background: #ededed;
  border-bottom: none;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 0 0 50px;
  position: relative;
}

.topPage .section-wrapper .ttl-section::before,
.topPage .section-wrapper .ttl-section::after {
  content: "";
  display: block;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

.topPage .section-wrapper .ttl-section::before {
  background: #fff100;
  z-index: 1;
}

.topPage .section-wrapper .ttl-section::after {
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
}

/*
### タイトルアイコン： お知らせ
*/
.topPage .section-wrapper.notice .ttl-section::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAdUlEQVR42u3UoQ2AMBBG4Q6AqMB3GBbDITAsgUfjGAWHAVV/PFGBu5BfFMElX9JUvKRp2sBkmI5OWSREQYKVGBvaxD8WzPMmFj3Vjjl5asX8qXYB5vn0C+jQF6MaW7BhhuFSYwMyTrTK57jCcKBBUL/t/Rm6AVp5cD8g17YIAAAAAElFTkSuQmCC);
}

/*
### タイトルアイコン： いま話題のニュース
*/
.topPage .section-wrapper.topicNews .ttl-section::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAKCAYAAABFXiVrAAAA4UlEQVR42p2TUQ3DMAxECyEQAiEQAiEQBiEQCiEQCqEQBmEQCiEM2kx6XU5OtI9aOjV3tX320i0t1oa0SKC9jBbQyR90L1puiMITOcvZUDUZ7X0TjE9QeW63GTzD/aT+A2iiL0d+AAffyfHwimYHc19wLn0znW5uvgqPaFHMqw4CEuDcXQ8K/AOzDA/0KDw3zmxJI2mwPzDzpjZxPvp9jY3KnzsswpMx416pHe9unZk5imZfU8UkwPlpfrH17fq2IA5mRJqYBTN51f+h2SR3iaEkIlNYLRjNodt8+1639drnAu17dNlVK8nnAAAAAElFTkSuQmCC);
}

/*
### タイトルアイコン： 今日のおすすめ
*/
.topPage .section-wrapper.todaySpecial .ttl-section::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAKCAYAAADGmhxQAAAA+klEQVR42qVUAQ2EMAxEQiVMAhImAQkvYRKQgAQkvAQkTAIScPBPPheO3zVNFi4ppKW3Xrux4UQ6bXbtH69bPAXfZvgeksM3xCYnLw94fFwj3vB3vI8fj9gcbh0UBd/WJr5hTYO/Ii8NbSKMYAPLrbuDecIzFpBJVjaoNThdaSIUOIOQ24kGPLsKEiNiFO9NkWunToEaC3kqcLkV3iHEmSKn1yvQHgqkKIo1qY8megQW2WJsR8BLjcAJ/o68Cr9EOxML1LOzofALPreIRTPE1Kap9RIMg9j6TCBRnCskhdcM/3prGpIz2SNwhAmwUIZ5vEyTi5gxjZvWIL7Lj4lZZIhovwAAAABJRU5ErkJggg==);
}

/*
### タイトルアイコン： 今日のおすすめ
*/
.topPage .section-wrapper.topicPhoto .ttl-section::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAA80lEQVR42sXVvwsBYRzHcfIPnMmiLjGIJH+G1FMmw5WV2WQ2yCCrwWCRP8DEavYnyIAYTH7kYuE9fM+gng49l2+9uueu7vOpp+u5EHPBIxhky8KGZZiNhxTwwPxYfymIoIsVZkiYLqhLeAkjzE0XDNCWdRYn0wVV7OQ6wRR+k8MazicFYTSxwBixD8IPGMFF5devqIDi27MU9ujIvcIF6tuCPI64wYEXvoWEv6YMF0pToN2CJhRc1LBBX/OOgzOUX0FawlvwRuEu4WHoxsFVU6DfAhlbwv2moStISngviKMijqW3BSYLbGSwwhBRU8d14D+cJ3R/gB1kadt4AAAAAElFTkSuQmCC);
}

/*
### タイトルアイコン： コラム
*/
.topPage .section-wrapper.columnContent .ttl-section::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAyUlEQVR42u3NMQqCcBiGcaEpcrZBx1aHJs/QDTqCi5uDm2SL3cNDuAgVBC4eImgIgiiCKHDoGT5wtPJzCHrhB/4Rns9QnIkKHnpZhJvWgTESZBKe46lxwMUROWLscJcDEaou4RNSo9lADkTyNnXCzWJkYIphWY6kj/AKD8y0w6n8X+ICTzvsynuBK0ba4QkOSP/h3wsPsX8nbH8UbjZF60IUreEvV8LvI+yghqUalgXYyrcFH0XnsGyDtRyoUSKEjc47y4EADtT2AhfkVNSF6Qb+AAAAAElFTkSuQmCC);
}

/*
### タイトルアイコン： 旅情報
*/
.topPage .section-wrapper.travelInfo .ttl-section::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAAAo0lEQVR42u3QMQqEMBSE4Rzh9WLjSQRbPYTF3sIjWNh5Aju9Re6w7WJvYxq77E9gGwlJIYEtMvA1j4GBpyJ54YINuFzvQd7oIQG96z3IBzVCqUEvng4jphuDDVPABuO5j+jgMuDA7CmeWCMjK07PfcaBAcqgSfSuBgbKQhKNCGweySN55M9GykQj5W9EY0EBudnRQgJa7J57gQUaqoKGTUCj+gKI5n294qHKOAAAAABJRU5ErkJggg==);
}

/*
### タイトルアイコン： インフォメーション
*/
.topPage .section-wrapper.information .ttl-section::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAWCAYAAAAM2IbtAAAAdElEQVR42tWQIQqAQBREB7yAB1AET+BpDGIweGiLiNlkF74TXljWYjE48Bh4ww+7IrPZTNBzOhymNxV94LUj0vR4hamzscZrNUM2DnhN5jSjaekTLyEWc9Gjvk1hyhy8OhMP7NPLxgTNJUEETX42Pt/56oduRBcqi0L1w9IAAAAASUVORK5CYII=);
}

.topPage .section-wrapper .ttl-section a,
.topPage .section-wrapper .ttl-section span {
  display: block;
  padding-left: 10px;
}

.topPage .section-wrapper .ttl-section a:hover {
  background: #dfdfdf;
  text-decoration: none;
}

.topPage .section-wrapper .ttl-section a::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P////Nzc37+/v19fXm5ubs7OzT09O1tbXu7u7d3d3Q0NDDw8Otra2lpaWfn5/+Cu3VAAAAEHRSTlMA3lQG+qyJ5FsD89imlFwHjEYPhgAAAJRJREFUGNNtkVkOxCAMQxO2li4zhKWd/f7HHIlQxEf8ZT3JcjBQpdWGZlk3paFLIeUUY8qEqiHvqISmQs5X6I4YuuLhapYq65QUgJ4421UmDTOxP58XpRvYzDb/XqE5C5iaf3zfbBKC6TXpc3KVgUWCqxAXi8STpOPv0jN5kBHyIOD3cbrdjyOHwCN36dmiMWhn/o4/ghIUGfvHiYoAAAAASUVORK5CYII=) no-repeat center center;
  content: "";
  display: inline-block;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  width: 20px;
}

/*
### トップページ内パーツ：主要ニュース
*/
.topPage .mainNews {
  margin-bottom: 3px;
  margin-top: 10px;
  min-height: 280px;
  padding-left: 420px;
  position: relative;
}

.topPage .mainNews > .ttl {
  background: #666;
  height: 45px;
  line-height: 45px;
  text-align: center;
}

.topPage .mainNews > .ttl a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  /* z-index: */
}

.topPage .mainNews > .ttl a::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAYFBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P///////////////////////////////+zs7P///////+zs7P///+zs7Ozs7Ozs7PhF24KAAAAIHRSTlMABlSr+KRbDK3giR/bk0Hk8OHOvrOWdlVDQionGdeURXwqGhgAAACYSURBVBjTbZBZDgIxDEOdNN1nYWdgWO5/S6RJW4Gov6KnRHaMTcQ2ijwtE5p4MC6TX50ZuCBK4Y2iJSRdTqNHkx/TdmuUVWoYoHnCj6aZ4KzOx2ul1sEUv9vuUrMExFzm+/6sxjlCWt7H4aQRBeI7cFj/z7tG3Ujd8L03tRD6gloIaAxLuzUvaiVbzkSZrZasIheiSAxO1z6gHgWC9EaLyQAAAABJRU5ErkJggg==) no-repeat center center;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 20px;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 0;
  vertical-align: middle;
  width: 20px;
}

.topPage .mainNews .linkLists {
  padding-top: 2px;
  position: relative;
  z-index: 2;
}

.topPage .mainNews .linkLists li {
  height: 29px;
  line-height: 29px;
  margin: 0;
  overflow: visible;
  padding-right: 5px;
}

.topPage .mainNews .linkLists li::before {
  bottom: 0;
  margin: auto;
  top: 0;
  z-index: 2;
}

.topPage .mainNews .linkLists li a {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 2;
}

.topPage .mainNews .linkLists.txt-ellipsis li a {
  display: block;
  text-overflow: ellipsis;
}

.topPage .mainNews .linkLists li a article,
.topPage .mainNews .linkLists li a h1 {
  display: inline;
}

.topPage .mainNews .linkLists li.current .frame {
  background: #fff;
  border: 2px solid #ccc;
  display: block;
  height: 32px;
  left: 0;
  position: absolute;
  top: -2px;
  width: 100%;
  z-index: 1;
}

.topPage .mainNews .linkLists li.current .frame::before {
  background: #fff;
  border-left: 2px solid #ccc;
  border-top: 2px solid #ccc;
  bottom: 0;
  content: "";
  display: block;
  height: 11px;
  left: -8px;
  margin: auto;
  position: absolute;
  top: 0;
  transform: rotate(-45deg);
  width: 11px;
}

.topPage .mainNews .ledeNews {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

.topPage .mainNews .ledeNews a {
  display: block;
  height: 280px;
  overflow: hidden;
  width: 420px;
}

.topPage .mainNews .ledeNews .ttl {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 20px;
  left: 0;
  padding: 8px 20px;
  position: absolute;
  vertical-align: middle;
  width: 420px;
  z-index: 2;
}

.topPage .mainNews .ledeNews .thumb {
  display: block;
  height: 280px;
  left: 0;
  position: absolute;
  top: 0;
  width: 420px;
  z-index: 1;
}

.topPage .mainNews .ledeNews a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.topPage .mainNews .ledeNews .label {
  background: #fff100;
  font-size: 10px;
  height: 16px;
  left: 5px;
  line-height: 16px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 5px;
  padding: 0 5px;
  z-index: 1;
}

.topPage .mainNews .ledeNews .label.gossip {
  background: #ff008e;
  color: #fff;
}

.topPage .mainNews .ledeNews .label.miyajima {
  background: #a50519;
  color: #fff;
}

/*
### トップページ内パーツ：カテゴリー別ピックアップニュース
*/
.topPage .pickupNews .lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.topPage .pickupNews .lists li {
  position: relative;
  overflow: hidden;
  width: 228px;
  height: 152px;
  margin-bottom: 3px;
}

.topPage .pickupNews .lists li.add {
  margin: 0;
  width: 112px;
}

.topPage .pickupNews .lists li .ttl {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: table;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.topPage .pickupNews .lists li .ttl span {
  display: table-cell;
  font-size: 13px;
  height: 45px;
  vertical-align: middle;
  padding: 0 15px;
  box-sizing: border-box;
  color: #fff;
}

.topPage .pickupNews .lists li.add .ttl span {
  font-size: 12px;
}

.topPage .pickupNews .lists li .thumb {
  height: 152px;
  z-index: 1;
}

.topPage .pickupNews .lists li a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.topPage .pickupNews .lists li .label {
  background: #fff100;
  font-size: 10px;
  height: 16px;
  left: 5px;
  line-height: 16px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 5px;
  padding: 0 5px;
  z-index: 1;
}

.topPage .pickupNews .lists li .label.gossip {
  background: #ff008e;
  color: #fff;
}

/* 宮島ボート表示のとき */
.topPage .pickupNews .lists li .label.miyajima {
  background: #a50519;
  color: #fff;
}

/*
### トップページ内パーツ：いま話題のニュース
*/
.topPage .topicNews .rankingLists li {
  border-top: none;
  border-bottom: none;
  height: 40px;
  line-height: 40px;
  padding-bottom: 0;
  padding-top: 0;
}

.topPage .topicNews .rankingLists:nth-of-type(1) li:not(:last-child)::after,
.topPage .topicNews .rankingLists:nth-of-type(2) li:not(:last-child)::after {
  border-bottom: 1px dotted #ccc;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: calc(100% - 5px);
}

.topPage .topicNews .rankingLists:nth-of-type(1) li:not(:last-child)::after {
  left: 5px;
}

.topPage .topicNews .rankingLists:nth-of-type(2) li:not(:last-child)::after {
  right: 5px;
}

.topPage .topicNews .rankingLists li a {
  display: block;
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 1;
}

.topPage .topicNews .rankingLists .up a::after,
.topPage .topicNews .rankingLists .down a::after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 8px;
}

.topPage .topicNews .rankingLists .up a::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAPFBMVEX/MzP/Pz//0ND/QkL/1NT/7+//RET/3Nz/0dH/uLj/SUn/4eH/y8v/Ozv/s7P/0tL/wcH/Ojr/UFD/ODj9fY7NAAAARklEQVR42r3INw6AMBAEwHXO5/T/vyKoFlokTzk4Tmmtvmesc9a8z4eYUgyeL5faRFotmbKPCRHM0SnXxp3YC+xJ8iPPuQDMvwIlWlCNTwAAAABJRU5ErkJggg==);
}

.topPage .topicNews .rankingLists .down a::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAPFBMVEUzmf+z2f9Qp/84m//S6f/B4P86nf9JpP/h8P/L5f87nf9Eof/c7f/R6P+42/9Cof/U6f/v9/8/n//Q5/+ie2DdAAAARklEQVR42r3NuQ0AIAwDQMIfCP/+uyJEE6gRLk+yLf4H4C1KtVFJhtrYhdZohs5jAAjoHe9HSjkniudqqa3Vcp/3Mbr4nQnwWgGJ7H+MVQAAAABJRU5ErkJggg==);
}

/*
### トップページ内パーツ：カテゴリ別ニュース
*/
.topPage .categoryNews {
  display: flex;
}

.topPage .categoryNews-item {
  position: relative;
  overflow: hidden;
  width: 33.3333333333%;
}

.topPage .categoryNews-item:not(:first-child) {
  border-left: 1px solid #ccc;
}

.topPage .categoryNews-item .ttl {
  position: relative;
  height: 46px;
  border-top: 4px solid #fff100;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 46px;
}

.topPage .categoryNews-item .ttl::before {
  display: block;
  content: "";
  border-bottom: 1px dotted #ccc;
  width: calc(100% - 10px);
  left: 5px;
  bottom: 0;
  position: absolute;
  height: 0;
  z-index: 1;
}

.topPage .categoryNews-item .ttl a {
  position: relative;
  display: block;
}

.topPage .categoryNews-item .ttl a:hover {
  text-decoration: none;
  background: #f2f2f2;
}

.topPage .categoryNews-item .ttl a::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P////Nzc37+/v19fXm5ubs7OzT09O1tbXu7u7d3d3Q0NDDw8Otra2lpaWfn5/+Cu3VAAAAEHRSTlMA3lQG+qyJ5FsD89imlFwHjEYPhgAAAJRJREFUGNNtkVkOxCAMQxO2li4zhKWd/f7HHIlQxEf8ZT3JcjBQpdWGZlk3paFLIeUUY8qEqiHvqISmQs5X6I4YuuLhapYq65QUgJ4421UmDTOxP58XpRvYzDb/XqE5C5iaf3zfbBKC6TXpc3KVgUWCqxAXi8STpOPv0jN5kBHyIOD3cbrdjyOHwCN36dmiMWhn/o4/ghIUGfvHiYoAAAAASUVORK5CYII=) no-repeat center center;
  content: "";
  display: inline-block;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  width: 20px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.topPage .categoryNews-item .lists li {
  position: relative;
  display: table;
  width: 100%;
  height: 96px;
}

.topPage .categoryNews-item .lists li:not(:last-child)::before {
  display: table;
  content: "";
  border-bottom: 1px dotted #ccc;
  width: calc(100% - 10px);
  left: 5px;
  bottom: 0;
  position: absolute;
  height: 0;
  z-index: 1;
}

.topPage .categoryNews-item .lists li a {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 96px;
  text-decoration: none;
  background: #fff;
}

.topPage .categoryNews-item .lists li a:hover {
  background: #f2f2f2;
}

.topPage .categoryNews-item .lists li h1,
.topPage .categoryNews-item .lists li h2,
.topPage .categoryNews-item .lists li h3 {
  box-sizing: border-box;
  width: 100%;
  padding-left: 100px;
  padding-right: 5px;
  vertical-align: middle;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.topPage .categoryNews-item .lists li .thumb {
  width: 90px;
  height: 60px;
  overflow: hidden;
  position: absolute;
  left: 2px;
  top: 18px;
}

.topPage .categoryNews-item .lists li a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}

/*
### トップページ内パーツ：今日のおすすめ
*/
.topPage .todaySpecial .lists {
  display: flex;
}

.topPage .todaySpecial .lists li {
  position: relative;
  width: 25%;
}

.topPage .todaySpecial .lists li:not(:first-child)::before {
  border-left: 1px dotted #ccc;
  content: "";
  display: block;
  height: calc(100% - 4px);
  left: 0;
  position: absolute;
  top: 2px;
  width: 0;
}

.topPage .todaySpecial .lists li a {
  background: #fff;
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
}

.topPage .todaySpecial .lists li a:hover {
  background: #f2f2f2;
}

.topPage .todaySpecial .lists li a::before {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #000;
  border-right: none;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  margin-right: 8px;
  width: 0;
}

/*
### トップページ内パーツ：話題の写真ランキング
*/
.topPage .topicPhoto .photoRankingLists {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 10px 32px;
}

.topPage .topicPhoto .photoRankingLists li {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 100px;
}

.topPage .topicPhoto .photoRankingLists li::before {
  background: #fff;
  border: 1px solid #ccc;
  content: "";
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
  left: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 18px;
  z-index: 2;
}

.topPage .topicPhoto .photoRankingLists li:nth-of-type(1)::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "1";
}

.topPage .topicPhoto .photoRankingLists li:nth-of-type(2)::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "2";
}

.topPage .topicPhoto .photoRankingLists li:nth-of-type(3)::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "3";
}

.topPage .topicPhoto .photoRankingLists li:nth-of-type(4)::before {
  content: "4";
}

.topPage .topicPhoto .photoRankingLists li:nth-of-type(5)::before {
  content: "5";
}

.topPage .topicPhoto .photoRankingLists li:nth-of-type(6)::before {
  content: "6";
}

.topPage .topicPhoto .photoRankingLists li .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
  z-index: 1;
}

.topPage .topicPhoto .photoRankingLists li a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/*
### トップページ内パーツ：コラム
*/
.topPage .columnContent .blockLists li {
  position: relative;
  padding-left: 80px;
}

.topPage .columnContent .blockLists li::before {
  display: block;
  content: "";
  width: calc(100% - 5px);
  bottom: 0;
  position: absolute;
  height: 0;
  border-bottom: 1px dotted #ccc;
  z-index: 2;
}

.topPage .columnContent .blockLists li:nth-of-type(2n)::before {
  right: 5px;
}

.topPage .columnContent .blockLists li:nth-of-type(2n+1)::before {
  left: 5px;
}

.topPage .columnContent .blockLists li a {
  border: none;
  display: table-cell;
  vertical-align: middle;
  height: 66px;
  padding-right: 0;
  padding-left: 0;
  z-index: 1;
  position: static;
  word-break: break-all;
}

.topPage .columnContent .blockLists li a:hover {
  background: #fff;
  text-decoration: underline;
}

.topPage .columnContent .blockLists li a .name {
  display: block;
  margin-bottom: 2px;
  font-size: 11px;
  color: #808080;
}

.topPage .columnContent .blockLists li a h1,
.topPage .columnContent .blockLists li a h2,
.topPage .columnContent .blockLists li a h3 {
  display: inline;
  line-height: 1.3;
  margin-right: 8px;
}

.topPage .columnContent .blockLists li a .date {
  display: inline-block;
  font-size: 10px;
  white-space: nowrap;
}

.topPage .columnContent .blockLists li a .category {
  background: #fff100;
  font-size: 10px;
  height: 16px;
  left: 15px;
  line-height: 16px;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 54px;
}

.topPage .columnContent .blockLists li a .category.gossip {
  background: #ff008e;
  color: #fff;
}

/* 宮島ボート表示のとき */
.topPage .columnContent .blockLists li a .category.miyajima {
  background: #a50519;
  color: #fff;
}

/*
### トップページ内パーツ：旅情報
*/
.topPage .travelInfo-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.topPage .travelInfo-inner .blockLists-full {
  width: 484px;
}

.topPage .travelInfo-inner .thumbLists {
  display: flex;
  width: 210px;
  padding: 0 10px;
  height: 80px;
}

.topPage .travelInfo-inner .thumbLists li {
  width: 90px;
  height: 80px;
}

.topPage .travelInfo-inner .thumbLists li:last-child {
  margin-left: 10px;
}

.topPage .travelInfo-inner .thumbLists .thumb {
  display: block;
  position: relative;
  width: 90px;
  height: 80px;
  overflow: hidden;
}

.topPage .travelInfo-inner .thumbLists .thumb .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20px;
  width: 100%;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: #666;
  z-index: 2;
}

/*
### トップページ内パーツ：旅情報
*/
.topPage .pnl-aside {
  padding-top: 15px;
  padding-bottom: 15px;
}

.topPage .pnl-aside li {
  position: relative;
  padding-left: 40px;
}

.topPage .pnl-aside li::before {
  background: #fff100;
  content: "PR";
  display: block;
  font-size: 10px;
  height: 16px;
  left: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 32px;
}

.topPage .pnl-aside li + li {
  margin-top: 5px;
}

/*
## ジャンルトップ用スタイル
*/
.genreTopLists {
  margin-top: 10px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 423px;
  height: 280px;
}

.genreTopLists li:not(.ledeNews) {
  display: table;
  margin-bottom: 3px;
  position: relative;
  width: 247px;
}

.genreTopLists li:not(.ledeNews) a {
  display: table;
  width: 100%;
  position: relative;
  display: table-cell;
  height: 68px;
  padding-left: 110px;
  vertical-align: middle;
  text-decoration: none;
  background: #666;
  color: #fff;
  font-size: 12px;
}

.genreTopLists li:not(.ledeNews) a:hover::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.genreTopLists li:not(.ledeNews) .ttl {
  width: 100%;
  max-height: 68px;
  overflow: hidden;
}

.genreTopLists li:not(.ledeNews) .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 102px;
  height: 68px;
  overflow: hidden;
  z-index: 1;
}

.genreTopLists li:not(.ledeNews) .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.genreTopLists li:not(.ledeNews) .thumb.portrait img {
  top: 0;
  width: 100%;
  transform: translate(-50%, 0);
}

.genreTopLists li:not(.ledeNews) .thumb.landscape img {
  height: 100%;
  width: auto;
}

.genreTopLists li.ledeNews {
  position: absolute;
  left: 0;
  top: 0;
  width: 420px;
  height: 280px;
  overflow: hidden;
}

.genreTopLists li.ledeNews .ttl {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 420px;
  padding: 10px 15px;
  vertical-align: middle;
  font-size: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.genreTopLists li.ledeNews .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 420px;
  height: 280px;
  overflow: hidden;
  z-index: 1;
}

.genreTopLists li.ledeNews .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}

.genreTopLists li.ledeNews .thumb.portrait img {
  top: 0;
  transform: translate(-50%, 0);
}

.genreTopLists li.ledeNews .thumb.landscape img {
  height: 100%;
  width: auto;
}

.genreTopLists li.ledeNews a {
  display: block;
}

.genreTopLists li.ledeNews a:hover::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

/*
## 記事一覧・記事詳細用スタイル
*/
.listContent .pickupKeyword,
.detailContent .pickupKeyword {
  position: relative;
  border: 2px solid #ededed;
  padding: 25px 160px 25px 18px;
  background: #fff;
}

.listContent .pickupKeyword.no-link,
.detailContent .pickupKeyword.no-link {
  padding-right: 18px;
}

.listContent .ttl-main + .pickupKeyword,
.detailContent .ttl-main + .pickupKeyword {
  border-top: none;
  margin-top: -1px;
}

.listContent .newsHeader + .pickupKeyword,
.detailContent .newsHeader + .pickupKeyword {
  margin-top: 15px;
}

.listContent .pickupKeyword .ttl,
.detailContent .pickupKeyword .ttl {
  font-size: 21px;
  font-weight: bold;
}

.listContent .pickupKeyword .txt,
.detailContent .pickupKeyword .txt {
  margin-top: 12px;
  line-height: 1.5;
}

.listContent .pickupKeyword .btn-link,
.detailContent .pickupKeyword .btn-link {
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*
## 記事一覧用スタイル
*/
.listContent .newsHeader {
  padding-top: 10px;
}

.listContent .ttl-main {
  margin-top: 15px;
}

.listContent .newsLists .size {
  height: 40px;
  line-height: 40px;
  text-align: center;
}

/*
### 記事一覧部
*/
.listContent .newsLists .lists {
  border-top: 1px dotted #ccc;
}

.listContent .ttl-main + .newsLists .lists {
  border-top: none;
}

.listContent .newsLists .add + .lists {
  margin-top: 50px;
  border-top: 1px dotted #ccc;
}

.listContent .newsLists .lists li {
  border-bottom: 1px dotted #ccc;
}

.listContent .newsLists .lists li a {
  display: block;
  text-decoration: none;
  padding: 15px 10px;
}

.listContent .newsLists .lists li .listItem {
  display: table;
}

.listContent .newsLists .lists li .outline {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.listContent .newsLists .lists li .outline .ttl {
  font-size: 15px;
  font-weight: bold;
}

.listContent .newsLists .lists li .outline .txt {
  margin-top: 8px;
}

.listContent .newsLists .lists li .outline .txt p {
  margin: 0;
}

.listContent .newsLists .lists li .outline .date {
  display: inline-block;
  margin-top: 6px;
  height: 16px;
  line-height: 16px;
}

.listContent .newsLists .lists li .outline .label {
  display: inline-block;
  background: #fff100;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  text-align: center;
  padding: 0 5px;
  z-index: 1;
  vertical-align: middle;
}

.listContent .newsLists .lists li .outline .label.gossip {
  background: #ff008e;
  color: #fff;
}

/* 宮島ボート表示のとき */
.listContent .newsLists .lists li .outline .label.miyajima {
  background: #a50519;
  color: #fff;
}

.listContent .newsLists .lists li .listItem .thumb-wrapper {
  display: table-cell;
  padding: 5px 0;
  vertical-align: middle;
}

.listContent .newsLists .lists li .listItem .thumb {
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 120px;
}

.listContent .newsLists .lists li a:hover .listItem .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.listContent .newsLists .lists li a:hover {
  background: #f2f2f2;
}

.listContent .ttl-main {
  position: relative;
}

.listContent .ttl-main .date {
  position: absolute;
  right: 0;
  bottom: 10px;
  font-size: 27px;
}

.listContent .newsLists .searchTab-wrapper {
  margin-top: 20px;
}

/*
### 写真一覧部
*/
.listContent .newsLists .photoLists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.listContent .newsLists .photoLists li {
  margin-top: 15px;
  width: 120px;
  height: 120px;
}

.listContent .newsLists .photoLists li .thumb {
  width: 120px;
  height: 120px;
  display: block;
}

.listContent .newsLists .pnl-aside {
  margin-top: 20px;
  padding: 18px 20px 18px 60px;
}

.listContent .newsLists .pnl-aside li {
  position: relative;
}

.listContent .newsLists .pnl-aside li::before {
  background: #fff100;
  content: "PR";
  display: block;
  font-size: 10px;
  height: 16px;
  left: -40px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 32px;
}

.listContent .newsLists .pnl-aside li + li {
  margin-top: 15px;
}

.listContent .newsLists .pnl-aside .ttl {
  font-weight: bold;
}

.listContent .newsLists .pnl-aside .txt {
  margin-top: 2px;
}

/*
### 記事一覧：ページネーション用スタイル
*/
.listContent .newsLists .pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.listContent .newsLists .pagination a,
.listContent .newsLists .pagination span {
  background: #ddd;
  color: #333;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
  width: 30px;
}

.listContent .newsLists .pagination a {
  background: #ededed;
}

.listContent .newsLists .pagination span {
  background: #fdfdfd;
  cursor: default;
}

.listContent .newsLists .pagination a:last-child,
.listContent .newsLists .pagination span:last-child {
  margin-right: 0;
}

.listContent .newsLists .pagination a:hover {
  background: #dfdfdf;
}

.listContent .newsLists .pagination .first,
.listContent .newsLists .pagination .prev,
.listContent .newsLists .pagination .next,
.listContent .newsLists .pagination .last {
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
}

.listContent .newsLists .pagination .prev {
  margin-right: 15px;
}

.listContent .newsLists .pagination .next {
  margin-left: 10px;
}

.listContent .newsLists .pagination .first::before,
.listContent .newsLists .pagination .first::after,
.listContent .newsLists .pagination .prev::before,
.listContent .newsLists .pagination .next::before,
.listContent .newsLists .pagination .last::before,
.listContent .newsLists .pagination .last::after {
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 5px;
}

.listContent .newsLists .pagination .first::before,
.listContent .newsLists .pagination .first::after,
.listContent .newsLists .pagination .prev::before {
  transform: rotate(135deg);
}

.listContent .newsLists .pagination .first::before {
  left: 9px;
}

.listContent .newsLists .pagination .first::after {
  left: 15px;
}

.listContent .newsLists .pagination .prev::before {
  left: 12px;
}

.listContent .newsLists .pagination .next::before,
.listContent .newsLists .pagination .last::before,
.listContent .newsLists .pagination .last::after {
  transform: rotate(-45deg);
}

.listContent .newsLists .pagination .next::before {
  right: 13px;
}

.listContent .newsLists .pagination .last::before {
  right: 9px;
}

.listContent .newsLists .pagination .last::after {
  right: 15px;
}

.listContent .newsLists .pagination .current {
  background: #333;
  color: #fff;
}

/*
### 記事一覧用スタイル：写真グリッド
*/
.listContent .photoGrid {
  margin-top: 10px;
}

.listContent .photoGrid + .photoGrid {
  margin-top: 10px;
}

.listContent .photoGrid .grid-column {
  background: #eee;
}

.listContent .photoGrid .grid-column > a {
  text-decoration: none;
}

.listContent .photoGrid .grid-column .header {
  background: #666;
  padding: 10px 40px 10px 15px;
  position: relative;
}

.listContent .photoGrid .grid-column .header ::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAYFBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P///////////////////////////////+zs7P///////+zs7P///+zs7Ozs7Ozs7PhF24KAAAAIHRSTlMABlSr+KRbDK3giR/bk0Hk8OHOvrOWdlVDQionGdeURXwqGhgAAACYSURBVBjTbZBZDgIxDEOdNN1nYWdgWO5/S6RJW4Gov6KnRHaMTcQ2ijwtE5p4MC6TX50ZuCBK4Y2iJSRdTqNHkx/TdmuUVWoYoHnCj6aZ4KzOx2ul1sEUv9vuUrMExFzm+/6sxjlCWt7H4aQRBeI7cFj/z7tG3Ujd8L03tRD6gloIaAxLuzUvaiVbzkSZrZasIheiSAxO1z6gHgWC9EaLyQAAAABJRU5ErkJggg==) no-repeat center center;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  margin-left: 10px;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 0;
  vertical-align: middle;
  width: 20px;
}

.listContent .photoGrid .grid-column .header .ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 3px;
  color: #fff;
}

.listContent .photoGrid .grid-column > a:hover .header {
  background: #444;
}

.listContent .photoGrid .grid-column .photoLists {
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.listContent .photoGrid .grid-column .photoLists .thumb {
  overflow: hidden;
}

.listContent .photoGrid .grid-column a:hover .photoLists .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.listContent .photoGrid .grid-column .linkLists {
  padding: 5px;
}

.listContent .photoGrid .grid-column .linkLists > li {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  margin: 3px 0;
}

.listContent .photoGrid .grid-column .linkLists > li::before {
  top: 0;
  bottom: 0;
  margin: auto;
}

.listContent .photoGrid .grid-column .linkLists > li a {
  display: inline-block;
  white-space: nowrap;
  height: 22px;
  line-height: 22px;
}

.listContent .photoGrid .grid-column .linkLists > li .size {
  background: #eee;
  border: 1px solid #000;
  bottom: 0;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 20px;
}

.listContent .photoGrid .grid-column .linkLists > li .size::before {
  background: #eee;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 3px;
  height: 3px;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  bottom: 0;
  margin: auto;
  transform: rotate(-45deg);
  z-index: 1;
}

.listContent .photoGrid .grid-column .linkLists > li .size span {
  display: inline-block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 20px;
  z-index: 2;
}

.listContent .photoGrid.grid-1 .grid-column .photoLists {
  height: 222px;
  display: flex;
  justify-content: space-between;
}

.listContent .photoGrid.grid-1 .grid-column .photoLists .thumb {
  width: 222px;
  height: 222px;
}

.listContent .photoGrid.grid-2,
.listContent .photoGrid.grid-3 {
  display: flex;
}

.listContent .photoGrid.grid-2 .grid-column {
  margin-right: 10px;
  width: 330px;
  overflow: hidden;
}

.listContent .photoGrid.grid-2 .grid-column:nth-of-type(2n) {
  margin-right: 0;
}

.listContent .photoGrid.grid-2 .grid-column .photoLists {
  position: relative;
  height: 219px;
}

.listContent .photoGrid.grid-2 .grid-column .photoLists .thumb:nth-of-type(1) {
  position: absolute;
  left: 0;
  top: 0;
  width: 219px;
  height: 219px;
}

.listContent .photoGrid.grid-2 .grid-column .photoLists .thumb:nth-of-type(2),
.listContent .photoGrid.grid-2 .grid-column .photoLists .thumb:nth-of-type(3) {
  position: absolute;
  right: 0;
  width: 109px;
  height: 109px;
}

.listContent .photoGrid.grid-2 .grid-column .photoLists .thumb:nth-of-type(2) {
  top: 0;
}

.listContent .photoGrid.grid-2 .grid-column .photoLists .thumb:nth-of-type(3) {
  bottom: 0;
}

.listContent .photoGrid.grid-3 .grid-column {
  margin-right: 11px;
  width: 216px;
  overflow: hidden;
}

.listContent .photoGrid.grid-3 .grid-column:nth-of-type(3n) {
  margin-right: 0;
}

.listContent .photoGrid.grid-3 .grid-column .photoLists {
  position: relative;
  height: 216px;
}

.listContent .photoGrid.grid-3 .grid-column .photoLists .thumb {
  width: 216px;
  height: 216px;
}

/*
### 記事一覧：検索時タブ表示
*/
.primaryContents .searchTab-wrapper,
.listContent .searchTab-wrapper {
  background: #fff;
  display: flex;
}

.listContent .ttl-main + .searchTab-wrapper {
  position: relative;
  margin-top: -3px;
}

.primaryContents .searchTab-wrapper .tab,
.listContent .searchTab-wrapper .tab {
  border-bottom: 2px solid #333;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  text-align: center;
  width: 50%;
}

.primaryContents .searchTab-wrapper .tab:first-child,
.listContent .searchTab-wrapper .tab:first-child {
  border-left: 1px solid #ccc;
}

.primaryContents .searchTab-wrapper .tab.indeterminate,
.listContent .searchTab-wrapper .tab.indeterminate {
  background: #e5e5e5;
  border-bottom: 2px solid #333;
}

.primaryContents .searchTab-wrapper .tab.current,
.listContent .searchTab-wrapper .tab.current {
  background: #333;
  color: #fff;
  border-color: #333;
}

.primaryContents .searchTab-wrapper .tab:hover,
.listContent .searchTab-wrapper .tab:hover {
  text-decoration: none;
}

.primaryContents .searchTab-wrapper .tab:not(.current):hover,
.listContent .searchTab-wrapper .tab:not(.current):hover {
  background: #f2f2f2;
}

/*
### 記事一覧：ソート切り替えタブ表示
*/
.listContent .sortTab-wrapper {
  position: relative;
  height: 33px;
}

.listContent .searchTab-wrapper + .newsLists {
  margin-top: 20px;
}

.listContent .newsLists .sortTab-wrapper .size {
  width: calc(100% - 200px);
  text-align: left;
  height: 33px;
  line-height: 33px;
}

.listContent .newsLists .sortTab-wrapper .sortTab-inner {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 33px;
  display: flex;
}

.listContent .newsLists .sortTab-wrapper .sortTab-inner .tab {
  background: #fff;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: block;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
  text-align: center;
  width: 50%;
}

.listContent .newsLists .sortTab-wrapper .sortTab-inner .tab:first-child {
  border-left: 1px solid #ccc;
}

.listContent .newsLists .sortTab-wrapper .sortTab-inner .tab.current {
  background: #333;
  color: #fff;
  border-color: #333;
}

.listContent .newsLists .sortTab-wrapper .sortTab-inner .tab:hover {
  text-decoration: none;
}

.listContent .newsLists .sortTab-wrapper + .lists,
.listContent .newsLists .sortTab-wrapper + .photoLists {
  border-top: 2px solid #333;
}

/*
### 記事一覧用スタイル：写真一覧
*/
.listContent .photoLinkLists .content {
  border-right: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
  border-left: 2px solid #ededed;
  position: relative;
  display: flex;
  align-items: center;
  padding: 30px 158px 30px 0;
  width: 100%;
}

.listContent .photoLinkLists .content .ttl {
  display: inline-block;
  width: 265px;
  font-size: 21px;
  font-weight: bold;
  padding-left: 18px;
  box-sizing: border-box;
  line-height: 1.3;
}

.listContent .photoLinkLists .content .ttl .size {
  background: #fff;
  border: 1px solid #000;
  bottom: 0;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  position: relative;
  text-align: center;
  width: 28px;
  vertical-align: middle;
  margin-left: 10px;
}

.listContent .photoLinkLists .content .ttl .size::before {
  background: #eee;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 3px;
  height: 3px;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  bottom: 0;
  margin: auto;
  transform: rotate(-45deg);
  z-index: 1;
}

.listContent .photoLinkLists .content .ttl .size span {
  position: relative;
  display: inline-block;
  width: 20px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
}

.listContent .photoLinkLists .content .thumbLists {
  display: flex;
  justify-content: space-between;
  width: 243px;
  height: 120px;
}

.listContent .photoLinkLists .content .thumbLists .thumb {
  width: 120px;
  height: 120px;
}

.listContent .photoLinkLists .content .btn-link {
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*
## 記事詳細用スタイル
*/
.detailContent .newsHeader {
  padding-top: 10px;
}

.detailContent .newsHeader .font-wrapper {
  height: 24px;
  line-height: 24px;
  padding-right: 70px;
  position: relative;
  text-align: center;
  width: 143px;
}

.detailContent .newsHeader .font-wrapper .label {
  font-size: 10px;
  color: #999;
}

.detailContent .newsHeader .font-wrapper [class*=btn] {
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: block;
  font-size: 12px;
  height: 24px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 24px;
}

.detailContent .newsHeader .font-wrapper .btnLarge {
  border-left: 1px solid #ccc;
  right: 47px;
  width: 23px;
}

.detailContent .newsHeader .font-wrapper .btnMiddle {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  right: 23px;
}

.detailContent .newsHeader .font-wrapper .btnSmall {
  border-right: 1px solid #ccc;
  right: 0;
  width: 23px;
}

.detailContent .newsHeader .font-wrapper [class*=btn].current {
  border-color: #333;
  background: #333;
  color: #fff;
}

.detailContent .ttl-main {
  border-bottom: none;
  font-size: 21px;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-bottom: 0;
}

.detailContent .newsContent {
  font-size: 16px;
  line-height: 1.6;
  overflow: hidden;
  transition: height 0.25s ease-out;
}

.detailContent .newsContent .figureLists {
  float: right;
  height: 270px;
  margin-bottom: 25px;
  margin-left: 25px;
  overflow: hidden;
  position: relative;
  width: 234px;
  z-index: 1;
}

.detailContent .newsContent .figureLists.single {
  width: 180px;
}

.detailContent .newsContent .figureLists:not(.large) .main {
  height: 270px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 180px;
  z-index: 1;
}

.detailContent .newsContent .figureLists .main img {
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists .sub {
  height: 52px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
  z-index: 1;
}

.detailContent .newsContent .figureLists .sub:nth-of-type(1) {
  top: 0;
}

.detailContent .newsContent .figureLists .sub:nth-of-type(2) {
  top: 54px;
}

.detailContent .newsContent .figureLists .sub:nth-of-type(3) {
  top: 108px;
}

.detailContent .newsContent .figureLists .sub:nth-of-type(4) {
  top: 162px;
}

.detailContent .newsContent .figureLists .sub:nth-of-type(5) {
  top: 216px;
}

.detailContent .newsContent .figureLists.large .sub:nth-of-type(2) {
  position: relative;
  top: 0;
}

.detailContent .newsContent .figureLists.large .sub:nth-of-type(3) {
  top: 54px;
}

.detailContent .newsContent .figureLists.large .sub:nth-of-type(4) {
  top: 108px;
}

.detailContent .newsContent .figureLists.large .sub:nth-of-type(5) {
  top: 162px;
}

.detailContent .newsContent .figureLists.large .sub:nth-of-type(6) {
  top: 216px;
}

.detailContent .newsContent .figureLists .sub img {
  left: 50%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists .sub.portrait img {
  top: 0;
  transform: translate(-50%, 0);
}

.detailContent .newsContent .figureLists .sub.landscape img {
  width: auto;
  height: 100%;
}

.detailContent .newsContent .figureLists-h,
.detailContent .newsContent .figureLists.large {
  float: right;
  margin-bottom: 25px;
  margin-left: 25px;
  overflow: hidden;
  position: relative;
  width: 270px;
  padding-top: 182px;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  z-index: 1;
}

.detailContent .newsContent .figureLists-h.large,
.detailContent .newsContent .figureLists.large {
  padding-top: 0;
  overflow: initial;
  height: auto;
}

.detailContent .newsContent .figureLists-h.large {
  width: 460px;
}

.detailContent .newsContent .figureLists.large {
  width: auto;
}

.detailContent .newsContent .figureLists-h::after,
.detailContent .newsContent .figureLists.large::after {
  display: block;
  content: "";
  clear: both;
}

.detailContent .newsContent .figureLists-h .main {
  height: 180px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 270px;
  z-index: 1;
}

.detailContent .newsContent .figureLists.large .main {
  height: 460px;
  overflow: hidden;
  width: 270px;
  z-index: 1;
  position: relative;
}

.detailContent .newsContent .figureLists-h.large .main {
  height: 270px;
  overflow: hidden;
  width: 460px;
  z-index: 1;
  position: relative;
}

.detailContent .newsContent .figureLists-h .main img,
.detailContent .newsContent .figureLists.large .main img {
  left: 50%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists-h .sub {
  height: 52px;
  overflow: hidden;
  position: relative;
  margin-right: 2px;
  margin-bottom: 2px;
  width: 52px;
  z-index: 1;
}

.detailContent .newsContent .figureLists-h .sub img {
  left: 50%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists-h .sub.portrait img {
  top: 0;
  transform: translate(-50%, 0);
}

.detailContent .newsContent .figureLists-h .sub.landscape img {
  width: auto;
  height: 100%;
}

.detailContent .newsContent .figureLists .figureSize,
.detailContent .newsContent .figureLists-h .figureSize {
  background: rgba(0, 0, 0, 0.6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAA6UlEQVQYV22QrwrCcBSFj39AxCZoHIx1XTOIddFqMxjmWwi+glFYMBh8CE1aZ7AtyJKIGBSFBcNn2G9jYSede77LuXAlI6pMOfAB7uwYqii6HInwcWjTZ8mLFbUMNgnZ0iisW1xYZcOCE3VJosMsX3gxlESNByMTusR5w5KdJHo8qZTgPndJeJwliTUxN37ExMwk2iCJAVdJwsZlwg0Xl46Ew0cSLRKcknKfQ2o2BCayWRvXIGKaWos3cxVEnS1HqukwJuFNkJ6gwogTId0MfhljsSHhSsiTBwuaBWgqWwzw6OXflthnsEx/VkC1YP6KIM8AAAAASUVORK5CYII=) no-repeat center 6px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 10px;
  height: 40px;
  padding-top: 22px;
  position: absolute;
  text-align: center;
  width: 30px;
  z-index: 2;
}

.detailContent .newsContent .figureLists .figureSize {
  left: 150px;
  bottom: 0;
}

.detailContent .newsContent .figureLists.large .figureSize {
  left: 240px;
}

.detailContent .newsContent .figureLists-h.large .figureSize {
  right: 0;
  left: auto;
  top: 0;
}

.detailContent .newsContent .figureLists-h .figureSize {
  right: 0;
  top: 140px;
}

.detailContent .newsContent .btnShow {
  display: none;
}

/*
## Ｐ説表示用 20160708追加
*/
.detailContent .newsContent .figureLists-h .p-setsu {
  background-color: #EFEFEF;
  font-size: 9.5px;
}

/*
## 記事詳細用スタイル：開閉用スタイル
*/
.detailContent-inner {
  position: relative;
  overflow: hidden;
}

.detailContent-inner.cut300 {
  height: 300px;
}

.detailContent-inner.cut350 {
  height: 350px;
}

.detailContent-inner.cut400 {
  height: 400px;
}

.detailContent-inner[class*=cut]::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  bottom: 40px;
  content: "";
  display: block;
  height: 60px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.detailContent-inner .newsContent .btnShow {
  display: none;
}

.detailContent-inner[class*=cut] .newsContent .btnShow {
  background: #666;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 100%;
  z-index: 11;
}

.detailContent-inner .newsContent .btnShow:hover {
  background: #444;
}

.detailContent-inner .newsContent .btnShow::after {
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  content: "";
  display: inline-block;
  height: 8px;
  margin-top: -3px;
  margin-left: 20px;
  position: relative;
  top: -2px;
  transform: rotate(45deg);
  width: 8px;
}

.detailContent-inner[class*=cut] .newsContent + .add {
  margin-top: 10px;
}

/*
## 記事詳細用スタイル：写真詳細
*/
.detailContent .photoDetail-wrapper {
  border-right: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
  border-left: 2px solid #ededed;
}

.detailContent .photoDetail-wrapper .photoDetail {
  padding: 25px 18px 25px 18px;
}

.detailContent .photoDetail-wrapper .photoDetail .ttl {
  font-size: 21px;
  font-weight: bold;
}

.detailContent .photoDetail-wrapper .photoDetail .content {
  line-height: 1.5;
  margin-top: 12px;
}

.detailContent .photoDetail-wrapper .photoDetail .photo {
  margin-top: 27px;
  text-align: center;
}

.detailContent .photoDetail-wrapper .photoDetail .photo a {
  display: inline-block;
  position: relative;
}

.detailContent .photoDetail-wrapper .photoDetail .photo a::before {
  background: rgba(0, 0, 0, 0.6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAA6UlEQVQYV22QrwrCcBSFj39AxCZoHIx1XTOIddFqMxjmWwi+glFYMBh8CE1aZ7AtyJKIGBSFBcNn2G9jYSede77LuXAlI6pMOfAB7uwYqii6HInwcWjTZ8mLFbUMNgnZ0iisW1xYZcOCE3VJosMsX3gxlESNByMTusR5w5KdJHo8qZTgPndJeJwliTUxN37ExMwk2iCJAVdJwsZlwg0Xl46Ew0cSLRKcknKfQ2o2BCayWRvXIGKaWos3cxVEnS1HqukwJuFNkJ6gwogTId0MfhljsSHhSsiTBwuaBWgqWwzw6OXflthnsEx/VkC1YP6KIM8AAAAASUVORK5CYII=) no-repeat center center;
  bottom: 0;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  right: 0;
  width: 30px;
  z-index: 2;
}

.detailContent .photoDetail-wrapper .targetLists {
  border-top: 2px solid #ededed;
  padding: 10px;
}

.detailContent .photoDetail-wrapper .targetLists ul::after {
  content: "";
  clear: both;
  display: block;
}

.detailContent .photoDetail-wrapper .targetLists ul li {
  float: left;
}

.detailContent .photoDetail-wrapper .targetLists ul li a,
.detailContent .photoDetail-wrapper .targetLists ul li span {
  display: inline-block;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
  padding: 0 18px;
  text-decoration: none;
}

.detailContent .photoDetail-wrapper .targetLists ul li a:hover {
  background: #f2f2f2;
}

.detailContent .photoDetail-wrapper .targetLists ul li.current a,
.detailContent .photoDetail-wrapper .targetLists ul li.current span {
  background: #333;
  color: #fff;
}

.detailContent .photoDetail-wrapper .btn-wrapper {
  border-top: 2px solid #ededed;
}

.detailContent .photoDetail-wrapper .btn-wrapper a {
  display: block;
  height: 36px;
  line-height: 36px;
  text-align: center;
}

.detailContent .photoDetail-wrapper .btn-wrapper a::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7P////Nzc37+/v19fXm5ubs7OzT09O1tbXu7u7d3d3Q0NDDw8Otra2lpaWfn5/+Cu3VAAAAEHRSTlMA3lQG+qyJ5FsD89imlFwHjEYPhgAAAJRJREFUGNNtkVkOxCAMQxO2li4zhKWd/f7HHIlQxEf8ZT3JcjBQpdWGZlk3paFLIeUUY8qEqiHvqISmQs5X6I4YuuLhapYq65QUgJ4421UmDTOxP58XpRvYzDb/XqE5C5iaf3zfbBKC6TXpc3KVgUWCqxAXi8STpOPv0jN5kBHyIOD3cbrdjyOHwCN36dmiMWhn/o4/ghIUGfvHiYoAAAAASUVORK5CYII=) no-repeat center center;
  content: "";
  display: inline-block;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  width: 20px;
}

.detailContent .photoDetail-wrapper .photoDetail .photo .caption {
  display: block;
  font-size: 11px;
  margin-top: 13px;
}

/*
## 記事詳細用スタイル：その他写真
*/
.detailContent .otherPhoto .figureLists > li a {
  height: 202px;
  padding-top: 140px;
}

.detailContent .otherPhoto .figureLists > li a .thumb {
  height: 132px;
}

/*
## 記事詳細用スタイル：写真拡大
*/
.detailContent .photoContents {
  width: 670px;
}

.detailContent .photoContents-inner {
  position: relative;
}

.detailContent .photoContents-inner .prev,
.detailContent .photoContents-inner .next {
  display: block;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -55px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 2;
}

.detailContent .photoContents-inner .prev:hover,
.detailContent .photoContents-inner .next:hover {
  background: rgba(0, 0, 0, 0.7);
}

.detailContent .photoContents-inner .prev {
  left: 0;
}

.detailContent .photoContents-inner .next {
  right: 0;
}

.detailContent .photoContents-inner .prev::before {
  display: block;
  content: "";
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}

.detailContent .photoContents-inner .next::before {
  display: block;
  content: "";
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}

.detailContent .photoContents-inner:hover .prev,
.detailContent .photoContents-inner:hover .next {
  opacity: 1;
}

.detailContent .photoItem {
  position: relative;
  width: 670px;
  text-align: center;
  padding-bottom: 60px;
}

.detailContent .photoItem img {
  max-width: 100%;
  max-height: 100%;
}

.detailContent .photoItem img.landscape {
  width: 100%;
  height: auto;
}

.detailContent .photoItem img.portrait {
  width: auto;
  height: 100%;
}

.detailContent .photoItem .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: table;
  left: 0;
  bottom: 0;
  text-align: left;
}

.detailContent .photoItem .caption-inner {
  display: table-cell;
  width: 100%;
  height: 60px;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 13px;
}

.detailContent .thumb-wrapper {
  display: flex;
  justify-content: center;
}

.detailContent .thumb-wrapper .thumb {
  width: 60px;
  height: 60px;
  margin-right: 3px;
}

.detailContent .thumb-wrapper .thumb:last-child {
  margin-right: 0;
}

.detailContent .thumb-wrapper .thumb.current::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 54px;
  height: 54px;
  border: 3px solid #ff008e;
  z-index: 5;
}

.detailContent .thumb-wrapper .thumb.current::after {
  position: absolute;
  left: 3px;
  top: 3px;
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  border: 3px solid #fff;
  z-index: 6;
}

.detailContent .thumb-wrapper .thumb:not(.current):hover {
  cursor: pointer;
}

.detailContent .thumb-wrapper .thumb > a {
  display: block;
  width: 100%;
  height: 100%;
}

.detailContent .thumb-wrapper .thumb:not(.current):hover > a::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/*
### 記事詳細用スタイル：表示文字サイズ
*/
.detailContent.large .ttl-main {
  font-size: 27px;
}

.detailContent.large .newsContent {
  font-size: 20px;
}

.detailContent.small .ttl-main {
  font-size: 17px;
}

.detailContent.small .newsContent {
  font-size: 13px;
}

/*
## ランキングページ
*/
.rankingContents .add + .grid-2 {
  margin-top: 50px;
}

.rankingContents .rankingLists > li {
  display: table;
  width: 100%;
  padding: 0;
  border-top: none;
  border-bottom: 1px dotted #ccc;
}

.rankingContents .add + .grid-2 {
  border-top: 1px dotted #ccc;
}

.rankingContents .rankingLists > li::before {
  top: 0;
  bottom: 0;
  margin: auto;
}

.rankingContents .rankingLists > li > a {
  display: table-cell;
  height: 65px;
  position: relative;
  padding: 0 10px 0 40px;
  vertical-align: middle;
  text-decoration: none;
}

.rankingContents .rankingLists > li > a:hover {
  background: #f2f2f2;
}

.rankingContents .rankingLists > li > a.addThumb {
  padding-right: 80px;
}

.rankingContents .rankingLists > li > a h1,
.rankingContents .rankingLists > li > a h2,
.rankingContents .rankingLists > li > a h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.rankingContents .rankingLists > li > a .thumb {
  position: absolute;
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 60px;
}

.rankingContents .photoRankingLists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.rankingContents .add + .photoRankingLists {
  margin-top: 50px;
}

.rankingContents .photoRankingLists li {
  width: 130px;
  height: 130px;
  background: #ddd;
  margin-top: 5px;
  position: relative;
}

.rankingContents .photoRankingLists li .thumb {
  width: 130px;
  height: 130px;
}

.rankingContents .photoRankingLists li a:hover .thumb::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.rankingContents .photoRankingLists li::before {
  background: #fff;
  border: 1px solid #ccc;
  content: "";
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
  left: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 18px;
  z-index: 3;
}

.rankingContents .photoRankingLists li.rank-1::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "1";
}
.rankingContents .photoRankingLists li.rank-2::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "2";
}
.rankingContents .photoRankingLists li.rank-3::before {
  background: #333;
  border-color: #333;
  color: #fff;
  content: "3";
}
.rankingContents .photoRankingLists li.rank-4::before {
  content: "4";
}
.rankingContents .photoRankingLists li.rank-5::before {
  content: "5";
}
.rankingContents .photoRankingLists li.rank-6::before {
  content: "6";
}
.rankingContents .photoRankingLists li.rank-7::before {
  content: "7";
}
.rankingContents .photoRankingLists li.rank-8::before {
  content: "8";
}
.rankingContents .photoRankingLists li.rank-9::before {
  content: "9";
}
.rankingContents .photoRankingLists li.rank-10::before {
  content: "10";
}
.rankingContents .photoRankingLists li.rank-11::before {
  content: "11";
}
.rankingContents .photoRankingLists li.rank-12::before {
  content: "12";
}
.rankingContents .photoRankingLists li.rank-13::before {
  content: "13";
}
.rankingContents .photoRankingLists li.rank-14::before {
  content: "14";
}
.rankingContents .photoRankingLists li.rank-15::before {
  content: "15";
}
.rankingContents .photoRankingLists li.rank-16::before {
  content: "16";
}
.rankingContents .photoRankingLists li.rank-17::before {
  content: "17";
}
.rankingContents .photoRankingLists li.rank-18::before {
  content: "18";
}
.rankingContents .photoRankingLists li.rank-19::before {
  content: "19";
}
.rankingContents .photoRankingLists li.rank-20::before {
  content: "20";
}
.rankingContents .photoRankingLists li.rank-21::before {
  content: "21";
}
.rankingContents .photoRankingLists li.rank-22::before {
  content: "22";
}
.rankingContents .photoRankingLists li.rank-23::before {
  content: "23";
}
.rankingContents .photoRankingLists li.rank-24::before {
  content: "24";
}
.rankingContents .photoRankingLists li.rank-25::before {
  content: "25";
}
.rankingContents .photoRankingLists li.rank-26::before {
  content: "26";
}
.rankingContents .photoRankingLists li.rank-27::before {
  content: "27";
}
.rankingContents .photoRankingLists li.rank-28::before {
  content: "28";
}
.rankingContents .photoRankingLists li.rank-29::before {
  content: "29";
}
.rankingContents .photoRankingLists li.rank-30::before {
  content: "30";
}
.rankingContents .photoRankingLists li.rank-31::before {
  content: "31";
}
.rankingContents .photoRankingLists li.rank-32::before {
  content: "32";
}
.rankingContents .photoRankingLists li.rank-33::before {
  content: "33";
}
.rankingContents .photoRankingLists li.rank-34::before {
  content: "34";
}
.rankingContents .photoRankingLists li.rank-35::before {
  content: "35";
}
.rankingContents .photoRankingLists li.rank-36::before {
  content: "36";
}
.rankingContents .photoRankingLists li.rank-37::before {
  content: "37";
}
.rankingContents .photoRankingLists li.rank-38::before {
  content: "38";
}
.rankingContents .photoRankingLists li.rank-39::before {
  content: "39";
}
.rankingContents .photoRankingLists li.rank-40::before {
  content: "40";
}
.rankingContents .photoRankingLists li.rank-41::before {
  content: "41";
}
.rankingContents .photoRankingLists li.rank-42::before {
  content: "42";
}
.rankingContents .photoRankingLists li.rank-43::before {
  content: "43";
}
.rankingContents .photoRankingLists li.rank-44::before {
  content: "44";
}
.rankingContents .photoRankingLists li.rank-45::before {
  content: "45";
}
.rankingContents .photoRankingLists li.rank-46::before {
  content: "46";
}
.rankingContents .photoRankingLists li.rank-47::before {
  content: "47";
}
.rankingContents .photoRankingLists li.rank-48::before {
  content: "48";
}
.rankingContents .photoRankingLists li.rank-49::before {
  content: "49";
}
.rankingContents .photoRankingLists li.rank-50::before {
  content: "50";
}

/* 写真ランキング：写真なし */
.no-photo {
  display: block;
  background: url("../../img/ranking-no-image.jpg") no-repeat;
  background-color: #f2f2f2;
  background-size: 100% auto;
}

/*
## スマートフォン版への誘導リンク
*/
.btnSPShow {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: #fff100;
  font-size: 28px;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
}

.btnSPShow::before {
  display: inline-block;
  width: 30px;
  height: 100px;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAApCAQAAACMs4EBAAAA7klEQVR4Ae3WpUIDABSF4R95BNwzLg+DNRptBX8bvOENdwruTt4alrbL3Le7u4SdP3/9AHRwiRi6pAOgE7HnVdwgOBnCkWFDOBGvQryNAPnU0axURz4wgnhDvDnI4QBB74AcHNGwEsHFrJILoTIW1iCso20doeYf/sN/+HNgrzc79CKPFSYyHSpMgf3JmA4HcdNDIdu0WaCX0U0F55xRmDl8DLJ7jkJMh6WItxdO+OSdM46T9oZQGgthGg+i5GYMYqFlCqxh0luNHS4h3pbscAXxtpIejpC4Bja8NZC4EQTJ/gNk/zqggysTuqIDvgBq9vL6mMwznQAAAABJRU5ErkJggg==) no-repeat center center;
  margin-right: 30px;
  vertical-align: middle;
}

/*
## グローバル

モジュールに依存せず、ページ内で汎用敵に使えるスタイルを定義

*/
.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.font-xxxlarge {
  font-size: 27px;
}

.font-xxlarge {
  font-size: 21px;
}

.font-xlarge {
  font-size: 17px;
}

.font-large {
  font-size: 16px;
}

.font-small {
  font-size: 12px;
}

.font-xsmall {
  font-size: 11px;
}

.font-xxsmall {
  font-size: 10px;
}

.color-red {
  color: #f00;
}

#tableIndividual a:hover {
  text-decoration: none;
}

.horse .topPage {
  margin-top: 20px;
}

.ulizahtml5 {
  clear: both;
}

#showMovie {
  margin-bottom: 1em;
}

.kEventHeadline {
  display: block;
  text-decoration: none;
  padding: 15px 10px;
  font-size: 15px;
  font-weight: bold;
  background: #444444;
  color: white;
  width: 656px;
}

.kCampaignHeadline {
  display: block;
  text-decoration: none;
  padding: 15px 10px;
  font-size: 15px;
  font-weight: bold;
  background: #fff100;
  width: 656px;
}

.secondaryContents .topics .unit-no-splite img {
  float: left;
  width: 64px;
  background: none;
}
.secondaryContents .topics .unit-no-splite .ttl {
  width: 206px;
  margin-left: 72px;
}
.secondaryContents .topics .unit-no-splite .txt {
  width: 206px;
  margin-left: 72px;
}
.secondaryContents .topics .unit-no-splite a::after {
  display: none !important;
}
.secondaryContents .topics .unit-no-splite a {
  padding: 10px !important;
}

/* 2017.06.16 コンテンツリンク内の表のアンカータグにアンダーライン */
div.primaryContents div.table table a {
  text-decoration: underline;
}

/* 2019.06.14 関連ニュース写真表示対応 */
.primaryContents .relationNewsList {
  display: flex;
  flex-direction: column;
  height: 330px;
}

.primaryContents .relationNewsList > li {
  width: 330px;
}

.primaryContents .relationNewsList > li .ttlWrapper {
  display: block;
  height: 60px;
  overflow: hidden;
}

.primaryContents .relationNewsList > li a {
  font-size: 15px;
  height: 80px;
}

.primaryContents .relationNewsList > li a .thumb {
  top: 10px;
  width: 110px;
  height: 58px;
}

.primaryContents .relationNewsList > li.addThumb a {
  padding-right: 122px;
}

.primaryContents .relationNewsList > li a .ttl {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.primaryContents .relationNewsList .mainThumb a {
  height: 240px;
  vertical-align: bottom;
}

.primaryContents .relationNewsList .mainThumb a .thumb {
  height: 174px;
  width: 330px;
  top: 0;
  right: 0;
}

.primaryContents .relationNewsList .mainThumb a .ttlWrapper {
  position: relative;
}

.primaryContents .relationNewsList .mainThumb a .ttl {
  position: absolute;
  height: 65px;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 10px;
}