@charset "utf-8";
/* -------------------------------------------------------
CSS基本設定
---------------------------------------------------------- */
html {
  font-size: 62.5%; /* 1rem = 10px */
  width: 100%;
}
body {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Hiragino Sans,"ヒラギノ角ゴシック",Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  width: 100%;
  overflow-x: auto;
  position: relative;
  color: #000;
  font-weight: 300;
  background-color: #ffffff;
}
p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  /* 上下パディングを入れる */
  margin-before: 1em;
  margin-after: 1em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  margin: 1em 0;
}
a img {
  border: none;
}
img {
  border: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
/*▼ floatをクリアするためのCSS ▼*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  display: inline-block;
}
/*▼ Hides from IE-mac ▼*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*▼ End hide from IE-mac ▼*/

/*▼ リンクの色等を指定 ▼*/
a {
  text-decoration:none;
  color: #000;
}
a:hover {
  text-decoration: underline;
  color: #000;
}
/*▼ heading共通スタイル ▼*/
.heading {
  font-family: 'Times New Roman';
  color: #999999;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.8px;
  line-height: 18.487px;
  text-align: left;
}
.heading span {
  color: #999999;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 32px;
  text-align: left;
}
.headline-line a {
  color: #000000;
  font-size: 12px;
  line-height: 38px;
  text-align: left;
}
/* 有料・会員 */
.paid{
background:url('/common/tpcs/images/v1/common/key.png') center center / 20px 20px no-repeat;
display:inline-block;
width:20px;
height:20px;
padding:0 0 0 5px;
text-indent:120%;
overflow:hidden;
vertical-align:middle;
}
.member{
background:url('/common/tpcs/images/v1/common/person.svg') center center / 20px 20px no-repeat;
display:inline-block;
width:20px;
height:20px;
padding:0 0 0 5px;
text-indent:120%;
overflow:hidden;
vertical-align:middle;
}
/*▼ TOPページ NEWS共通スタイル ▼*/
.article.clearfix {
  margin: 10px auto;
}
.news .heading {
  font-family: 'Times New Roman';
  color: #999999;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 32px;
  text-align: left;
}
.news .heading .more {
  font-weight: 600;
  font-size: 12px;
  line-height: 38px;
  text-align: left;
}
/* 記事 - リンク */
.article > a {
  display: block;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
.article > a:hover {
  text-decoration: none;
}
.article > a > * {
  display: inline-block;
  vertical-align: middle;
}
/* 記事 - サムネイル */
.thumb {
  width: 90px;
  height: 60px;
  margin-right: 15px;
  /* 背景なしに変更　background-color: #eee;*/
  text-align: center;
  position: relative;
}
.thumb > img {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}
/* 記事 - 記事情報テキスト */
.article > a > .text {
  width: 207px;
}
/* 記事 - メインタイトル */
.main-title {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
.main-title:hover {
  text-decoration: underline;
}
/*▼ sub-heading共通スタイル ▼*/
.sub-heading {
  text-align: center;
  margin-bottom: 1rem;
}
.sub-heading span {
  color: #000000;
  font-size: 12px;/* フォント置換による類似 */
  line-height: 38px;/* フォント置換による類似 */
  text-align: left;
  letter-spacing: 0.05rem;
  font-weight: 600;
}
/*▼ 装飾スタイル ▼*/
.stripe{
  height: 12px;
  background: linear-gradient(-70deg,transparent 45%,#666 35%, #666 45%,transparent 55%);
  background-size: 8px 12px;
  border: none;
}
/* 記事ページ共通パーツ */
.heading-leafs {
  color:  #333333;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  font-weight: 600;
  margin-bottom: 20px;
}
.article-unit::after {
  content: '';
  display: table;
  clear: both;
}
.article-unit > * {
  display: inline-block;
  width: 320px;
  margin-bottom: 20px;
}
.article-unit > :nth-child(2n-1) {
  clear: both;
  float: left;
}
.article-unit > :nth-child(2n) {
  float: right;
}
.article-unit .article > * {
  display: inline-block;
  vertical-align: middle;
}
.article-unit .article > .text {
  width: 207px;
}
.article-unit .article .thumb {
  width: 90px;
  height: 60px;
  position: relative;
}
.article-unit .article .thumb a {
  display: block;
  text-align: center;
}
.article-unit .article .thumb img {
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
}
.article-unit .article .text {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
/*▼ 頻出・共通パーツ ▼*/
/* 特集用カンバン */
.spdef-signage {
  margin-bottom: 1.5rem;
}
.spdef-signage img {
  width: 100%;
  display: block;
}
.spdef-signage .info-summary {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 1rem;
  padding-left: 1rem;
}
/* 特集用ナビ */
.special-nav {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  margin-bottom: 20px !important;
  margin-top: 10px !important;
}
.special-nav ul {
  width: 100%;
  list-style: none;
  padding: 4px 0;
  padding-left: 10px;
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.special-nav ul li {
  font-size: 1.4rem;
  font-weight: 300;
  padding: 0 10px;
}
.special-nav ul li a:hover {
  font-weight: 600;
  text-decoration: none;
}
.naver-handle {
  display: none;
}
/* サイト検索 - 検索ボタン */
.search-box .search-btn {
  width: 20px;
  height: 21px;
  margin-right: 0.5em;
  text-indent: 300%; /* ボタンタイトル避け */
  background: url(/common/tpcs/images/v1/global-navi/search.png) no-repeat;
  background-size: 20px 21px;
  -webkit-background-size: 20px 21px;
  -moz-background-size: 20px 21px;
  cursor: pointer;
  border: none;
}
/* ログイン用カンバン */
#login-signage {
  width: 490px;
  margin: 0 auto 2rem;
  background-color: #f3f3f3;
  padding: 20px 60px;
  text-align: center;
}
#login-signage .text {
  margin-bottom: 30px;
}
#login-signage .text span {
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: 1px solid #000;
  padding: 2px 10px;
}
#login-signage .cau {
  font-size: 1.6rem;
  color: #cc0000;
  margin-bottom: 30px;
}
#login-signage .btn {
  margin: 0 auto 30px;
  width: 354px;
}
#login-signage .btn a {
  display: block;
  border-radius: 4px;
  border: 1px solid #000;
  padding: 12px 0;
  text-align: center;
  font-size: 1.4rem;
  color: #000;
  width: 160px;
  line-height: 1;
  float: left;
  box-shadow: 0px 4px 0px 0px #e5e5e5;
  -moz-box-shadow: 0px 4px 0px 0px #e5e5e5;
  -webkit-box-shadow: 0px 4px 0px 0px #e5e5e5;
  background-color: #fff;
}
#login-signage .btn a:nth-child(2) {
  margin-left: 30px;
}
#login-signage .btn a:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
#login-signage .howto {
  font-size: 1.2rem;
}
#login-signage .howto a {
  text-decoration: underline;
}
#login-signage .howto a:hover {
  color: #ff0000;
}
/*▲ 頻出・共通パーツ ▲*/
/*▼ ヘッダー ▼*/
/* グローバルナビゲーション */
.global-navi {
  background: #ededf2;
  height: 46px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.global-navi .navi-contents {
  width: 1000px;
  margin: 0 auto;
  padding: 0 50px;
  position: relative; /* サイト検索用 */
}
.global-navi .navi-contents > * {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.32px;
}
/* 左側コンテンツ */
.global-navi .navi-contents .left-side {
  float: left;
  height: 100%;
  line-height: 46px;
}
.global-navi .navi-contents .left-side > * {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 1.6em;
}
/* 右側コンテンツ */
.global-navi .navi-contents .right-side {
  float: right;
  height: 100%;
  line-height: 46px;
}
.global-navi .navi-contents .right-side > * {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 1.5em;
}
.global-navi .navi-contents .right-side .regist,.global-navi .navi-contents .right-side .login.btn{
margin-right: 1em;
}
.global-navi .navi-contents .right-side .mypage.btn{
margin-right: 0;
}
/* メニュー */
.global-navi .navi-contents .left-side .menu {
  background: url(/common/tpcs/images/v1/global-navi/menu.png) no-repeat;
  background-size: 31px 21px;
  height: 21px;
  padding-left: 45px;
  line-height: 21px;
  margin-right: 0.8em;
}
/* 検索 */
.global-navi .navi-contents .left-side .search {
  background: url(/common/tpcs/images/v1/global-navi/search.png) no-repeat;
  background-size: 23px 24px;
  height: 24px;
  padding-left: 30px;
  line-height: 24px;
}
/* facebook */
.global-navi .navi-contents .right-side .fb {
  background: url(/common/tpcs/images/v1/global-navi/fb.png) no-repeat;
  background-size: 12px 24px;
  height: 24px;
  width: 12px;
  opacity: 0.3;
}
/* twitter */
.global-navi .navi-contents .right-side .tw {
  background: url(/common/tpcs/images/v1/global-navi/tw.png) no-repeat;
  background-size: 22px 20px;
  height: 20px;
  width: 22px;
  opacity: 0.3;
}
.global-navi .navi-contents .right-side .fb:hover,
.global-navi .navi-contents .right-side .tw:hover {
  opacity: 1;
  transition: all 0.5s ease;
}
.global-navi .navi-contents .right-side .fb > a,
.global-navi .navi-contents .right-side .tw > a {
  display: block;
  height: 100%;
  width: 100%;
}
/* 購読登録 */
.global-navi .navi-contents .right-side .shimen a,
.global-navi .navi-contents .right-side .login.btn a,
.global-navi .navi-contents .right-side .mypage.btn a{
  height: 26px;
  line-height: 26px;
  display: block;
}
.global-navi .navi-contents .right-side a { color:#333; }
.global-navi .navi-contents .right-side .shimen a {
  background: url(/common/tpcs/images/v1/common/book-t.png) no-repeat;
  background-size: 20px;
}
.global-navi .navi-contents .right-side .login.btn a{
  background: url(/common/tpcs/images/v1/global-navi/key.png) no-repeat;
  background-size: 20px;
}
.global-navi .navi-contents .right-side .mypage.btn a{
  background: url(/common/tpcs/images/v1/global-navi/person.png) no-repeat;
  background-size: 20px;
}
.global-navi .navi-contents .right-side .login.btn a,
.global-navi .navi-contents .right-side .mypage.btn a,
.global-navi .navi-contents .right-side .shimen a {
  background-position: top 0 left 50%;
  padding-top: 18px;
  margin-top: 4px;
  font-size: 11px;
  letter-spacing: 0;
}
.global-navi .middle-side {
  font-size: 0; margin: 0;
}
.global-navi .middle-side li {
  font-size: 12px;
  letter-spacing: 0;
}
.global-navi .middle-side li a {
  padding: 0.3em 0.8em;
}
.global-navi .navi-contents .middle-side .denshiban,
.global-navi .navi-contents .middle-side .regist {
  margin-right: 3px ;
}
.global-navi .denshiban a,
.global-navi .regist a {
  color: #111;
  background-color: #fff;
  border-radius: 2px;
  font-size: 12px;
  display: inline !important;
  border: 1px solid #333;
  position: relative;
}
.global-navi .denshiban a:hover,
.global-navi .regist a:hover {
  text-decoration:none;
  font-weight: bold;
}
.global-navi .denshiban a::after,
.global-navi .regist a::after {
  content: "";
  display: block;
  bottom: -2px;
  left: 1px;
  width: calc(100% - 2px);
  height: 1px;
  position: absolute;
  background-color: #d4d4d9;
}
/* 法人サイトで打ち消し */
.corporate .global-navi .navi-contents .right-side .regist,.corporate .global-navi .navi-contents .right-side .login.btn,.corporate .global-navi .navi-contents .right-side .mypage.btn{
  background: url(/common/tpcs/images/v1/global-navi/regist.png) no-repeat;
  background-size: 25px 26px;
  height: 26px;
  line-height: 26px;
}
.corporate .global-navi .navi-contents .right-side .login.btn{
  background-image: url(/common/tpcs/images/v1/global-navi/key.png);
}
.corporate .global-navi .navi-contents .right-side .mypage.btn{
  background-image: url(/common/tpcs/images/v1/global-navi/person.png);
}
.corporate .global-navi .navi-contents .right-side .regist a,.corporate .global-navi .navi-contents .right-side .login.btn a,.corporate .global-navi .navi-contents .right-side .mypage.btn a{
  padding-left: 32px;
}
.corporate .global-navi .denshiban a,
.corporate  .global-navi .regist a{
  color: initial;
  background-color: initial;
  border-radius: initial;
  display: initial;
  border: initial;
  position: initial;
}
/* サイト検索 */
.global-navi .navi-contents .header-search {
  position: absolute;
  top: 3.8em;
  left: -2em;
  background: #ededf2;
  padding: 0.5em;
  display: none; /* 初期非表示 */
}
#global-navi .navi-contents .header-search .search-box {
  background: #ffffff;
}
/* サイト検索 - テキストボックス */
#global-navi .navi-contents .header-search .search-box .inputtext {
  padding: 0.9em;
  font-size: 0.8em;
  width: 20em;
  border: none;
}
/* chrome, safari */
#global-navi .navi-contents .header-search .search-box .inputtext::-webkit-input-placeholder {
  opacity: 0.5;
}
/* ie */
#global-navi .navi-contents .header-search .search-box .inputtext:-ms-input-placeholder {
  opacity: 0.5;
}
/* firefox */
#global-navi .navi-contents .header-search .search-box .inputtext::-moz-placeholder {
  opacity: 0.5;
}
/* メインナビ */
#mainnavi {
  display: none; /* 初期非表示 */
  position: fixed;
  background: #fff;
  z-index: 101;
  top: 0;
  /*left: calc(50% - 734px);*/
  left: 0;
  width: 150px;
  box-shadow: 1px 1px 0px 0px #eee;
  -moz-box-shadow: 1px 1px 0px 0px #eee;
  -webkit-box-shadow: 1px 1px 0px 0px #eee;
}
#mainnavi ul {
  margin:0;
  padding:0;
}
#mainnavi ul li {
  list-style: none;
  display: table;
  height: 46px; /* gnaviの高さに合わせる。 */
  width: 100%;
  position: relative; /* サブメニュー用 */
}
#mainnavi ul li a,
#mainnavi ul li span {
  display: table-cell;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  vertical-align: middle;
}
#mainnavi ul li:not(.current) a,
#mainnavi ul li:not(.current) span {
  padding: 10px;
}
#mainnavi ul.main li.current a,
#mainnavi ul.main li a:hover,
#mainnavi ul.main li.current span.title,
#mainnavi ul.main li span.title:hover{
  background: #fafafc;
  text-decoration: none;
  cursor: pointer;
}
#mainnavi ul.main li span.title:hover {
  cursor: default;
}
#mainnavi ul.main li.current a::before,
#mainnavi ul.main li a:hover::before,
#mainnavi ul.main li.current span::before,
#mainnavi ul.main li span.title:hover::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
/* サブメニュー */
#mainnavi ul.sub {
  border-top: solid 1px #eee;
}
#mainnavi ul li .sub-menu {
  display: none;
  position: absolute;
  top: -5px;
  left: 145px;
  z-index: 995;
  width: 150px;
}
#mainnavi ul li .sub-menu-box {
  position: relative;
  padding: 10px 0px;
  background: #fff;
  border: solid 2px #eee;
  border-radius: 4px;
}
/* サブメニュー - 三角 */
#mainnavi ul li .sub-menu-box::before {
  border: 15px solid transparent;
  border-right-color: #fff;
  border-left-width: 0;
  left: -12px;
  content: "";
  display: block;
  top: 10px;
  position: absolute;
  width: 0;
  z-index: 1;
}
/* サブメニュー - 三角 */
#mainnavi ul li .sub-menu-box:after {
  border: 15px solid transparent;
  border-right-color: #eee;
  border-left-width: 0;
  left: -15px;
  content: "";
  display: block;
  top: 10px;
  position: absolute;
  width: 0;
}
#mainnavi ul li .sub-menu-box span {
  display:block;
}
#mainnavi ul li .sub-menu-box a {
  display: block;
  font-size:13px;
  padding:5px;
  height:auto;
  line-height:1.4;
}
#mainnavi ul li .sub-menu-box a:hover {
  background: #fff;
  text-decoration: underline;
}
#mainnavi ul li .sub-menu-box a::before,
#mainnavi ul.sub li .sub-menu a::after {
  display:none;
}
header {
  background-color:#fff;
  margin-top: 46px; /* グローバルナビの高さ分位置を調整 */
  padding-top: 6px;
}
#header-inner {
  width: 1000px;
  margin: 0 auto;
  padding: 0 50px;
  position:relative;
}
#header-inner .header-bottom{
 width:1000px;
 margin-top: 8px;
}
#header-inner .induct-banner{
position:absolute;
top:-5px;
right:50px;
}
#header-inner .induct-banner a{
display:block;
}
#header-inner .induct-banner img{
display:block;
}
#header-inner .date-section .date{
  display: inline;
  vertical-align: middle;
}
#header-inner .date-section{
float:left;
  margin-right: 8px;
}
#header-inner .logo{
width:  210px;
height:  72px;
margin:10px auto;
display:block;
}
#header-inner .logo a{
  display: block;
}
#header-inner .logo img{
width:100%;
}
#header-inner .login-section{
float:right;
width:210px;
text-align:right;
}
#header-inner .date {
  font-size: 14px;
  font-weight: 700;
}
#header-inner .weather {
  font-size: 1.2rem;
  line-height: 1;
  color: #707070;
  display: inline-block;
  vertical-align: middle;
}
#header-inner .weather .weather-i {
  width: 3.4rem;
  height: 21px;
  text-align: center;
  padding-left: 0.1rem;
  display: inline-block;
}
#header-inner .date-section .weather-i img {
  max-width: 30px;
  max-height: 30px;
  vertical-align: middle;
}
#header-inner .newsletter-inner {
  float: left;
  margin-top: 13px;
}
#header-inner .newsletter-inner span.text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-align: left;
}
#header-inner .newsletter-inner .label {
  color: #be3a43;
  font-size: 12px;
  letter-spacing:  0.6px;
  text-align:  left;
  line-height: 21px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
#header-inner .newsletter-inner .label img {
  float: left;
  height: 21px;
  margin: 0 8px;
}
#header-inner .newsletter-inner ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  line-height: 21px;
}
#header-inner .newsletter-inner li {
  list-style: none;
  display: inline-block;
}
#header-inner .newsletter-inner li:not(:first-child) {
  margin-left: 10px;
}
#header-inner .keyword {
  display: block;
  float: left;
  color: #cc0000;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  margin-right: 5px;
  line-height: 21px;
}
#header-inner .header-keyword ul {
  float: right;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 21px;
}
#header-inner .header-keyword {
  display: block;
  float: right;
  margin-top: 13px;
}
#header-inner .header-keyword li {
  list-style: none;
  display: inline-block;
}
#header-inner .header-keyword span.text {
  padding-left: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
}
ul.howto {
  list-style:none;
  margin:0;
  padding:0;
  color:#707070;
}
ul.howto li {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 10px 0 0;
}
ul.howto li:first-child {
  margin-bottom: 0.5rem;
}
ul.howto li img {
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: sub;
  padding-right: 0.5rem;
}
#header-inner .member-btn {
  margin-bottom: 1rem;
}
#header-inner .member-btn a {
  font-size: 1rem;
  text-align: center;
  border: 1px solid #1D5EAB;
  border-radius: 4px;
  padding: 4px 10px;
  color: #1D5EAB;
  display: inline-block;
  line-height: 1;
  margin-bottom: 0.5rem;
}
#header-inner .member-btn a:first-child {
  margin-right: 0.6rem;
}
#header-inner .member-btn a:last-child {
  margin-bottom: 0;
}
#header-inner .member-btn a:hover {
  border: 1px solid #000;
  color: #fff;
  background-color: #1D5EAB;
  text-decoration: none;
}
#header-inner .search {
  padding: 0 1%;
}
#header-inner .search input.search-input {
  color: #cc0000;
  font-size: 11px;
  text-align: left;
  border:none;
}
#header-inner .search input.search-input:focus {
  outline: none;
  color: #000;
  font-weight: 600;
}
#header-inner .search input.search-button {
  width: 46px;
  border: none;
  background: url(/common/tpcs/images/v1/common/rupe-glay.svg) no-repeat;
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
  text-indent: 400%;
  overflow: hidden;
  white-space: nowrap;
  border: none;
}
.sitenavi {
  width: 1000px;
  margin: 0 auto;
  height: 72px;
  padding: 0 50px;
}
.sitenavi-inner {
  width: 1000px;
  margin: 0 auto;
  border-top: 3px solid #000000;
}
.sitenavi ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.sitenavi .main-unit .main {
  width: 16%;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
}
.sitenavi .main-unit .main.current {
  background-color: #eeedf3;
}
.sitenavi ul li a{
  height: 1.4rem;
  display: block;
  padding: 1.2rem 0;
  margin-top: 0;
  text-decoration: none;
}
.sitenavi ul li a span {
  font-size: 13px; /* フォント置換による類似 */
  font-weight: 700;
  text-align: left;
}
/* サイトナビ - 下線 */
.sitenavi .sitenavi-inner ul li {
  border-bottom: 1px solid #000;
}
.sitenavi .sitenavi-inner ul li.current {
  border-bottom: none;
}
.sitenavi .sub-menu{
  background-color: #eeedf3;
  width: 100%;
  display: block !important;
  height: 34px;
  overflow: hidden;
}
.sitenavi .sub-menu .sub {
  display: none;
  padding: 0 20px;
  background: #eeedf3;
}
#sitenavi .sub-menu ul li {
  font-size: 1.3rem;
  padding: 1rem 0;
  float: left;
  width: auto;
  margin-right: 3.7%;
}
#sitenavi .sub-menu ul li:last-child {
  margin-right: 0;
}
#sitenavi .sub-menu ul li a {
  padding: 0;
  display: inline;
}
#sitenavi .sub-menu ul li a:hover {
  font-weight: 600;
}
.top-banner {
  width: 100%;
  text-align: center;
  min-height: 90px;
  background: #efede9;
  padding: 1rem 0;
}
.newsletter .label {
  color: #fff;
  font-weight: normal;
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  background-color: #1D5EAB;
  padding: 0.2rem 0.5rem;
}
.newsletter ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}
.newsletter ul li {
  font-size: 1.3rem;
  letter-spacing: 0.05rem;
  line-height: 1;
  margin-right: 1rem;
}
.newsletter ul li .time {
  padding-right: 1.3rem;
  letter-spacing: 0;
}
.newsletter ul li:nth-child(3){
clear:left;
}
.newsletter ul li:nth-child(n+3){
margin-bottom:0;
}
/* ビルボード広告 */
.pc-header-billboard {
  margin: 22px auto 0;
  padding: 0 65px;
  width: 970px;
}
.pc-header-billboard > * {
  margin: 0 auto;
}
/* スーパーバナー広告 */
.pc-header-superbanner > *{
  margin: 0 auto;
}
/*▼ contents ▼*/
#contents{
  background:#ffffff;
}
.contents-inner{
width:1000px;
margin:0 auto;
padding:30px 50px;
background-color:#fff;
}
/*▼ メインカラム ▼*/
#main-column{
width:660px;
float:left;
margin-bottom:60px;
}
#main-column .search.page-search{
background-color:#efefef;
text-align:center;
padding:2rem 0;
margin-bottom:4rem;
}
#main-column .search.page-search .search-inner{
background-color:#fff;
width:70%;
margin:0 auto;
border-radius:20px;
}
#main-column .search.page-search input.search-input{
font-size:1.4rem;
color:#666;
border:none;
padding:8px 10px;
line-height:1;
width:80%;
}
#main-column .search.page-search input.search-button{
background: url(/common/tpcs/images/v1/common/rupe-glay.svg) no-repeat;
height: 20px;
width: 20px;
background-size: 20px 20px;
text-indent: 400%;
overflow: hidden;
white-space: nowrap;
border:none;
}
#main-column .search.page-search input:focus{
outline:none;
}
/*▼ メインカラムheadline ▼*/
#headline{
 position:relative;
 margin-bottom:20px;
}
#headline .heading{
 float:left;
}
/* NEWS | Tokushima - 緊急ニュース */
.top-emergency {
  min-height: 31px; /* 複数行の場合を考慮 */
  margin: 20px auto;
  background: #cc0000;
  padding: 5px;
}
.top-emergency .emergency-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.top-emergency .emergency-list .emergency-item {
  display: inline-block;
  margin-right: 10px;
  line-height: 30px;
}
.top-emergency .emergency-list .emergency-item:last-child {
  margin-right: 0;
}
.top-emergency .emergency-list .emergency-item > a {
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
}
/* NEWS | Tokushima - 見出し記事 */
#headline-inner {
  margin:20px auto;
}
#headline-inner .title-block {
  margin-bottom: 20px;
}
#headline-inner .title-block .title {
  color: #000000;
  font-size: 23px;
  letter-spacing: 1.61px;
  line-height: 28px;
  text-align: left;
  font-weight: 700;
}
#headline-inner .text {
  color: #333333;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 22px;
  text-align: left;
  width: 444px;
}
.headline-list{
float:left;
width:359px;
padding-left:5px;
}
.headline-list ul{
list-style:none;
padding:0;
margin:0;
}
.headline-list ul li{
font-size:1.6rem;
line-height:1;
margin-bottom:25px;
position:relative;
}
.headline-list ul li:last-child{
margin-bottom:0;
}
.headline-list ul .first-article{
position:absolute;
top:12px;
left:90px;
font-size:2.4rem;
padding-right:50px;
}
.headline-list ul li a:hover{
text-decoration:none;
}
.headline-list ul li .title{
display:block;
line-height:1.2em;
}
.headline-list ul li .title::before{
position: absolute;
bottom: -2.5px;
left: 0;
content: "";
display: inline-block;
width: 0;
height: 2px;
background:linear-gradient(to right,#dad6cd,#efede9);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.headline-list ul li.current .title::before{
width: 100%;
}
.headline-list ul li.current .title{
font-weight:600;
}
.headline-list ul li .date{
position:absolute;
right:0;
font-size:1rem;
line-height:1;
top:0.3rem;
}
.headline-list ul .first-article .date{
top:0.7rem;
}
.headline-right{
 float:right;
 position:relative;
 overflow:hidden;
}
.headline-right .photo{
position:relative;
width:  200px;
height:  133px;
margin-bottom:10px;
/* 背景なしに変更　background-color: #eee;*/
}
.headline-right .photo a{
display:block;
}
.headline-right .photo img{
 max-width: 100%;
 max-height: 100%;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}
.headline-link{
padding:0 1%;
border-bottom: 1px solid #999999;
}
.headline-link a{
color:  #000000;
font-size:  12px;/* フォント置換による類似 */
line-height:  38px;/* フォント置換による類似 */
text-align:  left;
}
.headline-link .go-phlist{
font-size:1.2rem;
float:right;
font-weight: 600;
}
.headline-link .go-newslist{
font-size:1.2rem;
float:right;
text-align:right;
margin-right: 20px;
font-weight: 600;
}
/* NEWS | Tokushima > 見出し一覧 */
.news-tokushima-list {
  margin-bottom: 20px;
}
/* NEWS | Tokushima > 見出し一覧 - 記事 */
.news-tokushima-list .news .article {
  width: 320px;
  height: 60px;
  margin: 10px auto;
}
.news-tokushima-list .news .article:nth-child(2n - 1) {
  float: left;
}
.news-tokushima-list .news .article:nth-child(2n) {
  float: right;
}
/* NEWS | Tokushima > 一覧 */
.tokushima-top-news {
  margin-bottom:2rem;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
/* NEWS | Tokushima > all */
.tokushima-top-news > * {
  display: inline-block;
  width: 320px;
  vertical-align: top;
}
/* NEWS | Tokushima > all - 一覧リンク */
.tokushima-top-news .news .heading > .more {
  font-size: 12px;
  line-height: 38px;
  text-align: left;
  float: right;
}
/* NEWS | Tokushima > SPORTS & VORTIS */
.tokushima-top-news .category-list {
  vertical-align: top;
  /* margin: 0 0 30px; */
}
.tokushima-top-news .category-list:nth-child(odd) {
  margin-right: 20px;
}
/* NEWS | Tokushima > 見出し */
.tokushima-top-news .category-list .heading {
  margin-bottom: 20px;
}
/* NEWS | Tokushima > SPORTS & VORTIS - 記事 */
.tokushima-top-news .category-list .news .article {
  width: 320px;
  margin-bottom: 20px;
}
.tokushima-top-news .category-list .news .article:last-child {
  margin-bottom: 0;
}
/* NEWS | Tokushima > SPORTS & VORTIS - PR記事 */
.tokushima-top-news .category-list .news .article-pr .text .main-title::after {
  content: "PR";
  margin: 0 10px;
  color: #999999;
}
/* NEWS | Tokushima > Photo & Movie */
.tokushima-top-news .top-article {
  width: 320px;
}
.tokushima-top-news .top-article:nth-child(odd) {
  margin-right: 15px;
}
.tokushima-top-news .top-article .news .article a {
  font-size: 16px;
}
.tokushima-top-news .top-article .news .article .thumb {
  width: 320px;
  height: 180px;
  margin: 0 0 10px;
}
.tokushima-top-news .top-article .news .article .thumb img {
  background-color: #eee;
}
.tokushima-top-news .top-article .news .article .text {
  width: 100%;
}
.tokushima-top-news .top-article .news .article .thumb .play-button{
  position: absolute;
  display: inline-block;
  background-image: url(/common/tpcs/images/v1/common/movie-start.png);
  background-size:  66px 66px;
  width: 66px;
  height:  66px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
/* リード文 */
.tokushima-top-news .top-article .news .article p {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  text-align: left;
}
/*▼ メインカラム-Photo & Movie ▼*/
#photo-and-movie {
  margin-bottom:2rem;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
#photo-and-movie .news .heading > .more {
  font-size: 12px;
  line-height: 38px;
  text-align: left;
  float: right;
}
/* NEWS | Tokushima > Photo & Movie */
#photo-and-movie .top-article {
  width: 320px;
  display:inline-block;
}
#photo-and-movie .top-article {
      padding-top:20px;
}
#photo-and-movie .top-article:nth-child(even) {
  margin-right: 15px;
}
#photo-and-movie .top-article:nth-child(odd) {
      vertical-align: top;
}
#photo-and-movie .top-article .news .article a {
  font-size: 16px;
}
#photo-and-movie .top-article .news .article .thumb {
  width: 320px;
  height: 180px;
  margin: 0 0 10px;
}
#photo-and-movie .top-article .news .article .thumb img {
  background-color: #eee;
}
#photo-and-movie .top-article .news .article .text {
  width: 100%;
}
#photo-and-movie .top-article .news .article .thumb .play-button{
  position: absolute;
  display: inline-block;
  background-image: url(/common/tpcs/images/v1/common/movie-start.png);
  background-size:  66px 66px;
  width: 66px;
  height:  66px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
/* リード文 */
#photo-and-movie .top-article .news .article p {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  text-align: left;
}
/*▼ メインカラム-pickup ▼*/
#pickup {
  margin-bottom:4rem;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
#pickup .heading {
  padding: 15px 0;
}
#pickup .news {
  display: inline-block;
  width: 320px;
  vertical-align: top;
}
#pickup .news:nth-child(even) {
  margin-right: 15px;
}
#pickup .news .article-pr .text span::after {
  content: "PR";
  margin: 0 10px;
  color: #999999;
}
#pickup .news .heading .more {
  float: right;
}
#pickup .news .article {
  width: 320px;
  margin-bottom: 20px;
}
#pickup .news .article:last-child {
  margin-bottom: 0;
}

/*▼ メインカラム-paid-members ▼*/
#paid-members {
  margin-bottom:3rem;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
#paid-members .heading {
  padding: 15px 0;
}
#paid-members .news {
  display: inline-block;
  width: 320px;
  vertical-align: top;
}
#paid-members .news:nth-child(even) {
  margin-right: 15px;
}
#paid-members .news .article-pr .text span::after {
  content: "PR";
  margin: 0 10px;
  color: #999999;
}
#paid-members .news .heading .more {
  float: right;
}
#paid-members .news .article {
  width: 320px;
  margin-bottom: 20px;
}
#paid-members .news .article:last-child {
  margin-bottom: 0;
}
.top-news .news-section .news{
  float:left;
  width:213px;
  margin-right:10px;
  margin-bottom:40px;
  min-height:260px;
  padding-bottom:40px;
  position:relative;
}
.top-news .news-section .news-block:nth-of-type(3n) .news{
margin-right:0;
}
.top-news .news-section .news .news-title{
font-size:1.7rem;
font-weight:300;
letter-spacing:0.2rem;
padding:0 10px;
margin-bottom:10px;
color:#1D5EAB;
}
.top-news .news-section .news .article{
width:208px;
margin:0 auto 10px;
}
.top-news .news-section .news .thumb{
width:100%;
height:156px;
overflow:hidden;
margin-bottom:8px;
position:relative;
}
.top-news .news-section .news .article:nth-child(2n+1) .thumb{
display:none;
}
.top-news .news-section .news .thumb img{
max-width:100%;
max-height:100%;
margin:auto;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.top-news .news-section .news a:hover .thumb img{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.top-news .news-section .news .article a:hover .thumb{
opacity:0.8;
}
.top-news .news-section .news .article .text{
min-height:44px;
}
.top-news .news-section .news .article:last-child .text{
margin-bottom:0;
}
.top-news .news-section .news .article .text span{
font-size:15px;
line-height:1.5;
letter-spacing:0.05rem;
}
.top-news .news-section .news .article .text .date{
font-size:1rem;
}
.top-news .news-section .news .article .text img{
vertical-align:middle;
padding-left:0.5rem;
}
.top-news .news-section .news .more{
font-size:1.2rem;
font-weight:600;
text-align:center;
bottom:0;
width:100%;
position:absolute;
}
.top-news .news-section .news .more img{
width:1.8rem;
vertical-align:sub;
padding-right:10px;
}
.top-news .news-section .news .more a:hover img{
display:none;
}
.top-news .button {
  display: inline-block;
  width:100%;
  height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
    position: relative;
  -webkit-perspective: 300px;
  perspective: 300px;
}
.top-news .button::before,.top-news .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.top-news .button,.top-news .button::before,.top-news .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.top-news .button span {
  display: block;
  position: absolute;
  width:100%;
  height: 40px;
  text-align: center;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.top-news .button span:nth-child(1) {
  background-color:#efede9;
  color: #666;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.top-news .button span:nth-child(2) {
  background-color: #fff;
  color: #666;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.top-news .button:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.top-news .button:hover span:nth-child(2) {
  background-color: #efede9;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  color:#efede9;
}
.recom{
margin-bottom:40px;
}
.recom img{
width:100%;
display:block;
}
/* 記事詳細 - バナー */
.banner-section .banner-section-inner {
  padding: 0 5px;
  margin-bottom: 30px;
}
.banner-section .banner-section-inner .bn {
  float: left;
  margin-left: 10px;
}
.banner-section .banner-section-inner .bn:first-child {
  margin-left: 0;
}
/* 記事詳細 - おすすめ記事Bottomバナー */
.banner-under-recommends .banner-section-inner .bn {
  margin-left: 14px;
}
/* NEWS | 国内外ニュース */
#world-news {
  clear: both;
  margin-bottom: 20px;
}
#world-news .heading {
  float: left;
}
#world-news .go-worldNews {
  display: block;
  float: right;
  font-weight: 600;
}
#world-news .worldNews-menu {
  clear: both;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-align: left;
}
#world-news .thumb {
  float: right;
  margin-right: 0;
  margin-left: 10px;
  margin-bottom: 10px;
}
ul.worldNews.clearfix {
  list-style: none;
}
ul.worldNews.clearfix li {
  display: inline-block;
  margin-right: 14px;
  font-weight: 600;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 20px;
  text-align: left;
}
ul.worldNews.clearfix li:last-child {
  margin-right: 0;
}
ul.worldNews.clearfix li:first-child {
  background-color: black;
  width: 45px;
  height: 20px;
  text-align: center;
  padding: 2px 0;
}
ul.worldNews.clearfix li:first-child a {
  color: #fff;
}
#world-news ul {
  margin: 20px 0px;
  padding: 0;
}
li.first-article{
  list-style:  none;
  color:  #333333;
  font-size:  14px;/* フォント置換による類似 */
  font-weight:  400;
  line-height:  18px;/* フォント置換による類似 */
  text-align:  left;
  margin-bottom: 18px;
}
/* 国内外ニュース - 一覧三角アイコン */
p.world-news-content::before {
  content: "\025b6";
  display: block;
  color: #666666;
  font-size: 9px;
  width: 8px;
  height: 9px;
  float: left;
  margin-right: 12px;
  margin-left: 0;
}
/*▼ サブカラム ▼*/
#sub-column{
 width:300px;
 float:right;
 margin-bottom:60px;
}
.subscript-btn{
 margin-bottom: 28px;
}
.subscript-btn-inner{
 width:  300px;
 height:  100px;
 background-color: gainsboro;
}
.ranking .sub-heading{
 margin-bottom: 15px;
}
.ranking,.info,.link{
margin-bottom:20px;
}
.ranking .ranking-tab{
border-top:1px solid #999999;
border-bottom:1px solid #999999;
margin:0;
padding:0;
list-style:none;
cursor:pointer;
}
.ranking .ranking-tab li{
  width:50%;
  float:left;
  text-align:center;
  font-size:1.4rem;
  letter-spacing:0.05rem;
}
.ranking .ranking-tab li:last-child{
border-right:none;
}
.ranking .ranking-tab li span{
  display:block;
  padding: 4px 0px;
}
.ranking .ranking-tab li.current span{
font-weight:600;
display:block;
width:100%;
padding:4px 0px;
background-color: #ededf2;
}
/* アクセスランキング */
.ranking .ranking-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* アクセスランキング - タブ */
.ranking .ranking-list .tab-list {
  display: none;
  padding: 30px 0 0;
}
/* アクセスランキング - 選択中タブ */
.ranking .ranking-list .tab-list.current {
  display: block;
}
/* アクセスランキング - リスト */
.ranking .ranking-list .tab-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* アクセスランキング - リスト要素 */
.ranking .ranking-list .tab-list ul li {
  margin-bottom: 18px;
}
.ranking .ranking-list .tab-list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* アクセスランキング - リスト要素 メイン */
.ranking .ranking-list .tab-list .main > * {
  display: inline-block;
  vertical-align: middle;
}
/* アクセスランキング - リスト要素　サムネイル */
.ranking .ranking-list .tab-list .thumb {
  width: 72px;
  height: 48px;
   /* 背景なしに変更　background-color: #eee;*/
  margin-right: 10px;
}
.ranking .ranking-list .tab-list .thumb a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.ranking .ranking-list .tab-list .thumb a img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* アクセスランキング - ランク */
.ranking .ranking-list .tab-list .thumb .rank {
  background: rgba(128,128,128,0.5);
  width: 22px;
  height: 22px;
  display: block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.8px;
  text-align: center;
  /* 位置調整 */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  line-height: 22px;
}
/* アクセスランキング - 記事タイトル */
.ranking .ranking-list .tab-list .article-title {
  width: 204px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
.info ul{
list-style:none;
padding:0 20px;
margin:20px 0 0;
}
.info{
margin-bottom:30px;
}
.info ul li{
font-size:1.4rem;
margin-bottom:10px;
}
.info ul li a{
color:#666;
}
.link{
margin-bottom:30px;
}
.link ul{
list-style:none;
margin:10px 0;
padding:0 10px;
}
.link ul li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #efefef;
}
.link ul li:last-child{
padding-bottom:0;
border-bottom:none;
}
.link ul li .thumb{
width:60px;
}
.link ul li .thumb img{
 width:100%;
}
.link ul li .text{
font-size:1.3rem;
line-height:1.5;
width:195px;
}
.link ul li:nth-child(n+3) .text{
width:100%;
}
.link ul li .text a{
color:#999;
}
.link ul li .text a:hover{
text-decoration:none;
}
.link ul li .text a .link-title{
color:#666;
font-weight:600;
display:block;
font-size:1.4rem;
}
.link ul li .text a:hover .link-title{
color:#000;
text-decoration:underline;
}
.subscription{
padding:6px 10px 10px;
box-shadow:0px 1px 2px 1px #efede9;
-moz-box-shadow:0px 1px 2px 1px #efede9;
-webkit-box-shadow:0px 1px 2px 1px #efede9;
margin-bottom:20px;
border-top:4px solid #1D5EAB;
}
.subscription .date{
text-align:right;
font-size:1.2rem;
line-height:1;
letter-spacing:0.05rem;
color:#666;
margin-bottom:8px;
}
.subscription .subscription-inner .paper{
float:left;
width:148px;
}
.subscription .subscription-inner .paper a{
display:block;
}
.subscription .subscription-inner .paper a:hover{
border:1px solid #000;
}
.subscription .subscription-inner .paper img{
width:100%;
display:block;
}
.subscription .subscription-inner .btn{
list-style:none;
padding:0;
margin:0;
float:right;
width:122px;
}
.subscription .subscription-inner .btn li a{
display:block;
background-color:#fff;
border-radius:6px;
height:30px;
margin-bottom:10px;
font-size:1.4rem;
color:#4d4c4c;
font-weight:600;
line-height:1.4;
padding:12px 12px 16px 12px;
background-image:url(/common/tpcs/images/v1/common/ico-paper.png);
border:1px solid #1D5EAB;
}
.subscription .subscription-inner .btn li:nth-child(2) a{
padding:14px 12px 14px 46px;
background-image:url(/common/tpcs/images/v1/common/ico-ipad.png);
background-position:10px center;
background-repeat:no-repeat;
}
.subscription .subscription-inner .btn li a:hover{
border:1px solid #000;
text-decoration:none;
}
.subscript{
margin:0 0 30px;
}
.subscript .paper{
width:120px;
float:left;
}
 .subscript .paper img{
width:100%;
}
 .subscript .paper a{
display:block;
}
.subscript .paper a:hover{
opacity:0.8;
}
 .subscript-btn{
padding:0;
margin:18px 0 0 15px;
float:left;
}
 .subscript-btn .btn{
clear:left;
margin:0 0 15px 0;
padding:0;
background-color:transparent;
}
 .subscript-btn .btn:last-child{
margin-bottom:0;
}
 .subscript-btn .btn a{
display:block;
width: 160px;
height: 55px;
position:relative;
border-radius:4px;
background:#ededf2;
}
 .subscript-btn .btn:nth-child(3) a{
height:56px;
}
.subscript-btn .btn a:hover{
opacity:0.8;
}
 .subscript-btn .btn a img{
width:24px;
height:24px;
vertical-align:middle;
display:block;
position:absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
left:13px;
}
 .subscript-btn .btn a span{
font-size:1.4rem;
line-height:1.1;
display:block;
font-weight:500;
position:absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
left:45px;
}
.pick-up, .tieup{
margin-bottom:20px;
}
/* サブカラム - 見出し */
.pick-up .sub-heading,
.tieup .sub-heading{
  margin-bottom: 20px;
}
/* サブカラム - Pick Upリスト */
.pick-up .pick-up-list,
.tieup .tieup-list{
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
.pick-up .pick-up-list .main > *,
.tieup .tieup-list .main > *{
  display: inline-block;
  vertical-align: middle;
}
.pick-up .pick-up-list li,
.tieup .tieup-list li{
  margin-bottom: 20px;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
.pick-up .pick-up-list li:last-child,
.tieup .tieup-list li:last-child{
  margin-bottom: 0;
}
.pick-up .pick-up-list li .thumb,
.tieup .tieup-list li .thumb{
  margin-right: 13px;
}
.pick-up .pick-up-list li .thumb img,
.tieup .tieup-list li .thumb img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pick-up .pick-up-list li.main .article-title,
.tieup .tieup-list li.main .article-title{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
.pick-up .pick-up-list li.main .thumb + .article-title,
.tieup .tieup-list li.main .thumb + .article-title{
  width: 190px;
}
/* サブカラム - 特集 */
.features .features-list li{
  margin-bottom: 10px;
}
/* サブカラム - 徳島新聞おすすめ ＰＲ */
.recommend .recommend-list {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}
.recommend .recommend-list li {
  margin-bottom: 26px;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
.recommend .recommend-list li:last-child {
  margin-bottom: 0;
}
/* 徳島新聞おすすめ PR - 子要素（共通） */
.recommend .recommend-list .main > * {
  display: inline-block;
  vertical-align: middle;
}
/* 徳島新聞おすすめ PR - サムネイル */
.recommend .recommend-list .thumb,
.recommend .recommend-list .thumb > a {
  width: 72px;
  height: 48px;
}
.recommend .recommend-list .thumb {
  background-color: #efefef;
}
.recommend .recommend-list .thumb > a {
  display: block;
}
ul.recommend-list li .thumb img{
 width: 72px;
 height: 48px;
}
ul.recommend-list li.main .article-title {
  width: 205px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
/*▼ サブカラム News Release ▼*/
#news-release ul{
 margin:0;
 padding:0;
}
#news-release .news .news-title {
  font-family:  'Times New Roman';
  color:  rgba(153, 153, 153, 0.57);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 32px;
  text-align: left;
}
#news-release .news .news-title .more{
  float: right;
  color:  #000000;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
#news-release ul li{
  margin-bottom: 10px;
}
.release-contents span{
  display: block;
  margin:0 20px;
  color: #666666;
  width: 8px;
  height: 9px;
  float: left;
  margin: 0 20px 20px 0;
}
.release-contents {
  font-size:  14px;/* フォント置換による類似 */
  font-weight:  400;
  line-height:  18px;/* フォント置換による類似 */
  position: relative;
  overflow: hidden;
  display: block;
}
/*▼ サブカラム　レクタングル ▼*/
#sub-column .rectangle {
  margin-bottom: 30px;
}
#sub-column .rectangle img {
  width:100%;
  display:block;
}
/*▼ コンテンツボトムメニュー ▼*/
#contents-bottom {
  clear:both;
  border-top:2px solid #999999;
  padding:20px 0;
}
.contents-bottom-header {
  margin:auto;
}
/*▼ コンテンツボトム  logo▼*/
.contents-bottom-header .logo {
  float: left;
  width: 170px;
  height: 60px;
  margin: 0 auto;
}
.contents-bottom-header .logo img {
  width: 100%;
}
.contents-bottom-header .right-side {
  float: right;
  height: 100%;
  margin-top: 15px;
}
.contents-bottom-header .right-side > * {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 2.5em;
}
/* facebook */
.contents-bottom-header .right-side .fb {
  background: url(/common/tpcs/images/v1/global-navi/fb.png) no-repeat;
  background-size: 12px 24px;
  height: 24px;
  width: 12px;
}
/* twitter */
.contents-bottom-header .right-side .tw {
  background: url(/common/tpcs/images/v1/global-navi/tw.png) no-repeat;
  background-size: 22px 20px;
  height: 20px;
  width: 22px;
}
.contents-bottom-header .right-side .fb > a,
.contents-bottom-header .right-side .tw > a {
  display: block;
  height: 100%;
  width: 100%;
}
/* 購読登録 */
.contents-bottom-header .right-side .regist {
  background: url(/common/tpcs/images/v1/global-navi/regist.png) no-repeat;
  background-size: 25px 26px;
  height: 26px;
  line-height: 26px;
  margin-right: 54px;
}
.contents-bottom-header .right-side .regist a {
  color:  #000000;
  font-size:  12px;
  letter-spacing:  1.32px;
  text-align:  left;
    padding-left: 40px;
}
.contents-bottom-header .search-box {
  background: #ededf2;
  margin-right: 0px;
}
/* サイト検索 - テキストボックス */
.contents-bottom-header .search-box .inputtext {
  padding: 0.9em;
  font-size: 0.8em;
  width: 250px;
  height: 12px;
  border: none;
  background-color: #ededf2;
}
/* chrome, safari */
.contents-bottom-header .search-box .inputtext::-webkit-input-placeholder {
  opacity: 0.5;
}
/* ie */
.contents-bottom-header .search-box .inputtext:-ms-input-placeholder {
  opacity: 0.5;
}
/* firefox */
.contents-bottom-header .search-box .inputtext::-moz-placeholder {
  opacity: 0.5;
}
.bottom-menu {
  clear:both;
}
.bottom-menu.top {
  border-bottom:1px dotted #999999;
}
.bottom-menu ul {
  list-style:none;
  margin:0;
  padding:0;
}
.bottom-menu ul.subcategory {
  width: 200px;
}
.bottom-menu ul .category {
  width:25%;
  float:left;
  margin:40px 0;
}
.bottom-menu ul .category:last-child {
  margin-right:0;
}
.bottom-menu ul .category .text{
  color:  #000000;
  font-size:  12px;
  line-height:  38px;
  text-align:  left;
  display:block;
  font-weight:600;
}
.bottom-menu ul .category:last-child .subcategory {
  margin-bottom: 30px;
}
.bottom-menu ul .category .subcategory {
  padding: 0px;
}
.bottom-menu ul .category .subcategory:last-child{
  margin-bottom: 0;
}
.bottom-menu ul .category .subcategory li{
  color:  #000000;
  font-size:  13px;
  letter-spacing:  0.65px;
  line-height:  24px;
  text-align:  left;
}
.bottom-menu ul .category .subcategory li:last-child {
  margin-bottom:0;
}
.bottom-menu ul .category .subcategory li a {
  color:  #000000;
  font-size:  13px;
  letter-spacing:  0.325px;
  line-height:  24px;
  text-align:  left;
}
.bottom-menu ul .category .subcategory li.other {
  margin-top: 25px;
}
li.category.other .span.text {
  margin-bottom: 50px;
}
.bottom-menu ul .category.other .subcategory {
   margin-top: 30px;
   margin-bottom: 15px;
}
.news-link .text {
  color: #000000;
  font-size: 12px;
  line-height: 38px;
  text-align: left;
  display: block;
  font-weight: 600;
}
.news-link .text a {
  color: #000000;
}
.news-link .links a {
  border-right: 1px solid #666666;;
  padding: 0 6px 0 6px;
  color: #666666;
  display: block;
  float: left;
  font-size: 11px;
  letter-spacing: 1.1px;
  line-height: 18px;
  text-align: left;
}
.news-link .links a:last-child {
  border-right: none;
}
.news-link .links a:hover {
  color: #000;
}
.link-bnr{
padding:0 20px;
}
.link-bnr ul{
list-style:none;
padding:0;
margin:0;
}
.link-bnr ul li{
float:left;
width:180px;
margin-right:14px;
}
.link-bnr ul li:last-child{
margin-right:0;
}
.link-bnr ul li a{
display:block;
}
.link-bnr ul li a:hover{
opacity:0.6;
}
.link-bnr ul li a img{
display:block;
width:100%;
}
.article-body {
  word-wrap : break-word;
  overflow-wrap : break-word;
  word-break:normal;
}
body.smp .article-body {
  word-wrap : break-word;
  overflow-wrap : break-word;
  word-break:normal;
}

/* 記事本文 */
.article-body {
  font-size: 1em;
  line-height: 2.13;
}
body.smp .article-body {
 line-height: 1.625;
}
.article-body img {
  max-width: 100%;
}
.article-body p {
  margin: 0 0 20px;
  font-size: 15px;/* フォント置換による類似 */
  line-height: 24px;/* フォント置換による類似 */
  text-align: left;
}
.article-body h2,.article-body h3 {
margin: 15px 0px 10px 0px;
font-size:2.4rem;
line-height:1.4;
color: #000;
padding-left:10px;
}
.article-body h3 {
margin:10px 0px 5px 0px;
font-size:1.8rem;
}
.static h2,.static h3{
border-left:4px solid #000;
}
.article-body h4 {
font-size: 1.8rem;
font-weight: bold;
padding: 5px 0 0 10px;
margin: 1em 0;
letter-spacing: 0.05em;
//clear: both;
}
.article-body ul li {
//  font-size: 1.4em;
//  border-bottom: solid 0px #fff;
//  border-left: solid 0px #fff;
//  padding-left: 1rem;
//  margin:0;
//  line-height:1.6;
//  margin: 2rem 0 2rem 0;
//  color:#001c52;
font-size: 1.4em;
border-bottom: solid 0px #fff;
border-left: solid 0px #fff;
padding-left: 1rem;
margin:0;
line-height:1.6;
margin: 1rem 0 1rem 3rem;
//color:#001c52;
list-style-type: square;
}
.article-body ol li {
//  font-size: 1.4em;
//  border-bottom: solid 0px #fff;
//  border-left: solid 0px #fff;
//  padding-left: 1rem;
//  margin:0;
//  line-height:1.6;
//  margin: 2rem 0 2rem 0;
//  color:#001c52;
font-size: 1.4em;
border-bottom: solid 0px #fff;
border-left: solid 0px #fff;
padding-left: 1rem;
margin:0;
line-height:1.6;
margin: 1rem 0 1rem 3rem;
color:#001c52;
}
.article-body table {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 26px;
    text-align: left;
    max-width: 100%;
}
/* 周り込み解除 */
.article-body .clearfix:before,
.article-body .clearfix:after {
  content:"";
  display:table;
}
.article-body .clearfix:after {
  clear:both;
}
.article-body .clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* 画像中央寄せ */
.article-body .figure-center {
  margin: 15px auto;
  text-align:center;
  max-width: 100%;
}
body.smp .article-body .figure-center {
  margin: 15px auto;
  text-align:center;
  max-width:100%;
}

/* 画像右寄せ */
.article-body .figure-right {
  float: right;
  margin: 0 0 15px 15px;
  max-width: 100%;
}
body.smp .article-body .figure-right {
  float: none;
  margin: 15px auto;
  max-width:100%;
  text-align:center;
}

/* 画像左寄せ */
.article-body .figure-left {
  float: left;
  clear:left;
  margin: 0 15px 15px 0;
  max-width: 100%;
}
body.smp .article-body .figure-left {
  float: none;
  margin: 15px auto;
  max-width:100%;
  text-align:center;
}

/* 説明文 */
.article-body .image-area .caption {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  padding: 5px;
  display:block;
}
body.smp .article-body .caption {
  width: 100% !important;
  padding: 5px 0px;
  font-size: .875em;
}
.article-body .blank-caption{display:none;}

/* 記事本文内画像 */
.article-body .image-area img {
  max-width: 100%;
  height: auto !important;
  padding: 5px 0px;
}

/* 画像2枚並び */
.article-body .images-2cols {
  overflow:auto;
  width:100%;
}
.article-body .images-2cols .image-area {
  float: left;
  margin-right: 10px;
  width: 280px;
  width:48%;
  text-align: center;
}
.article-body .images-2cols .image-area:last-child {
  margin-left: 10px;
  margin-right: 0;
}
.article-body .images-2cols .image-area img {
  width: 100%;
  max-width: 300px;
}

/* 画像3枚並び */
.article-body .images-3cols {
  margin-bottom: 1.5em;
  width:100%;
}
.article-body .images-3cols .image-area {
  float: left;
  margin-right: 20px;
  width: 185px;
  width:32%;
  text-align: center;
}
.article-body .images-3cols .image-area:last-child {
  margin-right: 0;
}
.article-body .images-3cols .image-area img {
  width: 100%;
  max-width: 200px;
}
/* 右寄せ */
.article-body .align-right {
  text-align: right;
  font-size: 90%;
}
/* 記事本文内 - 広告 */
.pc-article-left-inbody {
  width: 300px;
  float: left;
  clear: both;
  margin: 20px 0;
}
/* 記事ページ 画像のデフォルト表示※レクタングルとセットのもの */
.article-body .img-rectangle {
  float: left;
  width: 300px;
  margin: 0 20px 10px 0;
}
.article-body .img-rectangle.no-image {
  /* float: none; */
}
.article-body .article-photo-slide {
  margin-bottom: 20px;
}
/* 記事画像がない場合 */
.article-body .article-photo-slide.noslide {
  margin-bottom: 0;
}
.article-body .img-rectangle .article-photo-slide .slide-area .slide .photo {
  height: 200px;
   /* 背景なしに変更　background-color: #e6e6e6;*/
  position: relative;
}
.article-body .img-rectangle .article-photo-slide .slide-area .slide:nth-child(n+2) {
  margin-top: 20px;
}
.article-body .img-rectangle .article-photo-slide .slide-area .slide .photo img {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.article-body .img-rectangle .article-photo-slide .slide-area .slide .photo .expand {
  position: absolute;
  right: 0;
  bottom: 0px;
  display: block;
  font-size: 1.2rem;
  background-color: #1D5EAB;
  padding: 2px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.article-body .img-rectangle .article-photo-slide .slide-area .slide .photo .expand span {
  color: #fff;
}
.article-body .img-rectangle .article-photo-slide .slide-area .slide .summary p {
  font-size: 1.4rem;
  line-height: 2rem;
}

.article-body .img-rectangle .rectangle {
  margin: 0px 0px 20px 0px;
  width: 300px;
}
.article-body .img-rectangle .rectangle img {
  width:100%;
}
.article-body .img-rectangle .article-photo-slide .thumbnail span {
  display: block;
  width: 57px;
  clear: none;
  float: left;
}
.article-body .img-rectangle .article-photo-slide .thumbnail span img {
  max-width: 100%;
}
.article-body .img-rectangle .other-photos{
  font-size:1.5rem;
  font-weight:500;
  line-height: 1.2rem;
  text-align:center;
  padding-top:15px;
}

/** YouTubeなど **/
.article-body iframe{
display:block;
margin:20px auto;
}

.article-body .video{
  clear: both;
}
.article-body .sound{
height:70px;
padding-bottom:15%;
}
.article-body .sound.sc_visual{
height:450px;
padding:20px 0;
}
.article-body .video iframe{
margin:0px auto;
width:100%;
height:400px;
}
.article-body .ted{
padding-bottom:67.25%;
}
.article-body .ted iframe{
overflow:hidden;
}

.article-body blockquote{
background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
border: 1px solid #FFFFFF;
margin: 1em 0;
padding: 20px 55px;
position: relative;
}
.article-body blockquote:before {
color: #C8C8C8;
content: "“";
font-family: serif;
font-size: 600%;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
}
.article-body blockquote:after {
color: #C8C8C8;
content: "”";
font-family: serif;
font-size: 600%;
line-height: 0;
position: absolute;
right: 0;
bottom: -5px;
}
.remark{
font-size:1em;
line-height:1.8em;
margin:0px 0px 10px 0px;
}
/* パンくず */
#breadcrumb {
  width: 1000px;
  margin: 10px auto;
  padding: 0 50px;
}
#breadcrumb a span:hover {
  text-decoration: underline;
}
#breadcrumb a {
  display: inline-block;
  position: relative;
  margin-right: 15px;
}
#breadcrumb span {
  font-size: 11px;
  letter-spacing: 1.1px;
}
#breadcrumb a:nth-child(2) {
  margin-right: 10px;
}
#breadcrumb a:nth-child(1) span::after {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  display: inline-block;
  border: 1px solid #000;
  border-top: none;
  border-left: none;
  margin: 2px;
}
#breadcrumb a:nth-child(2) span::after {
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  display: inline-block;
  border: 1px solid #000;
  border-top: none;
  border-left: none;
  margin: 3px;
}
#breadcrumb a:last-child span {
  border: none;
}
#breadcrumb a:last-child span::after {
  display: none;
}
#signage.clearfix{
 margin-bottom:40px;
}
#signage.clearfix .title-block{
 border-bottom: 1px solid #eeedf3;
}
#signage.clearfix .title-block .title{
 font-size: 24px;
 letter-spacing: 1.2px;
 line-height: 38px;
 text-align: left;
 margin-top: 0;
}
#signage.clearfix .title-block .subtitle {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 38px;
  text-align: left;
}
#signage .signage-info {
  border-bottom: 1px solid #eeedf3;
}
#signage.clearfix .pubdate{
  color:  #666666;
  letter-spacing: 0.1rem;
  font-size:  14px;
  font-weight:  400;
  line-height: 22px;
  /* padding-left: 25px; */
  float: left;
  margin: 12px 0;
}
#signage.clearfix .author{
  color:  #666666;
  letter-spacing: 0.1rem;
  font-size:  12px;
  font-weight:  300;
  line-height: 22px;
  padding-left: 25px;
  float: left;
  margin: 12px 0;
}
/* sns リンク */
.article-sns {
  float: right;
  margin: 12px 0;
}
.article-sns > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.article-sns > *:last-child {
  margin-right: 0;
}
/*▲ 記事ページ 画像のデフォルト表示※レクタングルとセットのものここまで▲*/

/*▼ 記事ページ 共通パーツ▼*/
/*▼ 記事ページ もっと読む▼*/
a.more-c{
background-color:#000;
color:#fff;
font-size:1.3rem;
font-weight:600;
letter-spacing:0.05rem;
padding:3px 1rem;
display:inline-block;
margin:1rem 0;
}
a.more-c:hover{
opacity:0.6;
text-decoration:none;
}
/*▼ 記事ページ 次ページ誘導見出し▼*/
.article-body .next-page-info{
width:320px;
margin:60px auto 40px;
font-size:1.6rem;
font-weight:600;
background-color:#efefef;
clear:both;
}
.article-body .next-page-info a{
display:block;
padding:16px 16px 16px 40px;
position:relative;
}
.article-body .next-page-info a::before{
position:absolute;
top:38%;
left:16px;
content:" ";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 12.1px;
border-color: transparent transparent transparent #000000;
}
/*▼ 記事ページ内テーブル(.standard)▼*/
.article-body table.standard{
width:100%;
margin:0px 0px 20px 0px;
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border-left: 1px solid #ccc;
font-size:1.6rem;
}
.article-body table.standard thead th {
padding: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 2px solid #c00;
background: #dcdcd1;
}
.article-body table.standard > tbody{
border-top: 1px solid #ccc;
}
.article-body table.standard tbody th {
padding: 10px;
font-weight: bold;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #ececec;
}
.article-body table.standard td {
padding: 5px 10px;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size:1.6rem;
}
.article-body table.standard tr:nth-child(odd) {
background-color:#fff;
}
.article-body table.standard.stripe tr:nth-child(even) {
background-color:#efefef;
}
.article-body table.standard.stripe td span.mark {
font-weight:normal;
color:#ff0000;
}

/* ページネーション */
.standard .pagination {
  vertical-align: baseline;
  text-align: center;
  margin-top: 90px;
  margin-bottom: 100px;
}
.standard .pagination a {
  display: inline-block;
  text-decoration:underline;
}
.standard .pagination span {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0 0.5em;
}
.standard .pagination span.current {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0 0.5em;
  color:#aaa;
}
.standard .pagination a:first-child {
  margin-right: 136px;
}
.standard .pagination  a:last-child {
  margin-left: 136px;
}
.standard .pagination .prev::before,
.standard .pagination .next::after {
  content: "";
  display: inline-block;
  border: 2px solid #000;
  width: 7px;
  height: 7px;
  border-top: none;
  border-left: none;
}
.standard .pagination .prev::before {
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  margin-right: 1em;
}
.standard .pagination .next::after {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  margin-left: 1em;
}
.standard .pagination .prev,
.standard .pagination .next {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0;
  text-decoration: underline;
}
/* ページネーション - リンク非表示対象 */
.standard .pagination .hidden-link {
  visibility: hidden;
}
/*▼ 記事ページ -ヘッダー広告*/
.pc-header-superbanner {
  width: 1000px;
  margin: auto;
  padding: 0 50px;
  text-align:center;
}
/*▼ 記事ページ - 前の記事&次の記事 */
.leaf-article-link {
  vertical-align: baseline;
  margin-bottom: 50px;
  margin-top: 20px;
}
.leaf-article-link a {
  text-decoration: underline;
  text-decoration-color: #999999;
}
.after-article {
  display: block;
  float: right;
}
.leaf-article-link .before-article::before,
.leaf-article-link .after-article::after {
  content: "";
  display: inline-block;
  border: 2px solid #000;
  width: 6px;
  height: 6px;
  border-top: none;
  border-left: none;
}
.leaf-article-link .before-article::before {
   transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
}
.leaf-article-link .after-article::after {
   transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
}
.leaf-article-link .before-article span,
.leaf-article-link .after-article span {
   font-size: 12px;
   font-weight: 700;
   line-height: 38px;
   padding: 0;
}
.leaf-article-link .after-article span {
  padding-right: 1em;
}
.leaf-article-link .before-article span {
  padding-left: 1em;
}
/*▼ 記事ページ　おすすめ ▼*/
.recom-leafs{
 margin-bottom:30px;
}
.recom-leafs .article-list .article{
 display: inline-block;
 width:150px;
 margin-bottom:20px;
 margin-right: 17px;
 vertical-align:  top;
}
.recom-leafs .article-list .article:nth-child(4n){
 margin-right:0;
}
.recom-leafs .article-list .article > .text {
 width: 150px;
}
.recom-leafs .article-list .thumb{
 width:150px;
 height:100px;
 margin-bottom: 10px;
}
.recom-leafs .article-list .article .thumb a{
 display:block;
}
.recom-leafs .article-list .article .thumb img{
 width:150px;
 height:100px;
}
.recom-leafs .article-list .article .text{
 font-size: 15px;
 font-weight: 400;
 line-height: 20px;
}
/*▼ 記事ページ関連記事 ▼*/
.related-article{
margin-bottom:30px;
}
.related-article .article-unit .article-pr .text::after {
 content: "PR";
 margin: 0 10px;
 color: #999999;
}
/*▼ 記事ページ新着記事 ▼*/
.new-article{
 margin-top:50px;
}
.new-article .article-unit .article-pr .text::after {
 content: "PR";
 margin: 0 10px;
 color: #999999;
}
/*▼ 記事ページ ボトム広告▼*/
.banner-bottom .banner-section-inner{
 margin:0;
 padding:0;
}
.banner-bottom .banner-section-inner .bn{
 display: inline-block;
}
.banner-bottom .banner-section-inner .bn:nth-child(2){
 margin-left: 21px;
}
.banner-bottom .banner-section-inner .bn a{
 display:block;
}
.banner-bottom .banner-section-inner .bn a img{
 width:100%;
 display:block;
}
/*▼ 記事ページ 徳島ニュース▼*/
#tokushima-news{
margin:40px auto;
}
#tokushima-news .go-tokushima-news{
float:right;
}
#sports-news{
margin:40px auto;
}
#sports-news .go-sports-news{
float:right;
}
/* フォトギャラリーページ */
.gallery-heading {
  font-size: 2.2rem;
  font-weight: 600;
  padding-bottom: 6px;
  border-bottom: solid 2px #000;
  color: #000;
  text-align: center;
  margin: 20px 0 10px;
}
.gallery-heading span {
  display: block;
}
.gallery-heading .sub {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
  position: relative;
}
.gallery-heading .sub .more {
  position: absolute;
  top: 0;
  right: 0;
}
.gallery-heading .sub .more a {
  color: #000;
  text-decoration: underline;
  font-size: 1.4rem;
}
#main-photo-area {
  position: relative;
  clear: both;
  margin: 20px auto;
  padding: 0px;
  font-size: 1.3rem;
  line-height: 1.4em;
  overflow: hidden;
}
#main-photo {
  position: relative;
  margin: 0px auto;
  height: 550px;
}
#main-photo .photo {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: transparent;
  margin-bottom: 10px;
  display: none;
}
#main-photo .photo.current {
  display: block;
}
#main-photo .photo .photo-frame {
  display: block;
  position: relative;
  background-color: #fff;
}
#main-photo .photo.current .photo-frame {
  background-color: #fff;
  cursor: pointer;
}
#main-photo .photo img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
}
#main-photo .photo .caption {
  display: none;
}
#main-photo .photo.current .caption {
  display: block;
  width: 100%;
  margin-top: 10px;
}
#main-photo .photo.current .caption .text {
  font-size: 1.6rem;
  line-height: 1.6;
}
#main-photo .photo .link {
  display: block;
  text-align: right;
  font-size: 1.3rem;
  text-decoration: underline;
}
#main-photo .photo .link a {
  color: #000;
}
#main-photo-area .next {
  position: absolute;
  top: 170px;
  right: 0px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-indent: -100em;
  background: url(/common/tpcs/images/v1/common/photo-arrow-next.png) no-repeat left top;
  background-size: 25px
}
#main-photo-area .prev {
  position: absolute;
  top: 170px;
  left: 0px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-indent: -100em;
  background: url(/common/tpcs/images/v1/common/photo-arrow-prev.png) no-repeat left top;
  background-size: 25px;
}
.gallery .pubdate {
  font-size: 1.2rem;
  font-weight: 400;
  color: #666;
  text-align: center;
}
.small-block-list {
  clear: both;
  width: 100%;
  margin: 20px 0px;
  padding: 0px;
}
.small-block-list .block {
  width: 23.5%;
  clear: none;
  float: left;
  margin: 10px 0% 10px 2%;
  padding: 0px;
  font-size: 1.2rem;
  line-height: 1.4em;
}
.small-block-list .block:nth-of-type(4n+1) {
  clear: both;
  margin: 10px 0% 10px 0%;
}
.small-block-list .block .thumb {
  position: relative;
  height: 100px;
  width: 100%;
  background-color: #e6e6e6;
  margin-bottom: 10px;
  cursor: pointer;
}
.small-block-list .block .thumb img {
  max-width: 100%;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  width: auto;
}
.small-block-list .block .text {
  font-size: 1.4rem;
  line-height: 1.4;
  width: 100%;
  display: block;
  width: 98%;
  margin: 0 auto;
}
.small-block-list .block .link {
  display: block;
  text-align: right;
  font-size: 1.2rem;
  margin-top: 10px;
}
.small-block-list .block .link a {
  color: #000;
  text-decoration: underline;
}

/* pr-list presslerease */
.pressrelease .pr-list-wrapper {
  border-bottom: 2px solid #000;
  padding-bottom: 20px;
}
/* pr-list */
.pr-list-wrapper {
  margin-top: 20px;
  margin-bottom: 35px;
}
.pr-list-wrapper .pr-list {
  margin-bottom: 20px;
}
.pr-list-wrapper .pr-list .pr {
  margin-bottom: 20px;
}
.pr-list-wrapper .pr-list .pr:last-child {
  margin-bottom: 0;
}
.pr-list-wrapper .pr-list .pr a {
  text-decoration: none;
}
.pr-list-wrapper .pr-list .pr a .img-box {
  float: left;
  position: relative;
  width: 108px;
  height: 58px;
}
.pr-list-wrapper .pr-list .pr a .img-box img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pr-list-wrapper .pr-list .pr a .pr-info {
  padding-left: 108px;
  height: 100%;
}
.pr-list-wrapper .pr-list .pr a:hover .pr-info .pr-title,
.pr-list-wrapper .pr-list .pr a:hover .pr-info .sub-title {
  text-decoration: underline;
}
.pr-list-wrapper .pr-list .pr .pr-info .pr-title {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
}
.pr-list-wrapper .pr-list .pr .pr-info .sub-title {
  font-size: 1.4rem;
  margin-top: 5px;
  margin-bottom: 0;
}
.pr-list-wrapper .pr-list .pr .pr-info .date {
  font-size: 1.2rem;
  color: #acacac;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 0;
}
.pr-list-wrapper .pr-list-link {
  float: right;
  font-size: 1.2rem;
}
/* 記事一覧 & フォトギャラリー */
#article-category-list {
  margin-bottom: 30px;
}
/* 記事一覧 - メニュー */
#article-category-list ul.news-menu.clearfix {
  list-style: none;
  margin-top: 22px;
  margin-bottom: 56px;
  padding: 0;
  border-top: solid 1px #acacac;
  border-bottom: solid 1px #acacac;
  font-size: 0;
}
#article-category-list ul.news-menu.clearfix li {
  display: inline-block;
}
#article-category-list ul.news-menu.clearfix li a {
  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 2;
  padding: 0 0.7em;
}
#article-category-list ul.news-menu.clearfix li.active a {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}
#article-category-list ul.news-menu.clearfix li a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}
/* 記事一覧 - ページタイトル */
#article-category-list .heading {
  margin-bottom: 40px;
}
#article-category-list .heading span {
  font-size: 2.4rem;
  font-weight: 700;
  color: #000;
}
/* 記事一覧 - 記事 */
#article-category-list .article {
  margin-bottom: 20px;
}
#article-category-list .article .thumb {
  width: 90px;
  height: 60px;
  position: relative;
  float: left;
  margin: 0;
}
#article-category-list .article .thumb a {
  display: block;
}
#article-category-list .article .thumb img {
  position: absolute;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#article-category-list .article .thumb a:hover img {
  opacity:0.8;
}
#article-category-list .article .text {
  padding-left: 108px; /* 画像の横幅 + マージン */
}
#article-category-list .article .text .main-title {
  display: block;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.3;
}
#article-category-list .article.pr .text .main-title::after {
  content: "PR";
  display: inline-block;
  font-size: 1.4rem;
  color: #acacac;
  margin-left: 1.2em;
  vertical-align: middle;
}
#article-category-list .article.pr .text a:hover .main-title::after {
  text-decoration: none !important;
}
#article-category-list .article .text .title-date {
  display: block;
  margin-top: 5px;
}
#article-category-list .article .text .date {
  font-size: 1.2rem;
  color: #acacac;
  font-weight: 400;
  display: inline-block;
}
#article-category-list .article .text a:hover {
  text-decoration: none;
}
/* 記事一覧 - no-image記事一覧 */
#article-category-list .ni-article .text {
  width: 100%;
  float: none;
}
#article-category-list .ni-article .text a {
  display: block;
}
#article-category-list .ni-article .text .title-date {
  display: inline;
}
/* 記事一覧 - 検索結果0件 */
.no-result {
  font-size: 2rem;
  margin: 2rem 0;
  font-weight: 600;
  text-align: center;
}
/* ▼お天気ページ▼ */
#main-column .weather{
margin-bottom:10rem;
}
.weather .heading{
margin-bottom:3.5rem;
border-bottom:1px solid #efefef;
}
#area0-weather{
margin-bottom:8rem;
}
#area1--weather{
margin-bottom:8rem;
}
.weather .today{
float:left;
width:48%;
}
.weather .tomorrow{
float:right;
width:48%;
}
.weather .today .heading,.weather .tomorrow .heading{
text-align:center;
border:none;
margin-bottom:1.5rem;
}
.weather .heading span{
font-size:3rem;
}
.weather .today .heading span,.weather .tomorrow .heading span{
border:none;
padding:0 1rem 4px;
border-bottom:1px dashed #909090;
font-size:2.4rem;
font-weight:300;
display:inline;
}
.weather .weekly{
clear:both;
margin-bottom:8rem;
}
.weather .weather-icon{
width:30%;
margin:0 auto 10px;
}
.weather .weather-icon img{
width:100%;
display:block;
}
.weather .temp{
font-size:1.4rem;
text-align:center;
margin-bottom:10px;
}
.weather .temp span{
padding:0 6px;
}
.weather .hot{
color:#ffae95;
}
.weather .cold{
color:#2361ad;
}
.weather .rain{
font-size:1.2rem;
width:100%;
border:1px solid #efefef;
}
.weather .rain .time{
background:#f8f8f8;
border:1px solid #efefef;
}
.weather .rain th{
text-align:center;
vertical-align:middle;
font-weight:300;
}
.weather .rain td{
text-align:center;
vertical-align:middle;
font-weight:200;
}
.weather .weekly table{
width:99.5%;
margin:0 auto;
border-collapse: separate;
border-spacing: 2px;
border:1px solid #efefef;
}
.weather .weekly table td{
text-align:center;
vertical-align:middle;
font-size:1.2rem;
}
.weather .weekly table tr td:first-child{
text-align:left;
width:17%;
font-weight:300;
background-color:#f8f8f8;
font-size:1.4rem;
}
.weather .weekly table tr:first-child td{
background-color:#f8f8f8;
}
.weather .weekly table td img{
width:45px;
}
.weather .alart .heading{
margin-bottom:1rem;
}
/* ▲お天気ページ▲ */
/* ▼company配下ページ▼ */
.company .article-body table{
width:100%;
font-size:1.6rem;
border-collapse:collapse;
margin-bottom:40px;
}
.company .article-body table a{
color:#127AB6;
}
.company .article-body table tr{
border-bottom:1px dotted #efefef;
}
.company .article-body table tr th{
width:25%;
text-align:left;
letter-spacing:0.1rem;
font-weight:300;
padding:1% 2%;
color:#666;
font-size:1.4rem;
}
.company .article-body table tr td{
padding:1% 0;
font-weight:200;
}
.company .article-body h3{
font-size:1.8rem;
font-weight:600;
border-bottom:2px solid #127ab6;
padding-left:1rem;
line-height:1.6;
border-left:none;
}
.company .article-body h4{
font-size:1.7rem;
border-bottom:1px dashed #127ab6;
font-weight:300;
color:#127ab6;
}
.company .article-body span{
font-size:1.6rem;
}
.company .company-block{
margin-bottom:20px;
padding:0 3%;
line-height:2;
font-weight:200;
}
.company .company-block a{
color:#127ab6;
}
.company .company-block .name{
font-size:1.7rem;
font-weight:300;
}
.company .company-block .map{
padding-left:2%;
}
.company .company-block .adress span{
display:block;
}
.company .company-block .tel{
font-size:1.5rem;
}
.company .company-block2{
padding:1rem;
}
.company .company-block2 h3{
padding:0;
margin-top:0;
}
.company .company-block2 ul{
list-style:none;
padding:0;
font-size:1.6rem;
font-weight:200;
padding-left:1rem;
line-height:1.6;
}
.company .company-block2 ul a{
color:#127ab6;
}
.company #sub-column .subscript-bnr{
width:300px;
margin-bottom:2rem;
}
.company #sub-column .subscript-bnr a{
display:block;
}
.company #sub-column .subscript-bnr a img{
display:block;
width:100%;
}
.company #sub-column ul{
list-style:none;
padding:0 20px;
margin:20px 0 0;
}
.company #sub-column ul li{
font-size:1.4rem;
margin-bottom:10px;
}
.company #sub-column .company-menu{
margin-bottom:3rem;
}
/* ▲company配下ページ▲ */
/* ▼corporate配下ページ（上記companyをコピペしてcorporateに置換した）▼ */
.corporate .article-body table{
margin: 0 0 20px;
font-size: 15px;
line-height: 26px;
text-align: left;
}
.corporate .article-body table a{
color:#127AB6;
}
.corporate .article-body table tr{
border-bottom:1px dotted #efefef;
}
.corporate .article-body table tr th{
width:25%;
text-align:left;
letter-spacing:0.1rem;
font-weight:300;
padding:1% 2%;
color:#666;
font-size:1.4rem;
}
.corporate .article-body table tr td{
padding:1% 0;
font-weight:200;
}
.corporate .article-body h1{
font-size: 3em;
border-bottom: solid 1px #dcdcdc;
border-left: solid 0px #fff;
padding-left: 0;
margin:0;
line-height:1.8;
margin: 0 0 3.2rem 0;
color:#ccc;
font-family: 'Times New Roman';
}
.corporate .article-body h2{
font-size: 3em;
border-bottom: solid 1px #dcdcdc;
border-left: solid 0px #fff;
padding-left: 0;
margin: 0;
line-height: 1.8;
margin: 0 0 3.2rem 0;
color: #858fa5;
font-family: 'Times New Roman';
}
.corporate .article-body h3{
font-size: 2em;
border-bottom: solid 1px #fff;
border-left: solid 6px #001c52;
padding-left: 1rem;
margin:0;
line-height:1.8;
margin: 4rem 0 4rem 0;
color:#001c52;
}
.corporate .article-body h4{
font-size: 1.8em;
border-bottom: solid 1px #fff;
border-left: solid 0px #fff;
padding-left: 1rem;
margin:0;
line-height:1.8;
margin: 4rem 0 4rem 0;
//color:#fff;
}
.corporate .article-body span{
font-size: 15px;
border-bottom: solid 1px #fff;
border-left: solid 0px #fff;
padding-left: 1rem;
margin:0;
line-height:1.8;
margin: 4rem 0 4rem 0;
color:#001c52;
}
.corporate .article-body li {
//  font-size: 1.4em;
//  border-bottom: solid 0px #fff;
//  border-left: solid 0px #fff;
//  padding-left: 1rem;
//  margin:0;
//  line-height:1.6;
//  margin: 2rem 0 2rem 0;
//  color:#001c52;
font-size: 1.4em;
border-bottom: solid 0px #fff;
border-left: solid 0px #fff;
padding-left: 1rem;
margin:0;
line-height:1.6;
margin: 1rem 0 1rem 3rem;
color:#001c52;
list-style-type: square;
}
.corporate .corporate-block{
font-size: 1.4em;
border-bottom: solid 0px #fff;
border-left: solid 0px #fff;
padding-left: 1rem;
margin:0;
line-height:1.6;
margin: 2rem 0 2rem 0;
color:#001c52;
}
.corporate .corporate-block a{
color:#127ab6;
}
.corporate .corporate-block .name{
font-size:1.7rem;
font-weight:300;
}
.corporate .corporate-block .map{
padding-left:2%;
}
.corporate .corporate-block .adress span{
display:block;
}
.corporate .corporate-block .tel{
font-size:1.5rem;
}
.corporate .corporate-block2{
padding:1rem;
}
.corporate .corporate-block2 h3{
padding:0;
margin-top:0;
}
.corporate .corporate-block2 ul{
list-style:none;
padding:0;
font-size:1.6rem;
font-weight:200;
padding-left:1rem;
line-height:1.6;
}
.corporate .corporate-block2 ul a{
color:#127ab6;
}
.corporate #sub-column .subscript-bnr{
width:300px;
margin-bottom:2rem;
}
.corporate #sub-column .subscript-bnr a{
display:block;
}
.corporate #sub-column .subscript-bnr a img{
display:block;
width:100%;
}
.corporate-menu {
  margin-bottom: 20px;
}
.corporate-menu ul {
  width: 300px;
  float: left;
}
.corporate-menu ul.right {
  float: right;
}
.corporate-menu ul li {
  border-bottom: 1px solid #79869f;
}
.corporate-menu ul li:first-child {
  border-top: 1px solid #79869f;
}
.corporate-menu ul a {
  display: block;
  padding: 8px;
  font-size: 13px;
  position: relative;
}
.corporate-menu ul a::after {
  content: " ";
  display: block;
  width: .45em;
  height: .45em;
  border: 1.5px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) skew(-10deg, -10deg);
  -moz-transform: rotate(-45deg) skew(-10deg, -10deg);
  -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
  -o-transform: rotate(-45deg) skew(-10deg, -10deg);
  -ms-transform: rotate(45deg) skew(-10deg, -10deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
}
/* ▲corporate配下ページ▲ */
/* データベースの検索標準 */
.data-search{
border:3px double #efefef;
padding:2rem;
font-size:1.6rem;
font-weight:200;
margin-bottom:4rem;
}
.data-search .row{
margin-bottom:1.5rem;
}
.data-search .itm{
margin-right:2rem;
width:20%;
display:inline-block;
}
.data-search input{
font-size:1.4rem;
padding:8px 1rem;
width:70%;
border-radius:6px;
border:none;
border:1px solid #999;
}
.data-search input:focus{
outline:none;
}
.data-search select{
width:73.5%;
appearance: none;
-webkit-appearance:none;
-moz-appearance:none;
border-style:none;
border:none;
font-size:1.4rem;
padding:8px 1rem;
border-radius:6px;
border:1px solid #999;
background-color:transparent;
position:relative;
display:inline-block;
}
.data-search .select-outer{
position:relative;
}
.data-search .select-outer::after{
content:"";
position:absolute;
top:4px;
right:20px;
display:block;
width: 0;
height: 0;
border-style: solid;
border-width:12px 6px 0 6px;
border-color: #999 transparent transparent transparent;
z-index:-1;
}
.data-search .btn{
margin-top:3rem;
}
.data-search .btn .search-btn{
width:60%;
display:block;
margin:0 auto;
padding:1rem 2rem;
font-size:1.6rem;
color:#fff;
letter-spacing:0.1rem;
border:2px solid #efefef;
background-color:#000;
}
/* データベースの検索標準 */
/*▼ 号外一覧 ▼*/
.extra-news .extra-unit{
width:200px;
float:left;
padding:0;
margin:0 10px 0;
height:360px;
overflow:hidden;
}
.extra-news .extra-unit .title{
font-size:1.6rem;
line-height:1.4;
margin-top:10px;
padding:0 10px;
}
.extra-news .extra-unit .thumb{
width:200px;
height:266px;
position:relative;
}
.extra-news .extra-unit img{
width:100%;
max-width:100%;
max-height:100%;
margin:auto;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.extra-news .extra-unit .date{
font-size:1.2rem;
padding:0 10px;
margin-top:2px;
}
/* ▲号外一覧▲ */
/*▼ 特集一覧 ▼*/
.feature-unit{
margin-bottom:8rem;
margin-top:2rem;
}
.feature-unit .feature-article{
width:320px;
float:left;
margin-left:20px;
margin-bottom:3rem;
}
.feature-unit .feature-article:nth-child(2n+1){
margin-left:0;
clear:left;
}
.feature-unit .feature-article .thumb{
width:100%;
height:60px;
margin-bottom:1rem;
}
.feature-unit .feature-article .thumb img{
width:100%;
height:100%;
display:block;
}
.feature-unit .feature-article .text{
font-size:2rem;
letter-spacing:0.05rem;
font-weight:300;
padding:0 2%;
}
.feature-unit .feature-article .text a{
display:block;
color:#333;
}
/* ▲特集一覧▲ */
/*▼ フッター ▼*/
.footer-inner {
  width: 1000px;
  margin: 0 auto 25px;
}
/* フッターのページリンク */
ul.footer-inner-link li a{
  color:  #000000;
  font-size:  11px;
  letter-spacing:  1.1px;
  line-height:  18px;
  text-align:  left;
  font-weight:600;
}
ul.footer-inner-link{
  list-style:none;
  text-align:center;
  border-bottom: 3px solid #000;
  margin: 0;
  padding-bottom: 10px;
}
ul.footer-inner-link li{
  display: inline-block;
}
ul.footer-inner-link li:not(:last-child)::after{
  content: "|";
  margin: 0 20px;
}
.posted-info{
  color:  #999999;
  font-size:  11px;
  letter-spacing:  0.55px;
  line-height:  14px;
  text-align:  center;
}
footer .copy{
  color:  #000000;
  font-size:  11px;
  letter-spacing:  0.55px;
  line-height:  14px;
  text-align:  center;
  font-weight: 600;
  margin: 10px auto;
}
/* HOME & PAGE TOP */
#fixed-btns {
  position: fixed;
  right: 10px;
  bottom: 70px;
  display: none;
  width: 39px;
}
/* HOME */
#home {
  width: 39px;
  height: 82px;
  background: url(/common/tpcs/images/v1/common/backtohome.png) no-repeat center center;
  background-size: 39px 82px;
  margin-bottom: 31px;
}

/* PAGE TOP */
#fixed-btns .page-top {
  width: 35px;
  height: 80px;
  background: url(/common/tpcs/images/v1/common/backtotop.png) no-repeat center center;
  background-size: 35px 80px;
}
#home:hover,
#page-top:hover {
  opacity: .8;
  cursor: pointer;
}

/*▼ イベント一覧・記事 ▼*/
h1.title.event{
  color:  #000000;
  font-size:  28px;
  font-weight:  700;
  line-height:  40px;
  text-align:  left;
}
.subtitle-event {
  color: #000000;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
}
.events-kanban-wrapper {
  text-align: center;
  margin-bottom: 25px;
}
.events-kanban-wrapper img {
  max-width: 100%;
}
#signage .event-date {
  border-bottom: 1px solid #eeedf3;
  color: #010000;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  margin-bottom: 10px;
}
#signage .event-date span::before{
  content: "・";
}

/* イベントタグ */
.signage-tags {
  padding: 0;
  margin-bottom: 10px;
  list-style: none;
  font-size: 0;
}
.signage-tags li {
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
  padding: 0 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}
.signage-tags li.green{
  background-color: rgb(42, 181, 11);
}
.signage-tags li.orange{
  background-color: #ff8900;
}
/*イベント案内*/
dl.events-detail-info.cf {
  clear: both;
  padding: 80px 0 100px;
  margin: 0;
}
dl.events-detail-info dt{
  float: left;
  clear: both;
  margin: 0 40px 20px 0;
  width: 90px;
  font-size:  14px;
  font-weight:  700;
  line-height:  18px;
  text-align:  left;
}
dl.events-detail-info dd{
  float: left;
  text-align: left;
  font-size:  16px;
  font-weight:  400;
  line-height:  18px;
  width:500px;
  margin-bottom:10px;
}
dl.events-detail-info dd .map {
  color:  #ffffff;
  font-size:  11.08px;
  font-weight:  400;
  text-align: center;
  background-color: #c50909;
  background-size: 33px 19px;
  padding: 2px 4px;
  margin-left: 5px;
}
/* イベント画像 */
.events-detail-images {
  font-size: 0;
}
.events-detail-images img {
  vertical-align: top;
  margin: 0;
  margin-left: 53px;
  width: 250px;
}
.images-2cols .image-area img{
    width:100%;
    margin:0px auto 0px auto;
}
.images-2cols .image-area{
    float:left;
    width:49%;
    margin:0px;
    padding:0px;
    border:none;
    list-style-type:none;
 }
.images-2cols .image-area:nth-child(even){
    float:right;
}
.images-2cols .image-area img{
    width:100%;
    margin:0px auto 0px auto;
}
/*申し込み*/
.subscription-btn {
  background-color: #c50909;
  background-size: 300px 54px;
  width: 300px;
  height: 54px;
  margin: 30px auto 0;
  text-align: center;
}
.subscription-btn a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 54px;
}
/* イベントメニュー */
.events-menu {
  margin-bottom: 20px;
}
.events-menu ul {
  width: 142px;
  float: left;
}
.events-menu ul.right {
  float: right;
}
.events-menu ul li {
  border-bottom: 1px solid #79869f;
}
.events-menu ul li:first-child {
  border-top: 1px solid #79869f;
}
.events-menu ul a {
  display: block;
  padding: 8px;
  font-size: 13px;
  position: relative;
}
.events-menu ul a::after {
  content: " ";
  display: block;
  width: .45em;
  height: .45em;
  border: 1.5px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) skew(-10deg, -10deg);
  -moz-transform: rotate(-45deg) skew(-10deg, -10deg);
  -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
  -o-transform: rotate(-45deg) skew(-10deg, -10deg);
  -ms-transform: rotate(45deg) skew(-10deg, -10deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
}
/* おすすめイベント */

/* イベントガイド */
.recommend-events-list {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}
.recommend-events-list li {
  margin-bottom: 26px;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
.recommend-events-list li:last-child {
  margin-bottom: 0;
}
.recommend-events-list .main > * {
  display: inline-block;
  vertical-align: middle;
}
.recommend-events-list .thumb,
.recommend-events-list .thumb > a {
  width: 72px;
  height: 48px;
  position: relative;
}
.recommend-events-list .thumb {
  background-color: #efefef;
  margin-right: 10px;
}
.recommend-events-list .thumb > a {
  display: block;
}
.recommend-events-list .thumb img{
 max-width: 100%;
 max-height: 100%;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}
.recommend-events-list li.main .article-title {
  width: 218px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

/*▼ 徳島新聞社ページ ▼*/
/*グロバールメニュー*/
.company.global-navi{
  background: rgb(15, 36, 79);
}
/* facebook */
.company.global-navi .navi-contents .right-side .fb {
  background: url(/common/tpcs/images/v1/global-navi/fb-tokushima.png) no-repeat;
  background-size: 12px 24px;
}
/* twitter */
.company.global-navi .navi-contents .right-side .tw {
  background: url(/common/tpcs/images/v1/global-navi/tw-tokushima.png) no-repeat;
  background-size: 22px 20px;
}
/* 購読登録 */
.company.global-navi .navi-contents .right-side .regist {
  background: url(/common/tpcs/images/v1/global-navi/register-tokushima.png) no-repeat;
  background-size: 25px 26px;
}
.company.global-navi .navi-contents .right-side .regist a{
  color: #fff;
}
/* ロゴ*/
.header-inner .logo-company{
  width:  287px;
  margin: auto;
  display: block;
  padding: 30px 0;
}
.header-inner .logo-company a {
  display:  block;
}
.header-inner .logo-company img{
  max-width:100%;
}
/* 徳島新聞Web */
body.corporate .header-inner .right-side {
  margin-top: -30px;
}
body.corporate .header-inner .right-side .tokushima-web {
  font-size: 18px;
  margin-right: 5px;
}
/* サイトナビ*/
.company.sitenavi-inner {
  border-bottom: 1px solid #000;
}
.company.sitenavi-inner .company.main-unit .main-tab {
  border: none;
}
.company.sitenavi-inner .company.main-unit .main-tab a {
  padding: 1.2em 10px;
}
.company.sitenavi-inner .company.main-unit .main-tab.current {
  background-color: rgb(15, 36, 79);
}
.company.sitenavi-inner .company.main-unit .main-tab.current span {
  color: #fff;
}
.company.sitenavi-inner .company.main-unit .main-tab a:hover {
  color: #fff;
  background-color: rgb(15, 36, 79);
}
/* タイトル */
.company-title-block {
  margin-bottom: 40px;
}
.company-title-block .company-title {
  color:  rgba(15, 36, 79, 0.51);
  font-size:  30px;
  letter-spacing:  3px;
  text-align:  left;
  border-bottom: 1px solid rgba(15, 36, 79, 0.51);
  padding-bottom: 15px;
}
/* 休刊日情報*/
.rest-info .title {
  font-size:  18px;
  line-height:  26px;
  text-align:  left;
  margin-bottom: 30px;
}
.rest-info ul li{
  width: 16%;
  display: inline-block;
}
.rest-info ul li span {
  font-size:  15px;
}
/* 最新情報*/
.newest-info {
  margin-top: 40px;
}
.newest-info .heading-company {
  color: rgba(15, 36, 79, 0.51);
  font-size: 18px;
  line-height: 38px;
  text-align: left;
}
.newest-info .newest-info-list .article {
  margin-bottom: 10px;
}
.newest-info .newest-info-list .article > * {
  display: inline-block;
  vertical-align: top;
}
.newest-info .newest-info-list .article .thumb {
  width: 180px;
  height: 118px;
  position: relative;
}
.newest-info .newest-info-list .article .thumb > a {
  display: block;
}
.newest-info .newest-info-list .article .thumb img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}
.newest-info .newest-info-list .article .text{
  width: 460px;
  color: #333333;
  font-size: 22px;
  letter-spacing: 1.1px;
  line-height: 30px;
  text-align:  left;
}
.newest-info .newest-info-list .article .text p {
  color: #333333;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 22px;
  text-align: left;
}
.newest-info .go-list {
  float: right;
}
.newest-info .go-list a span {
  font-size:  12px;
  line-height:  26px;
  font-weight: 600;
}
.newest-info .go-list a::after {
  content: '';
  display: inline-block;
  width: .6em;
  height: .6em;
  border: 1.5px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) skew(-10deg, -10deg);
  -moz-transform: rotate(-45deg) skew(-10deg, -10deg);
  -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
  -o-transform: rotate(-45deg) skew(-10deg, -10deg);
  -ms-transform: rotate(45deg) skew(-10deg, -10deg);
  margin-left: 10px;
}
/* 徳島新聞おすすめ、イベントガイド */
.recommend-corporate-list,
.event-guide-list {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
} 
.recommend-corporate-list li,
.event-guide-list li {
  margin-bottom: 26px;
  font-size: 0; /* 改行削除のため（不要なスペース） */
}
.recommend-corporate-list li:last-child,
.event-guide-list li:last-child {
  margin-bottom: 0;
}
.recommend-corporate-list .main > *,
.event-guide-list .main > * {
  display: inline-block;
  vertical-align: middle;
}
.recommend-corporate-list .thumb,
.recommend-corporate-list .thumb > a,
.event-guide-list .thumb,
.event-guide-list .thumb > a {
  width: 90px;
  height: 60px;
  position: relative;
}
.recommend-corporate-list .thumb,
.event-guide-list .thumb {
  background-color: #efefef;
}
.recommend-corporate-list .thumb > a,
.event-guide-list .thumb > a {
  display: block;
}
.recommend-corporate-list .thumb img,
.event-guide-list .thumb img{
 max-width: 100%;
 max-height: 100%;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}
.recommend-corporate-list li.main .article-title,
.event-guide-list li.main .article-title {
  width: 195px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
/* フッター */
.company-footer{
  width: 1100px;
  margin: 0 auto;
}
.company-footer .logo {
  width: 195px;
  padding: 0 0 10px 50px;
}
.company-footer .logo img {
  max-width:100%;
}
.company.footer-inner-link{
  border: none;
  text-align: left;
  width: 1000px;
  margin: 0 auto;
}
.company.copy {
  background: rgb(15, 36, 79);
  color: #ffffff;
  font-size: 11px;
  letter-spacing: 0.55px;
  line-height: 42px;
  text-align: center;
  margin: 0;
}
/* ogyatto-award ページ*/
/* 共通パーツ　ヘッダー*/
body.ogyatto-page .global-navi {
  background: rgb(42, 181, 11);
  height: 32px;
}
body.award-page .global-navi {
  background: #1d5eab;
  height: 26px; 
}
body.ogyatto-page .header-inner .logo-company {
  width: 292px;
  padding: 20px 0 0 0;
}
body.award-page .header-inner .logo-company {
  width: 500px;
  padding: 20px 0 0 0;
}
/* ヘッダー　snsリンク*/
.header-inner .right-side {
  float: right;
}
.header-inner .right-side > * {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 1.5em;
}
/* facebook */
.header-inner .right-side .fb {
  background: url(/common/tpcs/images/v1/common/fb-ogyatto.png) no-repeat;
  background-size: 12px 24px;
  height: 24px;
  width: 12px;
}
/* twitter */
.header-inner .right-side .tw {
  background: url(/common/tpcs/images/v1/common/tw-ogyatto.png) no-repeat;
  background-size: 22px 20px;
  height: 20px;
  width: 22px;
}
.header-inner .right-side .fb > a,
.header-inner .right-side .tw > a {
  display: block;
  height: 100%;
  width: 100%;
}
/* サイドナビ */
body.award-page .company.sitenavi-inner .company.main-unit .main-tab.current {
  background-color: rgb(240, 132, 67);
}
body.award-page .company.sitenavi-inner .company.main-unit .main-tab a:hover {
  background-color: rgb(240, 132, 67);
}
body.ogyatto-page .company.sitenavi-inner .company.main-unit .main-tab.current {
  background: rgb(42, 181, 11);
}
body.ogyatto-page .company.sitenavi-inner .company.main-unit .main-tab a:hover {
  background: rgb(42, 181, 11);
}
/* .contents-inner */
body.award-page .contents-inner,
body.ogyatto-page .contents-inner {
  padding-top: 0;
}
/* トップ　メッセージ */
.top-message {
  margin-bottom: 20px;
}
.top-message .title{
  font-family: serif;
  color: #000000;
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 42px;
  text-align: left;
  margin-bottom: 20px;
  border-bottom: 1px solid #999999;
}
.top-message .message {
  color:  #333333;
  font-size:  14px;
  letter-spacing:  0.7px;
  line-height:  22px;
  text-align:  left;
  margin-bottom: 20px;
}
/* トップ　メッセージ一覧リンク */
body.ogyatto-page .top-message .text-right > * {
  color: rgb(42, 181, 11);
}
body.award-page .top-message .text-right > * {
  color: rgb(240, 132, 67);
}
.top-message .text-right {
  float: right;
}
.top-message .text-right a span {
  font-size:  12px;
  line-height:  26px;
  font-weight: 600;
}
.top-message .text-right a::after {
  content: '';
  display: inline-block;
  width: .6em;
  height: .6em;
  border: 1.5px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) skew(-10deg, -10deg);
  -moz-transform: rotate(-45deg) skew(-10deg, -10deg);
  -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
  -o-transform: rotate(-45deg) skew(-10deg, -10deg);
  -ms-transform: rotate(45deg) skew(-10deg, -10deg);
  margin-left: 10px;
}
/* 最新情報 */
body.ogyatto-page .newest-info .heading-company {
  color: rgb(42, 181, 11);
  margin-bottom: 10px;
}
body.award-page .newest-info .heading-company {
  color: rgb(240, 132, 67);
  margin-bottom: 10px;
}
body.ogyatto-page .newest-info .go-list > * {
  color: rgb(42, 181, 11);
}
body.award-page .newest-info .go-list > * {
  color: rgb(240, 132, 67);
}
/* 最新情報リスト*/
.newest-content{
 margin: 50px 0;
}
.newest-content .article-list .article{
 display: inline-block;
 width:150px;
 margin-bottom:20px;
 margin-right: 16px;
 vertical-align:  top;
}
.newest-content .article-list .article:nth-child(4n){
 margin-right:0;
}
.newest-content .article-list .article > .text {
 width: 150px;
}
.newest-content .article-list .thumb{
 width: 150px;
 height: 100px;
 margin-bottom: 10px;
 position: relative;
}
.newest-content .article-list .article .thumb a{
  display:block;
}
.newest-content .article-list .article .thumb img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.newest-content .article-list .article .text {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
}
.newest-content .article-list .article .text span{
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}
.newest-content .go-list {
  float: right;
}
body.ogyatto-page .newest-content .go-list > * {
  color: rgb(42, 181, 11);
}
body.award-page .newest-content .go-list > * {
  color: rgb(240, 132, 67);
}
.newest-content .go-list  a span {
  font-size:  12px;
  line-height:  26px;
  font-weight: 600;
}
.newest-content .go-list  a::after {
  content: '';
  display: inline-block;
  width: .6em;
  height: .6em;
  border: 1.5px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) skew(-10deg, -10deg);
  -moz-transform: rotate(-45deg) skew(-10deg, -10deg);
  -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
  -o-transform: rotate(-45deg) skew(-10deg, -10deg);
  -ms-transform: rotate(45deg) skew(-10deg, -10deg);
  margin-left: 10px;
}
/* 共通パーツ　フッター */
.ogatto-award-footer .company.footer-inner-link {
  text-align: center;
}
.ogatto-award-footer ul.footer-inner-link li:not(:last-child)::after{
  margin: 0 10px;
}
body.ogyatto-page .company.copy {
  background: rgb(42, 181, 11);
  line-height: 38px;
}
body.award-page .company.copy {
  background: #1d5eab;
  line-height: 32px;
}
/*徳島新聞株式販売新聞社 */
/* グローバルナビ*/
body.hanbai .company.global-navi {
  background: #4080ff;
}
/* ヘッダー*/
body.hanbai .header-inner .logo-company{
  width: 380px;
  padding: 30px 0 0 0;
}
body.hanbai .company-footer .logo {
  width: 251px;
  margin: 0 auto;
}
.right-side .small-logo > *{
  display: block;
}
.right-side .small-logo img{
  height: 42px;
  max-height: 100%;
}
.right-side .icon > *{
  display: block;
}
.right-side .icon img {
  width: 20px;
}
/* サイトナビ*/
body.hanbai .company.sitenavi-inner .company.main-unit .main-tab.current {
  background-color: #4080ff;
}
body.hanbai .company.sitenavi-inner .company.main-unit .main-tab a:hover {
  background-color: #4080ff;
}
/* タイトル*/
body.hanbai .company-title-block .company-title {
  color: #151514;
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 38px;
  text-align: left;
  border-bottom: 1px solid #79869f;
}
/* サイドナビ*/
body.hanbai .company.sitenavi-inner .company.main-unit .main-tab a {
  padding: 1.2em 20px;
}
/* スタッフ募集*/
.staff-info h2 {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 28px;
  text-align: left;
}
.staff-info .content {
  font-size:  15px;
  line-height:  22px;
  text-align:  left;
}
/* サブコンテンツ　共通パーツ*/
body.hanbai .sub-heading {
  margin-bottom: 40px;
}
body.hanbai .sub-heading span {
  font-size:  14px;
  font-width: 600;
}
.tokushima-info-list {
  margin-bottom: 40px;
}
.tokushima-info-list li {
  border-bottom: 1px solid #79869f;
}
.tokushima-info-list li:first-child {
  border-top: 1px solid #79869f;
}
.tokushima-info-list a {
  display: block;
  padding: 8px;
  font-size: 13px;
  position: relative;
}
.tokushima-info-list a::after {
  content: '';
  display: block;
  width: .45em;
  height: .45em;
  border: 1.5px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) skew(-10deg, -10deg);
  -moz-transform: rotate(-45deg) skew(-10deg, -10deg);
  -webkit-transform: rotate(45deg) skew(-10deg, -10deg);
  -o-transform: rotate(-45deg) skew(-10deg, -10deg);
  -ms-transform: rotate(45deg) skew(-10deg, -10deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
}
/* サブコンテンツ　徳島新聞社*/
.tokushima-info .tokushima-info-list {
  background-color: #e5e5e5;
}
.tokushima-info .tokushima-info-list .main a {
  background-color: rgb(15, 36, 79);
  color: #ffffff;
}
/* サブコンテンツ　徳島新聞社グループ*/
.group-info .tokushima-info-list a::after{
  content: '';
  display: block;
  width: .45em;
  height: .45em;
  border: 1.5px solid #949494;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg) skew(-10deg, -10deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
}
.group-info .tokushima-info-list .main a {
  background-color: #e5e5e5;
}
/*　フッター*/
body.hanbai .company.footer-inner-link {
  border: none;
  text-align: center;
  width: 1000px;
  margin: 0 auto;
}
body.hanbai .company.copy {
  background-color: #4080ff;
}

/* 災害ウィジェット */
.disaster{
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  max-width:970px;
}

/*▼ sales_shopページ ▼*/
.shop-list{
margin-bottom:8rem;
font-size:1.5rem;
}
.shop{
padding:10px 2rem;
}
.shop:nth-child(odd){
background-color:#f3f3f3;
}
.shop .name{
font-weight:600;
letter-spacing:0.05rem;
color:#000;
padding-right:1.6rem;
min-width:150px;
}
.shop a:hover{
text-decoration:none;
}
.shop a:hover .name{
color:#666;
}
.shop .tel{
padding-right:0.5rem;
}
.shop .keeper{
padding-left:0.5rem;
}
.sales-shop-detail{
margin-bottom:4rem;
font-size:1.6rem;
}
.sales-shop .shop-name,.sales-shop .area-title{
border-bottom:1px solid #666;
display:inline-block;
font-size:1.8rem;
padding:0 2%;
margin-bottom:2rem;
}
.sales-shop table{
border:1px solid #efefef;
width:100%;
border-collapse:collapse;
margin-bottom:2rem;
}
.sales-shop table tr{
border-bottom:1px solid #efefef;
}
.sales-shop table.main th{
background-color:#f7f7f7;
font-weight:300;
height:2.5rem;
vertical-align:middle;
}
.sales-shop table.sub th{
font-weight:300;
height:2.5rem;
vertical-align:middle;
}
.sales-shop table td{
border-left:1px solid #efefef;
padding-left:2rem;
font-weight:200;
height:2.5rem;
vertical-align:middle;
}
.sales-shop table.sub tr:first-child{
background-color:#f7f7f7;
}
/* ▲sales_shopページ▲ */

/* ▼人事情報キーワード▼ */
#article-category-list.personnel ul.news-menu{
margin:22px 0 12px;
}
.personnel .category-list-keyword{
margin:0 0 40px;
}
.personnel .category-list-keyword a{
display:inline-block;
background-color:#ededf2;
border-radius:6px;
padding:8px 10px;
margin:0 5px 4px;
}
.personnel .category-list-keyword a:hover{
text-decoration:none;
opacity:0.6;
}
.personnel .category-list-keyword .key{
font-size:12px;
}
.personnel .category-list-keyword .key::before{
content:"#";
font-weight:600;
padding:0 5px 0 0;
}

/* 企業情報検索フォーム */
.companies-search-form {
  margin-bottom: 30px;
 font-size: 0;
}
.companies-search-form .content-canpany-info{
display: table;
border-bottom: 1px solid #ccc;
width: 100%;
}
.companies-search-form .content-canpany-info:first-child{
border-top: 1px solid #ccc;
}
.companies-search-form .content-canpany-info .content-name{
display: table-cell;
width: 120px;
vertical-align: middle;
font-size: 1.5rem;
box-sizing: border-box;
padding-left: 10px;
}
.companies-search-form .content-canpany-info .input-company-data{
padding: 10px;
box-sizing: border-box;
position: relative;
display: inline-block;
width: 100%;
}
.companies-search-form .content-canpany-info .input-company-data.year-box {
  text-align: center;
}
.companies-search-form .content-canpany-info .input-company-data .serch-company{
width: 500px;
box-sizing: content-box;
padding: 5px 10px;
height: 20px;
}
.companies-search-form .content-canpany-info .input-company-data .serch-company.search-year {
  width: 250px;
}
.companies-search-form .content-canpany-info .input-company-data span {
  font-size: 1.5rem;
  margin-left: 5px;
}
.companies-search-form .content-canpany-info .input-company-data .company-category{
padding-left: 10px;
}
.companies-search-form .content-canpany-info .input-company-data .company-category span{
font-size: 1.5rem;
margin-right: 15px;
vertical-align: middle;
}
.companies-search-form .content-canpany-info .input-company-data .company-category select{
width: 350px;
padding: 5px;
font-size: 1.4rem;
vertical-align: middle;
}
.companies-search-form .content-canpany-info .input-company-data .company-category.middle-category {
margin-top: 10px;
}
.companies-search-form .content-canpany-info .input-company-data .company-category.middle-category select:not(:first-of-type){
display: none;
}
.companies-search-form .content-canpany-info .input-company-data .company-build-area{
float: left;
display: inline-block;
margin: 5px 10px;
width: calc((100% - 60px) / 3);
}
.companies-search-form .content-canpany-info .input-company-data .company-build-area span{
font-size: 1.5rem;
}
.companies-search-form .content-canpany-info .input-company-data .another-company-request{
display: inline-block;
margin: 5px 10px;
width: calc((100% - 43px) / 2);
}
.companies-search-form .content-canpany-info .input-company-data .another-company-request span{
font-size: 1.5rem;
}
.companies-search-form .data-search-btn{
display: block;
width: 200px;
margin-top: 20px;
border-radius: 10px;
margin: 20px auto 0;
border: none;
box-shadow: 0 3px 0 #D27D00;
background: #FF9700;
color: #fff;
box-sizing: border-box;
cursor: pointer;
}
.companies-search-form .data-search-btn:hover{
opacity: 0.6;
}
.companies-search-form .data-search-btn span{
text-align: center;
font-size: 1.5rem;
line-height: 50px;
}
/* 検索結果リスト */
.company-search-result{
display: block;
margin-bottom: 25px;
}
.company-search-result .company-detail-link{
display: inline-block;
width: 100%;
}
.company-search-result .company-detail-link .company-name{
display: block;
font-size: 1.7rem;
font-weight: 400;
line-height: 1.25;
margin: 0;
}
.company-search-result .company-ditail-link .company-name:hover{
text-decoration: underline;
}
body.companies-search-page .pagination {
  margin-bottom: 25px;
}
body.companies-search-page .return-link-wrapper {
  margin-bottom: 56px;
}
body.companies .return-companies-link,
body.companies-search-page .return-companies-link,
.return-pr-link
{
  font-size: 1.5rem;
}
body.companies .company-detail .return-link-wrapper,
body.companies-search-page .return-link-wrapper,
body.pr .pr-content .return-link-wrapper
{
    display: inline-block;
    position: relative;
    width: 220px;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    border: none;
    box-shadow: 0 2px 0 #666;
    background: #ddd;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    line-height: 1.13;
}
body.companies .article-body.company-detail .return-link-wrapper::before,
body.companies-search-page .return-link-wrapper::before,
body.pr .pr-content .return-link-wrapper::before
{
    position: absolute;
    content: "";
    left: 10px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 8px;
}
/* 法人データベース 詳細 */
.article-body.company-detail {
  margin-bottom: 25px;
}
.article-body .company-img-box {
  position: relative;
  height: 400px;
}
.article-body .company-img-box img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.article-body .company-detail {
  font-size: 1.6rem;
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-bottom: 0;
}
.company-detail th {
  width: 90px;
  text-align: right;
  font-weight: 600;
}
.company-detail td {
  padding-left: 15px;
}
.company-detail td span {
  margin-right: 5px;
}
.company-detail td>p:not(:last-child) {
  margin-bottom: 5px;
}
.company-detail td>p:last-child {
  margin-bottom: 0;
}
.company-detail td .industry {
  display: inline;
}
.company-detail td .map {
  color: #ffffff;
  font-size: 11.08px;
  font-weight: 400;
  text-align: center;
  background-color: #c50909;
  background-size: 33px 19px;
  padding: 2px 4px;
  margin-left: 5px;
}
.companies .last-update {
  font-size: 1.3rem;
  float: right;
  line-height: 1;
  margin-bottom: 0;
}
.companies .remark {
  clear:both;
  padding-top:10px;
  font-size: 1.1rem;
}
/* 法人データベース 詳細 キーワードと一致した記事一覧 */
.keyword-article {
  width: 100%;
  margin-bottom: 20px;
}
.keyword-article .list-title {
  color: #333333;
  font-size: 12px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 26px;
}
.keyword-article ul {
  font-size: 0;
}
.keyword-article ul li{
display: inline-block;
width: 320px;
}
.keyword-article ul li:not(:nth-last-child(-n+2)) {
  margin-bottom: 20px;
}
.keyword-article ul li .company-keyword-related{
width: 100%;
}
.keyword-article ul li .img-box {
  width: 90px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
}
.keyword-article ul li .img-box img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.keyword-article ul li .article-title {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
}
.keyword-article ul li .article-title:hover{
  text-decoration: underline;
}
/* 企業検索フォーム(サブカラム用) */
.companies-sub-search-form {
font-size: 1.2rem;
padding: 0 0 15px;
}
.companies-sub-search-form .content-canpany-info{
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.companies-sub-search-form .content-canpany-info:first-child{
border-top: 1px solid #ccc;
}
.companies-sub-search-form .content-canpany-info .content-name{
display: block;
padding: 5px 0;
text-align: center;
}
.companies-sub-search-form .content-canpany-info .input-company-data{
text-align: center;
padding: 5px 10px;;
display: block;
}
.companies-sub-search-form .content-canpany-info .input-company-data .serch-company{
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.companies-sub-search-form .content-canpany-info .input-company-data span {
  margin-left: 5px;
}
.companies-sub-search-form .content-canpany-info .input-company-data .serch-company.search-year {
  width: 50%;
}
.companies-sub-search-form .content-canpany-info .input-company-data .company-category{
display: block;
padding: 5px 2%;
}
.companies-sub-search-form .content-canpany-info .input-company-data .company-category span{
vertical-align: middle;
}
.companies-sub-search-form .content-canpany-info .input-company-data .company-category select{
width: 76%;
margin: 0 5px;
padding: 5px;
font-size: 1.2rem;
vertical-align: middle;
}
.companies-sub-search-form .content-canpany-info .input-company-data .company-category.middle-category select:not(:first-of-type){
display: none;
}
.companies-sub-search-form .content-canpany-info .input-company-data .company-build-area{
float: left;
width: calc((100% - 20px)/ 2);
text-align: left;
margin: 5px;
}
.companies-sub-search-form .content-canpany-info .input-company-data .company-build-area input[type="checkbox"] {
vertical-align: middle;
}
.companies-sub-search-form .content-canpany-info .input-company-data .another-company-request{
display: inline-block;
margin: 5px 10px;
width: calc((100% - 45px) / 2);
}
.companies-sub-search-form .data-search-btn{
margin: 15px auto;
display: block;
width: 60%;
padding: 10px 0;
border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #D27D00;
background: #FF9700;
color: #fff;
box-sizing: border-box;
cursor: pointer;
}
.companies-sub-search-form .data-search-btn:hover{
opacity: 0.6;
}
.companies-sub-search-form .data-search-btn span{
text-align: center;
font-size: 1.2rem;
}

/* pr詳細ページ */
.article-body .pr-content {
  margin-bottom: 30px;
}
.pr-content .category {
  margin-bottom: 20px;
}
.pr-content .category .category-jp {
  margin-bottom: 5px;
}
.pr-content .category ul {
  font-size: 0;
}
.pr-content .category ul li {
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}
.pr-content .category ul li:last-child {
  margin : 0;
}
.pr-content .img-box:not(:last-child) {
  margin-bottom: 20px;
}
.pr-content .images {
  margin-bottom: 20px;
}
.pr-content .images .img-box img {
  max-height: 400px;
}
.pr-content .images .img-caption {
  line-height: 1;
  font-size: 1.3rem;
  margin: 0;
}
.pr-content .inquiry {
  margin-bottom: 20px;
}
.pr-content .inquiry p {
  margin-bottom: 5px;
}
.pr-content .inquiry table {
  margin-right: auto;
  margin-left: auto;
}
.pr-content .inquiry table th {
  text-align: right;
}
.pr-content .inquiry table td {
  padding-left: 10px;
}
/* プレスリリースページ */
.pressrelease #article-category-list .article .text {
  padding-left: 0;
}
.app{
font-size:16px;
}
.app .pack{
margin:0 0 40px;
}
.app input,.app textarea,.app button{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
}
.app .rod{
line-height:1;
font-weight:600;
}
.app .rod input,.app .rod textarea{
display:block;
width:99%;
border:2px solid #eeedf3;
border-radius:6px;
font-size:16px;
line-height:1.6;
margin:10px 0 0;
padding:10px 14px;
}
.app .rod input{
line-height:2;
padding:0px 10px;
}
.app .rod input:focus,.app .rod textarea:focus{
outline:none;
border:2px solid #000;
}
.app .rod::before{
content:"";
display:inline-block;
width:14px;
height:14px;
background: #000;
margin:0 5px 0 0;
vertical-align:middle;
}
.app .rod-name{
vertical-align: middle;
}
.app .rod-name.need::after{
content:"必須";
display:inline-block;
background-color:#cc0000;
font-size:10px;
color:#fff;
font-weight:300;
letter-spacing:0.1rem;
padding:5px;
line-height:1;
margin:0 0 0 10px;
border-radius:4px;
vertical-align:bottom;
}
.app .rod .upload{
border:none;
font-size:14px;
}
.app .rod .upload-btn{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
background-color:#ededf2;
}
.app .image-upload{
margin:10px 0 30px;
}
.app .image-upload label{
display:block;
font-size:14px;
margin:0 0 10px;
}
.app .caution{
font-size:12px;
margin:10px 5px 0;
display:block;
}
.app .label-unit .rod{
margin:0 0 10px;
display:block;
}
.app .label-unit div label{
display:inline-block;
}
.app .label-unit input[type="checkbox"]{
width:15px;
height:15px;
display:inline-block;
border:2px solid #000;
vertical-align:middle;
}
.app .label-unit input[type="checkbox"]:checked{
background:url("/common/denshiban/images/checked.png") center top/12px auto no-repeat;
}
.app .image-upload .image-index{
display:block;
}
.app .image-upload .image-index::before{
content:"・";
}
.app .update-image-btn{
position:relative;
margin:10px 0;
width:170px;
background: #ededf2;
text-align:center;
border-radius:6px;
font-size:14px;
}
.app .update-image-btn:hover{
opacity:0.8;
}
.app .update-image-btn input{
opacity: 0;
width: 100%;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
height:54px;
}
.app .update-image-btn p{
padding:20px;
text-align:center;
display:block;
font-weight:600;
}
.app .image-upload .image-caption-input{
border: 1px solid #d0d0d7;
border-radius: 4px;
font-size: 14px;
line-height:2;
padding:0 10px;
width:70%;
margin:0 0 0 10px;
font-weight:300;
}
.app .image-upload .image-caption-input:focus{
outline:none;
border: 1px solid #000;
}
.app .image-uploaded{
font-size:14px;
}
.app .image-uploaded img{
display:block;
margin:10px 0;
}
.app .pdf-name{
font-weight:300;
font-size:14px;
}
.app button{
display:block;
width:300px;
margin:0 auto;
background:#000;
color:#fff;
font-weight:600;
padding:20px 0;
font-size:16px;
border-radius:6px;
margin:0 0 10px;
}
.app button:hover{
opacity:0.8;
}
.app .errors{
color:#ff0000;
}
.app .errors li{
margin:0 0 5px;
}
.app .input-result{
margin:10px 0 0;
font-weight: 300;
display:block;
}
.app .input-result.textarea{
line-height:1.6;
}
.app .thanks{
margin:20px 0;
}

.global-navi .navi-contents .middle-side{
    float: left;
    height: 100%;
    line-height: 46px;
}
.global-navi .navi-contents .middle-side img{
    vertical-align: top;
    border-radius: 6px;
    border: 5px solid #fff;
    margin-top:2px;
}
.global-navi .navi-contents .middle-side > *{
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 0.5em;
}
.global-navi .navi-contents .middle-side > * a{
display:inline-block;
}
/*====== 駅伝 ====== */
.ekiden #main-column{
font-size:1.6rem;
}
.ekiden .main-table{
width:100%;
margin-bottom:30px;
}
.ekiden .main-table caption{
margin-bottom:10px;
font-size:1.4rem;
position:relative;
}
.ekiden .main-table caption::before{
content:url("/common/tpcs/images/v1/ekiden/tokuchan_ekiden.svg");
display:block;
width:60px;
top:0;
left:40px;
position:absolute;
}
.ekiden .main-table caption::after{
content:url("/common/tpcs/images/v1/ekiden/ponpon_ekiden.svg");
display:block;
width:60px;
top:0;
right:40px;
position:absolute;
}
.ekiden .main-table caption span{
font-size:2rem;
display:block;
line-height:1.5;
font-weight:600;
}
.ekiden .main-table,.ekiden .main-table tr,.ekiden .main-table td,.ekiden .main-table th{
border:none;
}
.ekiden .main-table tr:nth-child(odd) td{
background-color:rgba(76,165,219,0.4);
}
.ekiden .main-table tr:first-child td{
border-bottom:3px solid #000;
background-color:transparent;
}
.ekiden .main-table td{
text-align:center;
line-height:1.5;
}
.ekiden .day-list{
background-color:rgba(76,165,219,0.1);
padding:20px;
margin:0 0 20px;
border-radius:20px;
}
.ekiden .day-list > div{
font-weight:600;
text-align:center;
background-color:#fff;
width:200px;
margin:0 auto 20px;
padding:10px 0;
border-radius:20px;
color:#03a9f4;
position:relative;
}
.ekiden .day-list > div::after{
content:url("/common/tpcs/images/v1/ekiden/torii_ekiden.svg");
display:block;
width:30px;
top:0;
position:absolute;
-webkit-transform:rotate(10deg);
    -ms-transform:rotate(10deg);
        transform:rotate(10deg);
right:10px;
}
.ekiden .day-list:nth-child(2) > div::before{
content:url("/common/tpcs/images/v1/ekiden/mori_ekiden.svg");
display:block;
width:30px;
top:0;
position:absolute;
left:10px;
}
.ekiden .day-list .link-parts{
display:block;
position:relative;
width: 500px;
margin: 0 auto;
}
.ekiden .day-list .link-parts a{
display:inline-block;
font-size:1.4rem;
background-color:#2bacf3;
position:relative;
color:#fff;
line-height:18px;
}
.ekiden .day-list .link-parts a::hover{
text-decoration:none;
opacity:0.8;
}
.ekiden .day-list .link-parts a.disabled{
display:inline-block;
font-size:1.4rem;
background-color:#ccc;
position:relative;
color:#fff;
line-height:18px;
pointer-events: none;
}
.ekiden .day-list .link-parts .before-day,.ekiden .day-list .link-parts .before-section{
float:left;
padding:5px 7px 5px 0px;
margin: 0 10px 0 15px;
}
.ekiden .day-list .link-parts .before-day::after,.ekiden .day-list .link-parts .before-section::after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 15px 14px 0;
border-color: transparent #2bacf3 transparent transparent;
position:absolute;
top:0;
left:-15px;
}
.ekiden .day-list .link-parts .before-day.disabled::after,.ekiden .day-list .link-parts .before-section.disabled::after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 15px 14px 0;
border-color: transparent #ccc transparent transparent;
position:absolute;
top:0;
left:-15px;
}
.ekiden .day-list .link-parts .after-day,.ekiden .day-list .link-parts .after-section{
float:right;
padding:5px 0px 5px 7px;
margin: 0 15px 0 10px;
}
.ekiden .day-list .link-parts .after-day::after,.ekiden .day-list .link-parts .after-section::after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 15px;
border-color: transparent transparent transparent #2bacf3;
position:absolute;
top:0;
right:-15px;
}
.ekiden .day-list .link-parts .after-day.disabled::after,.ekiden .day-list .link-parts .after-section.disabled::after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 15px;
border-color: transparent transparent transparent #ccc;
position:absolute;
top:0;
right:-15px;
}
.ekiden .link-parts .select-wrap-position{
position:absolute;
display:inline-block;
left:150px;
}
.ekiden .link-parts .select-wrap{
position:relative;
display:inline-block;
}
.ekiden .link-parts .select-wrap::after{
position: absolute;
content: "";
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
    transform: rotate(135deg);
top:4px;
}
.ekiden .link-parts .select-wrap select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
background:transparent;
display:block;
border-radius:0;
width:200px;
margin:0 auto;
border-bottom:2px solid #000;
font-size:1.8rem;
font-weight:600;
padding:0 2%;
text-align:center;
}
.ekiden .link-parts .select-wrap select::-ms-expand{
display:none;
}
.ekiden .day-list > ul li{
width:33.3%;
margin:0 0 10px;
float:left;
}
.ekiden .day-list > ul li:nth-child(3n+1){
clear:left;
}
.ekiden .day-list > ul li a{
display:inline-block;
padding:5px 10px;
border-radius:6px;
}
.ekiden .day-list > ul li a::before{
content:"";
display:inline-block;
width:15px;
height:15px;
background-color:#2bacf3;
border-radius: 7.5px;
vertical-align: text-top;
}
.ekiden .day-list > ul li a:hover{
text-decoration:none;
background:#fff;
}
.ekiden .result-box{
margin:40px 0;
border:3px solid #000;
padding:20px;
text-align:center;
}
.ekiden .result-box h3{
margin-bottom:10px;
}
.ekiden .result-box .select-wrap{
position:relative;
display:inline-block;
}
.ekiden .result-box .select-wrap::after{
position: absolute;
content: "";
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
    transform: rotate(135deg);
top:4px;
}
.ekiden .result-box select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
background:transparent;
display:block;
border-radius:0;
width:300px;
margin:0 auto;
border-bottom:2px solid #000;
font-size:1.8rem;
font-weight:600;
padding:0 2%;
}
.ekiden .result-box select::-ms-expand {
display: none;
}
.ekiden .no-info{
font-size:2.0rem;
font-weight:700;
margin:0px 0px 20px 0px;
padding:20px;
border-radius: 5px 5px 5px 5px;
background:#eee;
}
/* タイアップサブカラム */
#sub-column .tiup-box {
  width: 300px;
  box-sizing: border-box;
}
#sub-column .tiup-box.fixed {
  position: fixed;
}
#sub-column .tiup-box.fixed-bottom {
  position: absolute;
}
#sub-column .tiup-box .ad-block {
  border: solid 1px #928e8d;
  background: #fff;
}
#sub-column .tiup-box .ad-block p {
  margin: 0;
}
#sub-column .tiup-box .ad-block .title-box {
  background: #f4f4f4;
  border-left: solid 35px;
  border-bottom: solid 1px #928e8d;
  padding: 8px 10px;
}
#sub-column .tiup-box .ad-block .title-box .title {
  color: #444;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
#sub-column .tiup-box .ad-block .section {
  padding: 15px;
}
#sub-column .tiup-box .ad-block .section .company {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 5px;
  border-bottom: solid 1px;
  margin-bottom: 5px;
}
#sub-column .tiup-box .ad-block .section .logo {
  text-align: center;
  padding: 20px 0;
}
#sub-column .tiup-box .ad-block .section .logo a {
  display: block;
  font-size: 0;
}
#sub-column .tiup-box .ad-block .section .logo img {
  max-width: 280px;
}
#sub-column .tiup-box .ad-block .section img {
  max-width: 280px;
}
#sub-column .tiup-box .ad-block .section ul {
  margin: 10px 0;
}
#sub-column .tiup-box .ad-block .section ul li {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 7px;
}
#sub-column .tiup-box .ad-block .section .ad-link {
  text-align: center;
  margin-top: 15px;
}
#sub-column .tiup-box .ad-block .section .ad-link a {
  display: block;
  font-size: 16px;
}
#sub-column .tiup-box .ad-block .section .btn {
  background: #000;
  border-radius: 8px;
  text-align: center;
  line-height: 36px;
  position: relative;
  box-shadow: 0 3px #999;
  margin-top: 15px;
}
#sub-column .tiup-box .ad-block .section .btn a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
#sub-column .tiup-box .ad-block .section .btn:before {
  content: "";
  display: block;
  border-left: solid 8px #fff;
  border-top: solid 8px transparent;
  border-right: solid 8px transparent;
  border-bottom: solid 8px transparent;
  position: absolute;
  top: 10px;
  right: 15px;
}
#sub-column p {
margin: 0 0 20px;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
}
/* タイアップorange */
#sub-column .tiup-box .ad-block.orange .title-box {
  border-left: solid 35px #DF7401;
}
#sub-column .tiup-box .ad-block.orange .section .company {
  border-bottom: solid 1px #DF7401;
}
#sub-column .tiup-box .ad-block.orange .section .btn {
  background: #DF7401;
}
/* タイアップgreen */
#sub-column .tiup-box .ad-block.green .title-box {
  border-left: solid 35px #0B3B0B;
}
#sub-column .tiup-box .ad-block.green .section .company {
  border-bottom: solid 1px #0B3B0B;
}
#sub-column .tiup-box .ad-block.green .section .btn {
  background: #0B3B0B;
}
/* タイアップnavy-blue */
#sub-column .tiup-box .ad-block.navy-blue .title-box {
  border-left: solid 35px #0B0B61;
}
#sub-column .tiup-box .ad-block.navy-blue .section .company {
  border-bottom: solid 1px #0B0B61;
}
#sub-column .tiup-box .ad-block.navy-blue .section .btn {
  background: #0B0B61;
}
.pr-mark{
  text-align: right;
  font-size: 1.4em;
  font-weight: 500;
  color: #777;
  margin-bottom: 10px;
}
.pr-creative{
font-size:1.2em;
text-align:right;
margin-bottom:5px;
}
/*次ページ誘導*/
.article-next-page {
  width: 80%;
  box-sizing: border-box;
  margin: 30px auto 0 auto;
  position: relative;
  background: #eeedf3;
  font-size: 14px;
  color: #000;
  line-height: 1.4;
  z-index: 1;
}
.article-next-page a {
  padding: 8px 90px 8px 30px;
  display: block;
}
.article-next-page a:hover {
  text-decoration: none;
}
.article-next-page a:hover .next-title {
  text-decoration: underline;
}
.article-next-page::after {
  position: absolute;
  content: '';
  right: -2px;
  top: -2px;
  border: none;
  border-right: solid 80px white;
  border-bottom: solid 60px transparent;
  z-index: 2;
}
.article-next-page .next {
  font-size: 12px;
  padding-right: 1em;
}
.article-next-page .next-title {
  font-weight: bold;
}
/* 既存css上書き */
.standard .pagination {
  margin-top: 40px;
}
/* vie.js */
#app .loading{
  height:70px;
  text-align:center;
}
#app .loading .image{
  display: inline-grid;
  vertical-align: middle;
  margin-bottom: 6px;
  margin-right: 20px;
}
#app .loading .text{
  display: inline-grid;
}

/* NIEシート */
body.corporate .nie-explain{
margin-top:20px;
margin-bottom:20px;
border:solid 1px navy;
padding:10px;
}
body.corporate .nie-explain h3{
  font-size:2em;
  margin-bottom:20px;
}
body.corporate .nie-explain li{
  font-size:1.6em;
  margin-bottom:20px;
}
body.corporate .nie-explain .title{
  color:navy;
  font-weight:600;
  margin-bottom:10px;
}
body.corporate .nie-explain .title img{
  width:18px;
}
body.corporate .nie-explain .description{
  margin:10px;
}
body.corporate .nie-explain .remark{
  border:dotted 1px #333;
  font-size:1.3em;
  margin-bottom:40px;
  padding:10px;
}
body.corporate .nie-explain .remark div{
  font-size:1em;
  margin-top:20px;
}
body.corporate .nie-explain .publishing{
}
body.corporate .nie-explain .publishing .company{
  color:#333;
  font-size:1.4em;
  font-weight:500;
  text-decoration:underline;
}
body.corporate .nie-explain .publishing .description{
  color:#333;
  font-size:1.3em;
}