/*
# 基本CSS

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

*/
@charset "UTF-8";

/*
  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 {
}

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


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

.pageFooter-inner {
  display: -webkit-flex;
  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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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;
}


.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,
.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,
.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,
.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,
.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,
.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,
.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%;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
  -webkit-transform: translate(-50%, -50%);
  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;
  -webkit-transform: translate(-50%, 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: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  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;
  -webkit-transform: rotate(-45deg);
  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;
}

/*
## 装飾パーツ：SNSアイコン
*/
.newsHeader .social-wrapper {
  width: 110px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  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: #33ccff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAm0lEQVQYGWXBoUpDYQAG0I+rDBQFs9gtGuwLQzAZrIIr5lWbTyD4CmJxwQfwUQSDSSyuLsiV4dHL74/eeU6yxLaRjUSTjhM7+eFci5lrk3TceHKQb1bNFR+urCRxgdatkX3VzFo6jr1Z9pjCxH/3KQxMfeobp3Lp3V8vBqlsujNXLRzll3VnXhWtcSqNU8+KhQd76dPYdWhoKz1fPJ65yb/SacAAAAAASUVORK5CYII=) 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;
  -webkit-transform: rotate(45deg);
  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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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, .2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/*
## 装飾パーツ：記事一覧：サムネイル有り
*/
.thumbnailNews-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.thumbnailNews-wrapper .thumbnail.portrait img {
  top: 0;
  -webkit-transform: translate(-50%, 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, .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, .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, .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: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 2px 0 2px 2px;
}

.secondaryContents .photoRankingLists > li {
  width: calc(100% / 5 - 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, .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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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, .2);
  z-index: 2;
}

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

}

.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, .2);
  z-index: 2;
}

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

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


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

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

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

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

.gridLists.grid-6 > li {
  width: calc(100% / 6 - 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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.columnLists > li {
  display: table;
  height: 100px;
  width: calc(100% / 2 - 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, .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: -webkit-flex;
  display: flex;
  width: 100%;
}

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

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

.secondaryContents .guideLinks a::before {
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: center right;
}

.secondaryContents .guideLinks .paper {
  padding-left: 30px;
}

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

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

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

/*
## 装飾パーツ：速報テーブル
*/
.promptReport {
  display: -webkit-flex;
  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: -webkit-flex;
  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: -webkit-center;
  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 {

}

.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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  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: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    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 {
  -webkit-transform: scale(.8);
  transform: scale(.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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  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 {
  -webkit-transform: scale(.8);
  transform: scale(.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: -webkit-center;
  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: -webkit-flex;
  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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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, .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: calc(100% / 3);
}

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

.tab-wrapper.grid-3 .tab:nth-of-type(3) .ttl {
  left: calc(100% * 2 / 3);
}

.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;
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-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: .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;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.secondaryContents .figureCarousel-wrapper .next::before {
  right: 12px;
  -webkit-transform: rotate(-45deg);
  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, .2);
  z-index: 2;
}

.secondaryContents .figureCarousel-wrapper .dot-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  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 .shopping {

}

.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 {

}

.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: .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: -217px; }
.baseball .mainNavigation .logo > a img { top: -553px; }
.leisure .mainNavigation .logo > a img { top: -217px; }

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

.mainNavigation .navigation {
  display: -webkit-flex;
  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;
}

/*
### 検索エリア
*/
.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 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.is-openSearch .pageSearchBtn::after {
  display: block;
  -webkit-transform: rotate(45deg);
  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: -webkit-flex;
  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: -webkit-flex;
  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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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;
}



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

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

*/
.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: -webkit-flex;
  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,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMA5/JNOBP8+dm+pn5waFxSLBcM9Ovd1M/OwbSukopZRUQyJxwJBsUVmKAAAABiSURBVAjXRcdFEsNADADBWXBipjCz/v/EWCpD35o+QXUXnzbPSHOwn2SwC9TiAnxEuZbOixyL0nqFRyazAt6rpQEo5/seaPdTb6h8nEsw97VuExnEKrelL9S3yrbizvXP9gfpPQ25GXSm1gAAAABJRU5ErkJggg==);
  background-size: 14px 12px;
}

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

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

.pageFooter-inner .navigation-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  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: .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 {
  heigt: 12px;
  line-height: 12px;
  font-size: 11px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

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

.pageFooter-inner .navigation-item.current .subNavigation {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  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, .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, .3);
  left: 0;
  position: fixed;
  top: -50px;
  width: 100%;
  z-index: 1000;
  -webkit-transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
}

.is-fixedAnimation .mainNavigation {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .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, .3);
  position: fixed;
  top: 50px;
  z-index: 1002;
}

.is-fixedHeader .genreNavigation-inner .btnlists,
.is-fixedHeader .genreNavigation-inner .pickupKeywords {
}

.is-fixedHeader .genreNavigation-inner .navigation {
  box-shadow: 0 0 10px rgba(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;
  -webkit-transform: rotate(-45deg);
  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, .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, .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: #ff0099;
  color: #fff;
}

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

.topPage .categoryNews-item {
  position: relative;
  overflow: hidden;
  width: calc(100% / 3);
}

.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 {
}

.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;
  display: inline-block;
  width: 100%;
  padding-left: 100px;
  padding-right: 5px;
  vertical-align: middle;
}


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

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

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

.topPage .todaySpecial .lists {
  display: -webkit-flex;
  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 {

}

.topPage .topicPhoto .photoRankingLists {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  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, .2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/*
### トップページ内パーツ：コラム
*/
.topPage .columnContent {

}

.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: #ff0099;
  color: #fff;
}


/*
### トップページ内パーツ：旅情報
*/
.topPage .travelInfo {

}

.topPage .travelInfo-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

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

.topPage .travelInfo-inner .thumbLists {
  display: -webkit-flex;
  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, .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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.genreTopLists li:not(.ledeNews) .thumb.portrait img {
  top: 0;
  width: 100%;
  -webkit-transform: translate(-50%, 0);
  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, .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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}

.genreTopLists li.ledeNews .thumb.portrait img {
  top: 0;
  -webkit-transform: translate(-50%, 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, .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: #ff0099;
  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, .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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  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: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  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 {
  -webkit-transform: rotate(135deg);
  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 {
  -webkit-transform: rotate(-45deg);
  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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  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, .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;
  -webkit-transform: rotate(-45deg);
  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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  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: -webkit-flex;
  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: -webkit-flex;
  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.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: -webkit-flex;
  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 {
}

.listContent .photoLinkLists .content {
  border-right: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
  border-left: 2px solid #ededed;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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;
  -webkit-transform: rotate(-45deg);
  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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  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;
  -webkit-transition: height .25s ease-out;
  transition: height .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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists:not(.large) .sub {
  height: 52px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
  z-index: 1;
}

.detailContent .newsContent .figureLists:not(.large) .sub:nth-of-type(1) {
  top: 0;
}

.detailContent .newsContent .figureLists:not(.large) .sub:nth-of-type(2) {
  top: 54px;
}

.detailContent .newsContent .figureLists:not(.large) .sub:nth-of-type(3) {
  top: 108px;
}

.detailContent .newsContent .figureLists:not(.large) .sub:nth-of-type(4) {
  top: 162px;
}

.detailContent .newsContent .figureLists:not(.large) .sub:nth-of-type(5) {
  top: 216px;
}

.detailContent .newsContent .figureLists .sub img {
  left: 50%;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists .sub.portrait img {
  top: 0;
  -webkit-transform: translate(-50%, 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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  z-index: 1;
}

.detailContent .newsContent .figureLists-h.large
,.detailContent .newsContent .figureLists.large{
  width: 460px;
  padding-top: 272px;
  height: 324px;
}

.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-h.large .main
,.detailContent .newsContent .figureLists.large .main {
  height: 270px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 460px;
  z-index: 1;
}

.detailContent .newsContent .figureLists-h.large .main {
  width: 460px;
}

.detailContent .newsContent .figureLists-h .main img
,.detailContent .newsContent .figureLists.large .main img  {
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists-h .sub,
.detailContent .newsContent .figureLists.large .sub {
  height: 52px;
  overflow: hidden;
  position: relative;
  margin-right: 2px;
  margin-bottom: 2px;
  width: 52px;
  z-index: 1;
}

.detailContent .newsContent .figureLists-h .sub img
,.detailContent .newsContent .figureLists.large .sub img {
  left: 50%;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailContent .newsContent .figureLists-h .sub.portrait img
,.detailContent .newsContent .figureLists.large .sub.portrait img  {
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.detailContent .newsContent .figureLists-h .sub.landscape img
,.detailContent .newsContent .figureLists.large .landscape img {
  width: auto;
  height: 100%;
}

.detailContent .newsContent .figureLists .figureSize,
.detailContent .newsContent .figureLists-h .figureSize {
  background: rgba(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-h.large .figureSize
,.detailContent .newsContent .figureLists.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: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  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 {
  -webkit-transform: rotate(45deg);
  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, .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, .6);
  opacity: 0;
  z-index: 2;
}

.detailContent .photoContents-inner .prev:hover,
.detailContent .photoContents-inner .next:hover {
  background: rgba(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;
  -webkit-transform: rotate(-45deg);
  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;
  -webkit-transform: rotate(45deg);
  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 .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: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  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, .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 {
  display: inline;
}

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

.rankingContents .photoRankingLists {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between; /* Safari */
  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, .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"; }

/*
## 占いページ
*/
.fortuneContents .newsHeader {
    padding-top: 10px;
}

.fortuneContents .ttl-main .date {
  margin-left: 5px;
  font-size: 18px;
}

.ttl-main + .fortune-wrapper {
  margin-top: 45px;
}

.fortune-wrapper + .fortune-wrapper {
  margin-top: 35px;
}

.fortune-wrapper.grid-2 {
  display: table;
  width: 100%;
}

.fortune-item {
  display: block;
  padding: 10px 10px 160px;
  position: relative;
}

.fortune-wrapper.grid-2 .fortune-item {
  display: table-cell;
  width: 50%;
  padding-bottom: 305px;
}

.fortune-item::before,
.fortune-item::after {
  position: absolute;
  left: 10px;
  border-radius: 5px;
  width: calc(100% - 20px);
  height: calc(100% - 10px);
  background: #ddd;
  z-index: 1;
  display: block;
  content: "";
}

.fortune-item::before {
  top: 10px;
}

.fortune-item::after {
  bottom: 0;
}

.fortune-item.rank-1::before,
.fortune-item.rank-1::after {
  background: #f9f4b8;
}

.fortune-item.rank-2::before,
.fortune-item.rank-2::after {
  background: #e4f4f4;
}

.fortune-item.rank-3::before,
.fortune-item.rank-3::after  {
  background: #f6e8e8;
}

.fortune-item.rank-12::before,
.fortune-item.rank-12::after  {
  background: #d2d2d2;
}

.fortune-item .header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 80px;
  border-top: 80px solid #fff100;
  background: #e67540;
  padding: 5px 0 3px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.fortune-item .header::before {
  display: block;
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  left: 0;
  top: -80px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
}

.fortune-item.aries .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAlCAYAAAAuqZsAAAABkElEQVR4Ae2SBUgsQBCGfV108/pJgy1l91M6r2ikU8KiQ6kj7C7qaLs7STspuyXtrn9hDoa9tmMXPmJ29vPz7txsnSJ//2CQD8bBHjgHW6ATpIIfbg6O2KHdTnp7Tq5xcgc7cnCZF4muHHACMsE3K45vdHfihKcDeDmKMoBDJ2ScafCPOf6BGRcdh0BvK0oPLqUHqyAHxAMtSADVVj6JZfCTWLbyyVbRWy25csCatHcJ9HKUJzhgS2cgBXy08U+4g2ZJ3AcG+Ix2/tlwfKS/ccb2RYMnX2qVouKc+C2+AxU8hEN375zwxIFz9q7VfBEoCZMcyaT/ekiOotlHFzzJ0vtAMcxlgyXw3lkhSWOshEW56PgAltj7HDEcYwOjK0KSvgHrzLEuZjfwGJljTAz22EDrhnMDaT1z1N/QoWOOHTE4YoOwG0pNzGG6oSOMOQ7FIB1cgC7w4RHDPogGakkzD7/wpccIw7lRyw3CHv+oMBWmwlSYClNhj3ZUmApTYSpMhamwEhZW8pTCfMAc4XMXzmtz3lesv59KdQAAAABJRU5ErkJggg==);
}

.fortune-item.taurus .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAmCAYAAADX7PtfAAACP0lEQVR4Ab2WA6xcURiEd+uGtW3bVozato3oxUkdl3Fq22bMBlVQ89V2Z5KTZPKvzp5V8hVz/pm5vjdif1vbt98BPoIZkcAfvS5je6rBauCf434Ghfclp1qywUoy+C6DwneSUzHZYBR8lOH6AWX1xf+BmakMZ8RQEFBYIP7TPoYpYngDyqZRVha8Ff9UH1Np8FRMx0ExD18xzorvCbN8t3SkGMkpUDXJfFXOGM/IdM/FRhPwCawHvUA1Ry+nfTKzG0Mu7aJgi4T4soXekMIoGC23iQ+fnSeabllVcIUhgdBbzbesPXhuAn6B82C2W68B6oEeYI5b+2U8zOiQqqytuY/IIdDAY0MbcNZ4mdU2kaEyeGyuykEB536QuWofMzve4H4Z+gK6RQJ/9DJD8vbbgR7BN63/w6O7Ll6WhX2RLP2YJbmX9GT/deIf/j+LhQ2YKaUNKC7zep2El56W/BUUjogwKweFsyT/CIW7IrTNQWFb/U6iUChCuRwUltMXOoV/QrEcFBaX/L8UPuZxDz9QuJPHc3iHwmER5uagcI6+CCgsFuFcDgrPSf5iCrXNk6ZJFsuayJOGHXXiffweyWKhPlTO6EIvisKkLJSNNZm97MBuWfwBBmRQ1t+8D3cnul8eytBXMDagbDL4KTnMLJdouGWcb5p9oJFHUSM3a79pWqYytgbPjPGPu7znu/Nd39HLaVz7YzzMaO17WKrIlRvCWWaEnPxh4JZvkZsdno37qStYBW6CF+CX44XTuNbVJ+s/KefcfCwsPZsAAAAASUVORK5CYII=);
}

.fortune-item.gemini .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAmCAYAAAAxxTAbAAABZElEQVR4AWOYaWxcDsTfgPg/tTHU3HKQJZ9BAjTEX0GW7KWxJftBlvigCfYAsQsFuAfNPG+QJYxAfAtJcDsDBQCkH2YW1FxGmEQFksQfIBYl0wJRsH6EWRXIkrJA/A9JMoVMS1JhZkDNk0VXcApJwQYyLdmIZMZJbArqkRR8AGIWEi1gAeKPSGbUYVNkg5YqjEm0xBhNvw02RWxA/ANJUTaJlmTD9ELNYcOl8DSSwpkkWjIbSe9pfArnIik8QqIlR5H0zsGuCjO/PCfRkhdIesvxKQxFS+fsRFrAgRbpofgUO6ApliLSEhk0fQ74FGuiKVYj0hJ1NH0a+BTLoSk2JDOPyOFTLI2m2JZIS+zQ9EnQwhJHdEtICS4bIi2xISW4NMmMEyP0iCclCcsSaYk8ehKmS2akS7FCtwKSLkU9XSotulS/dGtI0KtJhChOaNm4o0szlS4Nbrp0HejSCaJLd44uHVMAzMBX9GHHTCkAAAAASUVORK5CYII=);
}

.fortune-item.cancer .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAmCAYAAABOFCLqAAAC/UlEQVR4AcXXA6wcXxTH8d1X27Zt241q2w1q27ZtO6pt2zb/qo19p99NHiYnO92ZRf6bfKJ7zsxvdO9dh53fwiJF4qAhZuEoXuIbvuM1LmMDuiKbIxg/DlwQa/EFYsMptEDUQIRIhU0IhfjhDqr5E6Q53kGgfcFxLMMkjMdMbMNLiIkFiGknhBNjIEoodqE+Ylt4rFPxHqKcRhKrYWZAlLMo4sPdTYoFcEEMriKxt+be0HdjNEL8fPcq4V+IwUlEN2sohV+QML/QLIBfZCY8VoGmmxWfVoUdgzBFZMU/6s6X9VR4HRJmmRoOZKBqaqq4BKenx7Qf89XXEoxA8yAGdSy0BS1MCjWb7/U218QKcIACGIyFmIWLkDAupDEWh6AtTuEHBK+wGFn9CJEIWyBetAtvSIADEBNf0NiHIPFxBWLByvBHssdC8Q+UsxlmPkR5hk8Q5ZK7oRHE4C2moi+OqLFrcFoMkhw/Db2PUDhsLAbGQQz+dQ/sg4R5h+zqRV6hmkpYDNNM9VVWJfrcLofaJkz3tNipSaqzxTB9je+cSU1/SDiHOlF/T01qTuhrMUxnNe0n8VAz3fh6ONTiuNdDQ2WIQXOLYUqoviVqPLt6KvsdauESjEGMsIZ8eAgJ8xPJbWzSrkEMDqAPpuCtGmvsbroEUT7gCURZaPPTLq++KDOH4HQ3rIRYcAUJfJj4GuMrxMRhJAovbg/xYgsS+bmPWYX/DI/7DNojqrEwLVxqfzEHSzEEBQO8YMaB+TZWrUufkfz/3F/UgxjMCvL5YmMu9qOUHnSq1fUXygcxzFLjeufxM1Sz8UukDUKQ1vpPnVnhTFV4D5kCGKQJ9N+hsmbF0XFKL+2o6GeIEIxQd17Qx1tjMlxVTS7MQxIfghTGaYgy0+oBkpgc4C0moQCcf+iPiZrYiVCIMt683/yACyEm/sMOzMdoTMAiHMFnCLT3aO7P866OexA/bUaaQHwFUdEaFyA2fMUmlAjWhJUL3bEJV/EGv8K8wgnMQmPEs3Ps3wCbMQOXGwQDAAAAAElFTkSuQmCC);
}

.fortune-item.leo .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAAB+klEQVR4Ae3WA4wdYRTF8dq2bdu2bdu23ai2bRsTlVEV1bZtt//6y923O9jvTTWb/KJ3zp3z1iGC+zEnd+7QqITVuISXeI1r2IS6CO/0vt0x2XEUn0ycQ3F/j6mEV/hk0Xu09teYtHgqHngfC9AHPTET10XmLQr5Y5AhHrQS0X3kImCSyJ5AKJ1j8ooHbEVIk85M0amlc9Bk5fA7pLDQiY5HSm+DzkGnlcOGjd5ipfcMoXWMiY6PyuE+Nrr18EmRWcegHOJoeRvdTKJbVcegiuJoNhvdGKLbXseguuJoChvdUKLbW8egRuJoMjt90R3wTwzyBnmDvEHeIG8QwdKYj5N4gNNYhapo7NogAvFgiJL0yJVBvJgEl0XBhN5B8t+CgyL8DCswFgvxyM1BtUXwMBKLTEwYbg3aqoSeImEguSi47saga0pokcnB0W4Meq2EhpocbCmOJrU56KOVQTeU0DyTg8OV7AeEsznojtKfFFholxJ6gFiB5MLjopI95uA3/V6lfxHhfYXkb9+9iCUykbBe5Ho6GNRd3FiCsDIUBkdF8B6moRfG44Z4/TwiOhgUFfIn9RzGohki/wimwW0RDMxjZA3GH+hiyg+StE8NJsdhkzGnkU3Dfw0FAvlT9VwGQ6EONuIePuI2dqOF+vXWMCoiumEv7uEFOn0GT31akYduuM0AAAAASUVORK5CYII=);
}

.fortune-item.virgo .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAlCAYAAAAuqZsAAAACeElEQVR4Ac2YA+ycURDED7Vtu42roLZt241q27ZtK6ht27bt9l/MJdtkM7lX97Zf8kvuzezbm8/w6GVytmw5wVxwE3wEd8AaUEzVeEFVsAncl7prYArIIjUZQVswHowAdUFsEAG0ADvAM/AUHAYDQDwPLxD9YCj4DL44mAvigXXsKT6ATY4+L8El11wJWYqDDaYiF2/0+B/wHuT7Fio7+EzmfNAOjAUvHU0eylbuAFaCT9qX8UXwOMjcu7L7uoBd5F0GETwSQu+KvLQ1M4NHQSYnobpqVDNEeeXBa5rvU8fsKJpbOWDcVsI0Dy0yuQtNrOOo26BqdpLXiHrkVl4k8EB54wJimBIaO/6wEDXN4KgbpLcKeZHBW+X3IX+j8pYFhDXqrEnl+MPcFCyFo26gqrkexN+k/N3knVTe+IAQHhQHyaXmXwbrrPwwEFP0+HQCtqap/zxYDupTVvTqpGcJdTAfXT7Gij5dabek/N8Ho5plqua0aNeUNscqWHPqlZ/GdayCpade+2icxCQY7zrilJSYBZvmCDbaLBhfHogypsH4gip8ADFMglHtMeq5SyzzYMOoZy/zYI7jrLRtMPfjfPf/Jdhh6rndPJi8bX0KclZGswtG7wdESetgkx3BRlgHu+IIdtwsGPS01OuQ+v0ZJLQK1ox6FaVxTatgS1TNWdFuKW1GyINB89Fb/TjRZyvthkWw7NSnvOi1+YU61ME60ntlLNETU/+WoQ62Ufl7yDulvOUhC4ZxZPq+1o/80cp78rPBUquPL69AVEddPdV8L3m8u/KQX1h5N3/lBKgJ5oDi36nxg+5gujqAeau8A4uAN4jfGswD2b8CX7f0HzXnJ7kAAAAASUVORK5CYII=);
}

.fortune-item.libra .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAB2UlEQVR4Ae2XA6wcQRjHt47qxqztoLbtNk6KqArrqLbNsLbxbFvRs23rP8nhy5xm72Ye+yW/e/fu7o/1rubMPJo5sw9YC26BQJAL6g3kGj67ZfhNH031IKQvOGwIbxEkFxxiWlWl1oNUGqqTFLBOZqEe4AJothIWBy6CXWCZgV2Gz+L53xs8LjFPGaUeWDF/BSYK6Ccafssv1D1Xi52ysr8sc8JnOcjjvE44W2ouaCRGqWCECws5AmQQP+Y9R69JTxBNTMrAGAn763hQTnyjWJYeg+3cat8j8WDay3lv0yP2JMJo0EPyUR5D/N1EhcNAk4K1RTP2EX+WNUREtJUXKSg2lFv4jSKik0SQoPDylkRyTogI7hLBL4XFfpGc2yKCp0TwWWGxbyTnvojgJhH4KiwWQHKuiggOE0G2wmKZJOewiGARETDGKyg1hstYICLqx102zigodoH4l4I+osIXRFgABkgsNQCUEP9n9s70B8FRAi3GuCux2H3O+wWXfQAM1chdhD2awWwJpeYyL4G8CI1brfbYKaHYLsGsIs3wiOUNwmwQCm6APpKesm4zTzt5XmC1pnD+z/+hDx5TwMwOwhTQkxV7D1o6GG9ZsaoOWKyKFTvewcpVgeOtt4E0q21AV+kAAAAASUVORK5CYII=);
}

.fortune-item.scorpius .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAhCAYAAAC1ONkWAAABdklEQVR42u3XMUtCURjGcYfyRkuNZfQdFKFoc3CrT1DtN82+QzYH1djiJndxbWwRREMs0JzKsVoaTDPI5fYfrvByOPdyXK4N58Bv8XnflwcHwcTs3WazSZyhiW+M0ICLpWBmE1d4wS8+UENO3MmhFmRTvOIaW4l5H0spdOCHeMAxviJmLnETkY9xME8pB234MZggbVqspCz34KKAPnwND0e4wFiTj1AOZjwluzct1hJLXTgiW8GTcvhc2U9jKvIp0spMWbmxbVJsIhaKmtxVjq5pZuoir2vydeVG3qTYm1jIaPJ9eTTkRlXMVENmfOHQpNguPLhKtNhi8tlitpgtZovZYraYLWaL2WK22L8sxudFeNhbdDGZ74j8Pc5in2LG1X1bIv+Js1hDzDxjVWQOuiJvxVmsAF/oo4AT9JSsFGexZfGvP0objkmxvFgahsxUxEwl4tYGHiNKdZAy/blI4g5DnIbMZDAIZAzuuWhghDGaKCE5m/sDoYilsbQXrVkAAAAASUVORK5CYII=);
}

.fortune-item.sagittarius .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABdElEQVR4AcWVA0yFURiGw5TtmXfIMxqyzTl7RmN3CHONzd6y7ZpzQ7Zt82072044X/pxtqcu3vs972+d/64KT097MApewBk4BjtgiTHKGALdoANUgXJgKUWBXCb/C2VSFHADV4SEokVHioVBTsAHBIJYRgpIZ3tIC26YlKdVR+4FiSHoE+yBYSXk/R+kd0QB2eXDoJB7P6W03BhkcZ9NKypn32dwny8rIR8CxlwmiftujRpmAcKAjRRyQYF90TB9MMtCW0AjhZxlg7nMqWigGXjigttA8w+5qMANtVVaFhKWoOTEXC8+/91xLRWVoOX005N7dowTUbKEh0Bu9MMT1gXkA3siRpZ4puX/X3QJueXE2b7xxZ7wVEo+wMvpS1R++YbMJQg5O+ZfnBM7QKOInMuUyFKCyQc/DB/k5USJbWAji5z4TfGHfJSscuLZ8QTmgIWscmKGMdBTQf6P9SZRTc4KNKsmZwVuVJOzAgXgDNQrLsd6BYqPcUgT1sNRAAAAAElFTkSuQmCC);
}

.fortune-item.capriconus .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAjCAYAAAD48HgdAAACyUlEQVR4Ab2YY7ArURCEr55t27Zt27Zt27Zt27Zt27Zf0D8eprpybnY3p5Kq72JPT6ezmJ2Nz4xMmVqCj+AYiORj4gV9PHABfAD1fXS+/oRy/KGvydrxovYLiKsz2FVhfsZk7R3gEKzUGWyYMLaDWAbr0vypYQroCpaLjFsYrOupCHYJBOgI5gdeCOMtBuuOixqmra69Nl+Yfgeh3eijAZuoWQDeif/fgSg6gpWnT1zBjb4xn1egLW2bpSNYaPBdmM53o18vtG+APwgAl8R2G8isI9xmYfoC+Cl0IcBXoV0i1grQXjsGfD0N1oJMcyt0pUlXhdZX0no9Wi8F1oOnwA4egoUgmypYTGAXhsMVullC8xOEo/W44IvQPANhQUiwSmxn7GAC8Hf1pmeE8JqitTwRmh2K8H3oTceArbRNxWRXhn1JlIjWs6n6FemCg7uklXwF00FXsBj84tOIDTOSoBOtD6L1eEZaEPERpCdtUfBbaJazmS94IAR7af2iWLto4ILaQaGU5y6df09cCaYKwW8QUcxeDsFAA8GSg59U10BIVEfD5kpQjIxq/tnOnT2bwTY0muomGOijT10JgoFPPGPh9065q4GfwWBhwTNR+w3kJU1ValVLfQwc7/cgMh2SWSabdz3aa7/AejAS7KI1G8hg1Ggm/V/GZDBfcMxgHxsQmFFkunzt1INCWLjlZaZRifkBugNfd0aHFAbrPbgfzyKvz+A4GAkSGTXprAjW2INgUWigfG30kZF7EIeygehWgynazlQrJjfI5LiGuY8Hyt8gIclMN8eengZTDJTDPXm0s4OUGp9nTwnvfVYMBoPzoKvmryYWKmY//S8an3aB1aonezrPdnor2AHxpkdAGDetqJe3gvFs/wAM+ROIZ7RvIIa3gsUHLymAimZeCUXfBt12c29s681M/HDcFhwFn8FvcAtMAUkDq3UCaMepNFvUwqcAAAAASUVORK5CYII=);
}

.fortune-item.aquarius .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAYCAYAAACWTY9zAAAClElEQVR4AZ2XA8wlMRhF/7Vt27ZtW8Hato14bdu2bdu2be+d5EvS3LSdzr7kBNN7vkH5Qky/6XnyRAVbwBfQj9stXgJwFHwATQN48cAR8VrZgivAX4WmDsXDe8UV5xeo4OjtVbwXpmA3L0B8BwV8bjBb470D6X28qeRs1IWKgR8SYB6DpIbindUscRPEMHjtKXsbxONQIvCUumI9icdBJPJKe1n6SpvI2wHCsEcf4QPIxg8VDhykYoO9YmAjXV+oeKnBC3qZKjzehHGKlxa8VNr+gOq6TzqWimwCoaQtBrhC7T1BFHCBrvdTasYHD6m9pdS7SNf76x6qgaafY1ImLXhHX+YEectAKPJygc80iQ6Tt4Q9T8wCPikhr0hOw0AtT2NJ5QyIbPDqgj8G74TWw8VTFGziM7W7a4q/AMl8vKG+s5yE90pwquMqPZ+6ppiDEwqsUryvoIBNqC8DcToI7/hgEcAMcA7UCrDtRJbxdAbUdPW4SFgwXm7eKIAXBSwAZ0G5gA89Rx66oi04hmZgecfuWkMTKZejt1Qde6ZgPS9AvAVp/2OAPwQJfLwB5BzWhTKDjxJgLlv2vNqWJeEoCG/wqpP3EqTlUHRwldcn3vk1e142epnv4DR58yTO3gcl8wOU1vXzSio2A0TWrPCjFC8uuEXtrUAMcIO3MToY3qb29rpP2pNCJ0F4aUsKntCG21A2+N3kTVJqptdsY5X5YChM0z1UCU+ilTw5ZQqC7zTj1lLxfSA8eRU0R6JV5O1lzxOTgGempYGyzZQccw/EM3hddQ4fDFnaaT1+WI5H9PVyBD5288HQsleu5+MH/2Rc7aTxVs/xD8chPhjahB7yxrt4jbI4scF+GS89A/5FOy5eZ1v2H0HYesY0/HJ3AAAAAElFTkSuQmCC);
}

.fortune-item.pisces .header::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAmCAYAAACh1knUAAABjklEQVR4Ac2YJVQFYRBGcXdor4dXcYgvow0pWEV6x4low9IWrOHuDhGn4u4w+JzBflnO7J5zE+9+/G5O9GuIiAgDxoFToMhJ78O5hcDpW3aYiFAAPL5xDdhMKIQNuEa5BSKSAwnPVJpQkEqS6RCRnIF5JO0DXhqF8AL2Ud484CwqZ5MaZGgUJJ1k5cjIvsAxkrs0CtKBco4BP9mAZhRwBQQqFCLg2UU5zSo1SSRNmqqQkUoyklQK4ktqU6eQUUNa1U+1fwdR0KqCv4j8IZ35X4WC7gE/CdcPuEN+lU5BMkkfx0u4ccTN1CmInYTlSbi5xLXrFMSV7BElEm4J2bNcdfeJdRTYIuG1Im/djO17BAX2SHg9yBvRLghZomclvBnktYsIEUATYPzANgo8AgxBjpC3/cvvmoAoJ/yPGNm0SkF2rdM1/IOVf/ryL2j8S7z1Nz3uY4DGwSiA62A0xHBUZDg8c18nOC5YgVoXLJOvnJ3KV07+Szj/swT/Q42ln67CgDHg5B8e807essPo358AaQQsU7hF7FsAAAAASUVORK5CYII=);
}

.fortune-item .header::after {
  display: block;
  content: "";
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  z-index: 2;
}

.fortune-item.rank-1 .header::after,
.fortune-item.rank-2 .header::after,
.fortune-item.rank-3 .header::after {
  top: -104px;
  right: -19px;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center center;
}

.fortune-item.rank-1 .header::after {
  background-image:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACPklEQVR4AcXYA6wlMRQG4LVt27bt3WBt27Zt27Zt27Zt23v2X0zSnEynzW2T2+R7PKf50zkz790bwGvRqgCZoTvUghAB/LCcIGmBBGchrD+CBIQvQEwHf4RJDORipkZvGGgLQyCajTBR4CsQ00zRFxLOsp5BNgK1YZtuh+CKnrpALnKZhqktbNYSAmn09AJyUd00zH5hs3iaPUWBmB8Q3yRIcrZhBM2+mqzvKzQ0PZURbNOoGj1J4L1wGhUhmmmQYPCMhcmg6AkLl4T6hbaeMeWBmAYe9YFhA6vPYSvMZiBmu0eQhaz2oq0g8eAXkItKLpdmJRDTRfdPDsSBCLKCPkAS36AvZIdmcEdSl1YjSCq4AAQ/YRIEFgsCwV0gA480T+UCENNCLCgOZGirRpA4kt6NYtEKIEOrNMLElMxlfacgGnwDUrrQmehAEdnvTymCZIfLQMxnCOQUtQdSWh+R6Nsr+ruebpeFqucSIgXMYidyCrbAfBKf8CytOhCC/F0fbsrqjsN4mAIngZhzENrt6PKwQv3T4Sej5xUkkl3H0UDarg5xLpMvQX5CMa+hmgikZWsicha+9iVMJ9WtVgZIizMrFzr7EmQpBFSFCQTHlZsdrUh/F+YFc+NZqxpYVaCE8BxICnfO33WqkdHA6gaKBQ88T+X1CYsDqw4UFJa5brwrM4C1gdUPlQreAxlgA2v+ersBENgdWINQIWC+/YE1CxUdjtkfWPP/k5fDOxbkA9T115tJgSEVlIKCNt5I+g27oDoU41/ikgAAAABJRU5ErkJggg==);
}

.fortune-item.rank-2 .header::after {
  background-image:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACaElEQVR4AcXYA4wsQRAG4Gfbtm3b7wXPtm3btm3btm3btn11fyaZS2+le5CeZDv5jlW7f7pr+xDMavVeuiMn9IUGEC6YvxaePDOQ4DJE9keQ4PALiOnmjzApgSTmO+iNBJ1hFMTxIkws+A3EtLHpCw+XWc8ILwJ1AhLshbA2PY2BJArohmkoPFh7COGgZ4AiTF3dMEeFB0visKc0EPMPkuoESQskiOawrz7r+w3NdXdlHJAgtoOeVPBV2I3qEEc3SBh4w8Jks+mJDDeE+uVe3TFVgZhmFvUhYRurz+dVmJ1AzF6LIMtZ7XWvgiSBACCJGpKjWQ/E9HLxIycRRFMVDAJS+AODIS+0gUeKuswOgmSAa0DwH2ZASLEgBDwG0vDCya6YQZh2YkFZIE27HQRJpOjdLhatA9K0wUGY+Iq5bGoWxIE/QE4MWb1X9b0LNkHywk0g5ieEMIu6Atk5dO0+mev91+80f99pWV0TSYh0sIDtyAXYBUt9bnhJWs544h+//xh2XbhFz95/IixVoLMwFWbBeSDmCkSUbV0hN8czbftx4+OxGw8ZYa48eul2rj5ACtU5TgRya+Opq0aYuy/euen7D2Wshmq6mxDYEeOYzIVQbsL0sHupVQKygqPxmRMsc3bcBFkNwe3ChICzqhB4Up8Ap+88cbsb6oFVBEoOb2VzgQDmbLD7RXNgbQIlgGeyVxDul6C7BQH1BtZFoNCwRnVk2B32ctYYWBehMsBXIG7FkQvsotMYWJd/bzcDAv2B9ShUOFiqP7DehooLZ7wfWP3fk9fCFxbkGzT21z+TQkIGqADFvfhHUiBroZ7XoMWiUwAAAABJRU5ErkJggg==);
}

.fortune-item.rank-3 .header::after {
  background-image:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACb0lEQVR4AcXYA4wlQRAG4LNt27btu+Bs27Zt27btcC8627Zt1v19ybx0atD9rid5nXzLquyfmprZfRvO61wZNqwgDIUWEC1ciI4IkhtIch5ihyJIePgGxPQLRZiMQA6Wa/TGgt4wCZL4ESYRfAdiuij6osN51jPBj0C9gCRHIaqipzWQgxKmYVoCgdAdImj0jABy0NQ0zDEgENJo9lQGYn5BWpMgWYEk8TT7mrO+79DedCrTgCSJNXoywUdpGvUhiWmQKPCChcmn6IkNV6T69X49Y+oCMe086iPCPlZfzK8wB4GYox5B1rPay34FSQN/gBw0cLg024GYQUH8ykkF8dwKRgG5+AGjoSh0gXsudbk1guSAS0DwGxZARLkgAtwHMvBEZypWEKabXFAVyNBhjSCpXHr3y0XbgAzt0AiT3GUv21oFSeAHkMr18ePp5vTpbt8/owhSFK4CMV8hglXUF0jl7cmTZJ0fb97Q/ZUrneraOITIBivYRM7AIVgLieXiqzoTeX74MP368uXf+6+PHxOOW6CTMBcWwWkg5gLEdBpdKSAdPJw4n27dCrb3DWRwu44zgXTcWbCAnuzaJT4WE/mfML+hitdSzVdNwPr4VVhYYF+sY4XTNEB1q9UCcvP+4kUhEEr8cBzxNTGpYIJshvCqMBHgJJATcRlw5K9ZYfSD8IVVBEoPL4E4cefgiNvauqOsXTFbWEWgFPAIiBO7wg8W2HxhFYEiwxYgTjx1MRVBfOzPwmqGygEfgQywhTV/vd0OiDFfWINQ0WCt+RPW31BJ4YT/C2v+d/JW+MCCfILWofpnUkTIATWgvB//SPoLO4yVfiO4GgkAAAAASUVORK5CYII=);
}

.fortune-item.rank-4 .header::after,
.fortune-item.rank-5 .header::after,
.fortune-item.rank-6 .header::after,
.fortune-item.rank-7 .header::after,
.fortune-item.rank-8 .header::after,
.fortune-item.rank-9 .header::after,
.fortune-item.rank-10 .header::after,
.fortune-item.rank-11 .header::after,
.fortune-item.rank-12 .header::after {
  width: 30px;
  height: 30px;
  background: #8a8a8a;
  text-align: center;
  line-height: 30px;
  top: -95px;
  right: -15px;
  border-radius: 30px;
}

.fortune-item.rank-4 .header::after { content: "4"; }
.fortune-item.rank-5 .header::after { content: "5"; }
.fortune-item.rank-6 .header::after { content: "6"; }
.fortune-item.rank-7 .header::after { content: "7"; }
.fortune-item.rank-8 .header::after { content: "8"; }
.fortune-item.rank-9 .header::after { content: "9"; }
.fortune-item.rank-10 .header::after { content: "10"; }
.fortune-item.rank-11 .header::after { content: "11"; }
.fortune-item.rank-12 .header::after { content: "12"; }

.fortune-item .header h1,
.fortune-item .header h2,
.fortune-item .header h3 {
  line-height: 1;
  font-weight: bold;
}

.fortune-item .header .term {
  display: block;
  margin-top: 2px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #fff100;
}

.fortune-item .text {
  position: relative;
  padding: 15px 20px 10px 90px;
  font-size: 14px;
  line-height: 1.7;
  z-index: 2;
}

.fortune-item.rank-1 .text,
.fortune-item.rank-1 .text {
  font-size: 16px;
  line-height: 1.6;
}

.fortune-item .itemLists {
   position: absolute;
   left: 30px;
   bottom: 20px;
   z-index: 2;
}

.fortune-item .itemLists table {
  border-collapse: collapse;
}

.fortune-item .itemLists th {
  width: 150px;
  height: 35px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #f2f2f2;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0;
}

.fortune-wrapper.grid-2 .fortune-item .itemLists th {
  width: 122px;
}

.fortune-item .itemLists td {
  width: 154px;
  height: 35px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
  vertical-align: middle;
  padding: 0;
}

.fortune-wrapper.grid-2 .fortune-item .itemLists td {
  width: 150px;
}

.fortune-item .itemLists th span,
.fortune-item .itemLists td span,
.fortune-item .itemLists td a {
  position: relative;
  padding: 0 10px;
  display: block;
  word-break: break-all;
  font-size: 14px;
  line-height: 1.2;
}

.fortune-item .itemLists td a {
  padding-right: 20px;
  color: #0066cc;
}

.fortune-item .itemLists td a::before {
  position: absolute;
  border-top: 4px solid transparent;
  border-right: 0;
  border-left: 5px solid #000;
  border-bottom: 4px solid transparent;
  display: block;
  content: "";
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
}


/*
## スマートフォン版への誘導リンク
*/
.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;
}


/*
## どっちだバトルバナー
*/
.battlebnr {
  width: 300px;
  height: 310px;
  border: 2px solid #000;
}

.battlebnr .ttl {
  position: relative;
  height: 50px;
  padding-left: 62px;
  background-color: #000;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
}

.battlebnr .ttl::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 50px;
  background-image: url(data:image/png;base64,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);
}

.battlebnr .question {
  height: 44px;
  padding-left: 13px;
  background-color: #fff100;
  line-height: 44px;
  font-size: 14px;
  font-weight: bold;
}

.battlebnr .lists {
  padding: 0 10px;
}

.battlebnr .lists .item {
  box-sizing: border-box;
  height: 40px;
  padding-left: 10px;
  border-bottom: 1px dashed #000;
  font-size: 14px;
  line-height: 41px;
}

.battlebnr .lists .item:last-child {
  border: none;
}

.battlebnr .link {
  display: block;
  width: 274px;
  height: 40px;
  margin: 0 auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

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

.battlebnr .link::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;
}


/*
## グローバル

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

*/
.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;
}

/*
## オリンピック記事用スタイル：写真記事
*/
.olympic .specialContents {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: -60px;
}

.olympic .specialContents-inner {
  position: relative;
  width: 1280px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.olympic .specialContents-inner .ttl-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 1000px;
  height: 60px;
  padding: 0 0 0 120px;
  margin: auto;
}

.olympic .specialContents-inner .ttl-wrapper::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  background: #00ac35 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAwCAQAAABdlFniAAABu0lEQVR4AbWSA8wdQRRGt7Zt225Qu0GN+DWsbdtmWNu2o9q2bf7l6e3cdB7n1Wd5v3t2dhZeMLShnBcdJvCGqtGV9cAL8rqFeNJG2O1W2vGD+pGFCry1yvJIQhmegeV6uFCM5wTyUrL2AdMmPbcJ5qCk6zhKXE9hDcF8pSFxeQq0VKEWwXykraRNENikymoCeUQVyRJzAYGHqtzAwhlySJKUrSifVHllhQdkkjovp21yR5WjNmhlXmDg+1msSncbpCcB14KerKIqiTivTyLnzQlkkrQVsnMT+CJncwJGmEoczw/ZOAyk4gjKXip7oZCQIZTiFNvoQyHvD+Aq4VwKViLyu4rjRn8EH1Heu5UnKA/dyjWUy27lBMpRt7IfZbdb2Yiy1q0sQpnnVmahTHMrY1BGuJV+KD29/wMlqUpVW+UkZbjwgr2ywFykKfvOoUpV9ppjSmmeMKPk1NGkHkxOqyjcoKTEg016A59eJIU56NkLcqoiTZ8ZGRrqn1sSzIykRBRpvfAMyM2MYk5PUFIKq+hzsRafKgI+iUuqIvsTsuSkqo6mikprZd/Z7EuKAjfk1vp4XhB6i++aHr8BXC6nkm3sAqUAAAAASUVORK5CYII=) no-repeat center center;
}

.olympic .specialContents-inner .ttl-wrapper .ttl {
  line-height: 60px;
  padding: 0 0 0 20px;
  font-size: 23px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
}

.olympic .specialContents-inner .ttl-wrapper .date {
  position: absolute;
  left: 60px;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 45px;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: rgba(0, 187, 68, 0.302);
}

.olympic .specialContents-inner .ttl-wrapper .date span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
  line-height: 14px;
  font-size: 12px;
  font-weight: normal;
}

.olympic .specialContents-inner .text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  width: 1000px;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 14px;
  background: rgba(255, 255, 255, .6);
}

.olympic .dateLists-wrapper {
  position: relative;
  width: 100%;
  height: 100px;
  padding-top: 20px;
}
.olympic .dateLists-wrapper {
  position: relative;
  width: 100%;
  height: 100px;
  padding-top: 20px;
}

.olympic .dateLists {
  margin: 0 auto;
  width: 1000px;
  display: -webkit-flex;
  display: flex;
}

.olympic .dateLists li {
  width: calc(100% / 17);
  height: 57px;
  text-align: center;
}

.olympic .dateLists li > a,
.olympic .dateLists li > span {
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  display: block;
  width: 100%;
  height: 57px;
  line-height: 42px;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  text-decoration: none;
}

.olympic .dateLists li > a {
  cursor: pointer;
}

.olympic .dateLists li > span {
  cursor: default;
}

.olympic .dateLists li:first-child > a,
.olympic .dateLists li:first-child > span {
  border-left: 1px solid #d1d1d1;
}

.olympic .dateLists li > a:not(.current):hover {
  background: #f3f3f3;
}

.olympic .dateLists li > a:not(.current).sat,
.olympic .dateLists li > span:not(.current).sat {
  color: #47a3d1;
}

.olympic .dateLists li > a:not(.current).sun,
.olympic .dateLists li > a:not(.current).holiday,
.olympic .dateLists li > span:not(.current).sun,
.olympic .dateLists li > span:not(.current).holiday {
  color: #ff4775;
}

.olympic .dateLists li > a.current,
.olympic .dateLists li > span.current {
  color: #fff;
  background: #19b449;
}

.olympic .dateLists li > a .day,
.olympic .dateLists li > span .day {
  position: absolute;
  display: block;
  width: 100%;
  height: 14px;
  left: 0;
  bottom: 8px;
  line-height: 14px;
  font-size: 12px;
}

.olympic .dateLists li > span:not(.current) span {
  opacity: .15;
}
#tableIndividual a:hover{
  text-decoration: none;
}

.horse .topPage{
  margin-top: 20px;
}

/* 2016.12.27 uliza対応 */
.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: grid;
  grid-template-rows: 80px 80px 80px 80px;
  grid-template-columns:330px 330px;
  grid-gap: 0 10px;
}

.primaryContents .relationNewsList > li{
  width: 100%;
}

.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-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.primaryContents .relationNewsList .mainThumb{
  grid-row-start: 1;
  grid-row-end: 4;
}

.primaryContents .relationNewsList .mainThumb a{
  height: 240px;
  vertical-align: unset;
}

.primaryContents .relationNewsList .mainThumb a .thumb{
  height: 174px;
  width: 330px;
  top: 0;
  right: 0;
}

.primaryContents .relationNewsList .mainThumb a .ttl{
  position: absolute;
  height: 65px;
  right: 0;
  bottom: 0;

  display: flex;
  align-items: center;
  padding: 0 10px;
}