@charset "utf-8";
/* -------------------------------------------------------
CSS基本設定
---------------------------------------------------------- */
html{
height:100%;
overflow-y:scroll;
margin-bottom:1px;
}
html, div, body, span, applet,h1, h2, h3, h4, h5, h6,blockquote, pre,a, abbr, acronym, address, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption,article, aside, canvas, details,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{
width:auto;
height:auto;
margin:0;
padding:0;
border:0;
color:#333333;
font-style:normal;
font-weight:normal;
font-size:100%;
vertical-align:baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
strong , big{
width:auto;
height:auto;
margin:0;
padding:0;
border:0;
font-style:normal;
font-weight:600;
font-size:100%;
vertical-align:baseline;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
font-size:14px;
//overflow:auto;
min-width:1070px;
position:relative;
font-weight:300;
margin:0;
padding:0;
list-style-type:none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
  display:block;
}
blockquote, q{
  quotes:none;
}

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

input, textarea,{
  margin:0;
  padding:0;
}

a{
  color:#333333;
  outline:none;
  text-decoration:none;
}

a:hover{
  color:#1A0DAB;
  outline:none;
  text-decoration:underline;
}
a:focus{
  outline:none;
  text-decoration:underline;
}

p{
overflow-wrap: break-word;
word-wrap: break-word;
word-break:break-all;
text-align:justify;
}
a img {
  border: none;
}
img {
border: 0px;
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;

}
/*▼ 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:#1A0DAB;
outline:none;
}

/*  # submitのみ邪魔なスタイルを消しとく */
input[type="text"],
input[type="password"],
input[type="email"],
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  vertical-align: middle;
  text-align: center;
  border: none;
}

input::-webkit-input-placeholder {
  font-weight: 200;
  letter-spacing: 0.05rem;
}

input[type="radio" i] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

input[type="checkbox" i] {
  -webkit-appearance: checkbox;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*▼ 見出し共通スタイル ▼*/
.heading{
border-bottom:1px solid #BFBFBF;
padding-bottom:6px;
}
.heading span{
font-size:16px;
font-weight:600;
}
/*▼ 動画アイコン ▼*/
.movie-icon{
width:19px;
height:16px;
display:inline-block;
background:url(/common/too/images/v1/common/icon-movie.svg) center center/19px 16px no-repeat;
}
/*▼ ad ▼*/
.ad-billbaord{
text-align: center;
}
.rectangle{
margin-bottom:10px;
}
.ad-double-rectangle{
margin:30px 0 0 0;
text-align:center;
}
.ad-double-rectangle .rectangle{
  display:inline-block;
  vertical-align:top;
}
.ad-double-rectangle div:nth-child(1){
float:left;
margin-left:5px;
}
.ad-double-rectangle div:nth-child(2){
float:right;
margin-right:5px;
}
.sub-banner{
margin-bottom:20px;
}
.article-video-ad{
margin-top:40px;
text-align:center;
}
/* -------------------------------------------------------
記事投稿用スタイル
---------------------------------------------------------- */
.figure-left{
margin:0 20px 10px 5px;
float:left;
//clear:left;
}
.figure-left img{
width:100%;
display:block;
}
.figure-right{
margin:0 5px 10px 20px;
float:right;
//clear:right;
}
.figure-right img{
width:100%;
display:block;
}
.figure-center{
margin:0 auto;
}
.figure-center img{
width:100%;
display:block;
}
.article-body p{
font-size:16px;
line-height:1.9;
}
.article-body p strong{
font-weight:600;
}
.article-body p em{
font-style: italic;
}
.article-body sub {
    vertical-align: sub;
    font-size: smaller;
}
.article-body sup {
    vertical-align: super;
    font-size: smaller;
}
.article-body h2,.article-body h3,.article-body h4{
font-weight:bold;
font-size:18px;
}
.article-body .image-area .caption{
font-size:14px;
line-height:20px;
margin:4px 0 0;
display:block;
}
.article-body .video{
text-align:center;
}
.article-body a{
text-decoration:underline;
}
.article-body.blog-lunch a{
text-decoration:none;
}
.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;
font-size:16px;
}
.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;
}
.oricon-mrk{
text-align:right;
clear:both;
margin:10px 0;
}
.oricon-mrk a{
display:inline-block;
}
.oricon-mrk a img{
width:180px;
}
.kyodo-mrk{
text-align:right;
clear:both;
font-size:16px;
margin:10px 0;
}
/* -------------------------------------------------------
header
---------------------------------------------------------- */
header{
z-index:0;
}
.header-inner{
width: 1050px;
margin: 0 auto;
padding:10px;
}
.header-inner .logo{
float:left;
width:140px;
}
.header-inner .logo img{
width:100%;
display:block;
}
.right-blo{
float:right;
width:890px;
}
.bnr-section{
margin-bottom:10px;
}
.top-banner{
float:left;
}
.live-banner{
width:140px;
float:right;
}
.header-inner .search{
width:339px;
border:1px solid #505F70;
border-radius:0 6px 6px 0px;
float:left;
margin-top:4px;
}
.header-inner .search .search-input{
width:280px;
padding:0 6px;
font-size:100%;
line-height:28px;
}
.header-inner .search input[type="submit"]{
width:42px;
background-color:#505F70;
text-indent:300%;
white-space:nowrap;
overflow:hidden;
background-image:url(/common/too/images/v1/common/rupe-white.svg);
background-repeat:no-repeat;
background-position:center;
background-size:18px 18px;
-webkit-background-size:18px 18px;
-moz-background-size:18px 18px;
cursor:pointer;
border-radius:0 4px 4px 0px;
padding:6px 0;
float:right;
}
_::-webkit-full-page-media, _:future, :root .header-inner .search input[type="submit"]{
height:29px;
}
.readers-club{
float:right;
width:513px;
}
_::-webkit-full-page-media, _:future, :root .readers-club{
width:524px;
}
.subscript{
padding:5px;
float:left;
}
.subscript a{
display:block;
}
.subscript img{
vertical-align:middle;
}
.subscript span{
font-weight:bold;
padding-left:10px;
color:#3B5577;
}
header .btn{
float:left;
margin-left:10px;
}
header .btn a{
color:#333333;
display:inline-block;
padding:7px;
border-radius:6px;
text-decoration: none;
border:1px solid #cccccc;
background-color:#FFFFFF;
}
header .btn a:hover{
border:1px solid #cccccc;
background-color:#CCCCCC;
}
header .newone.btn a{
border:1px solid #3399FF;
background-color:#3399FF;
color:#fff;
}
header .newone.btn a:hover{
border:1px solid #3366CC;
background-color:#3366CC;
}
header .login.btn a{
border:1px solid #F56861;
background-color:#F56861;
color:#fff;
}
header .login.btn a:hover{
border:1px solid #F56861;
background-color:#FF3366;
}
/* -------------------------------------------------------
sitenavi
---------------------------------------------------------- */
.sitenavi{
clear:both;
margin-top:10px;
position:relative;
}
.sitenavi .main-unit{
display:block;
position:relative;
list-style:none;
margin:0;
padding:0;
z-index:15;
font-size:12px;
background-color:#505F70;
border-radius:6px;
}
.sitenavi .main-unit li{
list-style:none;
display:inline-block;
padding:0;
margin:0;
}
.sitenavi .main-unit li span{
position:relative;
display:inline-block;
padding:10px 13px;
margin:0 0 -1px 0;
color:#E6E6E6;
}
.sitenavi .main-unit li span:hover{
background-color:#303943;
border-radius:6px 0 0 0;
border-bottom:none;
color:#B6D0E7;
cursor:pointer;
}
.sitenavi .sub-menu{
position:absolute;
  left:0;
  top:2.3em;
  width:1022px;
  padding:0.5em 1em;
  border-top:4px solid #404C5A;
  border-bottom:4px solid #404C5A;
  border-right:0 solid #404C5A;
  border-left:0 solid #404C5A;
  border-radius:0 0 6px 6px;
  background-color:#EFF0F2;
  z-index:100;
display:none;
}
.sitenavi .sub-menu ul{
list-style:none;
}
.sitenavi .sub-menu .sub{
display:none;
}
.sitenavi .sub-menu .sub .sub-unit{
border-bottom:1px solid #BABDC2;
padding-bottom:10px;
margin-bottom:10px;
}
.sitenavi .sub-menu .sub .sub-unit:last-child{
border-bottom:none;
padding-bottom:0;
}
.sitenavi .sub-menu .sub .sub-unit .heading{
padding:5px 0 3px 8px;
border-left:8px solid #BABDC2;
line-height: 1;
display:block;
list-style-type:none;
color:#4F5F6F;
font-weight:bold;
font-size:16px;
border-bottom:none;
margin-top:5px;
}
.sitenavi .sub-menu .sub .sub-unit .heading a{
font-weight:bold;
color:#4F5F6F;
}
.sitenavi .sub-menu .sub .sub-unit ul li{
margin-top:10px;
margin-left:20px;
padding-left:20px;
float:left;
position:relative;
}
.sitenavi .sub-menu .sub .sub-unit ul li::before{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
left: 3px;
width: 5px;
height: 5px;
border-top: 2px solid #4F5F6F;
border-right: 2px solid #4F5F6F;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sitenavi .sub-menu .sub .sub-unit ul li a{
color:#4F5F6F;
}
/* -------------------------------------------------------
contents
---------------------------------------------------------- */
.contents-inner{
width: 1050px;
margin: 0 auto;
padding:10px;
z-index:0;
}
#main-column{
width:720px;
float:left;
margin-bottom:20px;
}
#sub-column{
width:300px;
float:right;
}
.left-section{
width:220px;
float:left;
}
.right-section{
width:480px;
margin-left:20px;
float:left;
margin-bottom:20px;
}

/*▼ media-top left-section ▼*/
.switch-btn{
color: #333333;
display: none;
padding: 7px;
border-radius: 6px;
border: 1px solid #cccccc;
background-color: #FFFFFF;
width:280px;
text-align:center;
margin-bottom:10px;
cursor:pointer;
}
.switch-btn:hover{
border:1px solid #cccccc;
background-color:#CCCCCC;
}
.weather{
margin-bottom:10px;
}
.weather .heading{
border:none;
}
.weather .heading span{
font-weight:300;
}
.weather-map{
background-image:url(/common/too/images/v1/weather/weather-map.jpg);
background-repeat: no-repeat;
position: relative;
width: 200px;
height: 189px;
border: 1px solid #CCC;
}
.wic a{
display:block;
}
.wic img{
dispay:block;
height:35px;
}
.weather .time { 
position: absolute; 
top: 36px;
left: 5px;
font-size:12px;
} 
.weather .aomori { 
position: absolute; 
top: 0px;
left: 0px;
} 
.weather .tousei { 
position: absolute; 
top: 95px;
left: 80px;
} 
.weather .kitago { 
position: absolute; 
top: 70px;
left: 45px;
} 
.weather .nishi { 
position: absolute; 
top: 110px;
left: 10px;
} 
.weather .chunan { 
position: absolute; 
top: 130px;
left: 50px;
} 
.weather .shimokita { 
position: absolute; 
top: 36px;
left: 130px;
} 
.weather .sanpachi { 
position: absolute; 
top: 130px;
left: 140px;
} 
.weather .kamikita { 
position: absolute; 
top: 95px;
left: 130px;
}
.weather .more{
margin-top:6px;
text-align:right;
}
.weather .more a{
position:relative;
}
.weather .more a::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:-15px;
top:2px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.info-bnr{
margin-bottom:20px;
}
.info-bnr ul{
list-style:none;
padding:0;
margin:0;
}
.info-bnr ul li{
margin-bottom:10px;
}
.info-bnr ul li a{
display:block;
}
.info-bnr ul li a img{
width:100%;
display:block;
}
.info-bnr ul:nth-child(2) li{
width:108px;
float:left;
}
.info-bnr ul:nth-child(2) li:nth-child(even){
margin-left:2px;
}
.information{
margin-bottom:24px;
}
.information ul{
list-style:none;
padding:10px 0 0;
margin:0;
}
.information ul li{
margin-bottom:10px;
padding:0 0 10px 18px;
border-bottom:1px dotted #BFBFBF;
position:relative;
}
.information ul li:last-child{
border:none;
}
.information ul li::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.flash,.fast,.emergency,.extra.black,.extra.blue,.normal{
padding: 5px;
border: 1px solid #6088B0;
border-radius: .25em;
margin-bottom:10px;
}
.extra.black,.breaking.black{
padding: 5px;
border: 1px solid #000;
border-radius: .25em;
margin-bottom:10px;
background-color:#000;
}
.extra.blue,.breaking.blue{
padding: 5px;
border: 1px solid #0404B4;
border-radius: .25em;
margin-bottom:10px;
background-color:#0404B4;
}
.fast,.emergency{
border: 1px solid #ff0000;
}
.normal{
border: 1px solid #333;
}
.flash .label{
background-color:#6088B0;
display: inline-block;
padding: 4px 10px;
font-weight: 600;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.fast .label{
background-color:#ff0000;
display: inline-block;
padding: 4px 10px;
font-weight: 600;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.extra .label{
background-color:#fff;
display: inline-block;
padding: 4px 10px;
font-weight: 600;
color: #000;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.extra.blue .label{
color:#ff0000;
}
.breaking .label{
background-color:#fff;
display: inline-block;
padding: 2px 10px;
font-weight: 600;
color: #ff0000;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: .25em;
font-size:18px;
}
.breaking.black .label{
background-color:#ff0000;
color: #fff;
}
.flash .time,.flash .title,.fast .time,.fast .title,.extra .time,.extra .title,.breaking .time,.breaking .title,.emergency .title,.normal .title{
padding:4px 0;
margin-left:6px;
display:inline-block;
vertical-align:middle;
}
.extra .title,.breaking .title{
color:#fff;
font-size:18px;
}
.extra .time,.breaking .time{
color:#fff;
}
.extra .title a,.breaking .title a{
color:#fff;
}
.emergency .title{
color:red;
}
.emergency .title a{
color:red;
}
.flash .go-list,.fast .go-list,.extra .go-list,.breaking .go-list{
float:right;
padding:2px 0;
margin-left:6px;
}
.extra .go-list,.breaking .go-list{
margin-top:3px;
}
.flash .go-list span,.fast .go-list span,.extra .go-list span,.breaking .go-list span{
color: #333;
background-color: #fff;
border:1px solid #ccc;
display: inline-block;
padding: .3em .6em;
font-size: 75%;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.extra.black .go-list span{
background-color: #ff0000;
border:1px solid #ff0000;
color:#fff;
}
.freearea{
margin:0 auto 11px;
text-align: center;
}
.freearea ul{
list-style:none;
}
.freearea .freearea-big li{
background-color:#228;
display: block;
border:1px solid #0e00b0;
margin:5px 0;
font-size:21px;
line-height: 1.2;
padding:7px 0;
float:none;
clear:both;
}
.freearea .freearea-big li a{
color:white;
}
.freearea .freearea-small{
text-align:center;
}
.freearea .freearea-small li{
display:inline-block;
margin:0 2.5px;
}
.freearea .freearea-small li a{
padding: 3px 0.5em;
border-radius: 2px;
font-weight: bold;
background-color:red;
color:#fff;
}
.freearea .freearea-small li:nth-child(2) a{
background-color:#ffffaa;
color:#000;
}
.freearea .freearea-small li:nth-child(3) a{
background-color:green;
}
.top-news .heading .date-time{
font-weight:300;
padding-left:8px;
color:#A0A0A0;
font-size:14px;
}
.top-news .heading .descript{
font-weight:300;
padding-left:6px;
color:#A0A0A0;
font-size:14px;
}
.top-news .heading .rss{
margin-left:20px;
}
.top-news .heading .rss a{
padding:2px 10px;
background-color:#FF9900;
border-radius:3px;
display:inline-block;
color:#fff;
font-size:14px;
}
.top-news .heading .blog{
padding-left:10px;
font-size:14px;
}
.top-news ul li{
padding-bottom:5px;
border-bottom:1px dotted #BFBFBF;
margin-top:10px;
font-size:16px;
padding-left:24px;
position: relative;
vertical-align: middle;
}
.top-news ul li::before,.top-news ul li::after{
position: absolute;
top: 4px;
left: 1px;
margin: auto;
content: "";
vertical-align: middle;
}
.top-news ul li::before{
width: 14px;
height: 14px;
background: #ccc;
}
.top-news ul li::after{
top:7px;
left: 3px;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
    transform: rotate(45deg);
visibility:visible;
}
.top-news ul .pr{
padding-left:0;
}
.top-news ul .pr::before,.top-news ul .pr::after{
display:none;
}
.top-news ul li .time{
float:right;
color:#A0A0A0;
font-size:14px;
}
.top-news ul li .thumb{
display:none;
}
.top-news .more{
text-align:right;
margin-top:10px;
}
.top-news .more a{
color:#fff;
display:inline-block;
background-color:#F56861;
padding:2px 10px;
}
.top-news .more a:hover{
background-color:#666;
text-decoration:none;
}
.label{
display: inline-block;
text-decoration: none;
padding: 1px 5px;
margin-right: 3px;
margin-top: -3px;
color: #fff;
vertical-align: middle;
border-radius: 2px;
}
.label.fast-label{
background-color: #F56861;
font-size: 90%;
}
.label.member-label{
background-color: #6088B0;
font-size: 90%;
}
.label.free-label{
background-color: #47885e;
font-size: 90%;
}
.label.topic-label{
background-color: #2e8b57;
font-size: 70%;
}
.label.lifeinfo-label{
background-color: darkgray;
font-size: 70%;
}
.day-link{
padding-bottom:10px;
text-align:center;
border-bottom:1px solid #BFBFBF;
}
.day-link ul{
list-style:none;
}
.day-link ul li{
width:14%;
border-right:1px solid #BFBFBF;
margin-top:6px;
float:left;
}
.day-link ul li:last-child{
border-right:none;
}
#dropdown{
margin-top:10px;
margin-bottom:20px;
overflow:hidden;
}
#dropdown > ul{
height:40px;
overflow:hidden;
}
.contribute .heading{
margin-bottom:10px;
}
.contribute .unit{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #BFBFBF;
}
.contribute .theme{
background-color:#D8E7F1;
padding:6px 10px;
float:left;
}
.contribute .theme-detail{
float:left;
margin-left:10px;
padding-left:25px;
margin-top:6px;
position:relative;
}
.contribute .theme-detail::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.q-a .theme{
margin-bottom:10px;
}
.q-a ul{
list-style:none;
clear:both;
padding-left:6px;
}
.q-a ul li{
margin-bottom:10px;
}
.q-a ul li:last-child{
margin-bottom:0;
}
.q-a ul li a{
margin-left:6px;
padding-left:25px;
position:relative;
}
.q-a ul li a::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:2px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.topclearfix {
overflow: hidden;
zoom: 1;
}
.tckr-label {
line-height:2em;
font-size:inherit;
margin:0;
padding:0 1em;
float:left;
background-color:#F45C5C;
color:#ffffff;
font-weight:bold;
font-size:16px;
}
.tckr {
margin-bottom:1em;
}
.tckr a {
text-decoration:none;
font-weight:bold;
font-size:16px;
}
/* liScroll styles */
.tickercontainer {
background-color:#F4F1ED;
height: 2em; 
margin: 0; 
padding: 2px 0;
overflow: hidden; 
}
.tickercontainer .mask { 
position: relative;
left: 5px;
top: 0;
width: 415px;
overflow: hidden;
}
.tickercontainer .mask a{
line-height:2em;
}
ul.newsticker { 
position: relative;
left: 400px;
font-weight:bold;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; 
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font-weight: bold;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 50px 0 0;
}
.right-section .text-ad{
margin-bottom:30px;
font-size:14px;
}
.recommend-section{
margin-bottom:30px;
}
.recommend-section .heading{
margin-bottom:10px;
}
.recommend-section ul{
list-style:none;
}
.recommend-section ul li a{
padding-left:26px;
position:relative;
}
.recommend-section ul li a::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:2px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.youtube{
text-align:center;
}
/*▼ sub-column ▼*/
.movie-news{
margin-bottom:10px;
}
.movie-news .heading{
border-bottom:none;
}
.movie-news .heading .tnt-logo{
padding-left:28px;
}
.movie-news .heading .tnt-logo img{
vertical-align:middle;
}
.movie-news .heading .tnt{
font-size:14px;
padding-left:4px;
}
ul#moveticker {
  width:300px;
  list-style:none;
}
ul#moveticker li{
  padding-left:16px;
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
margin-bottom:10px;
}
ul#moveticker li::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
width: 4px;
height: 4px;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul#moveticker li div {
  width:290px;
  height:1.2em;
  overflow:hidden;
  position:relative;
  white-space:nowrap;
}

ul#moveticker li div span {
  height:1.2em;
  line-height:1.2em;
  position:absolute;
  top:0px;
  left:0px;
}
.movie-link{
width:100%;
padding-bottom:10px;
border-top:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
text-align:center;
margin-bottom:6px;
}
.movie-link ul{
list-style:none;
padding-top:10px;
}
.movie-link ul li{
width:49%;
border-right:1px solid #BFBFBF;
float:left;
}
.movie-link ul li:last-child{
border-right:none;
}
.digital-service{
margin-bottom:20px;
}
.digital-service ul{
list-style:none;
}
.digital-service ul li{
float:left;
}
.digital-service ul li a{
display:block;
}
.mobile{
margin-bottom:20px;
}
.mobile ul{
list-style:none;
padding-top:10px;
}
.mobile ul li{
margin-bottom:10px;
padding:0 0 10px 18px;
border-bottom:1px dotted #BFBFBF;
position:relative;
}
.mobile ul li:last-child{
border:none;
}
.mobile ul li::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.ad-info{
margin-bottom:20px;
}
.ad-info ul{
list-style:none;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #BFBFBF;
text-align:center;
}
.ad-info ul li{
width:33%;
border-right:1px solid #BFBFBF;
float:left;
}
.ad-info ul li:last-child{
border:none;
}
.ranking{
margin-bottom:20px;
}
.ranking ul{
list-style:none;
}
.ranking .ranking-tab li{
width:93px;
margin-left:10.5px;
float:left;
border-bottom:3px solid #ccc;
text-align:center;
padding:4px 0;
cursor:pointer;
}
.ranking .ranking-tab li:first-child{
margin-left:0;
}
.ranking .ranking-tab li.current{
border-bottom:3px solid #FAA700;
}
.ranking .ranking-tab li.current span{
font-weight:600;
}
.ranking .ranking-list .tab-list{
display:none;
}
.ranking .ranking-list .tab-list.current{
display:block;
}
.ranking .ranking-list .tab-list ul{
padding-top:10px;
counter-reset:rank;
width:300px;
overflow:hidden;
}
.ranking .ranking-list .tab-list ul li{
font-size:16px;
padding-left:30px;
position:relative;
margin-bottom:10px;
}
.ranking .ranking-list .tab-list ul li:before{
position:absolute;
left:0;
counter-increment:rank;
content:counter(rank);
width:25px;
text-align:center;
background-color:#B3B3B3;
padding:4px 0;
color:#fff;
display:block;
}
.ranking .ranking-list .tab-list ul li:first-child:before{
background-color:#FAA700;
}
.ranking .ranktext {
  width:260px;
  height:30px;
  overflow:hidden;
  position:relative;
  white-space:nowrap;
  padding:0;
  text-align:left;
}
.ranking .ranktext span {
  height:30px;
  line-height:30px;
  position:absolute;
  top:0px;
  left:0px;
}
.ranking .more{
text-align:right;
}
.ranking .more .agg{
padding-right:10px;
}
.ranking .more a{
font-weight:bold;
}
.site-info{
margin-top:20px;
margin-bottom:20px;
}
.site-info ul{
list-style:none;
padding-top:10px;
}
.site-info ul li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #BFBFBF;
}
.site-info ul li img{
vertical-align:middle;
padding-right:10px;
}
.site-info ul li.text{
position:relative;
margin-bottom:6px;
padding-bottom:6px;
padding-left:18px;
}
.site-info ul li.text::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.site-info ul li.text:last-child{
border-bottom:none;
}
.site-info .banner-section .bnr{
width:49%;
float:left;
margin:0 2% 5px 0;
}
.site-info .banner-section .bnr a{
display:block;
}
.site-info .banner-section .bnr a img{
display:block;
width:100%;
}
.site-info .banner-section .bnr:first-child{
width:100%;
margin-bottom:10px;
clear:both;
float:none;
margin-right:0;
}
.site-info .banner-section .bnr:nth-child(odd){
margin-right:0;
}
.official{
margin-bottom:20px;
}
.official ul{
list-style:none;
padding-top:10px;
}
.official ul li{
margin-bottom:10px;
padding:0 0 10px 18px;
border-bottom:1px dotted #BFBFBF;
position:relative;
}
.official ul li:last-child{
border:none;
}
.official ul li::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
#sub-column .blog{
margin-bottom:20px;
}
#sub-column .blog ul{
list-style:none;
padding-top:10px;
}
#sub-column .blog ul li{
margin-bottom:10px;
padding:0 0 10px 18px;
border-bottom:1px dotted #BFBFBF;
position:relative;
}
#sub-column .blog ul li:last-child{
border:none;
}
#sub-column .blog ul li::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
#sub-column .search-form .search-input.text{
border:1px solid #505F70;
font-size:14px;
line-height:2;
padding:0 4%;
width:92%;
margin:0 0 10px;
border-radius:6px;
}
#sub-column .search-form .select-wrap{
border:1px solid #505F70;
display:inline-block;
padding:2px 20px 2px 6px;
border-radius:6px;
position:relative;
}
#sub-column .search-form .select-wrap::after{
content:"";
display:block;
position:absolute;
right:5px;
top:8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8.7px 5px 0 5px;
border-color: #505F70 transparent transparent transparent;
z-index:-1;
}
#sub-column .search-form select{
font-size:14px;
width:200%;
z-index:2;
}
#sub-column .search-form .search-button{
background:#505F70;
color:#fff;
font-size:14px;
padding:3px 10px;
display:inline-block;
border-radius:6px;
margin:0 0 0 92px;
}
.guide{
margin-bottom:20px;
}
.guide ul{
list-style:none;
padding-top:10px;
}
.guide ul li{
margin-bottom:10px;
padding-bottom:6px;
border-bottom:1px dotted #BFBFBF;
}
.guide ul li:last-child{
border-bottom:none;
}
.guide ul li a{
display:inline-block;
vertical-align:middle;
}
.guide ul li a:last-child{
width:250px;
}
.guide ul li img{
vertical-align:middle;
padding-right:10px;
}
.japan-net ul{
list-style:none;
padding-top:10px;
}
.japan-net ul li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #BFBFBF;
}
.japan-net ul li.image a{
display:inline-block;
vertical-align:middle;
}
.japan-net ul li.image a:last-child{
width:250px;
}
.japan-net ul li img{
vertical-align:middle;
padding-right:10px;
}
.japan-net ul li.text{
position:relative;
padding-bottom:6px;
padding-left:18px;
}
.japan-net ul li.text::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.japan-net ul li.text:last-child{
border-bottom:none;
}
.japan-net ul li.bnr{
border-bottom:none;
}
/*災害*/
.disaster{
margin-bottom:20px;
}
.disaster ul{
list-style:none;
padding-top:10px;
}
.disaster ul li{
margin-bottom:10px;
padding:0 0 10px 18px;
border-bottom:1px dotted #BFBFBF;
position:relative;
}
.disaster ul li:last-child{
border:none;
}
.disaster ul li::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}

/*▼ media-top bottom-section(main-news) ▼*/
.top-banner.second{
float:none;
}
.main-news{
margin-top:20px;
}
.news-section{
margin:10px 0;
border-bottom:1px solid #BFBFBF;
padding-bottom:20px;
}
.main-news .news-section:last-child{
border-bottom:none;
}
.news-section .heading{
border-bottom:none;
}
.news-section .heading .more{
float:right;
font-size:14px;
position:relative;
padding-left:10px;
}
.news-section .heading .more::before{
content:"";
position:absolute;
width: 0;
height: 1px;
left:0;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.news-section .heading .economy{
float:right;
font-size:14px;
}
.news-section .heading .economy a{
position:relative;
padding-left:10px;
display: inline-block;
margin: 0 5px;
}
.news-section .heading .economy a:nth-child(1),.news-section .heading .economy a:nth-child(2){
color:#F46861;
}
.news-section .heading .economy a::before{
content:"";
position:absolute;
width: 0;
height: 1px;
left:0;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.news-section .heading .economy a:nth-child(1)::before,.news-section .heading .economy a:nth-child(2)::before{
border-color: transparent transparent transparent #F46861;
}
.news-section .news .thumb{
float:left;
width:150px;
height:130px;
position:relative;
}
.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;
}
.news-section .news .list{
float:right;
list-style:none;
width:550px;
}
.news-section .news .list li{
padding-left:24px;
position:relative;
height:26px;
}
.news-section .news .list li::before,.news-section .news .list li::after{
position: absolute;
top: 4px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.news-section .news .list li::before{
width: 14px;
height: 14px;
background: #ccc;
}
.news-section .news .list li::after{
top:7px;
left: 2px;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
    transform: rotate(45deg);
visibility:visible;
}
.news-section .news .list li .time{
float:right;
color:#A0A0A0;
}
.sub-news .news-section{
border-top:1px solid #BFBFBF;
width:48%;
float:left;
margin-left:4%;
border-bottom:none;
padding:10px 0 0;
margin-bottom:20px;
}
.sub-news .news-section:nth-child(odd){
clear:left;
margin-left:0;
}
.sub-news .news-section .news .list{
float:none;
width:100%;
}
.sub-news .news-section .news .list li{
padding-left:34px;
}
.sub-news .news-section .news .list li:before{
left:12px;
}
.sub-news .news-section .news .list li::after{
left:14px;
}
.neighbor{
margin:20px 0;
}
.neighbor-unit{
padding:10px;
border-bottom:1px dotted #BFBFBF;
}
.neighbor-unit:last-child{
border-bottom:none;
}
.neighbor .map-icon{
float:left;
width:40px;
margin-left:10px;
}
.neighbor .map-icon img{
width:100%;
display:block;
}
.neighbor .news-list{
float:left;
margin-left:20px;
}
.neighbor .news-list ul{
list-style:none;
}
.neighbor .news-list ul li{
padding-left:16px;
position: relative;
vertical-align: middle;
text-decoration: none;
margin-top:6px;
}
.neighbor .news-list ul li::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
width: 4px;
height: 4px;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.neighbor .news-list .place{
font-size:16px;
font-weight:600;
}
.neighbor .name{
float:right;
position:relative;
padding-left:18px;
}
.neighbor .name::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:6px;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
.sponsor-list{
list-style:none;
margin-top:20px;
}
.sponsor-list li{
display: inline-block;
text-align: center;
margin: 0 auto 1em auto;
width: 176px;
vertical-align: top;
}
/* -------------------------------------------------------
記事ページ
---------------------------------------------------------- */
.article-uparts{
border-bottom:1px solid #BFBFBF;
margin-bottom:10px;
}
.article-uparts #breadcrumb{
float:left;
}
.article-uparts .article-sns{
float:right;
}
.article-sns .hb-button{
float:right;
margin-left:5px;
}
.article-sns .hb-button iframe{
width:20px !important;
height:20px !important;
}
.article-sns .line-it-button{
float:right;
margin-left:5px;
}
.article-sns .fb-share-button{
float:right;
margin-left:5px;
}
.article-sns .fb_iframe_widget span{
vertical-align: top !important;
}
.article-sns .tw-share-button{
float:right;
}
#breadcrumb a{
position:relative;
padding-right:16px;
display:inline-block;
}
#breadcrumb a::after{
content:"»";
display:block;
position:absolute;
top:0;
right:2px;
font-size:14px;
}
#breadcrumb a:last-child::after{
display:none;
}
#signage{
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px dotted #BFBFBF;
}
#signage .pubdate{
font-size:16px;
margin-bottom:10px;
}
#signage h1{
font-size:26px;
font-weight:bold;
}
#signage h1 .subtitle{
display:block;
font-size:18px;
}
.article-body{
padding-bottom:40px;
border-bottom:1px solid #BFBFBF;
margin-bottom:10px;
}
.article-body .keyword{
margin:10px 0;
display:inline-block;
}
.article-body .keyword .word{
display:block;
float:left;
background-color:#505F70;
padding:5px 15px;
border-radius: 5px;
margin:0 5px;
line-height:1.5em;
color:#fff;
margin-bottom:3px;
}
.article-body .default-photo-section{
float:right;
margin:10px 0 0 20px;
width:300px;
}
.article-body .default-photo-unit{
margin-bottom:20px;
}
.article-body .default-photo{
max-width:300px;
line-height:100%;
text-align:center;
position:relative;
//padding-bottom:28px;
margin-bottom:6px;
}
.article-body .image-area{
position:relative;
padding-bottom:28px;
}
.article-body .image-area a{
display:block;
position:relative;
}
.article-body .image-area .blank-caption{
display:none;
}
.article-body .default-photo a{
display:block;
}
.article-body .default-photo img{
max-width:300px;
max-height:300px;
}
.article-body .default-photo .expand{
position:absolute;
right:0;
bottom:2px;
display:block;
font-size:12px;
padding:4px 10px 4px 27px;
background:url("/common/too/images/v1/common/rupe-white.svg")6px center/16px 16px no-repeat rgba(80,95,112,0.6);
}
.article-body .image-area .expand{
position:absolute;
right:0;
bottom:0px;
display:block;
font-size:12px;
padding:4px 10px 4px 27px;
background:url("/common/too/images/v1/common/rupe-white.svg")6px center/16px 16px no-repeat rgba(80,95,112,0.6);
}
.article-body .image-area .expand span{
color:#ffffff;
}
.article-body .default-photo .expand:hover,.article-body .image-area .expand:hover{
opacity:0.8;
}
.article-body .default-photo .expand a,.article-body .image-area .expand a{
color:#fff;
text-decoration:none;
}
.article-body .default-photo .expand a span,.article-body .image-area .expand a span{
color:#fff;
}
.article-body .default-photo-unit .caption{
line-height:1.2;
color:#808080;
}
.article-body .next-page-info{
width:320px;
margin:60px auto 40px;
font-size:1rem;
font-weight:600;
clear:both;
border-bottom:2px solid #9DB4D9;
}
.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 #505F70;
}
#login-signage{
padding:0 14px;
clear:both;
margin-top:20px;
border:1px solid #505F70;
overflow:auto;
}
#login-signage .btn{
margin-bottom:10px;
float:left;
margin-left:30px;
}
#login-signage .btn a{
width:260px;
padding:10px 20px;
background-color:#F56861;
border-radius:6px;
display:block;
text-align:center;
font-size:16px;
color:#fff;
}
#login-signage .regist-btn.btn a{
background-color:#3399FF;
}
#login-signage .text{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
#login-signage .text span{
display:block;
font-weight:300;
}
.recommend{
margin-bottom:10px;
}
#related-article{
margin-bottom:30px;
}
#related-article .heading{
border-bottom:none;
padding-bottom:0;
margin-bottom:10px;
}
#related-article .heading span{
font-size:18px;
}
#related-article .article{
font-size:16px;
padding-left:24px;
margin-left:10px;
position:relative;
border-bottom:1px dotted #BFBFBF;
margin-bottom:10px;
}
#related-article .article::before,#related-article .article::after{
position: absolute;
top: 5px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
#related-article .article::before{
width: 14px;
height: 14px;
background: #ccc;
}
#related-article .article::after{
top:8px;
left: 2px;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
    transform: rotate(45deg);
visibility:visible;
}
#related-article .article .date{
font-size:14px;
float:right;
display:block;
color:#A0A0A0;
}
div.article-link{
  text-align:right;
  padding:3px 10px 2px 2px;
}
div.article-link span:first-child{
  font-size:1rem;
  font-weight:bold;
  background-color:#f0f0f0;
  border-radius:3px 0px 0px 3px;
  padding:5px 5px 3px 3px;
}
div.article-link span:last-child{
  font-size:1rem;
  background-color:#f0f0f0;
  border-radius:0px 3px 3px 0px;
  padding:5px 5px 3px 3px;
}
.search-wrap{
width:300px;
border:2px solid #505F70;
border-radius:6px;
margin-top:4px;
}
.search-wrap input[type="text"]{
width: 78%;
padding: 0 4%;
font-size: 100%;
line-height: 2.5;
vertical-align: middle;
}
.search-wrap input[type="text"]:focus{
outline:none;
}
.search-wrap input[type="submit"]{
width:46px;
border:none;
background: url(/common/too/images/v1/common/rupe-glay.svg) center center/20px 20px no-repeat;
height: 20px;
width: 20px;
text-indent: 400%;
overflow: hidden;
white-space: nowrap;
border:none;
}
.search-wrap input[type="submit"]:focus{
outline:none;
}
/* -------------------------------------------------------
記事一覧
---------------------------------------------------------- */
#article-category-list{
border-top:1px solid #BFBFBF;
margin-top:6px;
padding-top:10px;
padding-left:10px;
margin-bottom:20px;
}
#article-category-list .category-name{
margin-top:10px;
background: url("/common/too/images/v1/common/h-bgimg.jpg") no-repeat;
padding-left: 40px;
font-size:26px;
font-weight:bold;
padding-bottom:10px;
margin-bottom:10px;
}
#article-category-list.no-subcolumn .category-name{
margin-top:10px;
background: url("/common/too/images/v1/common/h-bgimg-l.jpg") no-repeat;
padding-left: 40px;
font-size:26px;
font-weight:bold;
padding-bottom:10px;
margin-bottom:10px;
}
#article-category-list{
border-top:none;
margin-top:0;
padding-top:0;
padding-left:0;
}
#article-category-list .article-list{
list-style:none;
margin-bottom:20px;
}
#article-category-list .article{
font-size:16px;
padding-left:0;
position:static;
border-bottom:1px dotted #BFBFBF;
margin-bottom:10px;
padding-bottom:10px;
}
#article-category-list .article .text .title{
font-weight:600;
font-size:20px;
display:inline;
margin-bottom:5px;
}
#article-category-list .article .summary{
clear:both;
display:block;
}
#article-category-list.blog .article a{
width:100%;
display:block;
}
#article-category-list .article .text{
float:right;
width:490px;
}
.books #article-category-list .article .text{
width:570px;
}
#article-category-list .article .text .title img{
vertical-align:text-top;
opacity: .5;
padding-right:5px;
}
#article-category-list .article .date{
font-size:14px;
float:none;
display:block;
color:#A0A0A0;
margin-bottom:2px;
}
#article-category-list .article .summary{
clear:none;
font-size:14px;
}
#article-category-list .article .thumb{
float:left;
width:210px;
height:140px;
overflow:hidden;
}
.books #article-category-list .article .thumb{
height:auto;
width:120px;
}
#article-category-list .article .thumb img{
width:100%;
display:block;
}
#article-category-list .article-list.character-only .article{
font-size:16px;
padding-left:24px;
position:relative;
border-bottom:1px dotted #BFBFBF;
margin-bottom:10px;
padding-bottom:6px;
}
#article-category-list .article-list.character-only .article::before,#article-category-list .article-list.character-only .article::after{
position: absolute;
top: 5px;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
#article-category-list .article-list.character-only .article::before{
width: 14px;
height: 14px;
background: #ccc;
}
#article-category-list .article-list.character-only .article::after{
top:8px;
left: 2px;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
    transform: rotate(45deg);
visibility:visible;
}
#article-category-list .article-list.character-only .article a{
width:96%;
display:inline-block;
}
#article-category-list .article-list.character-only .article .date{
font-size:14px;
float:right;
display:block;
color:#A0A0A0;
margin-bottom:0;
}
#article-category-list .article-list.character-only .article .text{
float:none;
width:100%;
}
#article-category-list .article-list.character-only .article .text .title{
display:inline;
margin-bottom:0;
font-weight:300;
font-size:16px;
}
#article-category-list .article-list.character-only .article .summary{
display:none;
}
#article-category-list .article-list.character-only .article .thumb{
display:none;
}
#article-category-list .year{
background:#eee;
padding:20px;
clear:both;
border-radius:4px;
margin-bottom:10px;
font-size:1.6rem;
font-weight:bold;
}
#article-category-list .year span{
color:#777;
font-size:1.0rem;
padding-left:10px;
}
#article-category-list .extra-unit{
text-align:center;
float:left;
margin:5px 7px 5px 7px;
border:1px solid #ddd;
border-radius:4px;
height:260px;
width:220px;
}
#article-category-list .extra-unit .date{
font-size:1.1rem;
}
#article-category-list .extra-unit .thumb{
height:190px;
}
#article-category-list .extra-unit .thumb img{
max-width:130px;
}
#article-category-list .denshiban-unit{
text-align:center;
float:left;
margin:5px 7px 20px 20px;
border:1px solid #ddd;
border-radius:4px;
height:240px;
width:220px;
}
#article-category-list .denshiban-unit .thumb{
margin-top:10px;
height:190px;
}
#article-category-list .denshiban-unit .thumb img{
max-width:130px;
}
/* 検索窓 */
#article-category-list .search-box{
text-align:right;
width: 710px;
box-sizing: border-box;
margin-bottom:2px;
}
#article-category-list .search-box .search-box-wrap{
margin:0 auto;
display: inline-block;
font-size: 0;
box-sizing: border-box;
border: 1px solid #505F70;
border-radius: 4px;
overflow: hidden;
height: 36px;
}
#article-category-list .search-box .search-box-wrap .search-input{
width: 300px;
padding: 0 6px;
line-height: 34px;
background-color: #fff;
font-size: 14px;
vertical-align: top;
/* border-left: 1px solid #505F70; */
}
#article-category-list .search-box .search-box-wrap .search-select{
width: 150px;
padding: 9px 6px;
line-height: 1.2;
font-size: 100%;
background-color: #eff0f2;
border-radius: 4px 0 0 4px;
cursor: pointer;
font-size: 14px;
border-right: 1px solid #505F70;
}
#article-category-list .search-box .search-box-wrap .select-wrap{
position: relative;
display: inline-block;
}
#article-category-list .search-box .search-box-wrap .select-wrap::after{
position: absolute;
content: "";
right: 10px;
width: 10px;
height: 10px;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
top: 7px;
}
#article-category-list .search-box .search-box-wrap .search-button{
width: 42px;
height: 34px;
background-color: #505F70;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
background-image: url(/common/too/images/v1/common/rupe-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
-webkit-background-size: 20px;
-moz-background-size: 20px;
cursor: pointer;
border-radius: 0;
padding: 9px 0;
float: right;
}
.correction .correction-display{
display:inline-block;
border-top:3px double #3399FF;
border-bottom:3px double #3399FF;
padding:0 4px;
cursor:pointer;
}
.correction .correction-content{
font-size:12px;
padding:5px 0;
border-bottom:1px dashed #3399FF;
margin-bottom:10px;
}
.denshiban-suspension{
float:right;
}
.denshiban-suspension h3{
font-weight:600;
font-size:1.1rem;
}
.denshiban-suspension .date{
margin-left:20px;
}
.pagination{
margin-bottom:40px;
text-align:center;
}
.pagination span{
display:inline-block;
border:1px solid #ccc;
font-size:1rem;
width:2.5rem;
height:2.5rem;
text-align:center;
color:#ccc;
vertical-align:middle;
margin-left:8px;
line-height:2.5;
}
.pagination a{
display:inline-block;
}
.pagination .current{
background-color:#9DB4D9;
color:#fff;
border:1px solid #9DB4D9;
}
.pagination a .next{
position:relative;
text-indent:-1000em;
}
.pagination a .prev{
position:relative;
text-indent:-100em;
}
.pagination .next::before,.pagination .prev::before{
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
display: inline-block;
border: 2px solid #ccc;
width: 10px;
height: 10px;
position: absolute;
border-top: medium none;
border-left: medium none;
}
.pagination .next::before{
right: 6px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.pagination .prev::before{
transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
left: 6px;
}
/*▼フォトギャラリーページの指定▼*/
.gallery-heading{
font-size:22px;
font-weight:600;
padding-bottom:6px;
border-bottom: solid 2px #505F70;
text-align:center;
margin:20px 0 10px;
}
.gallery-heading span{
display:block;
color:#505F70;
}
.gallery-heading .sub{
font-size:18px;
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:#505F70;
text-decoration:underline;
font-size:14px;
}
#main-photo-area{
position:relative;
clear:both;
margin:20px auto;
padding:0px;
font-size:13px;
line-height:14px;
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:16px;
line-height:1.6;
}
#main-photo .photo .link{
display:block;
text-align:right;
font-size:13px;
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/too/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/too/images/v1/common/photo-arrow-prev.png) no-repeat left top;
background-size: 25px;
}
.gallery .pubdate{
font-size:12px;
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:12px;
line-height:14px;
}
.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:14px;
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:12px;
margin-top:10px;
}
.small-block-list .block .link a{
color:#000;
text-decoration:underline;
}
/*▲フォトギャラリーページの指定▲*/
/* -------------------------------------------------------
TOPへ戻るボタン
---------------------------------------------------------- */
#page-top {
  position: fixed;
  right: 30px;
  bottom: 10px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  display: none;
}

#move-page-top {
  width: 50px;
  height: 40px;
  background: url(/common/too/images/v1/common/backto-top.svg) no-repeat center center;
  background-size:50px 40px;
  cursor: pointer;
  opacity:1;
  display:block;
}
.blog-wasao #move-page-top{
background: url(/common/too/images/v1/blog/backto-top.svg) no-repeat center center;
}

#move-page-top:hover {
  opacity: .8;
  text-decoration:none;
}

#home {
  width: 50px;
  height: 50px;
  background: url(/common/too/images/v1/common/backto-home.svg) no-repeat center center;
  background-size:50px 50px;
  cursor: pointer;
  margin-bottom:5px;
  opacity:1;
  display:block;
  }
.blog-wasao #home{
background: url(/common/too/images/v1/blog/backto-home.svg) no-repeat center center;
}
#home:hover {
  opacity: .8;
  text-decoration:none;
}

/* -------------------------------------------------------
footer
---------------------------------------------------------- */
footer{
background-color:#EFF0F1;
border-top:1px solid #BFBFBF;
}
#footer-inner{
width:1050px;
margin:0 auto;
padding:20px 0 30px;
}
.bottom-menu ul{
list-style:none;
}
.bottom-menu .category{
width: 320px;
padding: 10px;
float:left;
}
.bottom-menu .text{
border-bottom:1px solid #BFBFBF;
padding-bottom:6px;
width:100%;
font-size:16px;
display:block;
}
.bottom-menu .subcategory{
padding:10px;
}
.bottom-menu .subcategory li{
padding-left:12px;
position:relative;
}
.bottom-menu .subcategory li::before{
content:"";
position:absolute;
width: 0;
height: 0;
left:0;
top:4px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #b3b3b3;
}
#footer-inner .message{
border-top:1px solid #BFBFBF;
border-bottom:1px solid #BFBFBF;
padding:20px 10px;
margin-bottom:20px;
}
.copy .logo{
font-weight:bold;
font-size:18px;
}
.copy .address{
padding-left:40px;
font-weight:bold;
padding-top:4px;
}
.copy .copyright{
float:right;
margin-top:4px;
}
#contents-bottom{
clear:both;
}
/* -------------------------------------------------------
特別スキン
---------------------------------------------------------- */
/* まちブラ記事 */
.machibura.steps{
clear:both;
font-size:24px;
font-weight:bold;
height:35px;
line-height:35px;
background:url("/common/too/images/v1/feature/hedline.png") no-repeat left bottom;
padding-top:10px;
padding-left:35px;
margin-bottom:10px;
}
.article-uparts .pubdate{
float:right;
margin-right:10px;
}
.machi #signage{
border:none;
}
.machi #signage .map{
width:200px;
float:left;
}
.machi #signage .map img{
width:100%;
display:block;
}
.machi #signage .map span{
font-size:14px;
padding:0 8px;
display:block;
}
.machi #signage .text{
float:right;
width:510px;
}
.machi #signage .series{
line-height:50px;
}
.machi #signage .series .times{
display:inline-block;
border-radius:50%;
background-color:#505F70;
width:50px;
height:50px;
text-align:center;
line-height:50px;
font-weight:bold;
color:#fff;
font-size:20pt;
margin-right:10px;
}
.machi #signage .series .machi-bnr{
background:url("/common/too/images/v1/feature/machibura-baner.png") no-repeat;
width:289px;
height:50px;
text-align:right;
font-size:16px;
font-weight:bold;
padding-right:8px;
line-height:1;
padding-top:10px;
display:inline-block;
vertical-align:middle;
}
.machi #signage .series .area{
background-color:#5CB85C;
color:#fff;
font-size:16px;
padding:10px 6px;
line-height:1;
border-radius:6px;
display:inline-block;
float:right;
margin-top:2px;
}
.machi #signage .text h1{
padding-left:6px;
}
.machi #signage .summary{
font-size:16px;
margin-top:6px;
}
/* まちぶら一覧 */
.machi-category-signage{
padding-bottom:10px;
border-bottom:1px dotted #BFBFBF;
margin-bottom:6px;
}
.machi-category-name{
width:220px;
display:inline-block;
vertical-align:middle;
}
.machi-category-detail{
font-size:17px;
width:485px;
vertical-align:middle;
display:inline-block;
}
/* あおもり発見 */
.find-signage{
  text-align:center;
  background:#FEFCE7 url("/common/too/images/v1/feature/title.jpg") repeat-x;
  margin-bottom:20px;
  padding-bottom:5px;
}
.picks .recent{
margin-bottom:20px;
}
.bito{
margin-bottom:1rem;
padding:10px;
border:5px solid #598DAE;
border-radius:10px;
}
.picks .bito a{
display:block;
}
.picks .bito a:hover{
opacity:0.8;
}
.picks .bito .photo{
float:left;
width:290px;
}
.picks .bito .photo img{
max-width:260px;
max-height:200px;
display:block;
margin:0 auto 10px;
border-radius:1rem;
}
.picks .bito .photo .caption{
color:#808080;
line-height:1.5;
font-size:12px;
}
.picks .bito .text{
float:right;
width:400px;
margin-top:20px;
}
.picks .bito .text .date{
text-align:right;
}
.picks .bito .text .title{
text-align:center;
font-weight:bold;
font-size:26px;
padding:5px 0;
margin:5px 0;
border-bottom:5px solid #598DAE;
color:#598DAE;
}
.picks .bito .text .subtitle{
text-align:right;
padding-right:20px;
font-size:16px;
}
.picks .bito .text .name{
font-size:22px;
font-weight:bold;
text-align:right;
margin-bottom:20px;
}
.picks .btn a{
text-align:center;
display:block;
border-radius:6px;
padding:10px 5px 10px;
font-size:14pt;
font-weight:bold;
margin:0 10px;
background:#598DAE;
border:1px solid #2792C3;
}
.picks .btn a:hover{
background:#84B9CB;
text-decoration:none;
color:#fff;
}
.picks .btn a i{
padding-right:5px;
}
.picks .btn{
float:left;
width:33%;
}
.picks .fight.btn a{
background:#82AE46;
border:1px solid #99AB4E;
}
.picks .fight.btn a:hover{
background:#A8C97F;
}
.picks .art.btn a{
background:#E6B422;
border:1px solid #D9A62E;
}
.picks .art.btn a:hover{
background:#FBCA4D;
}
.picks .index-title{
font-size: 20px;
line-height:1.5;
display:inline-block;
}
.picks .index-title i{
padding:0 5px;
}
.picks .past ul{
list-style:none;
width:100%;
margin-top:10px;
}
.picks .past ul li{
float:left;
border-right:1px solid #BFBFBF;
padding:0 2%;
}
.picks .past ul li:last-child{
border-right:none;
}
.picks .past ul li a{
display:block;
width:100%;
}
.find-aomori #article-category-list{
padding-left:0;
}
.find-aomori #article-category-list .article{
padding:0;
position:static;
border:none;
width:32%;
float:left;
margin-right:2%;
margin-bottom:40px;
}
.find-aomori #article-category-list .article:nth-child(3n){
margin-right:0;
}
.find-aomori #article-category-list .article:nth-child(3n+1){
clear:left;
}
.find-aomori #article-category-list .article a{
width:100%;
}
.find-aomori #article-category-list .article::before,.find-aomori #article-category-list .article::after{
display:none;
}
.find-aomori #article-category-list .article a .thumb{
width:100%;
height:155px;
position:relative;
margin-bottom:10px;
}
.find-aomori #article-category-list .article a .thumb .seal{
position:absolute;
}
.find-aomori #article-category-list .article a .title .main-title{
font-weight:600;
}
.find-aomori #article-category-list .article a .title .date{
float:none;
font-size:14px;
}
.find-aomori #article-category-list .article a .title .seal{
font-size:12px;
background-color:#598DAE;
color:#fff;
width:90px;
text-align:center;
float:right;
}
.find-aomori #article-category-list .article a .title .seal.fig{
width:110px;
background-color:#82AE46;
}
.find-aomori #article-category-list .article a .title .seal.art-b{
background-color:#E6B422;
}
/* Leader's voice */
.leader-category-signage{
background:url(/common/too/images/v1/feature/leaders-logo-3.jpg);
padding-bottom:10px;
border-bottom: 1px dotted #BFBFBF;
margin-bottom:6px;
}
.leader-category-signage .logo{
float:left;
}
.leader-category-signage .voice{
float:right;
}
.leader .leader-category-signage{
padding-bottom:0;
border-bottom:none;
}
.leader #signage{
background-color:#e0efff;
border-bottom:none;
padding:10px;
}
.leader #signage .times{
display:inline-block;
border-radius:50%;
background-color:#505F70;
width:70px;
height:70px;
text-align:center;
line-height:70px;
font-weight:bold;
color:#fff;
font-size:40px;
margin-right:10px;
vertical-align:middle;
}
.leader #signage h1{
vertical-align:middle;
display:inline-block;
}
.leader .default-photo-section{
background-color:#ffffef;
padding:20px;
width:260px;
}
.leader .default-photo-section .default-photo-unit{
margin-bottom:0;
}
.leader .default-photo-section .default-photo{
padding:0;
}
.leader .default-photo-section img{
width:100%;
display:block;
max-width:100%;
max-height:100%;
}
.leader .default-photo-section .text .name{
font-size:18px;
font-weight:bold;
display:block;
text-align:center;
margin-bottom:4px;
}
.leader .default-photo-section .text .company{
display:block;
margin-bottom:4px;
}
.leader .default-photo-section .text .profile{
color:#808080;
}
.leader .article-body h2{
font-size:26px;
 color:#191970;
font-weight:600;
text-decoration:underline;
}
.leader .article-body h3{
color:#808080;
}
/* blog 共通 */
.blog-signage img{
width:100%;
display:block;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #BFBFBF;
}
.blog-main #signage .title img{
vertical-align:text-top;
opacity: .5;
padding-right:5px;
}
.blog-subgenre ul{
padding:10px 0 10px 20px;
}
.blog-subgenre ul li{
margin-bottom:10px;
}
#article-category-list.blog .article .text .title::before{
content:url(/common/too/images/v1/blog/ham.svg);
display:inline-block;
vertical-align:text-bottom;
padding-right:0.5rem;
width:22px;
height:22px;
}
#article-category-list.blog-bonju .article .text .title::before{
content:url(/common/too/images/v1/blog/bonju.png?dt=3);
display:inline-block;
vertical-align:text-bottom;
padding-right:0.5rem;
width:22px;
height:22px;
}
#article-category-list.blog-travel .article .text .title::before{
content:url(/common/too/images/v1/blog/mountain.svg);
}
#article-category-list.blog-lunch .article .text .title::before{
content:url(/common/too/images/v1/blog/star.svg);
}
/* わさお */
#article-category-list.blog-wasao .article{
border-bottom:1px dotted #ff6600
}
#article-category-list.blog-wasao .blog-signage img{
border-bottom:1px dotted #ff6600
}
/* 食の魅力 */
.eats #logo{
display:inline-block;
vertical-align:middle;
}
.eats #logo_p {
width:720px;
margin:0;
font-size:13pt;
display:inline-block;
vertical-align:middle;
color:#333;
}
.eats #list .fa{
    display:inline-block;
    border-radius:50%;
    background-color:#E7941A;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:#fff;
    font-size:15px;
}
.eats .more{
text-align:center;
margin:20px 0;
}
.eats .more .fa{
    display:inline-block;
    border-radius:50%;
    background-color:#E7941A;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:#fff;
    font-size:15px;
}
.eats .more a{
font-weight:bold;
margin-left:10px;
font-size:16px;
}
/* 文化財団 */
.z-bunka .heading{
border-bottom:none;
padding-bottom:0;
}
.bunka-top-signage{
margin-bottom:20px;
}
.bunka-top-signage map:focus{
outline:none;
}
.bunka-top-signage area:focus{
outline:none;
}
.bunka-top-signage img{
width:100%;
display:block;
}
.z-bunka h1{
background-color:#98fb98;
font-size:1.4rem;
font-weight:bold;
padding-left:3px;
border-bottom:solid #000 1px;
width:720px;
}
.z-bunka #article-category-list .category-name{
background-color:#98fb98;
font-size:1.4rem;
font-weight:bold;
padding-left:10px;
border-bottom:solid #000 1px;
background-image:none;
padding-bottom:0;
}
.z-bunka .meaning{
margin-bottom:60px;
}
.z-bunka .meaning a{
display:block;
}
.z-bunka .top-information{
margin-bottom:100px;
}
.z-bunka .top-information ul{
list-style:none;
}
.z-bunka .top-information ul li{
text-align:center;
}
.sq-information{
margin-bottom:20px;
}
.sq-information a{
display:block;
text-align:center;
}
.rec-information{
width:600px;
margin:0 auto;
}
.rec-information .heading{
font-size:28px;
color:rgb(128, 0, 128);
font-weight:bold;
padding-left:30px;
}
.rec-information a{
display:block;
}
.rec-information img{
width:100%;
display:block;
}
.rec-information .detail{
text-align:right;
font-size:22px;
font-weight:bold;
line-height:1.8;
}
.rec-information .detail a{
display:inline;
font-weight:bold;
color: #222288;
}
.new-topic{
clear:both;
margin-bottom:40px;
}
.new-topic .member,.new-topic .activity{
width:410px;
float:left;
border:1px solid #000;
padding:4px;
margin:0 4px;
}
.new-topic .member .heading,.new-topic .activity .heading{
background-color: #98fb98;
font-size:24px;
font-weight:bold;
border-bottom:1px solid #000;
}
.new-topic .member ul,.new-topic .activity ul{
padding:10px 10px 10px 20px;
}
.new-topic .member ul a,.new-topic .activity ul a{
color:#222288;
}
.bunka-footer{
margin-bottom:10px;
line-height:2;
font-size:14px;
}
.bunka-footer .up-part{
border-bottom:1px solid #000;
text-align:center;
}
.bunka-footer .down-part{
text-align:right;
}
.z-bunka .article-body{
border-bottom:none;
}
/* 文化財団サブカラム */
.bunka-sub-menu{
margin-bottom:20px;
}
.bunka-sub-menu .heading{
border-bottom:none;
background-color:#ddffdd;
font-size: 17px;
padding:4px 10px;
margin-bottom:5px;
}
.bunka-sub-menu .heading a{
font-weight: 600;
}
.bunka-sub-menu ul{
list-style:none;
padding-left:10px;
}
.bunka-sub-menu.member ul{
list-style:initial;
padding-left:30px;
}
.bunka-sub-menu.member ul li{
float:left;
padding-right:30px;
}
.bunka-sub-menu a{
color:#222288;
}
.z-bunka .sub-banner ul{
list-style:none;
}
.z-bunka .sub-banner ul li a{
display:block;
}
.z-bunka .address ul{
list-style:none;
}
/* うまい森 */
.umaimori-signage{
border-bottom: 1px dotted #BFBFBF;
padding-bottom:10px;
margin-bottom:20px;
}
.umaimori-signage .signage-image{
float:left;
width:302px;
}
.umaimori-signage .signage-image ul{
list-style:none;
padding:0;
margin:0;
}
.umaimori-signage .signage-image ul li a{
display:block;
}
.umaimori-signage .descript{
float:right;
width:720px;
font-size:17px;
}
.fair{
border-bottom: 1px solid #BFBFBF;
padding-bottom:20px;
margin-bottom:20px;
}
.fair .image-video{
float:left;
width:302px;
}
.fair .title-text{
float:right;
width:720px;
font-size:17px;
}
.fair .title-text .title{
text-align:center;
font-weight:bold;
font-size:32px;
line-height:1.3;
border-bottom:5px solid #333333;
margin-bottom:5px;
}
.umaimori .backnumber,.umaimori .shops{
padding-bottom:20px;
border-bottom: 1px solid #BFBFBF;
margin-bottom:20px;
}
.umaimori .backnumber .heading,.umaimori .shops .heading{
margin-bottom: 10px;
font-size: 21px;
font-weight: bold;
border-bottom: 1px dotted #BFBFBF;
}
.umaimori .backnumber ul,.umaimori .shops ul{
list-style:none;
}
.umaimori .backnumber ul li,.umaimori .shops ul li{
width:510px;
margin-bottom:6px;
padding-bottom:2px;
border-bottom: 1px dotted #BFBFBF;
font-size:16px;
}
.umaimori .backnumber ul li:nth-child(odd),.umaimori .shops ul li:nth-child(odd){
float:left;
clear:left;
}
.umaimori .backnumber ul li:nth-child(even),.umaimori .shops ul li:nth-child(even){
float:right;
clear:right;
}
.umaimori .backnumber ul li .fa{
display:inline-block;
border-radius:50%;
background-color:#ff8822;
width:30px;
height:30px;
text-align:center;
line-height:30px;
color:#fff;
font-size:15px;
margin-right:5px;
}
.umaimori .shops ul li .fa{
display:inline-block;
border-radius:50%;
background-color:#669922;
width:30px;
height:30px;
text-align:center;
line-height:30px;
color:#fff;
font-size:15px;
margin-right:5px;
}
.umaimori .backnumber ul li .title-date .date{
color: #A0A0A0;
float:right;
}
.umaimori .shops ul li .title-phone .phone{
//color: #A0A0A0;
float:right;
}
.umaimori .backnumber ul li .links,.umaimori .shops ul li .links{
text-align:right;
}
/* 新規特集 */
.spdef-signage{
margin:10px 0 20px;
}
.spdef-signage .thumb{
width:50%;
float:left;
}
.spdef-signage .thumb img{
width:100%;
display:block;
}
.spdef-signage a{
display:block;
text-align:center;
}
.spdef-signage .text{
font-size:16px;
width:47%;
float:right;
}
/* 投票機能 */
.vote-title{
font-size:20px;
font-weight:600;
}
.voteset {
border: 1px solid #efefef;
border-radius: 2px;
background-color: #fff;
margin-top: 1rem;
border-radius:6px 6px 0 0;
-webkit-box-shadow:0px 2px 0px 0px #e8e8e8;
        box-shadow:0px 2px 0px 0px #e8e8e8;
}
.voteset + .voteset,
body.vote .voteset {
margin-top: 1.5rem;
}
#votewrapper{
margin-bottom:40px;
}
#votewrapper .q_num{
display: none;
}
.voteset .heading {
color: #fff;
font-size: 16px;
line-height: 1.4;
background-color:#505F70;
margin-bottom: 0;
padding: 10px 12px;
border-bottom:none;
border-radius:6px 6px 0 0;
}
.voteset .heading:before{
content:"Q.";
padding-right:5px;
}
.voteset .body {
padding: 12px;
text-align:center;
}
.article-body .voteset .body ul {
margin: -12px 0;
padding-left: 0;
text-align:left;
}
.voteset .body li {
line-height: 1.2;
list-style-type: none;
padding: 12px 5px;
position: relative;
}
.voteset .body li + li {
border-top: 1px dotted #d6cec3;
}
.voteset .body ul li input {
position: absolute;
left: 8px;
top: 12px;
}
.voteset .body ul li label {
margin-left: 35px;
vertical-align: middle;
cursor: pointer;
}
.voteset .body ul li label:hover {
opacity:0.5;
}
.voteset textarea{
width:96%;
padding:2%;
border:none;
resize:none;
font-size:16px;
}
.voteset textarea:focus{
outline:none;
}
.voteset .votecheck {
font-size: 13px;
font-weight: bold;
}
.feedback{
border:1px solid #505F70;
background-color:#f0f6fd;
border-radius:6px;
padding:12px;
}
.feedback div{
font-size:16px;
padding:0 0 4px;
margin:0 0 4px;
border-bottom:1px dashed #505F70;
font-weight:600;
color:#505F70;
}
.feedback ul{
list-style:none;
margin:0 0 20px;
}
/* 投票機能　注意書き */
#remark-all {
color: #ff1300;
font-size: 16px;
line-height: 1;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
.remark2 {
text-align: center;
margin-top: 15px;
}
.remark {
color: #f84f4f;
font-size: 12px;
text-align: center;
}

/* ボタン */
.vote-btn {
text-align: center;
margin:20px 0 0;
}
.vote-btn .btn a{
font-size: 16px;
background-color: #F56861;
color: #fff;
    width: 240px;
    padding: 10px 20px;
    border-radius: 6px;
    display: block;
    text-align: center;
    font-size: 16px;
  margin:0 auto 10px;
}
.vote-btn .link {
margin-top: 10px;
}
.vote-btn .link a {
color: #ddd;
font-size: 12px;
}

/* 2列並び(2018-4-8 Yoshida) */
.images-2cols,.images-3cols{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
     margin:30px auto
 }
.images-2cols .image-area{
    float:left;
    width:48% !important;
    margin:0px;
    padding:0px;
    border:none;
    list-style-type:none;
 }
.images-2cols .image-area:nth-child(even){
    float:right;
    margin-left:20px;
}
.images-2cols .image-area img{
    width:100%;
    margin:0px auto 0px auto;
}

/*生活情報便 */
#lifeinfo-banner{
  margin-top:20px;
  margin-bottom:20px;
}
.lifeinfo-backnumber{
  margin-top:20px;
  margin-bottom:20px;
  text-align:right;
}
.lifeinfo-backnumber span.heading{
  border-bottom:none;
}
.lifeinfo-backnumber span.heading a{
  display:inline-block;
  font-weight:600;
  border-bottom:0;
  margin-bottom:10px;
}
.lifeinfo-link span.heading{
  display:inline-block;
  font-weight:600;
  border-bottom:0;
  margin-bottom:10px;
}
.lifeinfo-link ul li{
  display: inline-block;
  vertical-align: top;
  width: 32%;
  min-height: 60px;
  border-top: 1px dotted #888;
  padding: 4px 1px 2px;
}
.lifeinfo-link ul li .thumb{
  float:left;
}
.lifeinfo-link ul li .title{
  position:relative;
  left:3px;
}

/* -------------------------------------------------------
青森人　記事投稿
---------------------------------------------------------- */
.aomoribito .image-area{
width:auto !important;
}
.aomoribito .figure-left{
margin:0 20px 10px 5px;
float:left;
clear:left;
}
.aomoribito .figure-left img{
height:auto !important;
width:auto !important;
display:block;
}
.figure-right{
margin:0 5px 10px 20px;
float:right;
clear:right;
}
.aomoribito .figure-right img{
height:auto !important;
width:auto !important;
display:block;
}
.aomoribito .figure-center img{
height:auto !important;
width:auto !important;
}
.aomoribito .image-area .caption{
max-width:200px;
}
/* -------------------------------------------------------
データベースページ
---------------------------------------------------------- */
.databese-login h1{
font-size:24px;
margin-bottom: 1rem;
padding-bottom: 3px;
border-bottom: 3px solid #d2d2d2;
}
.databese-login .descript{
font-weight:bold;
line-height:1.5;
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
display:block;
}
.databese-login .caution{
color:#dc143c;
margin-bottom:20px;
display:inline-block;
}
.databese-login fieldset{
display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
border: 2px groove threedface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
min-width: -webkit-min-content;
padding:20px;
}
.databese-login legend{
display: block;
-webkit-padding-start: 2px;
-webkit-padding-end: 2px;
border: none;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
font-weight: bold;
margin-bottom: 5px;
font-size:18px;
}
.databese-login form{
margin-bottom: 1em;
}
.databese-login fieldset>div{
margin-bottom: 1em;
}
.databese-login label{
width: 6em;
display: inline-block;
font-weight: bold;
}
.databese-login .fieldtext{
width: 500px;
padding:5px;
border:1px solid #efefef;
}
.databese-login .dbform{
margin:0 auto;
width: 90%;
}
.databese-login h3{
font-weight: bold;
font-size:14pt;
line-height: 1.5;
margin-bottom: 10px;
border-bottom: 2px solid #d2d2d2;
}
.databese-login .user-text{
margin-left: 1em;
margin-bottom: 1.5em;
line-height: 1.5;
font-size:12pt;
}
.databese-login dd>p{
margin-bottom: 0.5em;
}
.databese-login .btn{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.databese-login .btn-green{
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.databese-login .text-center{
text-align: center;
}
.databese-login .unit{
margin-bottom:40px;
}

/* -- 「テンプレート」で設定する要素のレイアウト -- */
.images-2cols,.images-3cols{
    width:100%;
     margin:30px auto;
     text-align:center;
 }
.images-2cols .image-area{
    float:left;
    width:48%;
    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;
}
ul.images-3cols li{
    float:left;
    width:31%;
    margin:0px 2% 0px 0px;
    padding:0px;
    border:none;
    list-style-type:none;
 }
ul.images-3cols li:nth-child(3n){
    margin-right:0px;
}
ul.images-3cols li img{
    width:100%;
    margin:0px;
}
/* sub-columnの購読 */
#sub-column .subscription{
height:230px;
margin-bottom:20px;
}
#sub-column .subscription .paper{
width:176px;
float:left;
text-align:center;
}
#sub-column .subscription .paper span{
font-size:0.9rem;
font-weight:550;
}
#sub-column .subscription .paper img{
width:155px;
}
#sub-column .subscription .paper a{
display:block;
}
#sub-column .subscript-btn{
padding:0;
margin:0 0 0 6px;
float:left;
list-style: none;
}
#sub-column .subscript-btn .btn{
clear:left;
margin:0 0 6px 0;
padding:0;
background-color:transparent;
}
#sub-column .subscript-btn .btn:last-child{
margin-bottom:0;
}
#sub-column .subscript-btn .btn a{
display:block;
width:112px;
height:49px;
position:relative;
border:1px solid #e6e6e6;
border-radius:4px;
background:#fff;
}
#sub-column .subscript-btn .btn:nth-child(3) a{
height:56px;
}
#sub-column .subscript-btn .btn a:hover{
background-color: #F56861;
border:1px solid #09157b;
}
#sub-column .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:6px;
}
#sub-column .subscript-btn .btn a span{
font-size:0.8rem;
line-height:1.1;
color:#666;
display:block;
position:absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
left:36px;
}
#sub-column .subscript-btn .btn a:hover span{
color:#082081;
}

/*バイロンの画像を強制的に400pxにする  */
.panel-layout img, .wp-caption  img, figure img{
width:400px;
}
/* 当番医 */
.hospitals .area{
border-bottom:2px solid #1991ba;
font-size:18px;
font-weight:600;
padding:0 1rem;
color:#1991ba;
margin-bottom:20px;
}
.hospital-unit{
float:left;
width:26%;
border-radius:6px;
padding:8px 2%;
margin-right:3%;
min-height:125px;
border:1px solid #ccc;
letter-spacing:0.05rem;
border-bottom:3px solid #77d3fd;
margin-bottom:10px;
}
.area-unit{
margin-bottom:30px;
}
.area-unit .hospital-unit:last-child{
margin-right:0;
}
.area-unit .hospital-unit:nth-child(3n+1){
clear:left;
}
.hospital-unit .date{
font-weight:600;
margin-bottom:5px;
height:20px;
}
.hospital-unit .name{
height:60px;
font-weight:800;
}
.hospital-unit .time{
height:30px;
}
.hospital-unit .phone{
font-size:16px;
line-height:2;
height:18px;
}

/* お悔やみ */
.article-body .okuyami td{
font-size:20px;
}
.article-body .okuyami-caution{
text-align:right;
color:#666;
}
/* 川柳 */
.article-body .senryu{
border: 3px solid #6A9637;
padding: 10px;
margin: 0;
background-color: #FDF1D4;
}

.article-body .senryu li{
font-size:18px;
}
/* junijuni一覧 */
.cp-thumb{
margin-bottom:20px;
}
.cp-thumb .thumb{
width:50%;
float:left;
text-align:center;
}
.juni-list{
list-style:none;
margin:0;
padding:0;
font-size:18px;
}
.juni-list li{
margin:0 0 5px;
padding:0 0 5px;
border-bottom:1px dashed #505F70;
}
.juni-list li .icon{
width:14px;
height:14px;
background:#FAA700;
border-radius:7px;
display:inline-block;
margin:0 10px 0 0;
}

/* MiNiガイド */
.miniguide .title{
  font-size:17px;
  font-weight:700;
  margin-bottom:20px;
}

.miniguide .heading{
  margin-top:20px;
}

.miniguide .list{
  line-height:1.6rem;
}

/* 野球のパーツ */
.baseball-page #games .title{
float:left;
}
.baseball-page #games .title span{
color:#F56861;
font-size:16px;
padding-left:50px;
}
.baseball-page .links{
display:inline-block;
float:right;
font-size:16px;
margin:5px 0 0;
}
.baseball-page h4.udate{
padding-left:10px;
margin-bottom:20px;
}
.baseball-page .field{
margin-top:30px !important;
}