@charset "utf-8";


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



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

.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: 48px;
    margin:0 0 10px 0;
    padding:0;
    clear:both;
    position:relative;
}
#jht-headbox::before {
    position: absolute;
    bottom: 0;
    z-index: 1;
    content: '';
    display: block;
    width: 75%;
    height: 2px;
    background: #cab38e;
    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: 145%;
    font-weight: bold;
    position:absolute;
    top:0.6em;
    left:3px;
}
#jht-headbox .head-titlename span {
    font-size: 120%;
    font-weight: bold;
    position:absolute;
    top:-0.4em;
    left:3px;
}

/* コンテンツタイトル横トップリンク（トップ以外） */
#jht-headbox .jump-top {
    width: auto;
    height: auto;
    background-color: #cab38e;
    color:#fff;
    font-size:90%;
    font-weight:normal;
    margin:0;
    padding:0;
    text-align:right;
    position:absolute;
    bottom:5px;
    right:0;
}
#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:0;
}
#jht-headbox .jump-top a {
    color:#fff;
    text-decoration:none;
    margin:0;
    padding:0 20px 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:120px;
    height:40px;
    line-height:40px;
    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: 40px;
    height: 40px;
    background-color: #d1c0a5;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
    opacity: 0.6;
}
#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: 8px;
    left: 8px;
    display:block;
    clear:both;
    z-index:1; /* 小さい円の下にいってしまうため */
}
#jht-cornerbox .cor-itemname h2:first-letter{
    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;
    padding: 0;
    text-align:left;
    vertical-align:middle;
    position:absolute;
    top:11px;
    left:95px;
}
#jht-cornerbox .cor-big { /* h2コーナーなし左配置 */
    margin: 10px 0;
    padding: 0;
    float:left;
}

#jht-cornerbox p.cor-prefecturename { /* 都道府県名 */
    font-size:100%;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    position: absolute;
    bottom: 8px;
    right: 0;
    margin: 0;
    padding: 0;
}
#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;
    margin: 0;
    padding: 0;
    clear:both;
    position:relative;
}
#jht-graph img {
    width:100%;
    height:100%;
    margin: 0;
    padding: 0;
}
#jht-graph .gr-title { /* タイトル */
    width:75%;
    height:76px;
    color:#000;
    font-size:140%;
    font-weight:bold;
    margin: 0;
    padding: 2px 0 0 5px;
    position:absolute;
    top:0.5em;
    left:0;
    background: -moz-linear-gradient(left, #e3d2b7 20%, transparent 90%);
    background: -webkit-linear-gradient(left, #e3d2b7 20%, transparent 90%);
    background: linear-gradient(to right, #e3d2b7 20%, transparent 90%);
}
#jht-graph .gr-title p { /* ホストタウン情報 */
    width:auto;
    height:auto;
    color:#000;
    font-size:170%;
    font-weight:bold;
    margin:0 0 0 5px;
    padding:0;
    position:absolute;
    top:0.68em;
    z-index:1;
}
#jht-graph .gr-title span { /* （東京五輪・パラリンピック） */
    font-size:100%;
    font-weight:bold;
    margin:0 0 0 7px;
    padding:0;
    position:absolute;
    top:0.2em;
    z-index:1;
}
#jht-graph .gr-explanation { /* 説明 */
    width:60%;
    height:auto;
    color:#000;
    font-size:100%;
    line-height:1.5;
    font-weight:normal;
    margin: 0;
    padding: 0;
    position:absolute;
    top:6.1em; /* 都道府県リスト表示→3.4em */
    left:1%;
    z-index:1;
}
#jht-graph .gr-explanation .gr-name { /* ホストタウンとは */
    width:auto;
    height:auto;
    color:#000;
    font-size:110%;
    font-weight:bold;
    margin: 0 0 3px 0;
    padding: 0;
}
#jht-graph .gr-explanation .gr-cap { /* ホストタウンとは（解説） */
    width:auto;
    height:auto;
    color:#000;
    font-size:100%;
    line-height:1.4;
    font-weight:normal;
    margin: 0;
    padding: 0;
}
#jht-graph .gr-update { /* 更新日 */
    width:auto;
    height:auto;
    color:#666;
    font-size:88%;
    line-height:1.4;
    font-weight:normal;
    margin: 0;
    padding: 0;
    position:absolute;
    bottom:0.2em;
    right:0;
}



/*---------------------------
 地図上の都道府県別一覧（トップのみ）
---------------------------*/
#jht-graph .gr-areaname { /* 都道府県全体 */
    width:100%;
    height:100%;
    margin: 0;
    padding: 0;
    position:absolute;
    top:0;
    left:0;
}
#jht-graph .gr-areaname div { /* 地方別枠 */
    width:84px;
    height:auto;
    background-color:#fff;
    border:1px solid #ccc;
    box-shadow: 2px 2px #ddd;
    color:#000;
    font-size:100%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    position:absolute; /* 位置は下記個別指定 */
    vertical-align:middle;
}
#jht-graph .gr-areaname .gr-hokkaido { /* 北海道 */
    top:28%; /*リスト表示→28%*/
    right:5%; /*リスト表示→5%*/
}
#jht-graph .gr-areaname .gr-tohoku { /* 東北 */
    top:43%; /*リスト表示→38%*/
    right:5%; /*リスト表示→5%*/
}
#jht-graph .gr-areaname .gr-kanto { /* 関東 */
    top:60%; /*リスト表示→62%*/
    right:11%; /*リスト表示→12%*/
}
#jht-graph .gr-areaname .gr-chubu { /* 中部 */
    top:46%; /*リスト表示→23%*/
    left:45%; /*リスト表示→45%*/
}
#jht-graph .gr-areaname .gr-kinki { /* 近畿 */
    top:71%; /*リスト表示→72%*/
    right:36%; /*リスト表示→37%*/
}
#jht-graph .gr-areaname .gr-chugoku { /* 中国 */
    top:57%; /*リスト表示→44%*/
    left:24%; /*リスト表示→24%*/
}
#jht-graph .gr-areaname .gr-shikoku { /* 四国 */
    top:78%; /*リスト表示→77%*/
    left:33%; /*リスト表示→33%*/
}
#jht-graph .gr-areaname .gr-kyusyu { /* 九州 */
    top:66%; /*リスト表示→45%*/
    left:5%; /*リスト表示→5%*/
}

#jht-graph .gr-areaname dl { /* ボックス全体 */
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}
#jht-graph .gr-areaname dt { /* 地方枠 */
    width:100%;
    height:28px;
    line-height:30px;
    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: 3px 0;
    display:none;
}
#jht-graph .gr-areaname dd p  { /* 都道府県名 */
    width:auto;
    height:20px;
    line-height:20px;
    /*border-bottom:1px solid #eee;*/
    color:#000;
    font-size:96%;
    font-weight:normal;
    margin: 1px 0 0 0;
    padding: 0 10px;
    text-align:left;
    vertical-align:middle;
    clear:both;
}
#jht-graph .gr-areaname dd p:last-child  {
    border-bottom:0px;
}
#jht-graph .gr-areaname dd span  { /* 都道府県の記事本数 */
    margin: 0;
    padding: 0;
    float:right;
}



/*---------------------------
 記事一覧の画像セット（トップのみ）
---------------------------*/
#jht-topicslistbox {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    clear:both;
}
#jht-topicslistbox ul.list-group {
    width:70%;
    height:auto;
    margin: 5px 0 0 0;
    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: 0;
    text-align:left;
    vertical-align:middle;
    float:left;
    position:relative;
    display:inline; /* 地方ボタン、記事、NEWを横並びに */
}
#jht-topicslistbox li.list-article:after {
    content: "";
    display: block;
    width:95%;
    height: 1px;
    position:absolute;
    bottom:0;
    background: -webkit-linear-gradient(to right, rgb(240, 240, 240), transparent);
    background: linear-gradient(to right, rgb(240, 240, 240), transparent);
}
#jht-topicslistbox li.list-article p {
    width:auto;
    height:auto;
    line-height:1.0;
    color:#000;
    font-size:105%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    text-align:left;
    vertical-align:middle;
}
#jht-topicslistbox li.list-article p a:link {
    width:100%;
    height:100%;
    margin: auto 0;
    padding: 10px 0 0 0;
    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:85%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    /*display:none;*/
}
#jht-topicslistbox span.daytime { /* 配信日 */
    color:#999;
    font-size:75%;
    font-weight:normal;
    margin: 0;
    padding: 0;
}
#jht-topicslistbox span.daytime a:hover {
    text-decoration:none;
}
#jht-topicslistbox span.newmark { /* トップのみNEW */
    color:#e60012;
    font-size:80%;
    font-weight:bold;
    font-style: italic;
    margin: 0;
    padding: 0 0 0 5px;
    display:inline-block;
    float:right;
}
#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 0 0;
    text-align: right;
    clear: both;
}
#jht-topicslistbox li.list-articlemore p a:hover {
    text-decoration:underline;
}

#jht-topicslistbox figure {
    width:27%;
    height:auto;
    border: 1px solid #f0f0f0;
    margin:10px 0 0 1%;
    padding: 2px;
    float:right;
}
#jht-topicslistbox figure img {
    max-width:100%; 
    height: auto; /* 基本はauto */
    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;
    font-size:90%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    text-align:left;
    clear:both;
}
#jht-topicslistbox figcaption a:link {
    color:#666;
    margin: 0;
    padding: 2px;
    display:block;
    text-decoration:none;
}
#jht-topicslistbox figcaption a:hover {
    text-decoration:underline;
}

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



/*---------------------------
 サムネール写真一覧（トップのみ、PC版は4列配置）※今回はなし
---------------------------*/
#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: 22.5%; /*154px*/
    height: auto; /* ulで高さ揃える設定 */
    border: 1px solid #f0f0f0;
    /*background-color:#f5f5f5;*/
    margin: 2px 1% 2px 0;
    padding: 4px 4px;
    float:left;
}
#jht-photobox figure {
    width: auto;
    height: auto;
    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、高さ揃えるためulで設定 */
    line-height:1.2;
    color:#000;
    font-size:96%;
    font-weight:normal;
    margin: 0;
    padding: 2px;
    text-align:left;
    display:block;
    clear:both;
}
#jht-photobox figcaption a:hover {
    text-decoration:underline;
}



/*---------------------------
 記事一覧（トップ下のピックアップ、時系列＝全国・地方別共通）
---------------------------*/
#jht-articlelistbox {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    clear:both;
}
#jht-articlelistbox ul.list-group {
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
}
#jht-articlelistbox ul.list-news { /* トップの地図背景なし */
    background:none;
}
#jht-articlelistbox ul.list-nationwide { /* 時系列タイプのみ */
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_nationwide.png') top center no-repeat;
    background-size: 90%;
}
#jht-articlelistbox li.list-article {
    width:100%;
    height:auto;
    /*border-bottom:1px solid #f0f0f0;*/
    margin: 0;
    padding: 5px 0;
    text-align:left;
    vertical-align:middle;
    float:left;
    position:relative;
    display:inline; /* 地方ボタン、記事、NEWを横並びに */
}
#jht-articlelistbox li.list-article:after {
    content: "";
    display: block;
    width:95%;
    height: 1px;
    position:absolute;
    bottom:0;
    background: -webkit-linear-gradient(to right, rgb(240, 240, 240), transparent);
    background: linear-gradient(to right, rgb(240, 240, 240), transparent);
}
#jht-articlelistbox li.list-article p {
    width:auto;
    height:auto;
    line-height:1.2;
    color:#000;
    font-size:100%;
    font-weight:normal;
    margin: 0;
    padding: 0;
    text-align:left;
    vertical-align:middle;  
}
#jht-articlelistbox li.list-article p a {
    width:100%;
    height:auto;
    margin: auto 0;
    padding: 8px 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:85%;
    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 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:98%;
    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: 6px 12px;
    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 {
    width:100%;
    height:auto;
    margin: 0 0 10px 0;
    padding: 0;
}
#jht-articlelistbox ul.list-region li.list-article {
    width:100%;
    height:auto;
    margin: 0;
    padding: 7px 0;
    text-align:left;
    vertical-align:middle;
    float:left;
}
#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 {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_hokkaido.png') top center no-repeat;
    background-size: 90%;
    background:none;
}
#jht-articlelistbox ul.list-tohoku {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_tohoku.png') top center no-repeat;
    background-size: 90%;
}
#jht-articlelistbox ul.list-kanto {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_kanto.png') top center no-repeat;
    background-size: 90%;
}
#jht-articlelistbox ul.list-chubu {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_chubu.png') top center no-repeat;
    background-size: 90%;
}
#jht-articlelistbox ul.list-kinki {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_kinki.png') top center no-repeat;
    background-size: 90%;
}
#jht-articlelistbox ul.list-chugoku {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_chugoku.png') top center no-repeat;
    background-size: 90%;
}
#jht-articlelistbox ul.list-shikoku {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_shikoku.png') top center no-repeat;
    background-size: 90%;
    background:none;
}
#jht-articlelistbox ul.list-kyusyu {
    background:url('/news2/handmade/special/tokyo2020_hosttown/images/hosttown_map_list_kyusyu.png') top center no-repeat;
    background-size: 90%;
}



/*---------------------------
 記事本文
---------------------------*/
#jht-articlesetbox {
    width:100%;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    clear:both;
    position:relative; /* 配信日（注釈式）用 */
}
#jht-articlesetbox .box-articletitle {
    width:100%;
    margin: 0 0 10px 0;
    padding:0;
}
#jht-articlesetbox .box-articletitle h4,
#jht-articlesetbox .box-articletitle h1 { /* 記事見出し */
    width:100%;
    height:auto;
    line-height:1.3;
    font-size:140%;
    font-weight:bold;
    margin:0;
    padding:0;
}
#jht-articlesetbox .box-articletitle p.daytime { /* 配信日 */
    width:100%;
    color:#999;
    font-size:100%;
    font-weight:normal;
    margin:0;
    padding:0;
    text-align:right;
}
#jht-articlesetbox .box-articletext p { /* 記事本文 */
    font-size:100%;
    font-weight:normal;
    line-height:1.7;
    margin:0;
    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 10px auto;
    padding:5px 1%;
}

#jht-articlesetbox .box-articletext figure { /* 本文のキャプション付き画像 */
    width:auto;
    height:auto;
    border: solid 1px #f0f0f0;
    background: #f5f5f5;
    box-sizing: border-box;/*ボーダーの幅分を中に入れる*/
    margin: 0 0 5px 5px;
    padding: 2px;
    float: right;
}
#jht-articlesetbox .box-articletext figure img{
    width:100%;
    margin: 0;
    padding :0;
    border: none;
}
#jht-articlesetbox .box-articletext figcaption{
    font-size: 80%;
    line-height: 1.3;
    color: #585858;
    padding :5px 5px 4px 5px;
}
/* 写真の幅指定（縦写真w240、横写真w320） */
#jht-articlesetbox .box-articletext figure.ph_tate {
    width: 244px;
}
/* 他に個別調整が必要な設定は直術（例：article_20181120chugoku） */

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



/*---------------------------
 地方別ボタンリンク一覧（全国含む）
---------------------------*/
#jht-arealink {
    width:100%;
    height:auto;
    margin: 10px 0 0 0;
    padding: 0;
    clear:both;
}
#jht-arealink ul {
    width:98%;
    height:26px;
    margin: 0 auto;
    padding: 0 1%;
    text-align:center;
    position:relative;
}
#jht-arealink li {
    width:auto;
    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: 15%;
    position:absolute;
    left:0.5%;
}
#jht-arealink li .btn-areaname.tohoku { /* 東北 */
    width: 15%;
    position:absolute;
    left:12.5%;
}
#jht-arealink li .btn-areaname.kanto { /* 関東 */
    width: 15%;
    position:absolute;
    left:24.5%;
}
#jht-arealink li .btn-areaname.chubu { /* 中部 */
    width: 15%;
    position:absolute;
    left:36.5%;
}
#jht-arealink li .btn-areaname.kinki { /* 近畿 */
    width: 15%;
    position:absolute;
    left:48.5%;
}
#jht-arealink li .btn-areaname.chugoku { /* 中国 */
    width: 15%;
    position:absolute;
    left:60.5%;
}
#jht-arealink li .btn-areaname.shikoku { /* 四国 */
    width: 15%;
    position:absolute;
    left:72%;
}
#jht-arealink li .btn-areaname.kyusyu { /* 九州 */
    width: 15%;
    position:absolute;
    left:84.5%;
}
#jht-arealink .btn-areaname.nationwide { /* 全国 */
    width: 15%;
    margin:5px 3px 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: 22px;
    line-height: 22px;
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    font-size:86%;
    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: 100px;
}
#jht-topicslistbox figure .btn-areaname,
#jht-topicslistbox ul li .btn-areaname,
#jht-articlelistbox ul li .btn-areaname { /* 記事見出し一覧側 */
    width: 65px;
}

#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:94%;
    height:auto;
    border:1px solid #ccc;
    margin:15px auto 0 auto;
    padding:10px 1%;
    clear:both;
    display:none;
}
#jht-ijamplink p {
    width:68%;
    height:auto;
    line-height:1.3;
    /*background-color:#103386;*/
    color:#000;
    font-size:94%;
    margin:auto 0;
    padding:0 1%;
    vertical-align:middle;
    float:left;
}
#jht-ijamplink img {
    max-width:30%;
    height:auto;
    background-color:#103386;
    margin:0 1%;
    padding:0;
    vertical-align:middle;
    float:right;
}



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