@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:scroll;position:relative;color:#000;font-weight:300;}

p{
overflow-wrap: break-word;
word-wrap: break-word;
word-break:break-all;
text-align:justify;
}
a img {
  border: none;
}
img {
border: 0px;
}
/*▼ 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{
border-left:4px solid #000;
margin-bottom:26px;
}
.heading span{
border-left:4px solid #d3d3d3;
display:block;
font-size:1.6rem;
font-weight:600;
padding:4px 10px;
line-height:1;
font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
}
/*▼ sub-heading共通スタイル ▼*/
.sub-heading{
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
text-align:center;
padding:15px 0;
}
.ranking .sub-heading{
padding:0 0 15px;
border-top:none;
}
.sub-heading span{
font-size:14px;
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;
}
/*▼ 頻出・共通パーツ ▼*/
/* 特集用カンバン */
.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-navigation{
border-top:2px solid #333;
border-bottom:2px solid #333;
margin-bottom:20px !important;
margin-top:10px !important;
}
.special-navigation 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-navigation ul li{
font-size:1.4rem;
font-weight:300;
padding:0 10px;
}
.special-navigation ul li a:hover{
font-weight:600;
text-decoration:none;
}
.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;
}
/* ログイン用カンバン */
#login-signage{
width:480px;
margin:0 auto 2rem;
background-color:#f3f3f3;
padding:20px 60px;
text-align:center;
}
#login-signage .title{
margin-bottom:30px;
}
#login-signage .title 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;
}
/*▲ 頻出・共通パーツ ▲*/
/*▼ ヘッダー ▼*/
header{
margin-bottom:20px;
}
header .header-link{
width:996px;
margin:0 auto 10px;
padding:6px 2px;
text-align:right;
}
.header-link ul{
list-style:none;
margin:0;
padding:0;
}
.header-link ul li{
display:inline;
font-size:1.1rem;
line-height:1;
padding:0 15px;
}
.header-link ul li img{
width:1.6rem;
height:1.6rem;
vertical-align:sub;
padding-right:0.5rem;
}
#header-inner{
width:998px;
margin:0 auto 16px;
padding:0 0px 13px 2px;
border-bottom:2px solid #000;
}
#header-inner .logo{
float:left;
width:210px;
margin:10px;
}
#header-inner .logo img{
width:100%;
}
#header-inner .menu{
float:right;
width:740px;
position:relative;
}
#header-inner .menu .roof .date{
font-size:1.4rem;
font-weight:600;
color:#000;
line-height:1;
float:left;
margin-top:7px;
margin-right:1%;
}
#header-inner .menu .roof .weather{
font-size:1.2rem;
line-height:1;
float:left;
margin-top:5px;
margin-right:1%;
}
#header-inner .menu .roof .weather .weather-i{
width:3.4rem;
height:1.6rem;
text-align:center;
padding-left:0.5rem;
display:inline-block;
}
#header-inner .menu .roof .weather .weather-i img{
vertical-align:sub;
height:100%;
}
#header-inner .menu .roof .member-btn{
float:left;
margin-top:3px;
}
#header-inner .menu .roof .member-btn a{
font-size:1rem;
text-align:center;
border:1px solid #666;
border-radius:4px;
padding:4px 10px;
color:#666;
display:inline-block;
line-height:1;
margin-right:0.6rem;
}
#header-inner .menu .roof .member-btn a:hover{
border:1px solid #000;
color:#fff;
background-color:#000;
text-decoration:none;
}
#header-inner .menu .roof .search{
float:right;
border-bottom:1px solid #d3d3d3;
padding:0 1%;
}
#header-inner .menu .roof .search input.search-input{
font-size:1.3rem;
color:#666;
border:none;
padding:0 10px 4px;
line-height:1;
}
#header-inner .menu .roof .search input.search-input:focus{
outline:none;
color:#000;
font-weight:600;
}
#header-inner .menu .roof .search input.search-button{
width:46px;
border:none;
background: url(/common/saga/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;
}
#header-inner .menu #sitenavi{
position:absolute;
width:100%;
height:74px;
top:33px;
}
#header-inner .menu #sitenavi ul{
list-style:none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap:nowrap;
justify-content:space-between;
padding:0;
margin:0;
}
#header-inner .menu #sitenavi ul li{
width:16%;
text-align:center;
font-size:1.4rem;
line-height:1;
}
#header-inner .menu #sitenavi ul li a{
height:1.4rem;
width:100%;
display:block;
padding:1.2rem 0;
}
#header-inner .menu #sitenavi ul li a span{
padding-right:1.6rem;
position:relative;
}
#header-inner .menu #sitenavi ul li a span::after{
content:"";
display:block;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 8.7px 5px 0 5px;
border-color: #ccc transparent transparent transparent;
right:0;
top:0.3rem;
}
#header-inner .menu #sitenavi ul li a:hover{
background-color:#999;
color:#fff;
text-decoration:none;
}
#header-inner .menu #sitenavi ul li a:hover span::after{
border-color: #fff transparent transparent transparent;
}
#header-inner .menu #sitenavi .logo,#header-inner .menu #sitenavi .search{
display:none;
}
#header-inner .menu #sitenavi .sub-menu{
background-color:#fff;
width:100%;
border-bottom:1px solid #000;
display:none;
height:34px;
margin-top:2px;
overflow:hidden;
box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);
}
#header-inner .menu #sitenavi .sub-menu .sub{
display:none;
padding:0 5%;
}
#header-inner .menu #sitenavi .sub-menu ul li{
font-size:1.3rem;
padding:1rem 0;
float:left;
width:auto;
margin-right:3.7%;
}
#header-inner .menu #sitenavi .sub-menu ul li:last-child{
margin-right:0;
}
#header-inner .menu #sitenavi .sub-menu ul li a{
padding:0;
display:inline;
}
#header-inner .menu #sitenavi .sub-menu ul li a:hover{
background-color:#fff;
color:#000;
font-weight:600;
}
#sitenavi-second{
background-color:#fff;
border-bottom:2px solid #000;
box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);
display:none;
}
#sitenavi-second .sitenavi-inner{
width:980px;
padding:0 1rem 0;
margin:0 auto;
}
#sitenavi-second .sitenavi-inner .logo{
width:130px;
margin:0.7rem 0 0;
}
#sitenavi-second .sitenavi-inner .search{
float:right;
width:2.2rem;
margin:0.7rem 0 0 1rem;
}
#sitenavi-second .sitenavi-inner .search a{
display:block;
}
#sitenavi-second .sitenavi-inner .search img{
width:100%;
display:block;
}
#sitenavi-second .sitenavi-inner .main-unit{
float:right;
list-style:none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap:nowrap;
justify-content:space-between;
padding:0;
margin:0;
width:740px;
}
#sitenavi-second .main-unit li{
width:16%;
text-align:center;
font-size:1.4rem;
line-height:1;
}
#sitenavi-second .main-unit li a{
height:1.4rem;
width:100%;
display:block;
padding:1.2rem 0;
}
#sitenavi-second .main-unit li a span{
padding-right:1.6rem;
position:relative;
}
#sitenavi-second .main-unit li a span::after{
content:"";
display:block;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 8.7px 5px 0 5px;
border-color: #ccc transparent transparent transparent;
right:0;
top:0.3rem;
}
#sitenavi-second .main-unit li a:hover{
background-color:#999;
color:#fff;
text-decoration:none;
}
#sitenavi-second .main-unit li a:hover span::after{
border-color: #fff transparent transparent transparent;
}
#sitenavi-second .sub-menu{
margin:0;
padding:0;
border-top:1px solid #000;
height:2.9rem;
overflow:hidden;
}
#sitenavi-second .sub-menu .sub{
width:996px;
padding:0 2px;
margin:0 auto;
display:none;
list-style:none;
}
#sitenavi-second .sub-menu .sub li{
font-size:1.2rem;
padding:0.8rem 0;
float:left;
width:auto;
margin-right:5%;
line-height:1;
}
header .top-banner{
margin:0 auto;
text-align:center;
min-height:90px;
}
header .top-banner img{
display:block;
margin:0 auto;
}
/*▼ contents ▼*/
.contents-inner{
width:996px;
margin:0 auto;
padding:0 2px;
}
.newsletter{
clear:both;
border-bottom:1px solid #b3b3b3;
padding:0 1% 14px;
margin-bottom:20px;
}
.newsletter .label{
font-size:1.2rem;
letter-spacing:0.05rem;
color:#fff;
background-color:#b4b4b4;
width:5%;
float:left;
height:1.2rem;
text-align:center;
position:relative;
padding:1rem 0;
line-height:1;
}
.newsletter .label::after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 16px 0 16px 12px;
border-color: transparent transparent transparent #b4b4b4;
position:absolute;
right:-12px;
top:0;
}
.newsletter ul{
list-style:none;
padding:0;
margin:0;
float:right;
width:90%;
}
.newsletter ul li{
float:left;
width:50%;
font-size:1.3rem;
letter-spacing:0.05rem;
margin-bottom:8px;
line-height:1;
}
.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;
}
/*▼ メインカラム ▼*/
#main-column{
width:660px;
float:left;
margin-right:10px;
margin-bottom:60px;
padding:0 0 0 7px;
}
#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/saga/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;
/* 重複している線を消す
border-bottom:1px solid #efefef;
padding-bottom:10px;
*/
margin-bottom:20px;
}
#headline-inner{
margin-bottom:20px;
}
.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:0;
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,#ccc,#000);
-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-slide-area{
float:right;
width:280px;
height:250px;
position:relative;
overflow:hidden;
}
.headline-slide-area .slide{
width:280px;
height:250px;
}
.headline-slide-area .slide .photo{
width:280px;
height:210px;
}
.headline-slide-area .prev{
position:absolute;
width:22px;
height:32px;
cursor:pointer;
text-indent:-100em;
background:url(/common/saga/images/v1/common/arrow-prev.svg) no-repeat;
background-size:22px 32px;
top:92px;
left:5px;
overflow:hidden;
display:none;
}
.headline-slide-area:hover .prev{
display:block;
}
.headline-slide-area .next{
position:absolute;
width:22px;
height:32px;
cursor:pointer;
text-indent:-100em;
background:url(/common/saga/images/v1/common/arrow-next.svg) no-repeat;
background-size:22px 32px;
top:92px;
right:5px;
overflow:hidden;
display:none;
}
.headline-slide-area:hover .next{
display:block;
}
.headline-slide-area .slide .photo .i-photo{
position:relative;
width:280px;
height:210px;
margin-bottom:8px;
}
.headline-slide-area .slide .photo .i-photo a{
display:block;
}
.headline-slide-area .slide .photo .i-photo img{
position: absolute;
display:block;
max-width:100%;
max-height:100%;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.headline-slide-area .slide .photo .caption{
font-size:1.2rem;
letter-spacing:0.05rem;
text-align:center;
display:block;
}
.headline-link{
padding:0 1%;
}
.headline-link a{
color:#666;
}
.headline-link .go-phlist{
font-size:1.2rem;
//width:50%;
float:right;
}
.headline-link .go-newslist{
font-size:1.2rem;
//width:50%;
float:left;
text-align:right;
}
/*▼ メインカラム-pickup ▼*/
#pickup{
margin-bottom:2rem;
}
#pickup .article-section .article{
width:200px;
float:left;
margin:0 0 40px 0;
}
#pickup .article-section .article a{
display:block;
}
#pickup .article-section .article:nth-child(3n){
margin-right:0;
}
#pickup .article-section .article .thumb{
margin-bottom:10px;
}
#pickup .article-section .article .thumb img{
width:100%;
display:block;
}
#pickup .article-section .article a:hover .thumb{
opacity:0.7;
}
#pickup .article-section .article .title{
padding:0 6px;
font-size:1.6rem;
line-height:1.5;
}
#pickup .article-section .article .title img{
vertical-align:middle;
padding-left:0.5rem;
}
#pick-article{
width:660px !important;
}
#top-news-1,#top-news-2{
clear:both;
}
#top-news-1 .news-block,#top-news-2 .news-block{
width:212px;
clear:none;
float:left;
margin:0 10px 0px 0px;
}
#top-news-1 .news-block:nth-of-type(3n),#top-news-2 .news-block:nth-of-type(3n){
margin: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.5rem;
font-weight:600;
letter-spacing:0.05rem;
border-bottom:1px solid #000;
padding:4px 10px;
margin-bottom:10px;
}
.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 .title{
min-height:44px;
}
.top-news .news-section .news .article:last-child .title{
margin-bottom:0;
}
.top-news .news-section .news .article .title span{
font-size:15px;
line-height:1.5;
letter-spacing:0.05rem;
}
.top-news .news-section .news .article .title .date{
font-size:1rem;
}
.top-news .news-section .news .article .title 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;
  pointer-events: none;
}
.top-news .button span:nth-child(1) {
  background-color: #000;
  color: #fff;
  -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: #000;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.recom{
margin-bottom:40px;
}
.recom img{
width:100%;
display:block;
}
.banner-section .banner-section-inner{
padding:20px 10px;
}
.banner-section .banner-section-inner .bn{
float:left;
margin-right:20px;
width:310px;
margin-bottom:10px;
}
.banner-section .banner-section-inner .bn:nth-child(2n){
margin-right:0;
}
.banner-section .banner-section-inner .bn:nth-child(3),.banner-section .banner-section-inner .bn:nth-child(4){
margin-bottom:0;
}
.banner-section .banner-section-inner .bn a{
display:block;
}
.banner-section .banner-section-inner .bn a img{
width:100%;
display:block;
}
/*▼ サブカラム ▼*/
#sub-column{
width:300px;
float:right;
margin-bottom:60px;
}
.subscript-btn{
padding-bottom:16px;
border-bottom:1px solid #efefef;
margin-bottom:16px;
}
.subscript-btn-inner{
width:250px;
margin:0 auto;
}
.subscript-btn a{
display:block;
border-radius:4px;
border:1px solid #000;
padding:8px 0;
text-align:center;
font-size:1.2rem;
color:#000;
width:120px;
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;
}
.subscript-btn a:nth-child(2){
float:right;
}
.subscript-btn a:hover{
background-color:#000;
text-decoration:none;
color:#fff;
}
.subscript-btn a img{
width:0.8rem;
vertical-align:text-top;
padding-left:0.5rem;
}
.ranking .ranking-tab{
border-top:2px solid #efefef;
border-bottom:2px solid #efefef;
margin:0;
padding:0;
list-style:none;
display:table;
cursor:pointer;
}
.ranking .ranking-tab li{
display:table-cell;
width:100px;
text-align:center;
font-size:1.4rem;
letter-spacing:0.05rem;
padding:4px 4px 4px 0;
border-right:1px dashed #ccc;
}
.ranking .ranking-tab li:last-child{
border-right:none;
}
.ranking .ranking-tab li span{
width:96px;
display:block;
}
.ranking .ranking-tab li.current span{
background-color:#f7f5f5;
font-weight:600;
}
.ranking .ranking-list{
list-style:none;
margin:0;
padding:0;
}
.ranking .ranking-list .tab-list{
display:none;
}
.ranking .ranking-list .tab-list.current{
display:block;
}
.ranking .ranking-list .tab-list ul{
padding:10px 0 10px 2px;
list-style:none;
margin:0;
}
.ranking .ranking-list .tab-list ul li{
padding-bottom:10px;
border-bottom:1px dashed #efefef;
margin-bottom:10px;
padding-right:10px;
}
.ranking .ranking-list .tab-list ul li .thumb{
width:110px;
height:78px;
position:relative;
display:block;
background-color:#efefef;
float:left;
}
.ranking .ranking-list .tab-list ul li .thumb img{
max-width:100%;
max-height:100%;
margin:auto;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.ranking .ranking-list .tab-list ul li .rank{
background-color:#fff;
border:1px solid #000;
color:#000;
font-weight:600;
font-size:1.2rem;
width:2rem;
height:2rem;
display:block;
text-align:center;
line-height:2rem;
display:block;
float:left;
}
.ranking .ranking-list .tab-list ul li .thumb .rank{
position:absolute;
z-index:1;
top:0;
left:0;
}
.ranking .ranking-list .tab-list ul li .article-title{
width:256px;
font-size:1.6rem;
line-height:1.5;
float:right;
display:block;
}
.ranking .ranking-list .tab-list ul li.main .article-title{
width:158px;
}
.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 .title{
color:#666;
font-weight:600;
display:block;
font-size:1.4rem;
}
.link ul li .text a:hover .title{
color:#000;
text-decoration:underline;
}
.subscription{
background-color:#efefef;
border-top:1px solid #ccc;
padding:6px 10px 10px;
margin-bottom:30px;
}
.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;
box-shadow:0px 5px 0px 0px #d7d7d7;
-moz-box-shadow:0px 5px 0px 0px #d7d7d7;
-webkit-box-shadow:0px 5px 0px 0px #d7d7d7;
font-size:1.4rem;
color:#4d4c4c;
font-weight:600;
line-height:1.4;
padding:12px 12px 16px 12px;
background-image:url(/common/saga/images/v1/common/ico-paper.png);
border:1px solid #fff;
}
.subscription .subscription-inner .btn li:nth-child(2) a{
padding:14px 12px 14px 46px;
background-image:url(/common/saga/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;
}
/*▼ サブカラム　レクタングル ▼*/
#sub-column .rectangle{
margin-bottom:20px;
}
#sub-column .rectangle img{
width:100%;
display:block;
}
/*▼ コンテンツボトムメニュー ▼*/
#contents-bottom{
clear:both;
border-top:1px solid #000;
padding:20px 0;
margin-bottom:50px;
}
.bottom-menu{
border-bottom:1px solid #efefef;
padding:0 20px 20px;
margin-bottom:30px;
}
.bottom-menu ul{
list-style:none;
margin:0;
padding:0;
}
.bottom-menu ul .category{
width:305px;
float:left;
margin-right:20px;
}
.bottom-menu ul .category:last-child{
margin-right:0;
}
.bottom-menu ul .category .title{
font-size:1.6rem;
display:block;
border-left:4px solid #333;
padding-left:8px;
line-height:1;
font-weight:600;
color:#333;
margin-bottom:16px;
}
.bottom-menu ul .category:last-child .subcategory{
margin-bottom:30px;
}
.bottom-menu ul .category .subcategory{
padding:0 4px;
}
.bottom-menu ul .category .subcategory:last-child{
margin-bottom:0;
}
.bottom-menu ul .category .subcategory li{
font-size:1.3rem;
line-height:1;
margin-bottom:10px;
}
.bottom-menu ul .category .subcategory li:last-child{
margin-bottom:0;
}
.bottom-menu ul .category .subcategory li a{
color:#666;
}
.news-link{
border-bottom:1px solid #efefef;
padding:0 20px 20px;
margin-bottom:30px;
}
.news-link .title{
font-size:1.6rem;
display:block;
border-left:4px solid #333;
padding-left:8px;
line-height:1;
font-weight:600;
color:#333;
margin-bottom:16px;
}
.news-link .links a{
border-right:1px solid #efefef;
padding:0 6px 0 6px;
font-size:1.3rem;
color:#999;
display:block;
float:left;
}
.news-link .links a:last-child{
clear:left;
}
.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) ▼*/
.article-body{
margin-bottom:40px;
}
.article-body p{
font-size:1.6rem;
line-height:1.9;
}
.article-body ul,.article-body ol{
font-size:1.6rem;
}
/*▼ 記事ページ ▼*/
/*パンくず・看板*/
#breadcrumb{
margin-bottom:30px;
}
#breadcrumb span{
font-size:1.2rem;
color:#333;
line-height:1;
padding:4px 14px;
}
#breadcrumb a span{
background-color:#fff;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
display:inline-block;
position:relative;
margin-right:-3px;
}
#breadcrumb a:first-child span{
background-color:#f6f6f6;
z-index:3;
}
#breadcrumb a:nth-child(2) span{
z-index:2;
}
#breadcrumb a:nth-child(3) span{
z-index:1;
}
#breadcrumb a:nth-child(n+2) span{
padding-left:22px;
}
#breadcrumb a:hover span{
background-color:#000;
color:#fff;
}
#breadcrumb a span::before,#breadcrumb a span::after{
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
left: 100%;
top: 50%;
}
#breadcrumb a span::after{
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 10px;
margin-top: -10px;
}
#breadcrumb a:first-child span::after{
border-left-color: #f6f6f6;
}
#breadcrumb a:hover span::after{
border-left-color: #000;
}
#breadcrumb a span::before{
border-color: rgba(204, 204, 204, 0);
border-left-color: #ccc;
border-width: 11px;
margin-top: -11px;
}
#breadcrumb a:last-child span{
border:none;
}
#breadcrumb a:last-child span::before,#breadcrumb a:last-child span::after{
display:none;
}
#breadcrumb .lowermost::before,#breadcrumb .lowermost::after{
display:none;
}
#signage{
border-bottom:1px solid #333;
padding:0 10px 10px;
margin-bottom:40px;
}
#signage .title{
margin-bottom:20px;
}
#signage .title h1{
font-size:2.75rem;
line-height:1.6;
font-weight:600;
margin:0 0 8px;
}
#signage .title h2{
font-size:2.0rem;
line-height:1;
margin:0;
font-weight:600;
}
#signage .pubdate{
font-size:1.4rem;
line-height:1;
text-align:right;
}
/*.article-body（固定の指定)*/
.article-image-block{
float:left;
width:300px;
margin:0 20px 10px 0;
}
.article-image-block .main-image{
margin-bottom:20px;
}
.article-image-block .main-image .image{
width:300px;
height:225px;
background-color:#efefef;
position:relative;
margin-bottom:10px;
}
.article-image-block .main-image .image img{
max-width:100%;
max-height:100%;
margin:auto;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.article-image-block .main-image .caption{
font-size:1.4rem;
line-height:1.3;
padding:0 10px;
}
.article-image-block .rectangle{
margin-bottom:20px;
}
/*▼ 記事ページ 投稿された画像の指定▼*/
.article-body .image-area .caption{
font-size:1.4rem;
line-height:2rem;
margin:4px 0 0;
}
.article-body .figure-left{
margin:0 20px 10px 5px;
float:left;
}
.article-body .figure-right{
margin:0 5px 10px 20px;
float:right;
}
.article-body .figure-center{
margin:0 auto;
}
.combo .image-area, .combo .figure-center {
    width: 100% !important;
}
.article-body .images-2cols .image-area{
width:49%;
float:left;
}
.article-body .images-2cols .image-area:first-child{
clear:both;
}
.article-body .images-2cols .image-area:nth-child(even){
margin-left:2%;
}
.article-body .images-3cols{
list-style:none;
padding:0;
}
.article-body .images-3cols .image-area{
width:210px;
float:left;
}
.article-body .images-3cols .image-area:first-child{
clear:both;
}
.article-body .images-3cols .image-area:nth-child(n+2){
margin-left:15px;
}
.article-body .images-3cols .image-area img{
width:100%;
}
.article-body .images-2cols .image-area img{
width:100%;
}
.article-body .image-area .figure-left img{
width:100%;
}
.article-body .image-area .figure-right img{
width:100%;
}
.article-body .image-area .figure-center img{
width:100%;
}
.article-body .main-image{
width:100%;
}
.article-body h2,.article-body h3 {
margin: 15px 0px 0px 0px;
font-size:2rem;
line-height:1.4;
color: #000;
padding-left:10px;
}
.static h2,.static h3{
border-left:4px solid #000;
}
.article-body h4 {
border-bottom: solid 1px #000;
font-size: 1.8rem;
font-weight: bold;
padding: 5px 0 0 10px;
margin: 1em 0;
letter-spacing: 0.05em;
clear: both;
}
/*▲ 記事ページ 投稿された画像の指定ここまで▲*/

/*▼ 記事ページ 画像のデフォルト表示※レクタングルとセットのもの▼*/
.article-body .img-rectangle{
float:left;
width:300px;
margin:0 20px 10px 0;
}
.article-body .img-rectangle.no-image{
float:right;
margin:10px 0px 10px 10px;
}
.article-body .article-photo-slide{
margin-bottom:20px;
}
.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:#000;
padding:2px 10px 2px 27px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-image:url("/common/saga/images/v1/common/rupe-glay.svg");
background-repeat:no-repeat;
background-position:6px 3px;
background-size:16px;
}
.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-sns{
clear:both;
}
.article-sns .hb-button{
float:right;
margin-left:1rem;
}
.article-sns .hb-button iframe{
width:20px !important;
height:20px !important;
}
.article-sns .line-it-button{
float:right;
margin-left:1rem;
}
.article-sns .fb-share-button{
float:right;
margin-left:1rem;
}
.article-sns .tw-share-button{
float:right;
}
/*▲ 記事ページ 画像のデフォルト表示※レクタングルとセットのものここまで▲*/

/*▼ 記事ページ 共通パーツ▼*/
/*▼ 記事ページ もっと読む▼*/
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;
}

/*▼ 記事ページ ページネーション▼*/
#main-column .pagination{
vertical-align:baseline;
text-align:center;
clear:both;
margin-bottom:2rem;
}
.standard .pagination span{
display:inline-block;
border:1px solid #000;
font-size:2rem;
width:4rem;
height:4rem;
text-align:center;
color:#666;
vertical-align:middle;
margin-left:8px;
line-height:2;
}
#main-column .pagination a{
display:inline-block;
}
.standard .pagination .current{
background-color:#000;
color:#fff;
}
.standard .pagination a .next{
position:relative;
text-indent:-1000em;
}
.standard .pagination a .prev{
position:relative;
text-indent:-100em;
}
.standard .pagination .next::before,.standard .pagination .prev::before{
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
display: inline-block;
border: 2px solid #666;
width: 10px;
height: 10px;
position: absolute;
border-top: medium none;
border-left: medium none;
}
.standard .pagination .next::before{
right: 0.7rem;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.standard .pagination .prev::before{
transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
left: 0.7rem;
}
/*▼ 記事ページ関連記事 ▼*/
#related-article{
margin-bottom:30px;
}
#related-article .article-unit{
margin-bottom:10px;
}
#related-article .heading{
border-bottom:1px solid #ccc;
margin-bottom:14px;
}
#related-article .article{
width:157px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
#related-article .article:nth-child(n+5){
margin-bottom:0;
}
#related-article .article:nth-child(5){
clear:left;
}
#related-article .article:nth-child(4n){
margin-right:0;
}
#related-article .article .thumb{
width:100%;
height:104px;
background-color:#efefef;
position:relative;
margin-bottom:10px;
}
#related-article .article .thumb a{
display:block;
}
#related-article .article .thumb a:hover{
opacity:0.7;
}
#related-article .article .thumb img{
max-width:100%;
max-height:100%;
margin:auto;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
#related-article .article .thumb .date{
position:absolute;
display:block;
background-color:#000;
color:#fff;
font-size:1rem;
width:4rem;
height:1.6rem;
line-height:1.6;
text-align:center;
right:0;
top:0;
}
#related-article .article .title{
font-size:1.5rem;
line-height:1.5;
}
/*▼フォトギャラリーページの指定▼*/
.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:450px;
}
#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 .title{
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/saga/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/saga/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;
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 .title{
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;
}
/*▲フォトギャラリーページの指定▲*/

/*▼記事一覧の指定▼*/
#article-category-list{
margin-bottom:60px;
}
#article-category-list .heading{
border-bottom:1px solid #ccc;
}
#article-category-list .article{
padding-bottom:2rem;
border-bottom:1px dashed #efefef;
margin-bottom:2rem;
}
#article-category-list .article .thumb{
width:160px;
height:120px;
position:relative;
float:left;
}
#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 .title{
width:470px;
float:right;
}
#article-category-list .article .title .main-title{
font-size:1.8rem;
font-weight:600;
line-height:1.4;
display:inline;
margin-bottom:0.8rem;
padding-bottom:2px;
}
#article-category-list .article .title .title-date{
display:block;
margin-top:0.8rem;
}
#article-category-list .article .title .sub-title{
font-size:1.4rem;
line-height:1;
display:inline-block;
margin-bottom:1rem;
font-weight:200;
}
#article-category-list .article .title .date{
font-size:1rem;
color:#999;
font-weight:300;
margin-bottom:1rem;
display:inline-block;
}
#article-category-list .article .title .detail{
font-size:1.4rem;
line-height:1.5;
color:#666;
display:block;
}
#article-category-list .article .title a:hover{
text-decoration:none;
}
#article-category-list .article .title a:hover .main-title{
border-bottom:2px solid #000;
padding-bottom:0;
}
#article-category-list .article .title a:hover .sub-title{
opacity:0.8;
}
#article-category-list .article .title a:hover .detail{
opacity:0.8;
}
/*▼no-image記事一覧の指定▼*/
#article-category-list .ni-article .title{
width:100%;
float:none;
}
#article-category-list .ni-article .title a{
display:block;
}
#article-category-list .ni-article .title .title-date{
display:inline;
}
/*▼検索結果0件▼*/
.no-result{
font-size:2rem;
margin:2rem 0;
font-weight:600;
text-align:center;
}
/*▲記事一覧の指定▲*/
/*▼おくやみ▼*/
.okuyami #article-category-list .heading,.okuyami .article-body .heading{
border-left:4px solid #662f93;
}
.okuyami #article-category-list .heading span,.okuyami .article-body .heading span{
border-left:4px solid #cdaee7;
}
.okuyami .detail-search{
background-color:#f8f1fd;
padding:20px 60px;
width:480px;
margin:0 auto 40px;
}
.okuyami .detail-search .detail{
font-size:1.4rem;
line-height:1.6;
text-align:center;
margin-bottom:30px;
}
.okuyami .detail-search .search .search-input{
border-radius:20px;
border:none;
width:288px;
padding:13px 20px;
font-size:1.4rem;
color:#666;
margin-right:10px;
letter-spacing:0.075rem;
}
.okuyami .detail-search .search .search-button{
background-color:#662f93;
border-radius:10px;
border: none;
color:#fff;
font-size:1.2rem;
font-weight:600;
letter-spacing:0.075rem;
padding:11px;
}
.okuyami .day-section .day,.okuyami .article-body .date{
font-size:1.8rem;
border-bottom:1px dashed #efefef;
padding-left:18px;
position:relative;
}
.okuyami .day-section .day::before,.okuyami .article-body .date::before{
display:block;
content:"";
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 12.1px 7px 0 7px;
border-color: #662f93 transparent transparent transparent;
left:0;
top:8px;
}
.okuyami .day-section table{
font-size:1.6rem;
border-collapse: separate;
margin:10px 0 30px 20px;
display:none;
}
.okuyami .day-section table.current{
display:block;
}
.okuyami .article-body table.main a{
color:#662f93;
}
.okuyami .day-section table tr th{
text-align:left;
font-weight:300;
color:#666;
width:190px;
}
.okuyami .explain{
font-size:1.4rem;
line-height:1.6;
padding:0 20px;
margin-bottom:40px;
}
.okuyami .article-body table.main{
margin:20px 0 60px;
border-collapse:collapse;
width:100%;
}
.okuyami .article-body table.main tr{
background-color:#fcf8ff;
}
.okuyami .article-body table.main tr:nth-child(even){
background-color:#fff;
}
.okuyami .article-body table.main tr th{
font-size:1.4rem;
color:#333;
font-weight:300;
text-align:left;
padding:15px 20px;
line-height:1;
}
.okuyami .article-body table.main tr td{
font-size:1.6rem;
font-weight:300;
line-height:1.5;
padding:10px 0;
}
/* おくやみ検索結果ページ */
.okuyami .unit{
font-size:1.6rem;
margin-bottom:1rem;
}
.okuyami .unit .date{
color:#999;
padding-right:1.6rem;
}
.okuyami .unit .name{
font-weight:600;
padding-right:1.6rem;
}
.okuyami .unit .address{
font-weight:200;
}
.okuyami .unit a:hover{
text-decoration:none;
}
.okuyami .unit a:hover .name{
text-decoration:underline;
}
.okuyami-search-list{
margin-bottom:4rem;
}
/*▲おくやみ▲*/

/* ▼お天気ページ▼ */
#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 .today .heading span,.weather .tomorrow .heading span{
border:none;
padding:0 1rem 4px;
border-bottom:1px dashed #909090;
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{
wdth: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配下ページ▲ */
/*▼ サガン鳥栖 ▼*/
.sagan-signage{
width:100%;
margin-bottom:40px;
}
.sagan-signage a{
display:block;
}
.sagan-signage img{
width:75%;
display:block;
float:right;
}
.sagan-signage .s-logo{
width:20%;
display:block;
float:left;
margin-top: 16px;
margin-left: 18px;
}
.sagan-signage ul{
list-style:none;
background-color:#000;
margin:0;
padding:0;
clear:both;
text-align:center;
}
.sagan-signage ul li{
display: inline-block;
position: relative;
}
.sagan-signage ul li a{
  font-size: 1.2rem;
  display: block;
  padding: 10px 18px;
  color: #fff;
  letter-spacing: 0.5px;
}
.sagan-signage ul li:after{
  content: '';
  width: 1px;
  height: 24px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -2px;
}
.sagan-signage ul li:last-child:after {
  display: none;
}
.sagan-article{
margin-bottom:60px;
}
.sagan-article .article{
width:206px;
float:left;
margin-left:20px;
min-height:232px;
margin-bottom:40px;
}
.sagan-article .article:nth-child(3),.sagan-article .article:nth-child(3n){
margin-left:0;
clear:left;
}
.sagan-article .article:nth-child(1),.sagan-article .article:nth-child(2){
width:320px;
min-height:294px;
}
.sagan-article .article:nth-child(1){
margin-left:0;
}
.sagan-article .article .thumb{
width:100%;
height:155px;
overflow:hidden;
margin-bottom:10px;
position:relative;
}
.sagan-article .article:nth-child(1) .thumb,.sagan-article .article:nth-child(2) .thumb{
height:240px;
}
.sagan-article .article .thumb img{
max-width:100%;
max-height:100%;
margin:auto;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.sagan-article .article a{
display:block;
}
.sagan-article .article a:hover{
text-decoration:none;
color:#f268ae;
}
.sagan-article .article a:hover .thumb{
opacity:0.6;
}
.sagan-article .article .title{
font-size:1.6rem;
line-height:1.4;
}
.sagan-article .article .title .main-title{
font-weight:600;
}
.sagan-article .article .title .date{
font-size:1rem;
color:#999;
}
.sagan .s-banner{
width:100%;
margin-bottom:20px;
}
.sagan .s-banner a{
display:block;
}
.sagan .s-banner img{
display:block;
width:100%;
}
.sagan .sagan-rectangle{
width:100%;
margin-bottom:20px;
}
.sagan .sagan-rectangle a{
display:block;
}
.sagan .sagan-rectangle a img{
width:100%;
display:block;
}
.sagan .sagan-youtube{
margin-bottom:20px;
}
.sagan .sagan-youtube .title{
font-size:1.6rem;
background-color:#9EDAF4;
line-height:1;
color:#fff;
padding:6px 10px;
}
/* レッドトルネード（レイアウト同） */
.red .sagan-signage img{
width:100%;
float:none;
}
.red .sagan-signage ul{
text-align:left;
}
.red .banner-title{
font-size:1.4rem;
margin-bottom:1rem;
}
/* 家族団らん（レイアウト同） */
.kazoku .sagan-signage img{
width:100%;
float:none;
}
.kazoku .sagan-signage ul{
text-align:left;
background:#EB982E;
}
.kazoku .banner-title{
font-size:1.4rem;
margin-bottom:1rem;
}
/*▼ 家族団らん用　headingスタイル ▼*/
.kazoku .heading{
border-left:4px solid #EB982E;
margin-bottom:26px;
}
.kazoku .heading span{
border-left:4px solid #F6DDCC;
display:block;
font-size:1.6rem;
font-weight:600;
padding:4px 10px;
line-height:1;
font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
}
/* 花とみどり（レイアウト同） */
.hana-midori .sagan-signage img{
width:100%;
float:none;
}
.hana-midori .sagan-signage ul{
text-align:left;
background:#3a3;
}
.hana-midori .banner-title{
font-size:1.4rem;
margin-bottom:1rem;
}
/* ▲サガン鳥栖▲ */
/* データベースの検索標準 */
.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;
}
/* データベースの検索標準 */
/*▼ 書籍ページ ▼*/
.books .books-ex{
font-size:1.4rem;
margin-top:-4px;
margin-bottom:30px;
padding:1rem;
border:3px double #efefef;
}
.books .books-ex.under{

padding:2rem;
margin-top:20px;
}
.books .books-ex.under .s-ex{
font-weight:600;
display:block;
margin:1rem 0;
}
.books .books-ex.under p{
margin-bottom:20px;
}
.books .books-ex.under .ss-ex{
background-color:#f3f3f3;
padding:1rem;
border-radius:10px;
}
.books .books-list{
margin-bottom:4rem;
}
.books .books-article{
margin-bottom:2rem;
}
.books .books-article .thumb{
width:100px;
float:left;
}
.books .books-article .thumb img{
width:100%;
display:block;
}
.books .books-article .text{
width:540px;
float:right;
}
.books .books-article .text .title{
font-size:1.6rem;
font-weight:600;
line-height:1.6;
margin-bottom:1rem;
}
.books .books-article .text .mrk{
font-size:1.2rem;
background-color:#666;
padding:4px 8px;
color:#fff;
}
.books .books-article .text .key{
padding:4px 8px;
font-size:1.2rem;
background-color:#efefef;
}
.books-detail .book-unit{
font-weight:200;
}
.books-detail .book-unit .thumb{
width:200px;
float:left;
margin-bottom:4rem;
}
.books-detail .book-unit .thumb img{
width:100%;
display:block;
}
.books-detail .book-unit .text{
width:420px;
float:right;
font-size:1.4rem;
line-height:1.6;
margin-bottom:4rem;
}
.books-detail .book-unit .text span{
display:inline-block;
padding:0 8px;
letter-spacing:0.1rem;
font-size:1.2rem;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.books-detail .book-unit .text .author{
margin-bottom:1rem;
}
.books-detail .book-unit .text .author span{
margin-right:1rem;
}
.books-detail .book-unit .text .title{
font-size:2rem;
font-weight:300;
margin-bottom:1rem;
}
.books-detail .book-unit .text .summary p{
margin:0;
}
.books-detail .book-unit .text .mrk{
font-size:1.2rem;
background-color:rgba(102,102,102,0.1);
padding:2px 8px;
display:inline-block;
margin-bottom:1rem;
border:none;
}
.books-detail .book-unit .detail{
clear:both;
margin-bottom:2rem;
}
.books-detail .key{
padding:4px 8px;
font-size:1.2rem;
background-color:#efefef;
}
.books-detail .go-list{
margin:4rem 0;
font-size:1.4rem;
background-color:#000;
width:22%;
text-align:center;
padding:1rem 0;
}
.books-detail .go-list a{
color:#fff;
}
/* ▲書籍ページ▲ */
/*▼ sales_shopページ ▼*/
.shop-list{
margin-bottom:8rem;
font-size:1.5rem;
}
.shop{
padding:8px 2rem;
}
.shop:nth-child(odd){
background-color:#f3f3f3;
}
.shop .name{
font-weight:600;
letter-spacing:0.05rem;
color:#000;
padding-right:1.6rem;
}
.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;
}
.sales-shop table.sub th{
font-weight:300;
}
.sales-shop table td{
border-left:1px solid #efefef;
padding-left:2rem;
font-weight:200;
}
.sales-shop table.sub tr:first-child{
background-color:#f7f7f7;
}
/* ▲sales_shopページ▲ */
/*▼ 号外一覧 ▼*/
.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;
}
.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 .title{
font-size:2rem;
letter-spacing:0.05rem;
font-weight:300;
padding:0 2%;
}
.feature-unit .feature-article .title a{
display:block;
color:#333;
}
/* ▲特集一覧▲ */
/*▼ フッター ▼*/
#footer-inner{
width:996px;
margin:0 auto 20px;
padding:0 2px;
}
#footer-inner .logo{
width:260px;
float:left;
}
#footer-inner .logo img{
width:100%;
display:block;
}
#footer-inner .address{
float:left;
margin:4px 0 0 26px;
}
#footer-inner .address span{
display:block;
font-size:1.4rem;
line-height:1.25;
}
#footer-inner .sns-link{
float:right;
}
#footer-inner .sns-link span{
display:block;
float:left;
margin-right:10px;
}
#footer-inner .sns-link span a{
display:block;
width:40px;
height:24px;
background-color:#999;
padding:8px 0;
border-radius:4px;
}
#footer-inner .sns-link span a:hover{
background-color:rgba(153,153,153,0.3);
}
#footer-inner .sns-link .insta a{
height:26px;
padding:7px 0;
}
#footer-inner .sns-link .youtube a{
width:100px;
height:26px;
padding:7px 0;
}
#footer-inner .sns-link span a img{
display:block;
margin:0 auto;
height:100%;
}
footer .copy{
background-color:#000;
color:#fff;
text-align:center;
font-size:1.2rem;
line-height:1;
padding:8px 0;
}
/* TOPへ戻る */
.page-top{
margin: 0 ;
padding: 0 ;
cursor:pointer;
}
.page-top div{
margin: 0 ;
padding: 0 ;
position: fixed ;
right: 16px ;
bottom: 16px ;
}
.move-page-top{
display: block ;
background-image:url(/common/saga/images/v1/common/go-top.svg);
background-size:63px 110px;
background-repeat:no-repeat;
background-position:center center;
width: 63px;
height:110px;
color: #fff ;
line-height: 50px ;
text-decoration: none ;
text-align: center ;
-webkit-transition:all 0.3s ;
-moz-transition:all 0.3s ;
transition:all 0.3s ;
}
.move-page-top:hover{
opacity: 0.85 ;
text-decoration:none;
}
.backtotop{
margin-bottom:40px;
text-align:center;
}
/*▼広告の指定▼*/
.middle-bnr{
text-align:center;
width:468px;
margin:0 auto 30px;
}
/* double-rectangle */
.double-rectangle {
height:260px;
padding-bottom:10px;
}
.double-rectangle .rectangle-1 #div-gpt-ad-1508309985541-0 {
text-align:center;
}
.double-rectangle .rectangle-2 #div-gpt-ad-1516445313217-0 {
text-align:center;
}
/* text-ad */
.text-ad{
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
padding:0.3rem 1rem 1rem;
font-size:1.4rem;
margin-bottom:40px;
}
.text-ad.sub{
margin-bottom:20px;
padding:1rem 0 1rem 1rem;
}
.text-ad>div{
margin-bottom:8px;
position:relative;
}
.text-ad>div:last-child{
margin-bottom:0;
}
@media screen and (max-device-width: 1024px) {
.top-news .button span:nth-child(1){
display:none;
}
.top-news .button:hover span:nth-child(1) {
  -webkit-transform:none;
  -moz-transform:none;
  transform:none;
}
.top-news .button:hover span:nth-child(2) {
  background-color: transparent;
  -webkit-transform:none;
  -moz-transform:none;
  transform:none;
}
}
/* 高校野球 */
.msg-form{
font-size:1.6rem;
margin:0 0 10px;
}
.msg-form input{
-webkit-appearance:none;
border:none;
border:2px solid #999;
border-radius:6px;
padding:4px 10px;
font-size:1.8rem;
}
.msg-form input:focus{
outline:none;
border:2px solid #000;
}
.msg-form th{
text-align:left;
font-weight:300;
}
.msg-main{
margin-bottom:20px;
}
.msg-main span{
display:block;
font-size:1.6rem;
font-weight:600;
margin:0 0 10px;
padding:0 10px;
}
.msg-main textarea{
width:95%;
padding:10px 2%;
height:120px;
border:2px solid #999;
border-radius:6px;
font-size:1.6rem;
-webkit-appearance:none;
}
.msg-main textarea:focus{
outline:none;
border:2px solid #000;
}
.msg-btns{
text-align:center;
font-size:1.6rem;
}
.msg-btns button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
background-color:#000;
border-radius:6px;
color:#fff;
display:inline-block;
padding:10px 20px;
}
/* imari-hanabi */
.imari-hanabi-signage{
width:90%;
margin-bottom:40px;
margin-left:auto;
margin-right:auto;
}
.imari-hanabi-signage a{
display:block;
}
.imari-hanabi-signage img{
width:100%;
display:block;
#float:right;
}
.imari-hanabi-signage .s-logo{
width:20%;
display:block;
float:left;
margin-top: 16px;
margin-left: 18px;
}
.imari-hanabi-signage ul{
list-style:none;
background-color:#fff;
margin:0;
padding:0;
clear:both;
text-align:center;
}
.imari-hanabi-signage ul li{
display: inline-block;
position: relative;
}
.imari-hanabi-signage ul li a{
  font-size: 1.5rem;
  display: block;
  padding: 10px 18px;
  color: #000;
  letter-spacing: 0.5px;
}
.imari-hanabi-signage ul li:after{
  content: '';
  width: 1px;
  height: 24px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -2px;
}
.imari-hanabi-signage ul li:last-child:after {
  display: none;
}
.main-column-imari{
width:100%;
}
.main-column-imari table{
border-collapse: collapse;
}
.main-column-imari th{
background-color:#ddd;
color:#555;
width:15%;
border: 1px solid #bbb;
padding-top:15px;
padding-bottom:15px;
}
.main-column-imari td{
background-color:#fff;
color:#333;
border: 1px solid #bbb;
padding-left:15px;
}
.main-column-imari .imari-hanabi-city-img{
text-align:center;
margin-bottom:100px;
}
.main-column-imari .imari-hanabi-city-img img{
width:230px;
}
.main-column-imari .imari-hanabi-city-img table{
border-collapse: collapse;
border:solid 1px #fff;
margin-left:auto;
margin-right:auto;

}
.main-column-imari .imari-hanabi-city-img td{
border:solid 1px #fff;
vertical-align:top;
}
/* imari-hanabi end */
/* box-link 320px */
.box-link320 {
  display: flex;
  margin: 0px auto 20px;
  padding: 5px 10px;
  border-radius: 2px;
  box-sizing: border-box;
  border : solid 1px #bbb;
  width:320px;
  position: relative;
}
.box-link320 figure {
  margin-right: auto;
  margin-left: auto;
  width: 80px;
  height: 80px;
}
.box-link320 figure img {
  min-width: 80px;
  max-width: 80%;
  vertical-align: top;
  margin-right:10px;
}
.text_content {
  margin-left:10px;
  height: 80px;
  vertical-align: bottom;
}
.box-link320 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.box-link320:hover {
  opacity: 0.5;
}
/* box-link 320px end */
/* company page */
.company-heading * {
   font-size:16px;
}
.company-heading h1 {
   font-size:20px;
   padding:0.4em 0.5em;
   color: #111;
   background:#eaf3ff;
   border-bottom:solid 2px #56b;
}
.company-heading h2 {
   font-size:17px;
   padding:0.2em 0.5em;
   color: #111;
   background:#fff;
   border-left: solid 4px #56b;
   margin-top: 30px;
}
.company-heading .company-inq h4 {
   font-size:17px;
   padding:0.4em 0.5em;
   color: #111;
   background:#eee;
   border-bottom: solid 1px #aaa;
   margin-top: 30px;
}
.company-heading h5 {
   font-size: 16px;
   padding: 0.2em 0.5em;
   color: #111;
   background: #fff;
   border-bottom: solid 1px #aaa;
   margin-top: 30px;
   margin-bottom: 10px;
   font-weight:normal;
}
/* company page end */
/* ボタン各種 */
.btn-flat-300rb {
  font-weight: bold;
  display: inline-block;
  padding: 0.4em 0.5em;
  text-decoration: none;
  color: #222;
  background: #ddd;
  transition: .4s;
  width:300px;
  border-radius: 3px;
  font-size:18px;
  margin-top:20px;
  margin-bottom:20px;
}
.btn-flat-300rb:hover {
  background: #eaeaea;
  color: white;
  text-decoration: none;
}
/* ボタン各種 終わり */