@charset "utf-8";
/* CSS Document */

/* ホストタウン情報（時事ドットコムSP版）2019/06 */



*{
    margin:0;
    padding:0;
    box-sizing: border-box;/*ボーダーの幅分を中に入れる*/
}
a,
a:link,
a:visited{
    color:#1e1e17;
    text-decoration: none;
}
a:hover,
a:active{
    color:#174487;
    text-decoration:underline;
}
img{
    border:none;
}

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



/* 北海道の記事がまだないため、一時的にクリックを無効 */
/* #jht-contents a[href="/jc/tokushu?id=list_hokkaido&g=tokyo2020_hosttown"] {
  pointer-events: none;
} */
/* #jht-graph .gr-areaname .gr-hokkaido dt a { 北海道地図上ボタン
    pointer-events: none;
} */
/* #jht-cornerbox .cor-areaname.hokkaido a,
#jht-topicslistbox .btn-areaname.hokkaido a,
#jht-photobox ul li .btn-areaname.hokkaido a,
#jht-articlelistbox ul li .btn-areaname.hokkaido a,
#jht-arealink li .btn-areaname.hokkaido { 北海道ボタン
    pointer-events: none;
} */



/*---------------------------
 全体共通
---------------------------*/
/* コンテンツ全体 */
#jht-contents {
    width:100%; /*680px*/
    margin: 0 0 15px 0;
    padding: 0;
    clear:both;
}

/* h1コンテンツタイトル（画像だと検索indexに載らないため別） */
#jht-contents h1.c-title,
#jht-contents .c-title { /*トップのみ代替え・テキスト非表示の代わり*/
    width: 0;
    height: 0;
    overflow: hidden; /* 画面外へ */
    text-indent: 100%; /* 画面外へ */
    white-space: nowrap; /* 画面外へ */
    clear:both;
}

/* コンテンツタイトル（トップ以外） */
#jht-headbox {
    width: 100%;
    height: 50px;
    font-size: 120%;
    font-weight: bold;
    margin:5px 0 0 0;
    padding:0;
    clear:both;
    position:relative;
}
#jht-headbox::before {
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 1;
    content: '';
    display: block;
    width: 65%;
    height: 2px;
    background: #cab38e;
    background: -moz-linear-gradient(-45deg, transparent, #e3d2b7 40%, #f7f7ef);
    background: -webkit-linear-gradient(-45deg, transparent, #e3d2b7 40%, #f7f7ef);
    background: linear-gradient(to right, #e3d2b7 40%, #f7f7ef);
    /*background: -webkit-linear-gradient(-45deg, transparent, #f0e5d5 20%, #e3d2b7 70%, #cab38e);
    background: linear-gradient(-45deg, transparent, #f0e5d5 20%, #e3d2b7 70%, #cab38e);*/
}
#jht-headbox .head-titlename {
    width: 100%;
    height: auto;
    margin:0;
    padding:0;
    position:relative;
}
#jht-headbox .head-titlename p {
    font-size: 125%;
    font-weight: bold;
    position:absolute;
    top:0.8em;
    left:5px;
}
@media (max-width: 360px) 
{
#jht-headbox .head-titlename p { /* 360px以下 */
    font-size:120%;
}
}
#jht-headbox .head-titlename span {
    font-size: 98%;
    font-weight: bold;
    position:absolute;
    top:0;
    left:5px;
}
@media (max-width: 360px) 
{
#jht-headbox .head-titlename span { /* 360px以下 */
    font-size:90%;
}
}

/* コンテンツタイトル横トップリンク（トップ以外） */
#jht-headbox .jump-top {
    width: auto;
    height: auto;
    background-color: #cab38e;
    color:#fff;
    font-size:75%;
    font-weight:normal;
    margin:0;
    padding:1px 0 0 0;
    text-align:right;
    vertical-align:middle;
    position:absolute;
    bottom:0;
    right:5px;
}
#jht-headbox .jump-top span {
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border: 7px solid transparent;
    border-left: 7px solid #fff;
    margin:0;
    padding:0;
    position:absolute;
    bottom:4px;
    right:-3px;
}
#jht-headbox .jump-top a {
    color:#fff;
    text-decoration:none;
    margin:0;
    padding:0 16px 0 3px;
    display:block;
}
#jht-headbox .jump-top a:hover {
    background-color: #d1c0a5;
    display:block;
}

/* コーナー見出し枠 */
#jht-cornerbox {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    clear:both;
    position:relative;
}
/* h2コーナー見出し */
#jht-cornerbox .cor-itemname {
    width:50%;
    height:42px;
    margin: 0 0 10px 0;
    padding:0;
    text-align:left;
    vertical-align:middle;
    float:left;
    position: relative;
}
#jht-cornerbox .cor-itemname:before { /* 背景に円 */
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    background-color: #d1c0a5;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 1%;
    opacity: 0.6;
}
@media (max-width: 360px) 
{
#jht-cornerbox .cor-itemname:before { /* 360px以下 */
    width: 40px;
    height: 40px;
}
}
#jht-cornerbox .cor-itemname h2 {
    width: auto;
    height:40px;
    line-height:40px;
    font-size:105%;
    font-weight:bold;
    margin:0;
    padding:0;
    position: absolute;
    top: 7px;
    left: 0.8em;
    display:block;
    clear:both;
    z-index:1; /* 小さい円の下にいってしまうため */
}
@media (max-width: 360px) 
{
#jht-cornerbox .cor-itemname h2 { /* 360px以下 */
    height:40px;
    line-height:40px;
    font-size:105%;
}
}
#jht-cornerbox .cor-itemname h2:first-letter{
    font-size: 136%;
}
@media (max-width: 360px) 
{
#jht-cornerbox .cor-itemname h2:first-letter{ /* 360px以下 */
    font-size: 130%;
}
}
#jht-cornerbox .cor-itemname.cor-close { /* とりあえず非表示 */
    width: 0;
    height: 0;
    overflow: hidden; /* 画面外へ */
    text-indent: 100%; /* 画面外へ */
    white-space: nowrap; /* 画面外へ */
}

/* h3地方名見出し */
#jht-cornerbox .cor-areaname {
    width: 100px;
    height: 28px;
    line-height: 28px;
    background-color: #000;
    border-radius: 14px;
    display:inline-block;
    margin: 0 0 10px 0;
    padding:0;
    text-align:left;
    vertical-align:middle;
    transition: background-color 0.5s linear 0.1s;
    /* 背景色をマウスオーバーでゆっくり反応 */
}

/* 地方・都道府県ボタンの色指定は下方で一括指定 */

#jht-cornerbox .cor-areaname h3 {
    color: #fff;
    font-size:100%;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    margin: 0;
    padding: 0;
}
#jht-cornerbox .cor-areaname h3 a {
    color: #fff;
    display:block;
}
#jht-cornerbox .cor-small { /* h2コーナー見出し横配置 */
    width: 100px;
    height: 28px;
    line-height: 28px;
    background-color: #000;
    border-radius: 14px;
    display:inline-block;
    margin: 0 0 10px 0;
    padding: 0;
    text-align:left;
    vertical-align:middle;
    position:absolute;
    top:11px;
    left:95px;
}
#jht-cornerbox .cor-big { /* h2コーナーなし左配置 */
    margin: 10px 1%;
    padding: 0;
    float:left;
}

#jht-cornerbox p.cor-prefecturename { /* 都道府県名 */
    font-size:88%;
    font-weight:normal;
    line-height:1.2;
    text-align:;
    vertical-align:middle;
    margin: 0;
    padding: 0;
    position:absolute;
    top:8px;
    left:110px;
    display:inline-block;
}
@media (max-width: 360px) 
{
#jht-cornerbox p.cor-prefecturename { /* 360px以下 */
    font-size:86%;
}
}
#jht-cornerbox p.cor-prefecturename.hokkaido { /* 北海道 */
    color:#32b7eb;
}
#jht-cornerbox p.cor-prefecturename.tohoku { /* 東北 */
    color:#187fc3;
}
#jht-cornerbox p.cor-prefecturename.kanto { /* 関東 */
    color:#a34b99;
}
#jht-cornerbox p.cor-prefecturename.chubu { /* 中部 */
    color:#038e3a;
}
#jht-cornerbox p.cor-prefecturename.kinki { /* 近畿 */
    color:#a9c439;
}
#jht-cornerbox p.cor-prefecturename.chugoku { /* 中国 */
    color:#f0c029;
}
#jht-cornerbox p.cor-prefecturename.shikoku { /* 四国 */
    color:#eb681a;
}
#jht-cornerbox p.cor-prefecturename.kyusyu { /* 九州 */
    color:#d13030;
}



/*---------------------------
 地図＆タイトル（トップのみ）
---------------------------*/
/* コンテンツ種別 */
#jht-graph {
    width:100%;
    height:auto;
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_bg.png') top center no-repeat;
    margin: 0;
    padding: 0;
    clear:both;
    position:relative;
}
#jht-graph img {
    max-width:100%;
    max-height:100%;
    margin: 0;
    padding: 20px 0 0 0;
}
@media (max-width: 360px) 
{
#jht-graph img { /* 360px以下 */
    padding: 40px 0 0 0;
}
}
#jht-graph .gr-title { /* タイトル */
    width:72%;
    height:54px;
    color:#000;
    font-size:125%;
    font-weight:bold;
    margin: 0;
    padding: 0;
    position:absolute;
    top:0.3em;
    left:0;
    background: -moz-linear-gradient(left, #e3d2b7, #f7f7ef);
    background: -webkit-linear-gradient(left, #e3d2b7, #f7f7ef);
    background: linear-gradient(to right, #e3d2b7, #f7f7ef);
}
@media (max-width: 360px) 
{
#jht-graph .gr-title { /* 360px以下 */
    height:50px;
}
}
#jht-graph .gr-title p { /* ホストタウン情報 */
    width:auto;
    height:auto;
    color:#000;
    font-size:125%;
    font-weight:bold;
    margin: 0;
    padding: 0 0 0 4px;
    position:absolute;
    top:0.86em;
    z-index:1;
}
@media (max-width: 360px) 
{
#jht-graph .gr-title p { /* 360px以下 */
    font-size:120%;
    top:0.76em;
}
}
#jht-graph .gr-title span { /* （東京五輪・パラリンピック） */
    font-size:95%;
    font-weight:bold;
    margin: 0;
    padding: 0 0 0 5px;
    position:absolute;
    top:0.1em;
    z-index:1;
}
@media (max-width: 360px) 
{
#jht-graph .gr-title span { /* 360px以下 */
    font-size:85%;
}
}
#jht-graph .gr-explanation { /* 説明枠 */
    width:62%;
    height:auto;
    color:#000;
    margin: 0;
    padding: 0;
    position:absolute;
    top:4.2em;
    left:1%;
    z-index:1;
}
@media (max-width: 360px) 
{
#jht-graph .gr-explanation { /* 360px以下 */
    width:63%;
    top:3.8em;
}
}
#jht-graph .gr-explanation .gr-name { /* ホストタウンとは */
    width:auto;
    height:auto;
    color:#000;
    font-size:100%;
    font-weight:bold;
    margin: 0;
    padding: 0;
}
@media (max-width: 360px) 
{
#jht-graph .gr-explanation .gr-name { /* 360px以下 */
    font-size:96%;
}
}
#jht-graph .gr-explanation .gr-cap { /* ホストタウンとは（解説） */
    width:auto;
    height:auto;
    color:#000;
    font-size:90%;
    line-height:1.2;
    font-weight:normal;
    margin: 0;
    padding: 0;
}
@media (max-width: 360px) 
{
#jht-graph .gr-explanation .gr-cap { /* 360px以下 */
    font-size:84%;
    line-height:1.1;
}
}
#jht-graph .gr-update { /* 更新日 */
    width:auto;
    height:auto;
    color:#666;
    font-size:90%;
    line-height:1.4;
    font-weight:normal;
    margin: 0;
    padding: 0;
    position:absolute;
    bottom:0.3em;
    right:0;
}
@media (max-width: 360px) 
{
#jht-graph .gr-update { /* 360px以下 */
    font-size:85%;
    line-height:1.1;
}
}



/*---------------------------
 地図上の都道府県別一覧（トップのみ）
---------------------------*/
#jht-graph .gr-areaname { /* 都道府県全体 */
    width:100%;
    height:100%;
    margin: 0;
    padding: 0;
    position:absolute;
    top:0;
    left:0;
}
#jht-graph .gr-areaname div { /* 地方別枠 */
    width:68px;
    height:auto;
    background-color:#fff;
    border:1px solid #ccc;
    box-shadow: 2px 2px #ddd;
    color:#000;
    font-size:94%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    position:absolute; /* 位置は下記個別指定 */
    vertical-align:middle;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname div { /* 360px以下 */
    width:56px;
    font-size:84%;
}
}
#jht-graph .gr-areaname .gr-hokkaido { /* 北海道 */
    top:31%;
    right:3%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-hokkaido { /* 360px以下 */
    top:35%;
    right:3%;
}
}
#jht-graph .gr-areaname .gr-tohoku { /* 東北 */
    top:47%;
    right:3%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-tohoku { /* 360px以下 */
    top:49%;
    right:3%;
}
}
#jht-graph .gr-areaname .gr-kanto { /* 関東 */
    top:63%;
    right:7%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-kanto { /* 360px以下 */
    top:63%;
    right:7%;
}
}
#jht-graph .gr-areaname .gr-chubu { /* 中部 */
    top:47%;
    left:40%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-chubu { /* 360px以下 */
    top:49%;
    left:40%;
}
}
#jht-graph .gr-areaname .gr-kinki { /* 近畿 */
    top:73%;
    left:52%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-kinki { /* 360px以下 */
    top:74%;
    left:51%;
}
}
#jht-graph .gr-areaname .gr-chugoku { /* 中国 */
    top:56%;
    left:22%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-chugoku { /* 360px以下 */
    top:57%;
    left:22%;
}
}
#jht-graph .gr-areaname .gr-shikoku { /* 四国 */
    top:81%;
    left:30%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-shikoku { /* 360px以下 */
    top:81%;
    left:30%;
}
}
#jht-graph .gr-areaname .gr-kyusyu { /* 九州 */
    top:63%;
    left:2%;
}
@media (max-width: 360px) 
{
#jht-graph .gr-areaname .gr-kyusyu { /* 360px以下 */
    top:64%;
    left:2%;
}
}

#jht-graph .gr-areaname dl { /* ボックス全体 */
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}
#jht-graph .gr-areaname dt { /* 地方枠 */
    width:100%;
    height:26px;
    line-height:26px;
    background-color:#000;
    margin: 0;
    padding: 0;
    transition: background-color 0.5s linear 0.1s;
    /* 背景色をマウスオーバーでゆっくり反応 */
}
#jht-graph .gr-areaname .gr-hokkaido dt { /* 北海道 */
    background-color:#32b7eb;
}
#jht-graph .gr-areaname .gr-hokkaido dt:hover {
    background: #93daf5;
}

#jht-graph .gr-areaname .gr-tohoku dt { /* 東北 */
    background-color:#187fc3;
}
#jht-graph .gr-areaname .gr-tohoku dt:hover {
    background: #5eb2ea;
}
#jht-graph .gr-areaname .gr-kanto dt { /* 関東 */
    background-color:#a34b99;
}
#jht-graph .gr-areaname .gr-kanto dt:hover {
    background: #c479bc;
}
#jht-graph .gr-areaname .gr-chubu dt { /* 中部 */
    background-color:#038e3a;
}
#jht-graph .gr-areaname .gr-chubu dt:hover {
    background: #28b15e;
}
#jht-graph .gr-areaname .gr-kinki dt { /* 近畿 */
    background-color:#a9c439;
}
#jht-graph .gr-areaname .gr-kinki dt:hover {
    background: #c6db6e;
}
#jht-graph .gr-areaname .gr-chugoku dt { /* 中国 */
    background-color:#f0c029;
}
#jht-graph .gr-areaname .gr-chugoku dt:hover {
    background: #f5d77a;
}
#jht-graph .gr-areaname .gr-shikoku dt { /* 四国 */
    background-color:#eb681a;
}
#jht-graph .gr-areaname .gr-shikoku dt:hover {
    background: #f49358;
}
#jht-graph .gr-areaname .gr-kyusyu dt { /* 九州 */
    background-color:#d13030;
}
#jht-graph .gr-areaname .gr-kyusyu dt:hover {
    background: #e76060;
}
#jht-graph .gr-areaname dt p { /* 地方名 */
    color:#fff;
    font-size:110%;
    font-weight:bold;
    margin: 0;
    padding: 0;
    text-align:center;
    vertical-align:middle;
}
#jht-graph .gr-areaname dt p a:link,
#jht-graph .gr-areaname dt p a:visited,
#jht-graph .gr-areaname dt p a:hover,
#jht-graph .gr-areaname dt p a:active {
    color: #fff;
    text-decoration: none;
    display:block;
}
#jht-graph .gr-areaname dd  { /* 都道府県枠 */
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    display:none;
}
#jht-graph .gr-areaname dd p  { /* 都道府県名 */
    width:auto;
    height:auto;
    border-bottom:1px solid #eee;
    color:#000;
    font-size:96%;
    font-weight:normal;
    margin: 1px 0 0 0;
    padding: 0 5px;
    text-align:left;
    vertical-align:middle;
    display:none;
}
#jht-graph .gr-areaname dd p:last-child  {
    border-bottom:0px;
}
#jht-graph .gr-areaname dd span  { /* 都道府県の記事本数 */
    margin: 0;
    padding: 0;
    float:right;
}



/*---------------------------
 サムネール写真一覧（トップのみ、SP版は2列配置）※今回はなし
---------------------------*/
#jht-photobox {
    width:100%;
    height:auto;
    margin: 0 0 10px 0;
    padding: 0;
    clear:both;
    display:none;
}
#jht-photobox ul {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    text-align:center;

    display:-webkit-box; /* ↓高さを揃える */
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap; /* ↑高さを揃える */
}
#jht-photobox li {
    width: 48%;
    height: auto; /* ulで高さ揃える設定 */
    border: 1px solid #f0f0f0;
    /*background-color:#f5f5f5;*/
    margin: 2px 1%;
    padding: 3px 1%;
    float:left;
}
#jht-photobox figure {
    width: auto; 
    height: auto; 
    border: none;
    margin: 0;
    padding: 0;
    text-align:center;
}
#jht-photobox figure img {
    max-width:100%; 
    height: auto; /* 基本はauto */
    text-align:center;
}
#jht-photobox figure a:hover img {
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
#jht-photobox figcaption {
    width:auto; 
    height: auto; /* 基本はauto */
    line-height:1.2;
    color:#000;
    font-size:86%;
    font-weight:normal;
    margin: 0 auto;
    padding: 2px;
    text-align:left;
    display:block;
    clear:both;
}
#jht-photobox figcaption a:hover {
    text-decoration:underline;
}

/* 地方・都道府県ボタンの色指定は下方で一括指定 */



/*---------------------------
 記事一覧の画像セット（トップのみ）
---------------------------*/
#jht-topicslistbox {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    clear:both;
}
#jht-topicslistbox ul.list-group {
    width:98%;
    height:auto;
    margin: 5px 1% 0 1%;
    padding: 0;
    float:left;
}
#jht-topicslistbox ul.list-news { /* トップの地図背景なし */
    background:none;
}
#jht-topicslistbox li.list-article {
    width:100%;
    height:auto;
    border-bottom:1px solid #f0f0f0;
    margin: 0;
    padding: 2px 0;
    text-align:left;
    vertical-align:middle;
    float:left;
    position:relative;
}
#jht-topicslistbox li.list-article p {
    width:100%;
    height:auto;
    line-height:1.2;
    color:#000;
    font-size:100%;
    font-weight:bold;
    margin: 0;
    padding: 0;
    text-align:left;
    vertical-align:middle;
    clear:both;
}
@media (max-width: 360px) {
#jht-topicslistbox li.list-article p { /* 360px以下 */
    font-size:98%;
}
}
#jht-topicslistbox li.list-article p a:link {
    width:auto;
    height:100%;
    margin: 0;
    padding: 0 1%;
    vertical-align:middle;
    display:block;
    text-decoration:none;
}
#jht-topicslistbox li.list-article p a:hover {
    text-decoration:underline;
}
#jht-topicslistbox span.municipality { /* 市町村 */
    color:#666;
    font-size:80%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    /* display:none; */
    position:absolute;
    top:8px;
    right:0;
}
#jht-topicslistbox span.daytime { /* 配信日 */
    color:#999;
    font-size:75%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    position:absolute;
    top:8px;
    left:65px;
}
#jht-topicslistbox span.daytime a:hover {
    text-decoration:none;
    display:inline-block;
}
#jht-topicslistbox span.newmark { /* トップのみNEW */
    color:#e60012;
    font-size:80%;
    font-weight:bold;
    font-style: italic;
    margin: 0;
    padding: 0;
    position:absolute;
    top:7px;
    left:145px;
}
#jht-topicslistbox span.newmark a:hover {
    text-decoration:none;
    display:inline-block;  
}
#jht-topicslistbox li.list-articlemore { /* もっと見る */
    border-bottom: 0;
    margin: 0;
    padding: 5px 0;
    text-align: right;
    clear: both;
}
#jht-topicslistbox li.list-articlemore p a {
    color:#666;
    font-size:95%;
}
#jht-topicslistbox li.list-articlemore p a:hover {
    text-decoration:underline;
}

#jht-topicslistbox figure {
    width:80%;
    height: auto; /* 基本はauto */
    border: 1px solid #f0f0f0;
    margin: 0 auto 10px auto;
    padding: 2px 4px 2px 2px;
    background: #fff;
    text-align:center;
    clear:both;
}
#jht-topicslistbox figure img {
    width:100%; 
    height: auto; /* 基本はauto */
    margin: 1px;
    padding :0;
    text-align:center;
}
#jht-topicslistbox figure a:hover img {
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
#jht-topicslistbox figcaption {
    width:auto; 
    height: auto;
    line-height:1.2;
    color:#000;
    font-size:85%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    text-align:left;
    clear:both;
}
#jht-topicslistbox figcaption a:link {
    margin: 0;
    padding: 3px;
    display:block;
    text-decoration:none;
}
#jht-topicslistbox figcaption a:hover {
    text-decoration:underline;
}

/* 地方・都道府県ボタンの色指定は下方で一括指定 */



/*---------------------------
 記事一覧（トップのピックアップ、時系列＝全国・地方別共通）
---------------------------*/
#jht-articlelistbox {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    clear:both;
}
#jht-articlelistbox ul.list-group {
    width:auto;
    height:auto;
    margin: 0;
    padding: 0 1%;
}
#jht-articlelistbox ul.list-news { /* トップの地図背景なし */
    background:none;
}
#jht-articlelistbox ul.list-nationwide { /* 時系列タイプのみ */
    background:none;
}
#jht-articlelistbox li.list-article {
    width:100%;
    height:auto;
    line-height:1.2;
    border-bottom:1px solid #f0f0f0;
    margin: 0;
    padding: 6px 0;
    text-align:left;
    vertical-align:middle;
    float:left;
    /*display:inline;*/ /* 地方ボタン、記事、NEWを横並びに */
}
#jht-articlelistbox li.list-article p {
    width:auto;
    height:auto;
    line-height:1.2;
    color:#000;
    font-size:98%;
    font-weight:bold;
    margin: 0;
    /*padding: 0 0 0 65px;*/ /* overflow:hidden;で必要なし  */
    padding: 0;
    text-align:left;
    overflow: hidden; /* 左の高さがなく、余った分が左要素の下へいく対策 */
}
#jht-articlelistbox ul.list-region li p { /* 地方別タイプのみ */
    /*padding-left: 0;*/
}
#jht-articlelistbox li.list-article p a {
    margin: 0;
    height:auto;
    margin: auto 0;
    padding: 6px 0 0 0;
    display:block;
}
#jht-articlelistbox li.list-article p a:link,
#jht-articlelistbox li.list-article p a:visited {
    text-decoration:none;
}
#jht-articlelistbox li.list-article p a:hover,
#jht-articlelistbox li.list-article p a:active {
    text-decoration:underline;
}
#jht-articlelistbox span.municipality { /* 市町村 */
    font-size:86%;
    font-weight:normal;
    margin: 0;
    padding: 0;
}
#jht-articlelistbox span.photomark { /* 写真アイコン */
    display:inline-block;
    width:24px;
    height:20px;
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/photo-icon.png') top center no-repeat;
    margin:0;
    padding:0;
    vertical-align:middle;
    display:none;
}
#jht-articlelistbox span.photomark a:link,
#jht-articlelistbox span.photomark a:visited,
#jht-articlelistbox span.photomark a:hover,
#jht-articlelistbox span.photomark a:active {
    text-decoration:none;
}
#jht-articlelistbox span.photomark-none { /* 写真アイコンなし */
    display:none;
}
#jht-articlelistbox span.daytime { /* 配信日 */
    color:#999;
    font-size:75%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    /*display:none;*/
}
#jht-articlelistbox li.list-article p a:hover span.daytime {
    text-decoration:none;
    display:inline-block;
    /*display:none;*/
}
#jht-articlelistbox li.list-articlemore { /* もっと見る */
    border-bottom: 0;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: right;
    clear: both;
}
#jht-articlelistbox li.list-articlemore a {
    color:#666;
    font-size:95%;
}
#jht-articlelistbox li.list-articlemore p a:hover {
    text-decoration:underline;
}

/* 地方・都道府県ボタンの色指定は下方で一括指定 */



/*---------------------------
 記事一覧下のページ送り（時系列＝全国タイプのみ）
---------------------------*/
#jht-articlelistbox .panel,
#jht-articlelistbox nav.panel-footer {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    text-align:center;
    display:inline-block;
}
#jht-articlelistbox ul.pagination {
    width:auto;
    height:auto;
    margin: 10px 0 0 0;
    padding: 0;
    text-align:center;
    display:inline-block;
}
#jht-articlelistbox ul.pagination li {
    width:auto;
    border:none;
    font-size:92%;
    margin:0;
    padding:0;
    float:left;
    display:inline-block;
}
#jht-articlelistbox ul.pagination li.pageNumbers {
    display: none;
}

#jht-articlelistbox ul.pagination li a, 
#jht-articlelistbox ul.pagination li span {
    margin: 0;
    padding: 4px 8px;
    color: #666; /* 旧337ab7 */
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    /*position: relative;*/
    float: left;
    display:block;
}

#jht-articlelistbox ul.pagination li a:focus, 
#jht-articlelistbox ul.pagination li a:hover, 
#jht-articlelistbox ul.pagination li span:focus, 
#jht-articlelistbox ul.pagination li span:hover {
    /*z-index: 2;*/
    color: #333; /* 旧23527c */
    background-color: #eee;
    border-color: #ddd;
}

#jht-articlelistbox ul.pagination .active a, 
#jht-articlelistbox ul.pagination .active a:focus, 
#jht-articlelistbox ul.pagination .active a:hover, 
#jht-articlelistbox ul.pagination .active span, 
#jht-articlelistbox ul.pagination .active span:focus, 
#jht-articlelistbox ul.pagination .active span:hover {
    /*z-index: 3;*/
    color: #fff;
    cursor: default;
    background-color: #a0a0a0; /* 旧337ab7 */
    border-color: #a0a0a0; /* 旧337ab7 */
}



/*---------------------------
 記事一覧（地方別タイプのみ） 
---------------------------*/
#jht-articlelistbox ul.list-region li.list-article {
    width:100%;
    margin: 0;
    padding: 6px 0;
    /*display:inline;*/ /* 地方ボタン、記事、NEWを横並びに */
}
#jht-articlelistbox ul.list-region li.list-article p a {
    padding: 3px 0;
}
#jht-articlelistbox .list-region .btn-areaname {
    display:none;
}
#jht-articlelistbox ul.list-region li.list-article:last-child { /* 地方別一覧の最後下ボーダー非表示 */
    border-bottom:none;
}
#jht-articlelistbox ul.list-region .btn-areaname {
    display:none;
}
#jht-articlelistbox ul.list-hokkaido,
#jht-articlelistbox ul.list-tohoku,
#jht-articlelistbox ul.list-kanto,
#jht-articlelistbox ul.list-chubu,
#jht-articlelistbox ul.list-kinki,
#jht-articlelistbox ul.list-chugoku,
#jht-articlelistbox ul.list-shikoku,
#jht-articlelistbox ul.list-kyusyu {
    background:none;
}



/*---------------------------
 記事本文
---------------------------*/
#jht-articlesetbox {
    width:100%;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    clear:both;
    position:relative; /* 配信日（注釈式）用 */
}
#jht-articlesetbox .box-articletitle {
    width:98%;
    margin: 0 0 10px 0;
    padding:0 1%;
}
#jht-articlesetbox .box-articletitle h4,
#jht-articlesetbox .box-articletitle h1 { /* 記事見出し */
    width:100%;
    height:auto;
    line-height:1.2;
    font-size:130%;
    font-weight:bold;
    margin:0;
    padding:0;
}
#jht-articlesetbox .box-articletitle p.daytime { /* 配信日 */
    width:100%;
    color:#999;
    font-size:95%;
    font-weight:normal;
    margin:0;
    padding:0;
    text-align:right;
}
#jht-articlesetbox .box-articletext { /* 記事本文枠 */
    width:auto;
    margin:0 auto;
    padding:0 1%;
    text-align:center;
    clear:both;
}
#jht-articlesetbox .box-articletext p { /* 記事本文 */
    width:98%;
    font-size:100%;
    font-weight:normal;
    line-height:1.4;
    margin:0 auto;
    padding:0 0 15px 0;
    text-align:left;
}
#jht-articlesetbox .box-articletext p a:link,
#jht-articlesetbox .box-articletext p a:visited {
    text-decoration:none;
    color:#174487;
}
#jht-articlesetbox .box-articletext p a:hover,
#jht-articlesetbox .box-articletext p a:active {
    text-decoration:underline;
    color:#174487;
}

#jht-articlesetbox .box-articletext p.regiondate { /* 市町村紹介 ※未使用 */
    width:98%;
    height:auto;
    /*background: #f5f5f5;*/
    background: #f6f1e3;
    margin:0 auto;
    padding:5px 1%;
}

#jht-articlesetbox .box-articletext figure { /* 本文のキャプション付き画像 */
    /*width:;*/ /* 指定しないこと */
    height: auto; /* 基本はauto */
    border: solid 1px #f0f0f0;
    background: #f5f5f5;
    margin: 0 auto 10px auto;
    padding: 2px;
    text-align:center;
    clear:both;
}
#jht-articlesetbox .box-articletext figure img{
    width:100%;
    margin: 0;
    padding :0;
    text-align:center;
}
#jht-articlesetbox .box-articletext figcaption{
    width:auto; 
    height: auto;
    font-size: 85%;
    line-height: 1.2;
    /*letter-spacing:0.1em;*/
    color: #585858;
    padding :3px;
    text-align:left;
}
/* 写真の幅指定（縦写真w200、横写真w280） */
#jht-articlesetbox .box-articletext figure.ph_tate {
    width: 204px;
}
/* 他に調整が必要な設定は直術（例：article_20181120chugoku） */

#jht-articlesetbox .box-articletext figure.ph_yoko {
    width: 284px;
}
#jht-articlesetbox .box-articletitle p.daytime2 { /* 配信日（注釈式） */
    width:auto;
    color:#996c33;
    font-size:86%;
    font-weight:normal;
    margin:0;
    padding:0;
    text-align:left;
    position:absolute;
    bottom:-25px;
}



/*---------------------------
 地方別ボタンリンク一覧
---------------------------*/
#jht-arealink {
    width:100%;
    height:auto;
    margin: 10px 0 0 0;
    padding: 0;
    clear:both;
}
#jht-arealink ul {
    width:98%;
    height:52px;
    margin: 0 auto;
    padding: 0 1%;
    text-align:center;
    position:relative;
}
#jht-arealink li {
    width:30%;
    height:auto;
    margin: 0;
    padding: 0;
    float:left;
}
#jht-arealink li .btn-areaname,
#jht-arealink .btn-areaname { /* 地方または都道府県名 */
    width: 100%;
    height: 26px;
    line-height:26px;
    background-color: #000;
    border-radius: 12px;
    color: #fff;
    font-size:100%;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
    margin: 0;
    padding: 0;
    transition: background-color 0.5s linear 0.1s;
    /* 背景色をマウスオーバーでゆっくり反応 */
}
#jht-arealink li .btn-areaname.hokkaido { /* 北海道 */
    width: 30%;
    position:absolute;
    left:1%;
}
#jht-arealink li .btn-areaname.tohoku { /* 東北 */
    width: 30%;
    position:absolute;
    left:24%;
}
#jht-arealink li .btn-areaname.kanto { /* 関東 */
    width: 30%;
    position:absolute;
    left:49%;
}
#jht-arealink li .btn-areaname.chubu { /* 中部 */
    width: 25%;
    position:absolute;
    left:74%;
}
#jht-arealink li .btn-areaname.kinki { /* 近畿 */
    width: 30%;
    position:absolute;
    top:26px;
    left:1%;
}
#jht-arealink li .btn-areaname.chugoku { /* 中国 */
    width: 30%;
    position:absolute;
    top:26px;
    left:24%;
}
#jht-arealink li .btn-areaname.shikoku { /* 四国 */
    width: 30%;
    position:absolute;
    top:26px;
    left:49%;
}
#jht-arealink li .btn-areaname.kyusyu { /* 九州 */
    width: 25%;
    position:absolute;
    top:26px;
    left:74%;
}
#jht-arealink .btn-areaname.nationwide { /* 全国 */
    width: 25%;
    margin:5px 7px 0 0;
    padding:0;
    float:right;
}

/* 地方・都道府県ボタンの色指定は下方で一括指定 */



/*---------------------------
 地方・都道府県ボタンの色（最新フォト、最新一覧、記事一覧、記事本文共通）
---------------------------*/
#jht-topicslistbox .btn-areaname,
#jht-photobox ul li .btn-areaname,
#jht-articlelistbox ul li .btn-areaname { /* 地方または都道府県名 */
    width: auto;
    height: 20px;
    line-height: 20px;
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    font-size:80%;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    /*display:inline-block;*/
    margin:5px 5px 5px 0;
    padding:0;
    float:left;
    transition: background-color 0.5s linear 0.1s;
    /* 背景色をマウスオーバーでゆっくり反応 */
}

#jht-photobox ul li .btn-areaname { /* サムネール一覧側 */
    width: 105px;
    margin-left:3px;
}
#jht-topicslistbox figure .btn-areaname,
#jht-topicslistbox ul li .btn-areaname,
#jht-articlelistbox ul li .btn-areaname { /* 記事見出し一覧側 */
    width: 60px;
}
#jht-cornerbox .cor-areaname.hokkaido,
#jht-topicslistbox .btn-areaname.hokkaido,
#jht-photobox ul li .btn-areaname.hokkaido,
#jht-articlelistbox ul li .btn-areaname.hokkaido,
#jht-arealink li .btn-areaname.hokkaido { /* 北海道 */
    background-color:#32b7eb;
}
#jht-cornerbox .cor-areaname.hokkaido:hover,
#jht-topicslistbox .btn-areaname.hokkaido:hover,
#jht-photobox ul li .btn-areaname.hokkaido:hover,
#jht-articlelistbox ul li .btn-areaname.hokkaido:hover,
#jht-arealink li .btn-areaname.hokkaido:hover {
    background: #93daf5;
}
#jht-cornerbox .cor-areaname.tohoku,
#jht-topicslistbox .btn-areaname.tohoku,
#jht-photobox ul li .btn-areaname.tohoku,
#jht-articlelistbox ul li .btn-areaname.tohoku,
#jht-arealink li .btn-areaname.tohoku { /* 東北 */
    background-color:#187fc3;
}
#jht-cornerbox .cor-areaname.tohoku:hover,
#jht-topicslistbox .btn-areaname.tohoku:hover,
#jht-photobox ul li .btn-areaname.tohoku:hover,
#jht-articlelistbox ul li .btn-areaname.tohoku:hover,
#jht-arealink li .btn-areaname.tohoku:hover {
    background: #5eb2ea;
}
#jht-cornerbox .cor-areaname.kanto,
#jht-topicslistbox .btn-areaname.kanto,
#jht-photobox ul li .btn-areaname.kanto,
#jht-articlelistbox ul li .btn-areaname.kanto,
#jht-arealink li .btn-areaname.kanto { /* 関東 */
    background-color:#a34b99;
}
#jht-cornerbox .cor-areaname.kanto:hover,
#jht-topicslistbox .btn-areaname.kanto:hover,
#jht-photobox ul li .btn-areaname.kanto:hover,
#jht-articlelistbox ul li .btn-areaname.kanto:hover,
#jht-arealink li .btn-areaname.kanto:hover {
    background: #c479bc;
}
#jht-cornerbox .cor-areaname.chubu,
#jht-topicslistbox .btn-areaname.chubu,
#jht-photobox ul li .btn-areaname.chubu,
#jht-articlelistbox ul li .btn-areaname.chubu,
#jht-arealink li .btn-areaname.chubu { /* 中部 */
    background-color:#038e3a;
}
#jht-cornerbox .cor-areaname.chubu:hover,
#jht-topicslistbox .btn-areaname.chubu:hover,
#jht-photobox ul li .btn-areaname.chubu:hover,
#jht-articlelistbox ul li .btn-areaname.chubu:hover,
#jht-arealink li .btn-areaname.chubu:hover {
    background: #28b15e;
}
#jht-cornerbox .cor-areaname.kinki,
#jht-topicslistbox .btn-areaname.kinki,
#jht-photobox ul li .btn-areaname.kinki,
#jht-articlelistbox ul li .btn-areaname.kinki,
#jht-arealink li .btn-areaname.kinki { /* 近畿 */
    background-color:#a9c439;
}
#jht-cornerbox .cor-areaname.kinki:hover,
#jht-topicslistbox .btn-areaname.kinki:hover,
#jht-photobox ul li .btn-areaname.kinki:hover,
#jht-articlelistbox ul li .btn-areaname.kinki:hover,
#jht-arealink li .btn-areaname.kinki:hover {
    background: #c6db6e;
}
#jht-cornerbox .cor-areaname.chugoku,
#jht-topicslistbox .btn-areaname.chugoku,
#jht-photobox ul li .btn-areaname.chugoku,
#jht-articlelistbox ul li .btn-areaname.chugoku,
#jht-arealink li .btn-areaname.chugoku { /* 中国 */
    background-color:#f0c029;
}
#jht-cornerbox .cor-areaname.chugoku:hover,
#jht-topicslistbox .btn-areaname.chugoku:hover,
#jht-photobox ul li .btn-areaname.chugoku:hover,
#jht-articlelistbox ul li .btn-areaname.chugoku:hover,
#jht-arealink li .btn-areaname.chugoku:hover {
    background: #f5d77a;
}
#jht-cornerbox .cor-areaname.shikoku,
#jht-topicslistbox .btn-areaname.btn-areaname.shikoku,
#jht-photobox ul li .btn-areaname.shikoku,
#jht-articlelistbox ul li .btn-areaname.shikoku,
#jht-arealink li .btn-areaname.shikoku { /* 四国 */
    background-color:#eb681a;
}
#jht-cornerbox .cor-areaname.shikoku:hover,
#jht-topicslistbox .btn-areaname.shikoku:hover,
#jht-photobox ul li .btn-areaname.shikoku:hover,
#jht-articlelistbox ul li .btn-areaname.shikoku:hover,
#jht-arealink li .btn-areaname.shikoku:hover {
    background: #f49358;
}
#jht-cornerbox .cor-areaname.kyusyu,
#jht-topicslistbox .btn-areaname.kyusyu,
#jht-photobox ul li .btn-areaname.kyusyu,
#jht-articlelistbox ul li .btn-areaname.kyusyu,
#jht-arealink li .btn-areaname.kyusyu { /* 九州 */
    background-color:#d13030;
}
#jht-cornerbox .cor-areaname.kyusyu:hover,
#jht-topicslistbox .btn-areaname.kyusyu:hover,
#jht-photobox ul li .btn-areaname.kyusyu:hover,
#jht-articlelistbox ul li .btn-areaname.kyusyu:hover,
#jht-arealink li .btn-areaname.kyusyu:hover {
    background: #e76060;
}
#jht-arealink .btn-areaname.nationwide { /* 全国 */
    background-color:#000;
}
#jht-arealink .btn-areaname.nationwide:hover {
    background: #666;
}
#jht-topicslistbox .btn-areaname a:link,
#jht-topicslistbox .btn-areaname a:visited,
#jht-topicslistbox .btn-areaname a:hover,
#jht-topicslistbox .btn-areaname a:active,
#jht-photobox ul li .btn-areaname a:link,
#jht-photobox ul li .btn-areaname a:visited,
#jht-photobox ul li .btn-areaname a:hover,
#jht-photobox ul li .btn-areaname a:active,
#jht-articlelistbox ul li .btn-areaname a:link,
#jht-articlelistbox ul li .btn-areaname a:visited,
#jht-articlelistbox ul li .btn-areaname a:hover,
#jht-articlelistbox ul li .btn-areaname a:active,
#jht-arealink li .btn-areaname a:link,
#jht-arealink li .btn-areaname a:visited,
#jht-arealink li .btn-areaname a:hover,
#jht-arealink li .btn-areaname a:active,
#jht-arealink .btn-areaname.nationwide a:link,
#jht-arealink .btn-areaname.nationwide a:visited,
#jht-arealink .btn-areaname.nationwide a:hover,
#jht-arealink .btn-areaname.nationwide a:active {
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    display:block;
}



/*---------------------------
 iJAMPリンク
---------------------------*/
#jht-ijamplink {
    width:93%;
    height:auto;
    border:1px solid #ccc;
    margin:10px auto 0 auto;
    padding:8px 2%;
    text-align:center;
    clear:both;
    display:none;
}
#jht-ijamplink p {
    width:98%;
    height:auto;
    line-height:1.3;
    /*background-color:#103386;*/
    color:#000;
    font-size:94%;
    margin:0;
    padding:0 1%;
    text-align:left;
    vertical-align:middle;
    /*float:left;*/
}
#jht-ijamplink img {
    max-width:50%;
    height:auto;
    background-color:#103386;
    margin:5px auto 0 auto;
    padding:0;
    text-align:center;
    vertical-align:middle;
    /*float:right;*/
}



/*---------------------------
 広告
---------------------------*/
#jht-advertisement1,
#jht-advertisement2,
#jht-advertisement3 {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
    text-align:center;
    clear:both;
}
#jht-advertisement1 .ad-pc1,
#jht-advertisement2 .ad-pc2 {
    width:0;
    height:0;
    margin:0;
    padding:0;
    overflow: hidden; /* 画面外へ */
    text-indent: 100%; /* 画面外へ */
    white-space: nowrap; /* 画面外へ */
    display:none;
}
#jht-advertisement1 .ad-sp1,
#jht-advertisement2 .ad-sp2,
#jht-advertisement3 .ad-sp3 {
    width: 96%;
}