@charset "UTF-8";
#header.fixedHeader{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
}
.content1col{
    float: none;
    margin-right: auto;
    margin-left: auto;
}
#content.content1col.content1colWide{
    width: 980px;
}
.content1col .commonPage{
    margin-top: 50px;
}
.commonPageBread a:hover{
    color: #0a4b9b;
    text-decoration: underline;
}
.commonPageHead{
    font-size:1.714rem;
    font-weight: bold;
    border-bottom: 2px solid #0a4b9b;
    color: #0a4b9b;
    margin-top: 15px;
    margin-bottom: 30px;
}
.commonPageHeadBgBlue{
    background-color: #00418f;
    border: none;
    color: #ffffff;
    padding: 5px 10px;
}
.commonPage .commonPageHead:not(:first-of-type){
    margin-top: 30px;
}
.commonPageSummary{
    line-height: 1.7;
    margin-bottom: 20px;
    font-size: 1.142rem;
}
.commonPageSummaryLarge{
    font-size: 1.142rem;
}
.commonPageHead2{
    display: table;
    table-layout: fixed;
    width: 100%;
    background: #ebf2fa;
    color: #0a4b9b;
    margin-bottom: 8px;
    border-left: 4px solid #0a4b9b;
    padding: 10px 0 10px 10px;
}
.commonPageHead2Name{
    font-size: 1.285rem;
    color: #0a4b9b;
    display: table-cell;
    vertical-align: bottom;
    line-height: 1;
}
.commonPageHead2Date{
    display: table-cell;
    font-size: 1rem;
    vertical-align: bottom;
    color: #999999;
    text-align: right;
}
.commonPageHead3{
    color: #0a4b9b;
    margin-bottom: 8px;
    font-size: 1.142rem !important;
    border-left: 4px solid #0a4b9b;
    padding: 5px 0 5px 10px;
}
.commonPageHead4{
    display: table;
    width: 100%;
    background: #f4f4f4;
    padding: 10px;
    margin-bottom: 20px;
}
.commonPageHead4Cell{
    display: table-cell;
    vertical-align: middle;
}
.commonPageHead4Cell a{
    text-decoration: none;
}
.commonPageHead4Cell a:hover{
    text-decoration: underline;
}
.commonPageHead4Link{
    text-align: right;
}
.commonPageHead4Cell .commonPageInlineLinkItem + .commonPageInlineLinkItem{
    padding-left: 10px;
    border-left: 1px solid #cccccc;
}
.commonPageHead4Title{
    font-size: 1.285rem;
    font-weight: bold;
}

.commonPageHead5{
    font-size:1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
    padding: 10px;
}

.commonPageList{
    margin-top: 15px;
    padding-left: 25px;
}
ul.commonPageList{
    list-style: disc none outside;
}
ol.commonPageList{
    list-style: decimal none outside;
}
.commonPageList.commonPageList-indent2{
    padding-left: 50px;
}
.commonPageList > li{
    margin-bottom: 10px;
}
.commonPageBtn{
    text-align: center;
}
.commonPageBtn .button{
    display: inline-block;
    width: auto;
    min-width: 300px;
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.commonPageTextLink{
    color: #0288C8;
    text-decoration: none;
    cursor: pointer;
}
.commonPageTextLink:hover{
    text-decoration: underline;
}
.commonPageInlineLink{
    margin-bottom: 20px;
    text-align: right;
}
.commonPageInlineLinkItem{
    display: inline-block;
}

.commonPageInlineLink .commonPageInlineLinkItem:not(:first-of-type){
    margin-left: 1.5em;
}
.commonPageTileOuter{
    overflow: hidden;
    margin-top: 20px;
}
.commonPageTile{
    float:left;
    width: 320px;
    padding: 10px;
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
}
.commonPageTileOuter .commonPageTile:nth-of-type(odd){
    margin-right: 10px;
}
.commonPageTile a{
    color: #0288C8;
    font-size: 1.142rem;
    display: block;
    overflow: hidden;
    font-weight: bold;
    transition: opacity 0.3s;
}
.commonPageTile a:hover{
    opacity: 0.7;
}
.commonPageTileImg{
    float:left;
    margin: 0 10px 10px 0;
    border: 1px solid #eeeeee;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.commonPageTile .tileName{
    display: block;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-left: 60px;
}
.commonPageTile .tileBody{
    line-height: 1.7;
}
.commonPageLink{
    color: #0288C8;
    margin-top: 20px;
}
.commonPageLink a{
    text-decoration: none;
}
.commonPageLink a:hover{
    text-decoration: underline;
}
.commonPageTable{
    width: 100%;
    border: 1px solid #cccccc;
}



.commonPageTable th.commonPageTableCell,
.commonPageTable td.commonPageTableCell{
    border: 1px solid #cccccc;
    padding: 15px 10px;
    text-align: left;
}
.commonPageTable thead th.commonPageTableCell{

    background-color: #00418f;
    color: #ffffff;
}
.commonPageInlineList{
    margin-bottom: 20px;
}
.commonPageInlineListHead{
    display: table;
    border-left: 7px solid #003b90;
    background-color: #eff4f7;
    width: 100%;
    table-layout: fixed;
    padding: 5px 5px 3px;
    margin-bottom: 15px;
}
.commonPageInlineListTitle{
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    font-size: 1.25rem;
    font-weight: bold;
}
.commonPageInlineListInfo{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 1rem;
    color: #888888;
}
.commonPageInlineListInr{
    font-size: 0;
}
.commonPageInlineListItem{
    display: inline-block;
    vertical-align: top;
    width: 100px;
}
.commonPageInlineListInr .commonPageInlineListItem + .commonPageInlineListItem{
    margin-left: 10px;
}
.commonPageInlineListImg{
}
.commonPageInlineListImg img{
    width: 100px;
    padding: 2px;
    border: 1px solid #dddddd;
}
.commonPageInlineListTxt{
    font-size: 1rem;
    margin-top: 5px;
}
.commonPageInlineListItem a:hover .commonPageInlineListTxt{
    color: #0000cc;
}
.commonPageCenterImg{
    text-align: center;
    margin-top: 30px;
}
.commonPageLinkBtn{
    background-color: #eaebed;
    border-radius: 5px;
    padding: 5px 8px;
}
.commonPageLinkBtn .commonPageTextLink{
    color: inherit;
}
.commonBnrBlock{
    position: relative;
    margin-bottom: 20px;
}
.commonBnr{
    font-size: 0;
    text-align: center;
}
.commonBnrItem a{
    display: inline-block;
    margin: 0 3px;
}
.commonBnrItem a:hover{
    opacity: 0.8;
}
.commonBnrItem a img{
    border: 1px solid #dddddd;
    width: 148px;
}
.commonBnrArrow{
    display: table;
    position: absolute;
    top: 0;
    z-index: 3;
    height: 100%;
}
.commonBnrArrowPrev{
    left: 0;
}
.commonBnrArrowNext{
    right: 0;
}
.commonBnrArrow a{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    padding: 0 3px;
}
.commonPage .right{
    text-align: right;
}

/* アイコン類 */
.commonPageIcon::before{
    font-family: FontAwesome;
    margin-right: 0.5em;
    font-size: 1.2em;
}
.commonPageIcon.fontSmall::before{
    font-size: 0.8rem;
}
.commonPageIcon.after::after{
    font-family: FontAwesome;
    margin-left: 0.5em;
    font-size: 1.2em;
}
.commonPageIcon-movie::before{
    content: "\f03d";
}
.commonPageIcon-movie.after::before{
    content: none;
}
.commonPageIcon-movie.after::after{
    content: "\f03d";
}
.commonPageIcon-camera::before{
    content: "\f030";
}
.commonPageIcon-prevArrow::before{
    content: "\f053";
}
.commonPageIcon-nextArrow::before{
    content: "\f054";
}
.commonPageIcon-upArrow::before{
    content: "\f077";
}
.commonPageIcon-downArrow::before{
    content: "\f078";
}
.commonPageIcon-lock::before{
    content: "\f023";
}
.commonPageIcon-lock.after::before{
    content: none;
}
.commonPageIcon-lock.after::after{
    content: "\f023";
    color: #a7a7a7;
}
.commonPageSchedule{
    width: 100%;
}
.commonPageSchedule th{
    padding: 5px;
    border: 1px solid #ccc;
    background: #FAF9D6;
    text-align: center;
    width: 33%;
    font-size: 1.142rem;
}
.commonPageSchedule td{
    vertical-align: middle;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 1.142rem;
}
.commonPageClear{
    overflow: hidden;
    margin-top: 20px;
}
.commonPageImageBlock{
    float: right;
    margin-left: 10px;
    max-width: 390px;
}
.commonPageImage{
    margin-bottom: 10px;
}
.commonPageImage img{
    max-width: 100%;
}
.commonPageCaption{
    font-size: 1rem;
}
.commonPageSideLink{
    overflow: hidden;
    margin-top: 15px;
}
.commonPageSideLink li{
    float: left;
    width: 48%;
    border: #e5e5e5 solid 1px;
    margin-bottom: 10px;
}
.commonPageSideLink li:nth-of-type(odd){
    margin-right: 4%;
}
.commonPageSideLink li a{
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s;
}
.commonPageSideLink li a:hover{
    background-color: #e5e5e5;
    text-decoration: underline;
}




























/*
旧ページから持ってきたもの
*/
.ex-photo {
    width: 260px;
    border: 10px solid #e9f3fe;
    margin: 10px auto 10px;
}
.ex-photo dl {
    padding: 10px;
    border: 1px solid #0B66B9;
}
.ex-photo dt {
    font-weight: bold;
    color: #282828;
    text-align: center;
    margin-bottom: 10px;
}
.ex-photo dd{
    font-size: 1rem;
}

/* bun renewal-20180730 */
.bunchan {
    overflow: hidden;
}
.bunchan img {
    width: 100%;
    vertical-align: bottom;
}

/* bun */
.bunOuter{
    margin-bottom: 0;
    padding: 20px 0;
    background: url(//static.hokkaido-np.co.jp/image/bun_profile/bg_star.gif) left top;
}
.bun-profile{
    width: 650px;
    margin: 0 auto;
    padding: 0 20px 20px;
    background: url(//static.hokkaido-np.co.jp/image/bun_profile/bg.gif) left top;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.bun-profile .bun{
    padding: 10px 0 0;
    background: url(//static.hokkaido-np.co.jp/image/bun_profile/bun.png) no-repeat right 25px;
}
.bun-profile .bun-text {
    width: 365px;
    padding: 30px 0 0;
    background: url(//static.hokkaido-np.co.jp/image/bun_profile/bun_text_t.png) no-repeat center top;
    font-size: 1.142rem;
    line-height: 1.4 !important;
}
.bun-profile .bun-text span{
    display: block;
    padding: 10px 20px 20px;
    background: url(//static.hokkaido-np.co.jp/image/bun_profile/bun_text_b.png) no-repeat center bottom;
}
.bun-profile .bun_character {
    position: relative;
    height: 250px;
}
.bun-profile .bun_character .character01 {
    position: absolute;
    top: 0;
    left: 0;
}
.bun-profile .bun_character .character02 {
    position: absolute;
    top: 0;
    left: 190px;
}
.bun-profile .bun_character .character03 {
    position: absolute;
    top: 58px;
    left: 265px;
}
.bun-profile .bun-banner {
    margin: 20px 0 0;
}

/* topostwar70year */
.topostwar70year{
    width: 650px;
    margin: 0 0 10px;
    background: url(//static.hokkaido-np.co.jp/image/topostwar70year/70year_title_bg.png) repeat-x left top;
    overflow: hidden;
}
.topostwar70year img{
    width: 740px;
}

/* hanabi2022 */
.commonPageHanabi2022{
    background: #221b0b url(/files/o/files/image/hanabi/2022/main_bg.jpg) no-repeat center top;
}

.commonPageHanabi2022 .area-nav li {
      background: #13380f;
}

.commonPageHanabi2022 .area-nav li a:hover {
    background:  #028706;
    text-decoration: none;
}

.commonPageHanabi2022_01 .area-nav li.select_01 ,
.commonPageHanabi2022_02 .area-nav li.select_02 ,
.commonPageHanabi2022_03 .area-nav li.select_03 ,
.commonPageHanabi2022_04 .area-nav li.select_04 ,
.commonPageHanabi2022_05 .area-nav li.select_05 ,
.commonPageHanabi2022_06 .area-nav li.select_06 ,
.commonPageHanabi2022_07 .area-nav li.select_07 ,
.commonPageHanabi2022_08 .area-nav li.select_08 ,
.commonPageHanabi2022_09 .area-nav li.select_09 ,
.commonPageHanabi2022_10 .area-nav li.select_10 ,
.commonPageHanabi2022_11 .area-nav li.select_11 ,
.commonPageHanabi2022_12 .area-nav li.select_12 ,
.commonPageHanabi2022_13 .area-nav li.select_13 ,
.commonPageHanabi2022_14 .area-nav li.select_14{
    background: #028706;
}

.commonPageHanabi2022 .hanabi-details-inner h3 span {
    background: #028706;
}

.commonPageHanabi2022 .hanabi-details-inner dt {
  background: #d0f5cd;
}

/* hanabi2019*/

.commonPageHanabi2019{
    background: #221b0b url(//www.hokkaido-np.co.jp/files/image/hanabi/2019/main_bg.jpg) no-repeat center top;
}

.commonPageHanabi2019 .hanabi-top .area-box .area-name {
    background: #4babcc;
}

.commonPageHanabi2019 .hanabi-top .area-box .more {
    background: #d4f2fd;
}

.commonPageHanabi2019 .hanabi-top .area-box .more a {
    background: url(//www.hokkaido-np.co.jp/files/image/hanabi/2019/more.png) no-repeat right center;
}

.commonPageHanabi2019 .hanabi-top .area-box .area-box-inner:hover {
    background: #d4f2fd;
}

.commonPageHanabi2019 .area-nav li {
      background: #265565;
}

.commonPageHanabi2019 .area-nav li a:hover {
    background:  #4babcc;
    text-decoration: none;
}

.commonPageHanabi2019_01 .area-nav li.select_01 ,
.commonPageHanabi2019_02 .area-nav li.select_02 ,
.commonPageHanabi2019_03 .area-nav li.select_03 ,
.commonPageHanabi2019_04 .area-nav li.select_04 ,
.commonPageHanabi2019_05 .area-nav li.select_05 ,
.commonPageHanabi2019_06 .area-nav li.select_06 ,
.commonPageHanabi2019_07 .area-nav li.select_07 ,
.commonPageHanabi2019_08 .area-nav li.select_08 ,
.commonPageHanabi2019_09 .area-nav li.select_09 ,
.commonPageHanabi2019_10 .area-nav li.select_10 ,
.commonPageHanabi2019_11 .area-nav li.select_11 ,
.commonPageHanabi2019_12 .area-nav li.select_12 ,
.commonPageHanabi2019_13 .area-nav li.select_13 ,
.commonPageHanabi2019_14 .area-nav li.select_14{
    background: #4babcc;
}

.commonPageHanabi2019 .hanabi-details-inner h3 span {
    background: #4babcc;
}

.commonPageHanabi2019 .hanabi-details-inner dt {
  background: #d4f2fd;
}

/* hanabi2018*/

.commonPageHanabi2018{
    background: #221b0b url(//static.hokkaido-np.co.jp/image/hanabi2018/main_bg.jpg) no-repeat center top;
}

.commonPageHanabi2018 .hanabi-top .area-box .area-name {
    background: #cc4b60;
}

.commonPageHanabi2018 .hanabi-top .area-box .more {
    background: #f9dee3;
}

.commonPageHanabi2018 .hanabi-top .area-box .more a {
    background: url(//static.hokkaido-np.co.jp/image/hanabi2018/more.png) no-repeat right center;
}

.commonPageHanabi2018 .hanabi-top .area-box .area-box-inner:hover {
    background: #f9dee3;
}

.commonPageHanabi2018 .area-nav li {
	    background: #6d2935;
}

.commonPageHanabi2018 .area-nav li a:hover {
    background:  #cc4b60;
    text-decoration: none;
}

.commonPageHanabi2018_01 .area-nav li.select_01 ,
.commonPageHanabi2018_02 .area-nav li.select_02 ,
.commonPageHanabi2018_03 .area-nav li.select_03 ,
.commonPageHanabi2018_04 .area-nav li.select_04 ,
.commonPageHanabi2018_05 .area-nav li.select_05 ,
.commonPageHanabi2018_06 .area-nav li.select_06 ,
.commonPageHanabi2018_07 .area-nav li.select_07 ,
.commonPageHanabi2018_08 .area-nav li.select_08 ,
.commonPageHanabi2018_09 .area-nav li.select_09 ,
.commonPageHanabi2018_10 .area-nav li.select_10 ,
.commonPageHanabi2018_11 .area-nav li.select_11 ,
.commonPageHanabi2018_12 .area-nav li.select_12 ,
.commonPageHanabi2018_13 .area-nav li.select_13 ,
.commonPageHanabi2018_14 .area-nav li.select_14{
    background: #cc4b60;
}

.commonPageHanabi2018 .hanabi-details-inner h3 span {
    background: #cc4b60;
}

.commonPageHanabi2018 .hanabi-details-inner dt {
	background: #f9dee3;
}

/* hanabi twitter */
.hanabi-top .twitter {
    color: #333;
    background: #fff;
    font-size: 0.8rem;
    display: inline-block;
    float: right;
    line-height: 1;
    padding: 1px 4px;
    margin: 2px 6px 0 0;
    transition: all 0.3s;
}
.hanabi-top .twitter img {
    vertical-align: middle;
    margin: 0 4px 0 0;
}
.hanabi-top .twitter:hover {
    background: #cfe9fc;
}

.hanabi-details .twitter {
    font-size: 0.85rem;
    font-weight: bold;
    line-height: 1;
    color: #333;
    border: 2px solid #b4d8f3;
    padding: 6px 0 4px;
    text-align: center;
    margin: 0px 0 15px;
    background: #dfeffb;
    transition: all 0.3s;
}
.hanabi-details .twitter:hover {
    background: #fff;
}
.hanabi-details .twitter img {
    vertical-align: middle;
    margin: 0 8px 0 0;
}

/* hanabi2017 */
.commonPageHanabi2017{
    background: #221b0b url(//static.hokkaido-np.co.jp/image/hanabi2017/main_bg.jpg) no-repeat center top;
}
.hanabi-top, .hanabi-details {
    margin: 0 10px !important;
    font-size: 1rem;
    overflow: hidden;
}
.hanabi-details-inner .hanabi-details-end {
    margin: 0 0 10px !important;
    padding: 0 10px;
    text-align: center;
    background: #fff;
    border: 1px solid #dc8488;
    color: #c1272d;
    font-weight: bold;
    font-size: 1em !important;
    line-height: 1.65 !important;
    overflow: hidden;
}
.hanabi-top h2, .hanabi-details h2 {
    text-align: center;
}
.hanabi-top h2.title-sp, .hanabi-details h2.title-sp {
    display: none;
}
.hanabi-top p {
    margin-bottom: 1em;
    line-height: 1.5;
}
.hanabi-top .area-box {
    width: 300px;
    float: left;
    margin: 5px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    position: relative;
}
.hanabi-top .area-box .area-name {
    font-size: 1rem;
    margin: 0!important;
    padding: 4px 0 4px 10px;
    background: #e67f19;
    color: #fff;
    font-weight: bold;
    position: relative;
}





.hanabi-top .area-box .area-box-inner {
    padding: 10px 10px 40px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hanabi-top .area-box .area-box-inner h3 {
    margin: 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #ccc;
    line-height: 1;
    font-size: 17px;
    font-weight: bold!important;
}
.hanabi-top .area-box .area-box-inner dl {
    margin: 10px 0 0 0;
    font-size: 14px;
    overflow: hidden;
}
.hanabi-top .area-box .area-box-inner dt {
    float: left;
    margin: 0 5px 5px 0;
    font-weight: bold;
    line-height: 1.2;
}
.hanabi-top .area-box .area-box-inner dd {
    margin: 0 0 5px 75px;
    line-height: 1.2;
}
.hanabi-top .area-box .more {
    margin: 0 0 10px !important;
    background: #fae5d1;
    position: absolute;
    bottom: 0;
}

.hanabi-top .area-box .end {
    margin: 0 0 10px !important;
    background: #fff;
    border: 1px solid #dc8488;
    position: absolute;
    bottom: 0;
}
.hanabi-top .area-box .end a {
    display: block;
    width: 277px;
    height: 23px;
    padding: 0;
    color: #c1272d !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
}


.hanabi-top .area-box .area-box-inner:hover {
    background: #fae5d1;
}
.hanabi-top .area-box .area-box-inner:hover .more{
    background-color: #ffffff;
}
.hanabi-top .area-box .more a {
    display: block;
    width: 271px;
    height: 25px;
    padding: 0 25px 0 0;
    background: url(//static.hokkaido-np.co.jp/image/hanabi2017/more.png) no-repeat right center;
    color: #333;
    /* font-size: 0.9em; */
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
}
.hanabi-top .cautions,
.hanabi-details .cautions {
    margin: 0 10px 10px !important;
    color: #fff;
    font-size: 1rem;
}
.area-nav {
    margin: 0 10px;
    overflow: hidden;
}
.area-nav li {
    float: left;
    text-align: center;
}
.commonPageHanabi2017 .area-nav li {
	    background: #994c00;
}

.commonPageHanabi2017_01 .area-nav li.select_01 {
    background: #e67f19;
}
.commonPageHanabi2017_02 .area-nav li.select_02 {
    background: #e67f19;
}
.commonPageHanabi2017_03 .area-nav li.select_03 {
    background: #e67f19;
}
.commonPageHanabi2017_04 .area-nav li.select_04 {
    background: #e67f19;
}
.commonPageHanabi2017_05 .area-nav li.select_05 {
    background: #e67f19;
}
.commonPageHanabi2017_06 .area-nav li.select_06 {
    background: #e67f19;
}
.commonPageHanabi2017_07 .area-nav li.select_07 {
    background: #e67f19;
}
.commonPageHanabi2017_08 .area-nav li.select_08 {
    background: #e67f19;
}
.commonPageHanabi2017_09 .area-nav li.select_09 {
    background: #e67f19;
}
.commonPageHanabi2017_10 .area-nav li.select_10 {
    background: #e67f19;
}
.commonPageHanabi2017_11 .area-nav li.select_11 {
    background: #e67f19;
}
.commonPageHanabi2017_12 .area-nav li.select_12 {
    background: #e67f19;
}
.area-nav li a {
    display: block;
    width: 87px;
    padding: 2px 0;
    color: #fff;
    font-weight: bold;
    border-right: 1px solid #0b1c3e;
    border-bottom: 1px solid #0b1c3e;
}
.commonPageHanabi2017 .area-nav li a:hover {
    background: #e67f19;
    text-decoration: none;
}
.hanabi-details-inner {
    margin: 10px;
    padding: 20px 10px 5px;
    font-size: 1.15rem;
    line-height: 1.65;
    background: #fff;
    overflow: hidden;
}
.hanabi-details-inner h3 {
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.5;
    font-weight: bold!important;
}
.hanabi-details-inner h3 span {
    margin: 0 10px 0 0;
    padding: 2px 10px 0;
    color: #fff;
    font-size: 1.1rem;
}

.commonPageHanabi2017 .hanabi-details-inner h3 span {
    background: #e67f19;
}

.hanabi-details-inner .sideSmall {
    width: 190px;
    margin-bottom: 0;
    float: right;
    margin: 0 0 20px 10px;
}
.hanabi-details-inner dt {
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
    font-weight: bold;
    overflow: hidden;
}
.commonPageHanabi2017 .hanabi-details-inner dt {
	background: #fae5d1;
}

.hanabi-details-inner dd {
    margin: 0 0 10px;
    padding: 0;
}
.hanabi-details-inner dd p{
    margin: 16px 0;
}
.hanabi-details-inner dd p a {
        font-size:1em !important;
	padding: 2px 10px;
	color: #fff !important;
	font-size: 0.6em;
	font-weight: bold;
	background: #ef960a;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px rgb(198, 114, 12);
}

.hanabi-details-inner dd p a:hover {
	text-decoration: none;
	background: #fa9d0b;
}
.hanabi-details-inner .HS-photoThumnail{
    padding: 10px;
    border: 1px solid #cccccc;
}
.hanabi-details-inner .HS-photoThumnail img{
    width: 100%;
    cursor: pointer;
}
.hanabi-details-inner .HS-photoThumnail .overflowH{
    font-size: 0;
}
.hanabi-details-inner .map-pc{
    padding: 20px 0;
}
.hanabi-details-inner .caption{
    margin-top: 10px;
}
/* hanabi2017 parklounge*/

.hanabi-details-inner .parklounge-banner{
  width: 560px;
  margin: 0 auto 20px;

}
.hanabi-details-inner .parklounge-banner img{
  width: 560px;
  height: 60px;
}

.hanabi2017-parklounge{
  margin: 10px;
  padding: 20px 10px 5px;
  font-size: 1.15rem;
  line-height: 1.65;
  overflow: hidden;
  background: #fff;
}
.hanabi2017-parklounge .parklounge-container{
  overflow: hidden;
  margin: 30px 0;
}
.hanabi2017-parklounge .parklounge-container:first-child{
  margin: 0 0 30px;
}
.hanabi2017-parklounge .parklounge-container h3{
  margin: 20px 0;
  font-size: 1.2em;
  line-height: 1.2;
  font-weight: bold !important;
}
.hanabi2017-parklounge .title-container{
  background: #c1a24c;
  color: #fff;
  padding: 10px;
}
.hanabi2017-parklounge .title-container img{
  width: 200px;
  float: right;
  margin 10px;
}
.hanabi2017-parklounge .title-container h2{
  text-align: left;
  font-size: 1.6em;
  line-height: 1.2;
  margin: 20px 0;
}
.hanabi2017-parklounge .title-container p{
  margin: 20px 0;
}
.hanabi2017-parklounge .place-container h3{
  margin: 10px 0;
}
.hanabi2017-parklounge .place-container h3 .label-place{
  display: inline-block;
  background: #4876ae;
  color: #fff;
  padding: 6px 50px;
  margin-bottom: 10px;
}
.hanabi2017-parklounge .place-container h3 .comments{
  font-size: 0.7em;
  font-weight: normal;
}
.hanabi2017-parklounge .place-container p{
  margin: 20px 0;
}
.hanabi2017-parklounge .place-container .caption-image{
  text-align: right;
  margin: 0;
}
.hanabi2017-parklounge .inthepark-container{
  background: #000;
  color: #fff;
  padding: 10px;
}
.hanabi2017-parklounge .inthepark-container h2{
  margin: 20px 0;
  font-size: 1.6em;
}
.hanabi2017-parklounge .inthepark-intro {
  overflow: hidden;
}
.hanabi2017-parklounge .inthepark-intro img{
  width: 300px;
  float: left;
  margin: 0 0 10px -10px;
}
.hanabi2017-parklounge .inthepark-container ul{
  overflow: hidden;
  margin: 20px 0 0;
}
.hanabi2017-parklounge .inthepark-container ul li{
  display: inline-block;
  float: left;
  width: 270px;
  margin: 20px 10px 20px 5px;
}
.hanabi2017-parklounge .inthepark-container ul li img{
  width: 100%;
}
.hanabi2017-parklounge .other-container p{
  margin: 10px;
}



/* photo-land */
.photoLand{
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.photoLand .PL-title img{
    width: 100%;
}
.photoLand .PL-intro {
    margin: 10px 0 0;
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    line-height: 1.8;
}
.photoLand .PL-intro img {
    float: left;
    margin: 0 15px 15px 0;
}
.photoLand .PL-rank {
    margin: 10px 0;
    padding: 0;
}
.photoLand .PL-box {
    overflow: hidden;
}
.photoLand .PL-imageBlock {
    position: relative;
    background: #555;
    text-align: center;
    overflow: hidden;
}
.photoLand .PL-image {
    padding: 10px 0;
    background: #eee;
}
.photoLand .p-first a {
    display: block;
    width: 410px;
    margin: 0 auto;
}
.PL-imageBlock img {
    padding: 4px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 0;
    vertical-align: bottom;
}
.PL-imageBlock a:hover img {
    padding: 4px;
    border: 1px solid #ccc;
    background: #ccc;
}
.p-first img {
    max-width: 400px;
    max-height: 400px;
}
.photoLand p.PL-caption {
    padding: 5px;
    background: #555;
    color: #fff;
    line-height: 1.4;
}
.p-first .PL-caption span {
    font-size: 1.8rem;
}
.p-second, .p-third, .p-kasaku {
    margin: 0 -2px 0 0;
}
.p-second .PL-imageBlock {
    width: 324px;
}
.p-second .PL-imageBlock, .p-third .PL-imageBlock, .p-kasaku .PL-imageBlock {
    float: left;
    margin: 0 2px -100px 0;
    padding: 0 0 100px 0;
}
.p-second .PL-image, .p-third .PL-image, .p-kasaku .PL-image {
    display: table-cell;
    vertical-align: middle;
}
.p-second .PL-image {
    width: 324px;
    height: 290px;
}
.p-second a {
    display: block;
    width: 290px;
    margin: 0 auto;
}
.p-second img {
    max-width: 280px;
    max-height: 280px;
}
.p-second .PL-caption span {
    font-size: 1.6rem;
}
.p-third .PL-imageBlock, .p-kasaku .PL-imageBlock {
    width: 215px;
}
.p-third .PL-image {
    width: 215px;
    height: 190px;
}
.p-third a {
    display: block;
    width: 170px;
    margin: 0 auto;
}
.p-third img {
    max-width: 160px;
    max-height: 160px;
}
.p-kasaku .PL-image {
    width: 215px;
    height: 140px;
}
.p-kasaku a {
    display: block;
    width: 130px;
    margin: 0 auto;
}
.p-kasaku img {
    max-width: 120px;
    max-height: 120px;
}

/* rio */
.rio-title, .rio-para-title, .tokyo-title, .tokyo-para-title {
    margin: 0 0 10px;
}
.rio-title h1 {
    background: url(//static.hokkaido-np.co.jp/image/olympic_rio/rio_title_bg.png) no-repeat 237px center;
}
.rio-title h1 img {
    width: 207px;
    height: auto;
    vertical-align: middle;
}
.rio-small-nav {
    margin: 0 0 20px;
    background: #4fb23d;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
}
.rio-small-nav li, .tokyo-small-nav li {
    float: left;
}
.rio-small-nav li a, .tokyo-small-nav li a {

    display: block;
    padding: 3px 12px;
    position: relative;
    color: #fff;
}
.rio-small-nav li a:hover {
    background: #32a51d;
    text-decoration: none;
}
.rio-small-nav li a:after {
    display: block;
    position: absolute;
    width: 1px;
    height: 70%;
    content: "";
    margin: auto;
    background: #78c46b;
    right: 0;
    top: 0;
    bottom: 0;
}
h2.rio-blockTitle {
    position: relative;
    padding: 2px 15px 1px 35px !important;
    background: #00a7e8 !important;
    border-top: none !important;
    color: #fff;
    border-radius: 3px;
    font-size: 1.2rem;
    margin-bottom: 15px;
}
h2.rio-blockTitle:after {
    display: block;
    position: absolute;
    width: 5px;
    height: 70%;
    content: "";
    margin: auto;
    background: #fff;
    border-radius: 5px;
    left: 15px;
    top: 0;
    bottom: 0;
}
.rio_photogallery {
    margin: 0 -10px 0 0;
    overflow: hidden;
}
.rio_photogallery li {
    float: left;
    margin: 0 10px 20px 0;
    position: relative;
}
.rio_photogallery li a:hover{
    opacity: 0.8;
}
.rio_photogallery li a img {
    width: 155px;
    height: auto;
    border-radius: 4px;
}
.hokkaido-player {
    margin: 0 -10px 0 0;
    overflow: hidden;
}
.hokkaido-player li {
    float: left;
    margin: 0 10px 20px 0;
    font-size: 0;
}
.hokkaido-player li a{
    display: block;
    position: relative;
}
.hokkaido-player li a:hover{
    opacity: 0.8;
}
.hokkaido-player li a img {
    width: 210px;
    height: auto;
    border-radius: 4px;
}
.hokkaido-player li a span {
    display: block;
    position: absolute;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
}
#fullpage .section, #fullpage .slide {
    position: relative;
    background-size: cover !important;
    overflow: hidden;
}
#fullpage .section h2.top-title, #fullpage .section h2.top-title-l {
    position: absolute;
    padding: 0 20px;
    color: #fff;
    font-size: 2.5em;
    font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
    text-align: left;
    line-height: 1.3;
    top: 80px;
    right: 5%;
}
#fullpage .section h2.top-title span, #fullpage .section h2.top-title-l span {
    display: block;
    font-size: 1.4em;
    font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
#fullpage .section h2.top-title {
    top: 50%;
    left: 50%;
}
.cont-img img {
    width: 100%;
}

/* sochi */
#sochi2014Wrapp {
    background: #0789d2;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
#sochi2014Wrapp h1 img{
    width: 100%;
    vertical-align: bottom;
}
#olympicMenu {
    margin-bottom: 20px;
    font-size: 0.86rem;
}
#olympicMenu .sochi2014-nav {
    background: #062656 url(//static.hokkaido-np.co.jp/image/olympic_sochi/nav_bg.gif) repeat-x center top !important;
    overflow: hidden;
}
#olympicMenu .sochi2014-nav li {
    float: left;
    margin: 0 1px 0 0;
    padding: 5px 0 3px;
    border-right: 1px solid #25426B;
    white-space: nowrap;
}
#olympicMenu .sochi2014-nav li a {
    display: inline-block;
    padding: 0 8px;
    color: #fff !important;
    font-weight: bold;
}
#olympicMenu .sochi2014-nav li.select {
    background: url(//static.hokkaido-np.co.jp/image/olympic_sochi/select_bg.gif) no-repeat center bottom;
    border-bottom: 2px solid #DE0029;
}
#olympicMenu .sochi2014-nav li.sochiMenuButton {
    padding: 5px 5px 3px 0;
    border-right: 1px solid #25426B;
    float: right;
    margin: 0;
    background: #0C48A6 url(//static.hokkaido-np.co.jp/image/olympic_sochi/button_bg.gif) repeat-x center top;
    border-bottom: 2px solid #0C48A6;
}
#olympicMenu .sochi2014-nav li.sochiMenuButton a {
    background: url(//static.hokkaido-np.co.jp/image/olympic_sochi/button_arrow.gif) no-repeat right center;
    border: none;
    padding-right: 10px;
}
#olympicMenu p.annotation {
    text-align: right;
    font-size: 0.86rem;
    margin-top: 5px;
}

/* gekkan-consa */
.commonPageConsaBtn{
    margin-bottom: 20px;
}
.commonPageConsaBtn a{
    display: block;
    height: 68px;
    margin: 0 auto;
    text-indent: -9999px;
}
.commonPageConsaBtn1 a{
    width: 280px;
    background: url(//static.hokkaido-np.co.jp/image/gekkan-consa/gekkan-consa_btn01.jpg) no-repeat left top;
}
.commonPageConsaBtn2 a{
    width: 215px;
    background: url(//static.hokkaido-np.co.jp/image/gekkan-consa/gekkan-consa_btn02.jpg) no-repeat left top;
}
.commonPageConsaBtn a:hover{
    background-position: 0 bottom;
}
#moushikomiPC{
    display: block;
}
#moushikomiSP{
    display: none;
}
.omoushikomiTable{
    margin-bottom: 20px;
    font-size: 1.142rem;
}
.omoushikomiTable th{
    border: 1px solid #ccc;
    padding: 10px 5px;
    background: #F3F3F3;
    font-weight: normal;
    text-align: center;
}
.omoushikomiTable td{
    border: 1px solid #ccc;
    padding: 10px 5px;
}
.qa {
    margin-bottom: 2rem;
    font-size: 1.142rem;
}
.qa .question {
    background: #F3F3F3;
}
.qa dl {
    overflow: hidden;
    padding: 5px 10px;
}
.qa dl dt {
    margin: 0 15px 0 0;
    float: left;
    text-align: center;
    font-weight: bold;
}
.qa dl dd {
    float: left;
    width: 90%;
}
.doshin-application {
    margin: 60px 0 0;
    padding: 10px;
    background: url(//static.hokkaido-np.co.jp/image/common_page/koudoku_bg.jpg) repeat left top;
}
.application-inner {
    padding: 20px;
    background: #fff url(//static.hokkaido-np.co.jp/image/manabun/illust_bun01.png) no-repeat 98% center;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    font-size: 1.4em;
}
.application-inner h2 {
    padding: 5px 0 2px 10px;
    border-left: 5px solid #666;
    font-size: 1.15rem;
    line-height: 1;
}
.application-inner ul {
    overflow: hidden;
    margin: 10px -20px 0 0;
}
.application-inner ul li.application a {
    display: block;
    background: #D95F65;
    border-radius: 3px;
}
.application-inner ul li {
    float: left;
    width: 230px;
    margin: 0 20px 0 0;
    text-align: center;
}
.application-inner ul li.freetry a {
    display: block;
    background: #4695C9;
    border-radius: 3px;
}
.application-inner ul li img{
    vertical-align: middle;
}
a.link-h:hover {
    opacity: 0.8;
    zoom: 1;
}

/* idscrap */
.id-scrap {
    margin: 0 auto;
    width: 650px;
    color: #000000;
    font-size: 17px;
    background: url(//static.hokkaido-np.co.jp/image/idscrap/bg.gif) repeat;
}
.id-scrap h3 {
    line-height: 1.5;
    margin: 10px 0 !important;
    padding: 7px !important;
    font-size: 29px !important;
    color: #FCD34B;
    background-color: #004285;
    text-align: center;
}
.id-scrap h4 {
    margin: 0;
    padding: 0;
    font-size: 37px;
    color: #004285;
    line-height: 0.8;
}
.id-scrap img{
    vertical-align: bottom;
    max-width: 100%;
}
.id-scrap .main-vs {
    margin: 0 auto 32px;
}
.id-scrap .main-vs .sp {
    display: none;
}
.id-scrap .main-box {
    margin: 0 auto;
    text-align: center;
}
.id-scrap .main-box .main-box-c {
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
}
.id-scrap .main-box a {
    text-decoration: underline;
}
.id-scrap .main-box .main-box-l {
    margin: 0 auto;
    padding: 0 26px 30px 26px;
    text-align: left;
}
.id-scrap .main-box .chart-sp {
    display: none;
}
.id-scrap .main-box .btn-box {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 20px 30px;
    text-align: center;
    border: 3px solid #fdda65;
    border-radius: 0.5em;
    overflow: hidden;
}
.id-scrap .main-box .btn-box .btn-l {
    float: left;
    margin: 0 10px 0 0;
}
.id-scrap .main-box .btn-box .btn-l img {
    max-width: 285px;
}
.id-scrap .main-box .btn-box .btn-r {
    margin: 0;
    float: right;
}
.id-scrap .main-box .btn-box .btn-r img {
    max-width: 285px;
}
.id-scrap .fz20 {
    font-size: 20px !important;
}
.id-scrap .text-navy {
    color: #004185;
}
.id-scrap .mb30 {
    margin-bottom: 30px !important;
}
.id-scrap .underline {
    margin: 10px 0;
    padding: 0;
    border-bottom: 7px solid #FDA6D1;
    display: inline-block;
}
.id-scrap .main-box .step-box {
    margin: 0 25px 10px 25px;
    padding: 10px;
    background-color: #ffedb5;
    border: 5px solid #ffc926;
    text-align: center;
    border-radius: 0.5em;
    overflow: hidden;
}
.id-scrap .main-box .step-box .step-box-l {
    margin-right: 10px;
    width: 180px;
    float: left;
    font-size: 23px;
    font-weight: bold;
    color: #004285;
    text-align: left;
    line-height: 1.2;
}
.id-scrap .main-box .step-box .step-box-r {
    margin: 0;
    width: 380px;
    font-size: 15px;
    text-align: left;
    float: left;
}
.id-scrap ul {
    margin: 0;
    padding-left: 1em;
    list-style-position: outside;
    list-style-type: square;
}
.id-scrap .text-left {
    text-align: left;
}
.id-scrap .fz13 {
    font-size: 13px !important;
}
.id-scrap .mb10 {
    margin-bottom: 10px !important;
}
.id-scrap .mb20 {
    margin-bottom: 20px !important;
}
.id-scrap .fz14 {
    font-size: 14px !important;
}
.id-scrap .fz20 {
    font-size: 20px !important;
}
.id-scrap .main-box .profile img {
    max-width: 180px;
}
.id-scrap .img-left {
    margin: 0 10px 0 0;
    float: left;
}
.id-scrap .label {
    margin: 0 10px 10px 0;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #004285;
    border: 2px solid #004285;
    border-radius: 0.2em;
    display: inline-block;
}

/* newspaper_gp20 */
.gp20 {
    padding: 0;
    font-family: 'Lucida Grande', Meiryo, sans-serif;
    margin-bottom: 20px;
}
.gp20 h1 img {
    max-width: 100%;
    vertical-align: bottom;
}
.gp20 ul {
    margin: 0;
    padding: 0;
    background: url(//static.hokkaido-np.co.jp/image/newspaper_gp20/menu_bg.jpg) repeat-x;
    width: 650px;
    height: 33px;
    list-style-type: none;
}
.gp20 ul li {
    height: 33px;
    font-size: 1rem;
    margin: 0;
    padding: 0 8px 0;
    float: left;
    background: url(//static.hokkaido-np.co.jp/image/newspaper_gp20/menu_r.gif) no-repeat right center;
}
.gp20 ul li a {
    display: block;
    margin: 4px 2px 0 0;
    padding: 0 5px 0;
    color: #62000D !important;
    font-weight: bold;
    text-decoration: none;
}
.gp20 ul li a:hover {
    text-decoration: none;
    color: #fff !important;
    border: 0px solid #2E8617;
    background-color: #2E8617;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}
.gp20 .select a {
    text-decoration: none;
    color: #fff !important;
    border: 0px solid #2E8617;
    background-color: #2E8617;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}
#prize-tab {
    width: 630px;
    margin: 0 auto;
}
#es-wrap .mr40 {
    margin-right: 40px;
}
#es-wrap .np1 {
    float: left;
    width: 286px;
}
#es-wrap .name {
    text-align: left;
    font-weight: bold;
    padding-top: 0.4em;
    font-size: 1.142rem;
}
#es-wrap .pdfarea {
    font-size: 1rem;
    font-weight: normal;

}
#es-wrap .np2 {
    float: left;
    width: 196px;
}
#es-wrap .tokubetsusyou {
    color: #0342AB;
    font-size: 1rem;
}
#es-wrap .mr20 {
    margin-right: 20px;
}

/* newspaper_gp21 */
.es-n-title{
    margin-bottom: 20px;
}
.es-n-title h1 {
    width: 650px;
    background: #bae3f9 url(//static.hokkaido-np.co.jp/image/newspaper_gp21/title_bg.png) no-repeat 458px bottom;
}
.es-n-title h1 img {
    width: 456px;
    height: 83px;
    margin: auto 0 auto 10px;
    display: block;
}
.es-n-title ul {
    padding: 8px 0;
    background: #64ace0;

    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
}
.es-n-title ul li {
    float: left;
    padding: 0 8px;
    line-height: 1;
    border-right: 2px dotted #fff;
}
.es-n-title ul li a {
    padding: 0 5px;
    color: #fff;
}
.es-n-title ul li.select a {
    background: #bae3f9;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}
.es-n-title ul li a:hover{
    background: #bae3f9;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}
.es-n.es-nL {
    margin: 0 -90px 0 0;
}
.es-n .es-n-boxL {
    display: inline-block;
    width: 292px;
    margin: 0 65px 20px 0;
    vertical-align: top;
    letter-spacing: normal;
}
.es-n .es-n-img {
    margin-bottom: 5px;
}
.es-n .es-n-name {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.142rem;
}
.es-n .es-n-boxL .es-n-img img {
    width: 290px;
    height: auto;
    border: 1px solid #ccc;
}
.es-n .es-n-name span.es-n-school {
    font-size: 0.875rem;
}
.es-n .es-n-name span.es-n-pdf {
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    color: #888;
}
.es-n.es-nS {
    margin: 0 -40px 0 0;
}
.es-n .es-n-boxS {
    display: inline-block;
    /* float: left; */
    width: 202px;
    margin: 0 18px 20px 0;
    vertical-align: top;
    letter-spacing: normal;
}
.es-n .es-n-boxS .es-n-img img {
    width: 200px;
    height: auto;
    border: 1px solid #ccc;
}
.es-n .es-n-award {
    margin: 0 0 5px;
    background: #EBF6FF;
    font-size: 1rem;
    text-align: center;
}

/* newspaper_gp22 */
.es-n-title22{
    margin-bottom: 20px;
}
.es-n-title22 h1 {
    width: 650px;
    background: #a9ebd6 url(//static.hokkaido-np.co.jp/image/newspaper_gp22/title_bg.png) no-repeat 458px bottom;
}
.es-n-title22 h1 img {
    width: 456px;
    height: 83px;
    margin: auto 0 auto 10px;
    display: block;
}
.es-n-title22 ul {
    padding: 8px 0;
    background: #57b89f;
    font-size: 1rem;
    font-weight: bold;
    overflow: hidden;
}
.es-n-title22 ul li {
    float: left;
    padding: 0 8px;
    line-height: 1;
    border-right: 2px dotted #fff;
}
.es-n-title22 ul li a {
    padding: 0 5px;
    color: #fff;
}
.es-n-title22 ul li.select a {
    background: #a9ebd6;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}
.es-n-title22 ul li a:hover{
    background: #a9ebd6;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}

/* kyukan2017 */
.kyukan {
    padding: 0 0 30px;
    background: url(//static.hokkaido-np.co.jp/files/image/kyukan/kyukan_bg.jpg) repeat left top;
}
.kyukan-title {
    height: 140px;
    margin: 0 40px 0 0;
    padding: 0;
    background: url(//static.hokkaido-np.co.jp/files/image/kyukan/kyukan_bun.png) no-repeat right 5px;
    text-align: left;
    position: relative;
}
.kyukan-title img {
    width: 319px;
    height: auto;
    position: absolute;
    top: 50px;
    left: 25px;
}
.kyukan-schedule {
    width: 610px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.kyukan-schedule p{
    font-size: 1.142rem;
}
.kyukan-schedule ul {
    margin: 20px -20px 0 0;
    overflow: hidden;
}
.kyukan-schedule ul li {
    float: left;
    width: 100px;
    margin: 0 18px 18px 0;
    padding: 5px;
    text-align: center;
    background: #e1dfdb;
}
.kyukan-schedule ul li .month {
    display: block;
    padding: 6px 0 0;

    position: relative;
    background: #c2363b;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    font-size: 1.142rem;
}
.kyukan-schedule ul li .month:before {
    display: block;
    width: 10px;
    height: 18px;
    content: "";
    position: absolute;
    top: -7px;
    left: 16px;
    background: url(//static.hokkaido-np.co.jp/files/image/kyukan/kyukan_cal.png) no-repeat center top;
}
.kyukan-schedule ul li .month:after {
    display: block;
    width: 10px;
    height: 18px;
    content: "";
    position: absolute;
    top: -7px;
    right: 16px;
    background: url(//static.hokkaido-np.co.jp/files/image/kyukan/kyukan_cal.png) no-repeat center top;
}
.kyukan-schedule ul li .day {
    display: block;
    padding: 6px 0 0;
    font-size: 1.428rem;
    font-weight: bold;
    line-height: 1;
}
.kyukan-schedule ul li .week {
    display: block;
    padding: 0 0 3px;
    font-size: 1.142rem;
    font-weight: bold;
}
.kyukan-schedule ul li p {
    padding: 2px 2px 0;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    border-radius: 3px;
}
.kyukan-schedule .annotation {
    padding: 20px 0 0;
    border-top: 1px dotted #ccc;
}
.news-guide {
    margin: 20px 0 0;
    padding: 10px;
    border: 2px solid #e9e7e4;
    font-size: 1rem;
}

/* data-service */
.dataServiceTable{
    width: 100%;
    background-color: #efffd7;
    padding: 10px;
}
.dataServiceTable caption{
    background-color: #efffd7;
    text-align: left;
    font-weight: bold;
    padding: 10px 0 0 10px;
}
.dataServiceTable th,
.dataServiceTable td{
    vertical-align: top;
}

/* visual_fighters2016 */
.vf {
    padding: 10px;
    background: url(//static.hokkaido-np.co.jp/image/visual_fighters2016/bg.png);
}
.vf .vf-inner {
    margin: 0 auto;
    padding: 10px;
    background: #fff;
}
.vf .vf-main {
    margin: 0 auto 20px;
    overflow: hidden;
}
.vf .vf-main-l {
    width: 200px;
    float: left;
}
.vf .vf-main-l img{
    max-width: 100%;
}
.vf .vf-main .vf-main-l h1 {
    padding: 0 0 15px;
}
.vf .vf-main .vf-main-l .logo-sp {
    display: none;
}
.vf .vf-main .vf-main-l .douspo_shimen {
    margin: 0 !important;
    padding: 100px 0 0;
    background: url(//static.hokkaido-np.co.jp/image/visual_fighters2016/douspo_shimen.jpg) no-repeat center top;
    font-weight: bold;
    text-align: center;
}
.vf .main-image {
    float: right;
    width: 404px;
    margin: 0 !important;
}
.vf .main-image img {
    padding: 1px;
    border: 1px solid #ccc;
}
.vf .photo-price {
    overflow: hidden;
}
.vf .photo-price .price-table {
    float: left;
    margin: 0 10px 0 0;
    font-size: 1rem;
}
.vf .price-table td, .price-table th {
    padding: 3px 5px;
    text-align: center;
    border: 1px solid #ccc;
}
.vf .price-table .photo-size {
    background: #EEE;
}
.vf .price-table th {
    background: #777;
    color: #fff;
}
.vf .photo-price .price-table p {
    margin: 0!important;
    text-align: right;
}
.vf .photo-price .annotation {
    margin: 10px 0;
    line-height: 1.5;
    font-size: 0.857rem;
}
.vf .photo-price .photo-size02 {
    background: #fbeec6;
}
.vf .photo-price .photo-size01 {
    background: #ddedfb;
}
.vf .doshin-ss {
    margin: 20px 0;
    padding: 10px;
    position: relative;
    background: #f2f2f2;
}
.vf .doshin-ss .doshin-ss-inner {
    padding: 3px;
    background: #fff;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}
.vf .doshin-ss .doshin-ss-inner .ss-application {
    float: left;
    padding: 0 5px 0 10px;
    position: relative;
    background: url(//static.hokkaido-np.co.jp/image/visual_fighters2016/doshin_ss_bg.png) repeat right top;
}
.vf .doshin-ss .doshin-ss-inner .ss-application img {
    width: 212px;
    height: auto;
}
.vf .doshin-ss .doshin-ss-inner .ss-application:after {
    content: "";
    width: 13px;
    height: 71px;
    position: absolute;
    top: 0;
    right: -13px;
    background: url(//static.hokkaido-np.co.jp/image/visual_fighters2016/doshin_ss_arrow.png) no-repeat center top;
}
.vf .doshin-ss .doshin-ss-inner .ss-tel {
    float: left;
    width: 350px;
    padding: 0 0 0 25px;
    background: #fafafa;
}
.vf .doshin-ss .doshin-ss-inner .ss-tel img {
    width: 250px;
    height: auto;
}
.vf .doshin-ss .doshin-ss-inner .ss-application, .vf .doshin-ss .doshin-ss-inner .ss-tel, .vf .doshin-ss .doshin-ss-inner .ss-order {
    margin: 0 !important;
}
.vf .doshin-ss .doshin-ss-inner .ss-order img {
    width: 87px;
    height: auto;
    position: absolute;

    top: 4px;
    right: 4px;
}

.vf h2 {
    padding: 3px 10px;
    background: url(//static.hokkaido-np.co.jp/image/visual_fighters2016/bg.png);
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
}
.vf .vf-backnam-list {
    padding: 10px 3px 0;
    border: 1px solid #ccc;
    border-top: none;
    background: #F2F2F2;
    overflow: hidden;
}
.vf .vf-backnam-list li {
    float: left;
    width: 146px;
    margin: 0 6px 10px;
    position: relative;
}
.vf .vf-backnam-list li img {
    width: 146px;
    height: auto;
}
.vf .vf-backnam-list li span {
    display: block;
    text-align: center;
    line-height: 1.5;
    font-size: 0.857rem;
}
.vf .text-r {
    margin-bottom: 0;
    text-align: right;
    font-size: 0.857rem;
}

/* draft */
.draft {
    width: 100%;
    table-layout: auto;
}
.draft th {
    padding: 6px 5px;
    text-align: center;
    border: 1px solid #ccc;
    background: #f4f4f4;
    font-size: 1.142rem;
}
.draft td {
    padding: 10px 5px;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 1.2em;
}
.draft .table_bg {
    font-weight: bold;
    background: #f4f4f4;
}





.draft .draft-name {
    padding-left: 25px;
    text-align: left;
}
.draft .draft-name a {
    padding-left: 15px;
    color: #333;
    font-size: 1.285rem;
    font-weight: bold;
    background: url(//static.hokkaido-np.co.jp/image/builtin/textarrow.gif) no-repeat 0 0.5em;
}
.draft .draft-name a:hover{
    text-decoration: underline;
}

table.i-table-ky {
    width: 100%;
    /* font-size: 90%; */
    margin: 15px 0px 30px;
    padding: 0px;
    border-top: 1px solid #E0CF9F;
}
table.i-table-ky th.i-th-ky {
    text-align: center;
}
th.i-th-ky {
    width: 25%;
    margin: 0px;
    padding: 8px 12px;
    background-color: #F8F4E9;
    white-space: normal !important;
    color: #000;
    border-bottom: 1px solid #E0CF9F;
    font-weight: normal;
    vertical-align: top;
}
td.i-td-ky {
    width: 75%;
    margin: 0px;
    padding: 8px 12px;
    border-bottom: 1px solid #E0CF9F;
    vertical-align: top;
    text-align: left;
}

































/*----------------------------------*/
/*  共通で使えそうなパーツ
/*----------------------------------*/
/* タイトル部分 */
.commonPageHead3Bg{
    background: #ebf2fa;
    color: #0a4b9b;
    margin-bottom: 8px;
    font-size: 1.4rem !important;
    border-left: 4px solid #0a4b9b;
    padding: 5px 0 5px 10px;
}

/* ニュースリスト */
.commonNewsBlock{
    overflow: hidden;
}
.commonNewsImageOuter{
    float: right;
    width: 140px;
    margin-top: 15px;
}
.commonNewsImageOuterLarge{
    width: 180px;
    margin-top: 0;
    margin-left: 15px;
}
.commonNewsImageOuter.iconLock::after{
    font-family: FontAwesome;
    content: "\f023";
    display: block;
    text-align: right;
    color: #a7a7a7;
    font-size: 1.2rem;
}
.commonNewsImage{
    width: 140px;
    height: 140px;
    background-color: #f2f2f2;
    border: 1px solid #dadada;
}
.commonNewsImageOuterLarge .commonNewsImage{
    width: 180px;
    height: 180px;
}
.commonNewsCaption{
    padding: 5px;
    border: 1px solid #dadada;
    border-top: none;
    font-size: 0.857rem;
}
.commonNewsImage img{
    max-width: 138px;
    max-height: 138px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.commonNewsImageOuterLarge .commonNewsImage img{
    max-width: 178px;
    max-height: 178px;
}
.commonNewsList{}
.commonNewsList-narrow{
    width: 500px;
}
.commonNewsListDate{
    font-size: 0.9em;
    color: #888888;
    padding-left: 0.4em;
}
.commonNewsList li {
    padding: 2px 0 2px 15px;
    line-height: 1.6;
    cursor: pointer;
    page-break-inside: avoid;
    position: relative;
}
.commonNewsList li:hover {
    background: #f0f0f0;
}
.commonNewsList li::before {
    display: block;
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    left: 2px;
    font-size: 10px;
    color: #7c868d;
}
.commonNewsDate {
    padding-left: 10px;
    text-indent: 0;
    font-size: 12px !important;
    font-weight: normal;
    color: #888 !important;
    display: inline-block;
}

/* 矢印付きリスト（サイドバー用） */
#side .commonArrowList li {
    padding: 2px 0 2px 15px;
    position: relative;
}
#side .commonArrowList li:before {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    left: 2px;
    font-size: 10px;
    color: #7c868d;
}

/* float解除 */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}



/*----------------------------------*/
/*  将棋ページ_現行サイトより抜粋
/*----------------------------------*/
.cont-section {
width: 650px;
    margin: 0 auto 30px;
}
.shogi-title {
    height: 60px;
    margin: 0 0 20px;
    background: #79A905 url(//static.hokkaido-np.co.jp/image/shogi/title_bg.jpg) no-repeat;
}
.shogi-title h1 {
    float: left;
    padding: 14px 0 0 90px;
    color: #fff;
    font-size: 23px !important;
}
.shogi-title ul {
    float: right;

    margin: 16px 8px 0 0;
    background: #4A5700;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 2px;
}
.shogi-title li {
    float: left;
    font-weight: bold;
}
.shogi-title li a {
    display: block;
    padding: 2px 15px 3px 7px;
    background: url(//static.hokkaido-np.co.jp/image/shogi/arrow.gif) no-repeat right 10px;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
}
.shogi-title .nav-right {
    border-left: 1px solid #384200;
}
.shogi-title li a:hover {
    color: #C9CDB3 !important;
    background: url(//static.hokkaido-np.co.jp/image/shogi/arrow_on.gif) no-repeat right 8px;
}
.shogi-article  {
    margin: 0 0 20px;
}
.shogi-article h2 {
    margin: 0 0 10px;
    border-bottom: 2px solid #79A905;
    font-weight: bold;
    font-size: 120%;
}
.shogi-prof {
    margin: 0 -10px 20px 0;
    overflow: hidden;
}
.shogi-prof .profile {
    float: left;
width: 320px;
    margin: 0 10px -10000px 0;
    padding: 10px 10px 10000px 10px;
    background: #f2f2f2;
}
.shogi-prof .profile img {
    margin: 0 0 10px 10px;
    border: 1px solid #fff;
}
.shogi-prof .prof-name {
    margin: 0 0 10px 0;
    font-weight: bold;
}
.prof-detail {
    margin: 0 0 10px 0;
    font-size: 95%;
}
.shogi-article .border-n {
    border: none;
}
.shogi-article .schedule {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
}
.shogi-article .schedule th {
    padding: 5px;
    border: 1px solid #ccc;
    background: #E8F0D4;
    text-align: center;
}
.shogi-article .schedule td {
    padding: 5px;
    border: 1px solid #ccc;
}
.shogi-article .schedule .kyoku {
    text-align: center;
    font-weight: bold;
}
.shogi-article .commentator {
    float: right;
    padding: 0 0 1px 10px;
    background: #fff;
}
.shogi-article .commentator li {
    float: left;
    padding: 5px;
    background: #f2f2f2;
    text-align: center;
}
.shogi-article .commentator li span {
    display: block;
    text-align: center;
    font-size: 90%;
}
.shogi-article .commentator img {
    border: 1px solid #fff;
}
.shogi-article .shogi-info dt {
    margin: 10px 0 0;
    padding: 3px 5px;
    background: #E8F0D4;
}
.shogi-article .shogi-info dd {
    margin: 10px 0;
}

div.content a:link, div.content a:hover, div.content a:active {
    color: #025AC8;
}

div.content a:visited {
color: #0288C8;
}
div.boxIn {
font-size: 16px !important;
line-height: 1.8;
}
.shogi-article h2 {
    font-size: 1.4em !important;
}

img.protectBlank {
position: absolute;
top: 0;
left: 0;
border:none !important;
}

.shogi-prof .profile{
margin:0 10px -100px 0;
padding:10px 10px 100px;
}

.shogi-article .resultTbl {
    width: 80%;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    text-align: center;
}
.shogi-article .resultTbl th {
    padding: 3px;
    border: 1px solid #ccc;
    background: #E8F0D4;
}
.shogi-article .resultTbl td {
    padding: 3px;
    border: 1px solid #ccc;
}


/*----------------------------------*/
/*  囲碁ページ_現行サイトより抜粋
/*----------------------------------*/
.igo-title {
    height: 60px;
    margin: 0 0 20px;
    background: #075642 url(//static.hokkaido-np.co.jp/image/igo/title_bg.jpg) no-repeat;
}
.igo-title h1 {
    float: left;
    padding: 14px 0 0 90px;
    color: #fff;
    font-size: 23px !important;
}
.igo-title ul {
    float: right;
    margin: 16px 8px 0 0;
    background: #003234;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 2px;
}
.igo-title li {
    float: left;
    font-weight: bold;
}
.igo-title li a {
    display: block;
    padding: 3px 15px 3px 7px;
    background: url(//static.hokkaido-np.co.jp/image/igo/arrow.gif) no-repeat right 10px;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
}
.igo-title .nav-right {
    border-left: 1px solid #1D494A;
}
.igo-title li a:hover {
    color: #A9CBB9 !important;
    background: url(//static.hokkaido-np.co.jp/image/igo/arrow_on.gif) no-repeat right 10px;
}
.igo-article  {
    margin: 0 0 20px;
}
.igo-article h2 {
    margin: 0 0 10px;
    border-bottom: 2px solid #065340;
    font-weight: bold;
font-size: 1.4em;
}
.igo-prof {
    margin: 0 -10px 20px 0;
    overflow: hidden;
}
.igo-prof .profile {
    float: left;
width: 320px;
    margin: 0 10px -100px 0;
    padding: 10px 10px 100px 10px;
    background: #f2f2f2;
}
.igo-prof .profile img {
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #fff;
}
.igo-prof .prof-name {
    margin: 0 0 10px 0;
    font-weight: bold;
}
.prof-detail {
    margin: 0 0 10px 0;
    font-size: 95%;
}
.igo-article .border-n {
    border: none;
}
.igo-article .schedule {
    width: 100%;
}
.igo-article .schedule th {
    padding: 5px;
    border: 1px solid #ccc;
    background: #E9F5F2;
    text-align: center;
}
.igo-article .schedule td {
    padding: 5px;
    border: 1px solid #ccc;
}
.igo-article .schedule .kyoku {
    text-align: center;
    font-weight: bold;
}
.igo-article .commentator {
    float: right;
    padding: 0 0 10px 10px;
    background: #fff;
}
.igo-article .commentator li {
    float: left;
    padding: 5px;
    background: #f2f2f2;
    text-align: center;
}
.igo-article .commentator li span {
    display: block;
    text-align: center;
    font-size: 90%;
}
.igo-article .commentator img {
    border: 1px solid #fff;
}
.igo-article .igo-info dt {
    margin: 10px 0 0;
    padding: 3px 5px;
    background: #E9F5F2;
}
.igo-article .igo-info dd {
    margin: 10px 0;
}

.igo-article .resultTbl {
    width: 80%;
    text-align: center;
}
.igo-article .resultTbl th {
    padding: 3px;
    border: 1px solid #ccc;
    background: #E9F5F2;
}
.igo-article .resultTbl td {
    padding: 3px;
    border: 1px solid #ccc;
}





/*----------------------------------*/
/*  新聞購読のお申し込みページ
/*----------------------------------*/

/* トップ_現行サイトより抜粋 */
.koudoku {
    width: 650px;
    margin: 0 auto;
}
.koudoku .koudoku-box {
    margin: 0px auto 10px auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    font-size: 14px;
    overflow: hidden;
    width: 644px;
}
.koudoku .main-button {
    width: 660px;
    margin-bottom: 10px;
}
.koudoku .main-button ul {
}
.koudoku .main-button li {
    float: left;
    width: 210px;
    margin-left: 10px;
}
.koudoku .main-button li:first-child {
    margin-left: 0px;
}
.koudoku .main-button li img {
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 3px;
    width: 100%;
}
.koudoku .koudoku-box .sub-button {
    float: right;
    /*margin-right: -5px;*/
    padding: 10px 4px 9px 10px;
    background: #F6F6F6;
}
.koudoku .koudoku-box .sub-button li {
    float: left;
    margin-right: 5px;
}
.koudoku .koudoku-box .title-img {
    float: left;
}
.koudoku .koudoku-box .only-application {
    margin: 5px 0;
}
.koudoku .text-b {
    font-weight: bold;
}
.koudoku .text-s {
    font-size: 85%;
}
.koudoku-main-img a img {
    vertical-align:middle;
}
.koudoku-main-img a:hover {
    display: inline-block\9;          /* ie 8 */
    /*display: block\9;                ie 8 */
    opacity:0.8;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    zoom:1;
}
.koudoku .koudoku-box img {
    vertical-align: middle;
}



/* slider */
.koudoku-main {
    width: 650px;
    zoom: 1;
    margin-bottom: 30px;
    height: 325px;
}
.koudoku-main .bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 3px;
}
.koudoku-main .bx-wrapper .bx-viewport {
    height: 320px !important;
    border: 10px solid #fff;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.koudoku-main .bxslider{
    height: 300px;

}
.koudoku-main .bxslider li{
    text-align: center;
    /*display: none;*/
}
.koudoku-main .bxslider li.video {
    background: #000;
}
.koudoku-main .bxslider li img {
    width: 100%;
}
div.koudoku-main-wrapper img.protectBlank {
    position:absolute;
    left:0px;
    top:0px;
}
.koudoku-main .bx-wrapper .bx-pager, .koudoku-main .bx-wrapper .bx-controls-auto {
    position: absolute;
    width: 100%;
}
*:first-child+html .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -10px;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-weight: bold;
    color: #666;
    padding-top: 10px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}
*:first-child+html .bx-wrapper .bx-pager .bx-pager-item,
*:first-child+html .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline;
    zoom: 1;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}
.bx-wrapper .bx-prev {
    left: 13px;
    background: url(//static.hokkaido-np.co.jp/image/koudoku/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-next {
    right: 13px;
    background: url(//static.hokkaido-np.co.jp/image/koudoku/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}


/* special02_現行サイトより抜粋 */
.sectionKoudokuSp02 {
    margin:0;
    padding:0px 0 20px;
    border:1px solid #eb6ea5;
    width:650px;
    text-align:left;
    clear:both;
    overflow:hidden;
    font-size:13px;
}
.sectionKoudokuSp02 div{
    zoom: 100%;
}
.sectionKoudokuSp02 div:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.sectionKoudokuSp02 div.pline{
    margin:30px auto 0;
    padding:30px 0 0;
    border-top:2px dashed #eb6ea5;
    float:none;
    clear:both;
    text-align:left;
    width:610px;

}
.sectionKoudokuSp02 p{
    margin:0px;
    padding:0px;
}
.sectionKoudokuSp02 p.title{
    font-weight:bold;
}
.sectionKoudokuSp02 p.txt{
    margin:0.7em 0 0;
    overflow:hidden;
}
.sectionKoudokuSp02 .fonts p{font-size:0.89em !important; line-height:1.4em !important; margin: 0px !important;}
.sectionKoudokuSp02 .font{font-size:1em !important; line-height:1.5em !important;}
.sectionKoudokuSp02 .fontl{font-size:1.3em !important; line-height:1.5em !important;}

.sectionKoudokuSp02 img {
    margin:0;
    padding:0;
    vertical-align: bottom;
    border: none;
}
.sectionKoudokuSp02 img.fl{
    margin:15px 15px 0 0;
    float:left;
}
.sectionKoudokuSp02 img.fr{
    margin:15px 0 0 15px;
    float:right;
}
.sectionKoudokuSp02 div.fr{
    float: right;
    width: 308px;
}

.sectionKoudokuSp02 .bun{
    margin:15px 0 0;
    padding:10px;
    overflow:auto;
}



.dougai-wrap {
    border-collapse: separate;
    border-spacing: 3px 0;
    display: table;
    width: 100%;
}
.dougai-list {
    display: table-cell;
    vertical-align: top;
    width: 46%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.dougai-list-left {
    background: #feffed;
    border: 1px solid #ffd785;
}
.dougai-list-right {
    background: #eef5ff;
    border: 1px solid #badcff;
}
.dougai-head {
    padding: 10px 5px;
    font-size: 16px;
    font-weight: bold;
}
.dougai-list-left .dougai-head {
    background: #ffcc33;
    border-bottom: 3px solid #ffb319;
}
.dougai-list-right .dougai-head {
    background: #a0d4f9;
    border-bottom: 3px solid #79bbf8;
}
.dougai-body {
    padding: 5px;
    background: #;
}
.dougai-table {
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 12px;
}
.dougai-list-left .dougai-table {
    background: #f9bc02;
}
.dougai-list-left .dougai-table .th01 {
    background: #fae7b3;
    padding: 5px;
}
.dougai-list-left .dougai-table .td01 {
    background: #fae7b3;
    padding: 5px;
    width: 60%;
}
.dougai-list-left .dougai-table .td02 {
    background: #FFFFFF;
    white-space: nowrap;
    text-align: right;
    padding: 5px;
}
.dougai-list-right .dougai-table {
    background: #79bbf8;
}
.dougai-list-right .dougai-table .th01 {
    background: #c4e4fb;
    padding: 5px;
}
.dougai-list-right .dougai-table .td01 {
    background: #c4e4fb;
    padding: 5px;
}
.dougai-list-right .dougai-table .td02 {
    background: #FFFFFF;
    white-space: nowrap;
    text-align: right;
    padding: 5px;
}



/*----------------------------------*/
/*  PRページ_ここから
/*----------------------------------*/
.commonSimpleTable {
    background: #aaa;
    border-collapse: separate!important;
    border-spacing: 1px;
}
.commonSimpleTable td {
    background: #FFFFFF;
    padding: 5px;

}
.commonSimpleTable a { color: #0a4b9b;}
.commonSimpleTable a:hover { text-decoration: underline;}


/*----------------------------------*/
/*  //PRページ_ここまで
/*----------------------------------*/


/*----------------------------------*/
/*  メガスポページ_ここから
/*----------------------------------*/
.megaspo-head img { vertical-align: top;}
.megaspo-nav { }
.megaspo-nav li {
    float: left;
}
.megaspo-nav li a {
    color: #fff;
    display: block;
    padding: 5px 10px;
    position: relative;
}
.megaspo-nav {
    background: #898ae9 none repeat scroll 0 0;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 20px;
    overflow: hidden;
}
.megaspo-nav li a::after {
    background: #6061bd none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 70%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.megaspo-nav li a:hover {
    background: #7f80d4 none repeat scroll 0 0;
    text-decoration: none;
}
.megaspo-content01 .megaspo-nav li a.current01,
.megaspo-content02 .megaspo-nav li a.current02,
.megaspo-content03 .megaspo-nav li a.current03,
.megaspo-content04 .megaspo-nav li a.current04{
    background: #7f80d4 none repeat scroll 0 0;
}

.megaspo-link {
    text-align: right;
    margin-bottom: 10px;
}
.megaspo-wrap {
    background: #e8eff8;
    padding: 10px;
    margin-bottom: 20px;
}
.megaspo-inner {
    background: #FFFFFF;
    box-shadow: 2px 2px 2px #c8c8c8;
}
.megaspo-title {
    border-bottom: 2px solid #00418f;
    padding: 20px 20px 10px 20px;
    font-size: 1.6em;
}
.megaspo-box {
    padding: 10px 20px 20px 20px;
}
.megaspo-thmub {
    float: right;
    margin: 0px 0px 20px 20px;
}
.megaspo-article {
    overflow: hidden;
    font-size: 1.1em;
}

/* よくあるご質問 */
.megaspo-faq-article { }
.megaspo-faq-article dt {
    background: url(//static.hokkaido-np.co.jp/image/megaspo/q.gif) no-repeat left top;
    display: block;
    cursor: pointer;
    padding-left: 30px;
    margin-bottom: 10px;
    text-decoration: underline;
}
.megaspo-faq-article dt.active {
    color: #00A0E9;
}
.megaspo-faq-article dd {
    background: url(//static.hokkaido-np.co.jp/image/megaspo/a.gif) no-repeat 10px 10px;
    border: 1px solid #CCCCCC;
    display: none;
    padding: 10px 10px 10px 40px;
    margin-bottom: 15px;
}
.megaspo-faq-article a {
    color: #00A0E9;
    text-decoration: underline;
}

/* 特定商取引法 */
.megaspo-law-article { }
.megaspo-law-article dt { font-weight: bold;}
.megaspo-law-article dd { padding-bottom: 10px;}

/* #side部分のパーツ */
.sideMegaspoLink {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}
.sideMegaspoLink li {
    border-top: 1px solid #dddddd;
    padding: 10px;
}
.sideMegaspoLink .sideMegaspoTxt {
    padding-bottom: 5px;
}
.sideMegaspoLink .button {
    min-width:100%;
}
/*----------------------------------*/
/*  //メガスポページ_ここまで
/*----------------------------------*/




/*----------------------------------*/
/*  アプリ＆モバイルサイト案内ページ_ここから
/*----------------------------------*/

.mobileTabMenu {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #CCCCCC;
    margin-bottom: 40px;
}
.mobileTabMenu li {
    display: table-cell;
    border-left: 1px solid #CCCCCC;
    font-weight: bold;
}
.mobileTabMenu li:first-child {
    border-left: none;
}
.mobileTabMenu li a {
    display:block;
    line-height:50px;
    text-align:center;
}
.mobileTabMenu li a:hover {
    background: #708095;
    color: #FFFFFF;
}
.mobileTabMenu li a.active {
    background: #55749c;
    color: #FFFFFF;
}


/* iPhone&iPad */
.faqPageList { margin-top: 20px;}
.faqPageList dt {
    font-weight: bold;
    margin-bottom: 10px;
}
.faqPageList dd {
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-bottom: 15px;
}

/*----------------------------------*/
/*  //アプリ＆モバイルサイト案内_ここまで
/*----------------------------------*/


/*----------------------------------*/
/*  47クラブ「北海道のおすすめ商品」ページ_ここから
/*----------------------------------*/
.cont_47club-section #titleGroup{
    text-align:center;
}
.cont_47club-section #genreList {
    font-size:0.9em;
    margin:1em 0;
    display:inline-block;
}
.cont_47club-section #genreList li{
    border-left:1px solid #333;
    padding:0 3px;
    float:left;
    line-height:1.2;
    white-space:nowrap;
}
.cont_47club-section #genreList li.titleGenre{
    border-left:none;
}
.cont_47club-section .genreWrapp{
    overflow:hidden;
    zoom:1;
    page-break-inside:avoid;
}
.cont_47club-section .genreWrapp .imgCaption{
    background-color:#fef8da;
    margin:10px auto;
    padding: 2px 10px;
    clear:both;
    font-size:1.1em;
}
.cont_47club-section .genreWrapp .imgCaption p{
    margin-bottom:0;
}
.cont_47club-section .genreWrapp .imgCaption span{
    font-weight:bold;
}
.cont_47club-section #genre01Items,
.cont_47club-section #genre02Items,
.cont_47club-section #genre03Items,
.cont_47club-section #genre04Items,
.cont_47club-section #genre05Items,
.cont_47club-section #genre06Items,
.cont_47club-section #genre07Items,
.cont_47club-section #genre08Items{
    clear:both;
    overflow:hidden;
    page-break-inside:avoid;
    font-size: 0px;
}
.cont_47club-section .genreWrapp .item{
    display: inline-block;
    *display:inline;
    width:130px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    page-break-inside:avoid;
}
.cont_47club-section .genreWrapp .item .overflowH{
    display: inline-block;
    *display:inline;
    padding:1px;
    border: 1px solid #CCC;
}
.cont_47club-section .genreWrapp .caption{
    text-align: left;
    padding: 5px 0px 20px 0px;
}
.cont_47club-section .genreWrapp .item img.protect{
    vertical-align: top;
}
.cont_47club-section #genreList a,
.cont_47club-section .genreWrapp a,
.cont_47club-side a{
    color: #0a4b9b;
}
.cont_47club-section #genreList a:hover,
.cont_47club-section .genreWrapp a:hover,
.cont_47club-side a:hover{
    text-decoration: underline;
}
.cont_47club-side {
    margin-bottom: 20px;
}

/*----------------------------------*/
/*  //47クラブ「北海道のおすすめ商品」ページ_ここまで
/*----------------------------------*/





/*----------------------------------*/
/*  文学賞・短歌賞・俳句賞ページ_ここから
/*----------------------------------*/
.cont_bungakushou-section { padding-top: 20px;}
.cont_bungakushou-article { }

.cont_bungakushou-section .nominee dt,
.cont_bungakushou-section .nominee dd {
    padding: 0 10px;
    background: #f4f4f4;
    font-size: 1.2rem;
}

.cont_bungakushou-section .nominee dt {
    margin: 1px 0 0;
}

.cont_bungakushou-section .nominee dd {
    text-align: right;
}

.cont_bungakushou-section .line-top {
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
}

.cont_bungakushou-section .prize {
    font-size: 1.4rem !important;
    font-weight: bold;
}

.cont_bungakushou-section .kasaku {
    font-size: 1.2rem !important;
    font-weight: bold;
}

.cont_bungakushou-section .prize span,
.cont_bungakushou-section .kasaku span {
    color: #c1272d
}

.cont_bungakushou-section .past-prize {
    font-size: 1.2rem;
    line-height: 1.6;
}

.cont_bungakushou-section .past-prize dt {
    padding: 0 5px;
    background: #f4f4f4;
    font-weight: bold;
}

.cont_bungakushou-section .past-prize dd {
    margin: 0 0 10px;
}

.cont_bungakushou-section .tanka-haiku {
    padding: 10px 20px;
    background: #f4f4f4;
}

/* 短歌・俳句_選評 */
.cont_bungakushou-section ul.nominee {
    overflow: hidden;
}
.cont_bungakushou-section .nominee li {
    float: left;
    width: 325px;
    font-size: 1.2rem;
    background: #f4f4f4;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}
/*----------------------------------*/
/*  //文学賞・短歌賞・俳句賞ページ_ここまで
/*----------------------------------*/


/*----------------------------------*/
/*  かべ新聞ページ_ここから
/*----------------------------------*/
.kabeshimbun-wrap {
    width: 650px;
    overflow: hidden;

}
.kabeshimbun-outer {
    width: 680px;
    zoom: 100%;
    font-size: 0px;
}
.kabeshimbun-list {
    display: inline-block;
    vertical-align: top;

}
.kabeshimbun-list-L {
    width: 310px;
    margin: 0px 30px 40px 0px;
}
.kabeshimbun-list-L img {
    width: 250px;
    height: auto;
    /*max-width: 100%;*/
    vertical-align: top;
}
.kabeshimbun-list-S {
    width: 200px;
    margin: 0px 25px 40px 0px;
}
.kabeshimbun-list-S img {
    width: 180px;
    height: auto;
    /*max-width: 100%;*/
    vertical-align: top;
}
.kabeshimbun-list .kabe-img {
    margin-bottom: 5px !important;
    text-align: center;
}
.kabeshimbun-list .kabe-name {
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.142rem;
}

.kabeshimbun-list .kabe-name .school-year {
    font-size: 1rem;
    display: block;
    margin: 0 0 5px !important;
    background: #EBF6FF;
    text-align: center;
}
.kabeshimbun-list .kabe-name .kabe-pdf {
    font-size: 1rem;
    display: block;
    font-weight: normal;
    color: #888;
    text-align: left;
}
/*----------------------------------*/
/*  //かべ新聞ページ_ここまで
/*----------------------------------*/

/*----------------------------------*/
/*	2016リオパラリンピックページ_ここから

/*----------------------------------*/
.rio-para-title h1 {
	background: url(//static.hokkaido-np.co.jp/image/olympic_rio/rio_title_bg.png) no-repeat 346px center;
}

.rio-para-title h1 img {
	width: 316px;
	height: auto;
	vertical-align: middle;
}
/*----------------------------------*/
/*	//2016リオパラリンピックページ_ここまで
/*----------------------------------*/



















/*現行サイトから抜粋*/

/*snowfes*/

/*snowfes2018 titleCut*/
.snowfes2018{
    height: 100px;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.snowfes2018 h1{
    background:url(//static.hokkaido-np.co.jp/image/snowfes2018/titleCut_bg_pc.jpg) no-repeat top center;
    height:70px;
}

.snowfes2018 h1 img.title{
    width: 235px;
    margin-bottom: 10px;
}

.snowfes2018 h1 span.sub{
    position: absolute;
    bottom: 32px;
    left: 240px;
}

.snowfes2018 h1 span.sub img{
    width:184px;
}

.snowfes2018::after{
    display: block;
    width: 100px;
    height: 100px;
    content: "";
    position: absolute;
    top: 0;
    right: 9px;
    background:url(//static.hokkaido-np.co.jp/image/snowfes2018/symbol.png) no-repeat center top;
    background-size: cover;
}

.snowfes2018 ul{
    overflow: hidden;
    background: #0111a5;
    width: 100%;
    min-height: 30px;
    margin: 0;
    padding: 0;
}
.snowfes2018 li{
    float: left;
    position: relative;
}

.snowfes2018 li a{
    display: block;
    line-height: 30px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.snowfes2018 li::after{
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    content: "";
    width: 1px;
    height: 20px;
    margin: auto;
    background: #fff;
}

.snowfes2018 ul li a:hover {
    color: #0111a5;
    text-decoration: none;
    background: #53d6ff;
}

.snowfes2018 ul li:hover::after{
    display:none;
}

.snowfes2018Block_01 ul .select_01 ,
.snowfes2018Block_02 ul .select_02 ,
.snowfes2018Block_03 ul .select_03 ,
.snowfes2018Block_04 ul .select_04 {
    color: #0111a5;
    background: #53d6ff;
}

.snowfes2018Block_01 ul .select_01::after,
.snowfes2018Block_02 ul .select_02::after,
.snowfes2018Block_03 ul .select_03::after,
.snowfes2018Block_04 ul .select_04::after{
    display: none;
}
*/
.snowfes2018 li.select::after,
.snowfes2018 li:hover::after {
  display: none;
}
/*snowfes2018 titleCut*ここまで/



/*snowfes2017 titleCut*/
.snowfes2017{
    height: 100px;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.snowfes2017 h1{
    background:url(//static.hokkaido-np.co.jp/image/snowfes2017/titleCut_bg_pc.jpg) no-repeat top center;
    height:70px;
}

.snowfes2017 h1 img.title{
    width: 214px;
    margin-bottom: 11px;
}

.snowfes2017 h1 span.sub{
    position: absolute;
    bottom: 30px;
    left: 220px;
}

.snowfes2017 h1 span.sub img{
    width:183px;
}

.snowfes2017::after{
    display: block;
    width: 101px;
    height: 100px;
    content: "";
    position: absolute;
    top: 0;
    right: 9px;
    background:url(//static.hokkaido-np.co.jp/image/snowfes2017/symbol.png) no-repeat center top;
}

.snowfes2017 ul{
    overflow: hidden;
    border-top: 1px solid #4280b3;
    background: #1c4a88;
    width: 100%;
    min-height: 30px;
    margin: 0;
    padding: 0;
}
.snowfes2017 li{
    float: left;
    position: relative;
}

.snowfes2017 li a{
    display: block;
    line-height: 30px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.snowfes2017 li::after{
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    content: "";
    width: 1px;
    height: 20px;
    margin: auto;
    background: #4280b3;
}

.snowfes2017 ul li a:hover {
    color: #122e54;
    text-decoration: none;
    background: #69b6e2;
}

.snowfes2017Block_01 ul .select_01 {
    color: #122e54;
    background: #69b6e2;
}
.snowfes2017Block_02 ul .select_02 {
    color: #122e54;
    background: #69b6e2;
}
.snowfes2017Block_03 ul .select_03 {
    color: #122e54;
    background: #69b6e2;
}
.snowfes2017Block_04 ul .select_04 {
    color: #122e54;
    background: #69b6e2;
}

.snowfes2017 li.select::after,
.snowfes2017 li:hover::after {
  display: none;
}
/*snowfes2017 titleCut*ここまで*/


.icelounge-pc{
    text-align:center;
}
.icelounge-pc a{
    transition: all 0.3s;
}

.icelounge-sp {
    display: none;
}
.icelounge-pc a:hover{
    opacity:0.7;
}

.icelounge-pc img{
    width:100%;
    max-width:560px;
}

/*雪まつり　共通*/

.snowfes-box {
    margin: 20px 0 0;
    padding: 0;
    overflow: hidden;
}
.snowfes-box h2 {
    min-height: 20px;
    padding: 5px 70px 5px 10px;
    position: relative;
    background:#e4eff7 url(//static.hokkaido-np.co.jp/image/snowfes2017/sub_title_bg.png) no-repeat right center;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1.4;
    margin: 0 0 20px;
}

.snowfes2018Block_02 .snowfes-box h2 {
    margin: 0 0 2px;
}

.snowfes-box h2:after {
    display: block;
    width: 29px;
    height: 30px;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    background:url(//static.hokkaido-np.co.jp/image/snowfes2017/sub_title_snow.png) no-repeat center center;
}

.snowfes-box .sponsor{
    font-size: 0.9rem;
    margin: 0 0 1.5em;
    text-align: right;
}

.snowfes-box .main_title {
    margin: 0 0 20px !important;
    padding: 0 !important;
    color: #01459a;
    font-size: 1.5rem !important;
    line-height: 1;
}

.snowfes-box .ice-img {
    float: left;
    width: 350px;
    height: auto;
    margin: 0 20px 10px 0;
}

.ice-intro,
.snowfes-box .ice-text ,
.booth p{
    font-size: 1.1428rem;
    line-height: 1.7;
}

/*snowfes_ice_image */

.ice-l{
    margin: 0 0 10px;
    text-align: center;
}

.snowfes-box .ice-l img {
    width: 500px;
    height: auto;
}

.snowfes-box ul.ice-s {
    margin: 0 -20px 0 0;
    overflow: hidden;
    letter-spacing: -10px;
}

.snowfes-box ul.ice-s li {
    float: left;
    display: inline-block;
    width: 210px;
    margin: 0 5px 20px 0;
    text-align: center;

    letter-spacing: normal;
}

.snowfes-box .ice-s img {
    width: 210px;
    height:200px;
}

.snowfes-box ul.ice-s li .ice-name {
    display: block;
    margin: 5px 0 0;
    font-size: 1em;
}

.ice-m-box{
    font-size: 1.1428rem;
}

.ice-m{
    margin: 0 0 10px;
    text-align: center;
}
.ice-m span{
  text-align: right;
  max-width: 500px;
  display: block;
  margin: auto;
  font-size: 0.9rem
}

.snowfes-box .ice-m img {
    width: 500px;
    height: auto;
}

.ice-m-box dl{
    margin: 0 0 1em;
}

.ice-m-box dt{
    margin: 1em 0 0;
    display: inline-block;
    color: #0a4b9b;
    background: #e4eff7;
    padding: 2px 10px;
    font-weight: bold;
}
.ice-m-box dd span{
    font-weight: bold;
}

.snowfes2018Block_02 .lb-map{
    width: 300px;
    margin: 1em 0 1em 1em;
    float: right;
}

.snowfes2018Block_02 .lb-map a{
    transition: all .3s;
}
.snowfes2018Block_02 .lb-map a:hover{
    opacity: 0.7;
}

.snowfes2018Block_02 .lb-map img{
    width: 100%;
}

.snowfes2018Block_02 .osomatsusan a{
    transition: all .3s;
    display: block;
    margin: 1rem auto 0;
}

.snowfes2018Block_02 .osomatsusan a:hover{
    opacity: 0.7;
}
/*雪まつり　共通　ここまで*/

.snowfes2017-box {
    margin: 20px 0 0;
    padding: 0;
    overflow: hidden;
}

.snowfes2017-box h2 {
    min-height: 20px;
    margin: 0 0 20px;
    padding: 5px 70px 5px 10px;
    position: relative;
    background:#e4eff7 url(//static.hokkaido-np.co.jp/image/snowfes2017/sub_title_bg.png) no-repeat right center;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1.4;
}

.snowfes2017-box h2:after {
    display: block;
    width: 29px;
    height: 30px;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    background:url(//static.hokkaido-np.co.jp/image/snowfes2017/sub_title_snow.png) no-repeat center center;
}

.snowfes2017-box .main_title {
    margin: 0 0 20px !important;
    padding: 0 !important;
    color: #01459a;
    font-size: 1.5rem !important;
    line-height: 1;
}

.snowfes2017-box .ice-img {
    float: left;
    width: 350px;
    height: auto;
    margin: 0 20px 10px 0;
}
/*snowfes ここまで*/

/*snowfes_ice_image */
.ice-intro{
    margin-top: 1em;
}

.ice-l{
    margin: 0 0 10px;
    text-align: center;
}

.snowfes2017-box .ice-l img {
    width: 500px;
    height: auto;
}

.snowfes2017-box ul.ice-s {
    margin: 0 -20px 0 0;
    overflow: hidden;
    letter-spacing: -10px;
}

.snowfes2017-box ul.ice-s li {
    float: left;
    display: inline-block;
    width: 210px;
    margin: 0 5px 20px 0;
    text-align: center;

    letter-spacing: normal;
}

.snowfes2017-box .ice-s img {
    width: 210px;
    height:200px;
}

.snowfes2017-box ul.ice-s li .ice-name {
    display: block;
    margin: 5px 0 0;
    font-size: 1em;
}
/*snowfes_ice_image ここまで */

/*snowfes_event */
.event-tab {
    margin: 20px 0 0;
    border-bottom: 2px solid #2187c9;
    overflow: hidden;
}

.event-tab li {
    float: left;
    width: 78px;
    margin: 0 1px 0 0;
    padding: 5px;
    background: #ddd;
    color: #777;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.2;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    transition: all 0.3s;
}

.event-tab li:hover{
    color:#333;
}
.event-tab li.event-select {
    background: #2187c9 !important;
    color: #fff;
}


.event-tab li.event-red {
    background: #FBD6D6;
}
.event-tab li.event-blue{
    background: #d4edfa;
}

.event-content li {
    padding: 20px;
}

.snowfes-cal {
    width: 620px;
    margin: 0 auto;
    border-collapse: separate !important;
    border-spacing: 0;
    font-size: 0.9em;
    line-height: 1.2;
}

.event-hide {
    display: none;
}

.event-annotation{
    margin-bottom: 1em;
    font-size: 1.2em;
    line-height: 1.65;
    margin-left:20px;
}

.snowfes-cal .td-time {
    width: 20%;
    background: #f4f4f4;
    font-weight: bold;
    border: 1px solid #fff !important;
}

.snowfes-cal th {
    width: 80%;
    background: #ddd;
    line-height: 1.2;
}

.snowfes-cal .cal-th-blue {
    background: #d4edfa;
}

.snowfes-cal .cal-th-red {
    background: #FBD6D6;
}


.snowfes-cal td {
    height: 30px;
    background: #f4f4f4;
    vertical-align: top;
}

.snowfes-cal th, .snowfes-cal td {
    padding: 5px 3px;
    border: 1px solid #fff;
    text-align: center;
}


.snowfes-cal .opening {
    height: 20px;
    background: #c4ebff;
    padding: 5px 0 3px;
}

.snowfes-cal .cal-center td {
    border-top: 1px dashed #ccc;
    border-bottom: none;

}

.snowfes-cal .cal-bottom td {
    border-top: 1px dashed #ccc;
}

.snowfes-cal .event {
    background: #FFEBC4;
}

.snowfes-cal .event-every {
    background: #DAF0DF;
}

.snowfes-cal .event-shaw {
    height: 10px;
    background: #FBFCD2;
}

.snowfes-cal .event-time {
    margin: 0 0 5px;
    font-weight: bold;
}
/*snowfes_event ここまで */

/*snowfes_booth */
.icelounge .booth {
    margin: 60px 0 0;
}

.icelounge .booth p{
    margin-bottom: 1em;
}

.icelounge .booth .booth_titlecut {
    width: 650px;
    margin: 0 auto 20px;
}

.icelounge .booth .booth_titlecut_sp {
    display:none;
}

.icelounge .booth  a img{
    transition: all 0.3s;
}
.icelounge .booth a:hover img{
    opacity:0.7;
}

.booth .snowfes-box .ice-s img{
     height: auto;
}

.booth .mosaic p{
    position: relative;
}
.booth .mosaic p span{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #888;
    font-size: 0.9rem;
}
/*snowfes_event ここまで */


/*snowfes_icelounge*/

.articleBody .container {
    margin: 25px 0;
    overflow: hidden;
}

.anniversary{
    font-size: 1.1428rem;
    line-height: 1.7;
}

.sky_terrace {

    border: 1px solid #2c4372;
}

.icelounge .sky_terrace .planning_title {
    background-color: #2c4372;
}


.icelounge .container .planning_title {
    padding: 12px;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 0.9;
}
.icelounge .container .planning_intro {
    overflow: hidden;
    margin: 20px 20px;
}
.icelounge .container .planning_image {
    width: 300px;
}

.icelounge .sky_terrace .table {
    margin: 0 20px;
}
.sky_terrace .table dl, .moe_icelounge dl {
    margin-bottom: 6px;
}
.container .table dl {
    display: table;
    margin: 0 0 5px;
}
.container .table dl dt{
    display: table-cell;
    width: 110px;
}
.sky_terrace .table dt {
    width: 130px;
}
.moe_icelounge .table dt {
    width: 180px;
}
.container .table dl dt span {
    color: #bfa269;
}

/*
.container .table .sp-food{
    display: block;
}
*/

.container .table .sp-food dt{
    display: table-caption;
    width: auto;
}
.container .table .sp-food div{
    float: left;
    width: 200px;
    margin: 0 25px 10px 0;
}
.container .table .sp-food div:nth-child(3){
    margin: 0 0 10px;
}

.container .table .sp-food img{
    float:none;
    margin: 0;
    width: 100%;
}
.container .table .sp-food .caption{
    font-size: 1rem;
}

.container .coution {
    border: 3px solid #2c4372;
    margin: 25px 20px;
}
.coution h2 {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;

    line-height: 1.5;
    padding: 6px;
    color: #2c4372;
}

.icelounge .container .sub {
    font-size: 1rem;
    font-weight: normal;
}
.icelounge .twitter {
    padding: 0 0 3px;
    overflow: hidden;
    text-align: center;
}
.icelounge .twitter a {
    display: inline-block;
    padding: 8px 16px 8px 38px;
    background:url(//static.hokkaido-np.co.jp/image/snowfes2017/download.png) #ddeefc no-repeat 8px center;
    color: #333 !important;
    font-size: 0.9em;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0px 2px 0px 0px rgb(190, 220, 237);
}

.container .planning_annotation {
    margin: 20px !important;
}

.icelounge .container {
    margin: 25px 0;
    overflow: hidden;
}
.moe_icelounge {
    border: 1px solid #bfa368;
}
.icelounge .moe_icelounge .planning_title {
    background-color: #bfa368;
}

.icelounge .moe_icelounge .table {
    margin: 0 20px 25px;
}

.icelounge .title {
    color: #bfa269;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-top: 60px;
}

.icelounge .date {
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px!important;
}
.icelounge .date br {
    display: none;
}

.icelounge .icelounge_image {
    width: 100%;
    margin-bottom: 15px;
}

.icelounge .container .container_title {
    color: #bfa269;
    margin: 20px 0 10px !important;
    padding: 0 !important;
    font-size: 1.4rem !important;
    font-weight: bold;
}


.icelounge .yukimatsuri_image {
    width: 200px;
}

.container .table {
    margin-top: 15px;
}

.container .annotation {
    margin-top: 15px;
}

.large_dt{
    width:124px;
}

.icelounge .container {
    margin: 25px 0;
    overflow: hidden;
}



.icelounge .container img {
    float: right;
    margin-left: 20px;
}

.container .yoshimi_image {
    width: 350px;
}
.container .poele_image {
    width: 241px;
}

.product{
    margin: 0 0 1.5em;
}
.container .product:last-child{
    margin:0;
}

.product_name {
    font-weight: bold;
    font-size:1.4rem;
}

.product_image {
    width: 122px;
}

/*snowfes_icelounge ここまで */




/* 1column */

/*lifestyle*/
.lifestyleImg img{
    width:100%;
    margin:0 auto;
}

.lifestyleImgRight{
    float:right;
}

.lifestyleImgRight img{
    padding:0 0 15px 15px;
    background-color:#ffffff;
}
/*lifestyle ここまで */

/*cont_dousin_ss 旧ページから持ってきたもの*/

#main .dousin_ss{
    color:#333;
}
.ps-line {
    width: 100%;
    height: 7px;
    background-color: #00A0E9;
}

#ps-back {
    width: 100%;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/background.gif) repeat;
    padding: 0px 0px 15px 0px;
}
.ps-box {
    text-align: center;
}

.dousinSsTitle{
    margin: auto;
    width: 630px;
    padding: 0px 0px 0px 0px;
}


.moushikomi {
    padding: 0px 0px 60px 0px;
}

.moushikomi a {
    float: left;
    display: block;
    width: 348px;
    height: 35px;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/moushikomi.jpg) no-repeat;
    text-align: left;
}

.moushikomi a:hover{
    background:url(//static.hokkaido-np.co.jp/files/image/dousin_ss/moushikomi_r.jpg) no-repeat;
}

.photo-box {
    margin: auto;
    clear: both;
    width: 630px;
    background-color: #FFF;
    border-left: 2px solid #CFCFCF;
    border-right: 2px solid #CFCFCF;
}


.boxshadow1 {
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/boxshadow1.gif) repeat-x;
    height: 43px;
    vertical-align: middle;
    text-align: center;
}

.ie {
    margin: 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 0px;
    vertical-align: bottom;
}

img.protectBlank {
    max-width: none !important;
    max-height: none !important;
}

.rank_photo1 {
    border-right: 2px solid #D7D7D7;
    padding: 3px 0px 0px 0px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.rank_photo2 {
    padding: 3px 0px 0px 0px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.rank_text1 {
    border-right: 2px solid #D7D7D7;
    padding: 5px 5px 0px 10px;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0;
}

.rank_text2 {
    padding: 5px 5px 0px 10px;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0;
}
.text-1 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.5em;
}

.rank_date {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.9em;
    text-align: right;
}

.boxshadow2 {
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/boxshadow2.gif) repeat-x;
    height: 8px;
    vertical-align: bottom;
}

.ake {
    clear: both;
    padding: 0px 0px 30px 0px;
}

.dousin_ss #text {
    padding: 5px 0px 0px 0px;
    width: 630px;
    margin: auto;
    letter-spacing: 0;
    text-align:left;
}

div.boxIn .i-news-txt p.text-2 {
    padding: 5px 0px 0px 0px;
    font-size: 1em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 12px;
}

.dousin_ss .section {
    background-color: #D9D9D9;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

.frame-box {
    margin: auto;
    width: 630px;
    background-color: #E3E3E3;
    height: 355;
    border: 1px solid #BFBFBF;
}

.frame-box .frame1 {
    float: left;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.frame-box .frame2 {
    float: left;
    padding: 5px 0px 5px 0px;
    text-align: center;
}
.frame-text-ph {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
    font-size: 0.8em;
    padding: 5px 0px 7px 0px;
}

.frame-text-ph a{
    color:#0288c8;
}

.frame-text-ph a:hover{
    opacity:0.5;
}

.otoiawase {

    height: 150px;
    border: 5px solid #BFBFBF;
    background-color: #FFFFFF;
}

.otoiawase-title {
    float: left;
    padding: 8px 0px 0px 15px;
}

.shitsumon {
    float: right;
    padding: 7px 5px 10px 0px;
}

.text-ot1 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    padding: 0px 0px 5px 15px;
    clear: both;
}
.shitsumon a {
    display: block;
    width: 184px;
    height: 25px;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/shitsumon.jpg) no-repeat;
    text-align: right;
}

.shitsumon a:hover{
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/shitsumon_r.jpg) no-repeat;
}

.otoiawase-box {
    margin: auto;
    width: 650px;
    clear: both;
    padding: 0px 0px 0px 15px;
}

.otoiawase .tel {
    color: #00A0E9;
    font-size: 20px;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    padding: 0px 0px 5px 0px;
    line-height: 120%;
}

/*cont_dousin_ss_side */
#doushin_ss-side {
    font-size: 1.0em;
}

#doushin_ss-side .doushin_ss-sideSec {
    position: relative;
    margin-bottom: 20px;
    clear: both;
}

#doushin_ss-side .doushin_ss-sideSec h3 {
    margin-bottom: 10px;
    padding: 20px 0 0;
    font-size: 1.1em;
    font-weight: bold;
    border: #DDD solid;
    border-width: 1px 0 0;
}

#doushin_ss-side .doushin_ss-sideSec ul.arrowList li {
    margin-bottom: 5px;
    padding: 1px 0 1px 10px;
    font-size: 0.8em;
    line-height: 1.2;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/arrow_mini_right.gif) no-repeat 0 0.3em;
    page-break-inside: avoid;
}

#doushin_ss-side .doushin_ss-sideSec ul.arrowList li a:hover{
    opacity:0.5;
}


/*cont_dousin_ss ここまで */

/*cont_dousin_ss_218215 旧ページから持ってきたもの*/
.dousin_ss .tabs {
    margin-left: 0;
    padding-left: 0;
    overflow: hidden;
    margin: 0 auto 10px;
    list-style-type: none;
    font-size:0.95em;
}
.dousin_ss .tabs span a {
    border-right: 1px solid #969696;
    padding: 0px 10px;
    text-align: center;
    text-decoration: none;
    color: #0288C8;
}


.dousin_ss .tabs span a:hover {
    opacity:0.5;
}
.dousin_ss .tab_1 {
    border-left: 1px solid #969696;
}


.vcenter ul li {
    border: solid 1px #ccc;
    border-collapse: collapse;
    float: left;
    margin: 0px 2px 10px 2px;
    width: 115px;
    position: relative;
    text-align:center;
    vertical-align:text-top;
    line-height:90px;
    overflow:hidden;
    height:95px;

}
.vcenter ul {
    width: 630px;
    margin: auto;
}

.vcenter ul li {
    float: none;
    display: inline-block;
    zoom: 1;
}

.vcenter ul li p {
    zoom: 1;
}
.vcenter ul li p img {
    vertical-align: middle;
    border: solid 1px #fff;

}

.dousin_ss .pagetop_link {
    text-align: right;
    font-size: 0.8em;
    margin-right: 5px;
    clear: both;
}
.dousin_ss .pagetop_link a{
    color:#0288c8;
}

.dousin_ss .pagetop_link a:hover{
    opacity:0.5;
}

.dousin_ss .topback a {
    display: block;
    width: 206px;
    height: 27px;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/topback.jpg) no-repeat;
    text-align: right;
}

.dousin_ss .topback a:hover{
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/topback_r.jpg) no-repeat;
}

#content2,#content3,#content4,#content5,#content6{
    display:none;
}

/*cont_dousin_ss_198108 旧ページから持ってきたもの*/

.ichiran {
    margin: auto;
    width: 630px;
    padding: 5px 2px 5px 0px;
    text-align: right;
    clear: both;
}

.ichiran a{
    color:#0288c8;
}
.ichiran a:hover{
    opacity:0.5;
}

.ctg_text{
    text-align:left;
    margin-left:13px;
    font-weight:bold;
}

.tsuzuki {
    margin: auto;
    padding: 7px 5px 0px 10px;
}
.tsuzuki a {
    display: block;
    width: 157px;
    height: 27px;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/tsuzuki.jpg) no-repeat;
    text-align: right;
}
.tsuzuki a:hover {

    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/tsuzuki_r.jpg) no-repeat;
}

.border {
    border-bottom:2px solid #D7D7D7;
    margin:10px;
}

.archives{
    float: right;
    margin: auto;
}

.archives a {
    display: block;
    width: 234px;
    height: 28px;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/archives.jpg) no-repeat;
    text-align: right;
}
.archives a:hover{
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/archives_r.jpg) no-repeat;
}

.ichiranback a {
    display: block;
    width: 173px;
    height: 28px;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/ichiranback.jpg) no-repeat;
    text-align: right;
}

.ichiranback a:hover{
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/ichiranback_r.jpg) no-repeat;
}


/*cont_izumi 旧ページから持ってきたもの*/
#izumi_Video {
    width: 400px;
    height: 225px;
    text-align: center;
}

.izumi-player-pc {
    padding: 25px 0 20px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.pageIzumi p{
    margin-bottom: 1em;
    font-size:1.142rem;
}

ul.mediaLink {
    float: left;
    width: 400px;
    padding-top: 5px;
}

ul.mediaLink li {
    display: inline;
    padding-right: 10px;
}

/*dousin_ss_QA200708 旧ページから持ってきたもの*/
div.accordion .accordion_head, div.accordion .accordion_body {
    display: block;
    padding: 5px 2px 5px 5px;
    text-align: left;
    width: 620px;
}

.question {
    float: left;
    padding: 0px 5px 0px 0px;
}

div.accordion .accordion_body {
    display: block;
    padding: 10px 10px 5px 10px;
    text-align: left;
    width: 620px;
}

.selected + * {
    background: #FFFFFF;
    border: 1px #ccc solid;
}

.accordion_head {
    text-decoration: underline;
    cursor: pointer;
}
.dousin_ss div.accordion .accordion_head:hover{
    color:#00A0E9;
}

.dousin_ss .selected {
    color: #00A0E9;
}

.answer {
    float: left;
    padding: 0px 5px 0px 0px;
    height: 21px;
}

div.boxIn .i-news-txt p {
    margin-bottom: 12px;
    line-height: 140%;
}


/*cont_myclip */
.myclip{
    text-align:center;
    margin:0 auto;
}

.sidePrimaryNewsHeadTitle2{

    margin-bottom: 5px;
    padding: 1px 0 1px 10px;
    line-height: 1.2;
    background: url(//static.hokkaido-np.co.jp/files/image/dousin_ss/arrow_mini_right.gif) no-repeat 0 0.3em;
    page-break-inside: avoid;
    font-weight:bold;
    font-size:16px;
}

.sidePrimaryNewsHeadTitle2 a:hover{
    opacity:0.7;
}
/*cont_myclip 旧ページから持ってきたもの(myclipクラス追加)*/
.myclip .titlebox {
    width: 634px;
    text-align: center;
    margin: 0 auto;
    padding: 14px 0px 0px 0px;
}

.myclip  .titlebase_top {
    width: 100%;
    height: 186px;
    background: url(//static.hokkaido-np.co.jp/files/image/myclip/titlebace.jpg) repeat-x;
    margin: 0 auto;
}
.myclip .newspaper {
    clear: both;
    margin: 0 auto;
    padding: 30px 20px 0px 0px;
}

.myclip .sp_box {
    width: 614px;
    clear: both;
    margin: 0 auto;
    padding: 13px 0px 30px 0px;
}

.myclip .standard_box {
    width: 260px;
    border: 1px solid #BFBFBF;
    margin: 0px 20px 0px 0px;
    float: left;
}

.myclip .boxtitle {
    position: relative;
    top: -1.2em;
    width: 120px;
    margin: 0px auto;
    text-align: center;
}

.myclip .sp_box p {
    text-align: center;
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.4em;
    top: -0.5em;
    position: relative;
}

.standard_box img {
    padding: 5px 0px 0px 0px;
    margin: 0 auto;
    clear: both;
}

.standard_box span {
    width: 226px;
    padding: 13px 0px 10px 0px;
    clear: both;
    content: "";
    display: block;
    text-align: center;
    margin: 0 auto;
}

.standard_box span a {
    display: block;
    overflow: hidden;
    height: 59px;
    width: 226px;
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/standard_off.jpg);
    text-align: center;

    margin: 0 auto;
}
.standard_box span a:hover{
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/standard_on.jpg);
}

.premium_box {
    width: 320px;
    border: 1px solid #BFBFBF;
    float: left;
}

.premium_box img {
    padding: 5px 0px 0px 0px;
    margin: 0 auto;
    clear: both;
}

.premium_box span {
    width: 226px;
    padding: 13px 0px 10px 0px;
    clear: both;
    content: "";
    display: block;
    text-align: center;
    margin: 0 auto;
}

.premium_box span a {
    display: block;
    overflow: hidden;
    height: 59px;
    width: 226px;
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/premium_off.jpg);
    text-align: center;
    margin: 0 auto;
}

.premium_box span a:hover{
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/premium_on.jpg);

}


.price_table {
    clear: both;
    width: 580px;
    padding: 30px 0px 8px 0px;
    margin: 0 auto;
}

.mc_table {
    width: 580px;
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #BFBFBF;
    margin: 0 auto;
    font-size: 1em;
    clear: both;
    table-layout: auto;
}

.mc_table th {
    padding: 4px;
    color: #444;
    background-color: #E2E2E2;
    border: 1px solid #BFBFBF;
    text-align: center;
    vertical-align: middle;
}


.mc_table th.mc_s {
    background-color: #FB9E35;
    color: #FFFFFF;
}

.mc_table th.mc_p {
    background-color: #45C2B5;
    color: #FFFFFF;
}

.mc_table th.mc_ss {
    background-color: #FDF1E3;
    font-weight: bold;
    color: #444;
}

.mc_table th.mc_ps {
    background-color: #C9EEEA;
    font-weight: bold;
    color: #444;
}

.mc_table td.mc_l {
    padding: 4px 10px;
    border: 1px solid #BFBFBF;
    text-align: left;
    background-color: #F3F3F3;
}

.mc_table td {
    padding: 4px 10px;
    border: 1px solid #BFBFBF;
    text-align: right;
}

.mc_table td.mc_sprice {
    background-color: #FDF1E3;
}

.price_table p {
    margin: 0 auto;
    text-align: right;
}

.myclip .details {
    width: 590px;
    clear: both;
    margin: 0 auto;
    padding: 15px 0px 0px 0px;
}

.myclip .section {
    background-color: #999999;
    color: #FFFFFF;

    font-weight: bold;
    padding: 4px 0px 3px 10px;
    text-align: left;
    font-size: 1em;
}

.myclip .details p {
    clear: both;
    text-align: left;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 5px 0px 0px 0px;
}

.myclip .contact_line {
    clear: both;
    border-top: 1px solid #BFBFBF;
}
.myclip .contact_box {
    clear: both;
    width: 590px;
    text-align: center;
    padding: 15px 0px 0px 0px;
    margin: 0 auto;
}

.myclip .contact {
    clear: both;
    display: inline-block;
    background-color: #999999;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 10px 3px;
    font-size: 1em;
    margin: 0 auto;
    text-align: center;
}

.myclip .contact_text p {
    clear: both;
    padding: 5px 0px 3px 0px;
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 0;
    color: #444;
}

.myclip .contact_text p span {
    clear: both;
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 0;
    color: #F58C0D;
    font-weight: bold;
}

.apply_bottom {
    width: 492px;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0px 0px 0px;
    overflow:hidden;
}

.standard_apply {
    width: 226px;
    margin: 0px 40px 0px 0px;
    float: left;
}

.premium_apply {
    width: 226px;
    float: left;
}
.standard_apply a {
    display: block;
    overflow: hidden;
    height: 59px;
    width: 226px;
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/standard_off.jpg);
    text-align: left;
}

.standard_apply a:hover{
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/standard_on.jpg);
}

.premium_apply a {
    display: block;
    overflow: hidden;
    height: 59px;
    width: 226px;
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/premium_off.jpg);
    text-align: left;
}

.premium_apply a:hover{
    background-image: url(//static.hokkaido-np.co.jp/files/image/myclip/premium_on.jpg);
}

.myclip .data-service {
    width: 590px;
    clear: both;
    text-align: center;
    font-size: 1em;
    padding: 20px 0px 20px 0px;
    margin: 0 auto;
    font-size: 1em;
}

/*cont_myclip ここまで*/

/*d_kinembi ここから */

.d_kinenbi{
    background: url(//static.hokkaido-np.co.jp/files/image/d-kinenbi/base.jpg) repeat top center;
    line-height: 1.4em;
    padding-top: 0;
    text-align: center;
}

/*d_kinembi ここから 旧ページから持ってきたもの(d_kinenbiクラス追加)*/
.kinenbi-line {
    background: url(//static.hokkaido-np.co.jp/files/image/d-kinenbi/kinenbiline.gif) repeat left top;
    height: 8px;
    width: 100%;
}

.d_kinenbi #title-box {
    margin-left: auto;
    margin-right: auto;
    width: 650px;
    display: inline-block;
}

.kinenbilogo {
    float: left;
    padding: 20px 0 15px 10px;
    text-align: left;
    width: 440px;
}

.d_kinenbi .header_side {
    float: left;
    width: 210px;
}

.d_kinenbi .tel {
    color: #ab0f12;
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 0;
    padding: 20px 0 0;
    text-align: right;
    width: 200px;
    float:left;
}

.d_kinenbi .tel img {
    vertical-align: top;
    padding-right: 1px;
}

.d_kinenbi .tel_time {
    clear: both;
    font-size: 0.9rem;
    margin-bottom: 0;
    padding-top: 5px;
    line-height: 0.8;
    text-align: right;
    width: 200px;
}

.d_k_moushikomi{
    clear: both;
    text-align: right;
    padding: 5px 0px 20px 0px;
    width: 200px;
}

.d_k_moushikomi a:hover{
    opacity:0.7;
}

.d_kinenbi .item-description {
    text-align: center;
    margin: 10px;
    padding: 5px;
    margin: 0px auto;
}

.d_kinenbi .infobox {
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px !important;
    box-shadow: 0 1px 4px #777;
    clear: both;
    margin: 0 auto;
    padding: 10px 10px 5px 10px;
    position: relative;
    border: 1px solid #B7B7B7\9;
    _border: 1px solid #B7B7B7;
    text-align: left;
    width: 620px;
    zoom: 1;
}

.d_kinenbi .infobox .oshirase {
    padding-bottom: 5px;
}

.d_kinenbi .infobox dl {
    border-top: 1px dotted #979797;
    margin: 0 auto;
    padding: 5px 0;
    width: 600px;
}

.d_kinenbi .infobox dl dt {
    float: left;
    font-size: 10pt;
    font-weight: bold;
    line-height: 120%;
    margin: 0 0 0.5em 0.5em;
    width: 7em;
}

.d_kinenbi .infobox dl dd {
    font-size: 10.5pt;
    line-height: 120%;
    margin: 0 0 0 7em;
}

.d_kinenbi .infobox dl dd a{
    color:#025ac8;
}

.d_kinenbi .infobox dl dd a:hover{
    opacity:0.7;
}

.d_kinenbi .toptext {
    booder-top-style: none;
    clear: both;
    font-size: 10.5pt;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0 20px;
    width: 620px;
}

.d_kinenbi .sample {
    margin: 0 auto;
    width: 590px;
    overflow:hidden;
}

.d_kinenbi .size {
    float: left;
    padding: 40px 10px 0 0;
    width: 107px;
}

.d_kinenbi .omote {
    padding: 0 10px 0 0;
}

.d_kinenbi .omote, .ura {
    width: 180px;
    text-align: left;
    float: left;
}

.d_kinenbi .price {
    float: left;
    padding: 120px 0 0 6px;
    widht: 114px;
}

.d_kinenbi .kakaku {
    text-align: center;
    margin-bottom: 0;
    padding: 0 0 5px 0;
    font-size: 10.5pt;
}

.d_kinenbi .hosoku_base {
    background: #eee8db;
    border: 1px solid #cbbc96;
    font-size: 10.5pt;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 15px 0;
    line-height: 1.06;
    width: 470px;
}

.doubleline {
    border-bottom: 3px double;
}

#attention-box {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0 0;
    text-align: left;
    width: 620px;
}

.d_kinenbi .obi {
    background: #9e0f12;
    color: #FFF;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 0;
    padding: 5px 0 4px 7px;
}

.d_kinenbi .colordot {
    color: #9e0f12;
    font-size: 10.5pt;
    font-weight: bold;
    margin-bottom: 0;
    padding: 7px 0 3px 0;
}

.d_kinenbi .syousai {
    font-size: 10.5pt;
    padding: 0 0 5px 0;
}

.d_kinenbi .syousai_2 {
    font-size: 10.5pt;
    padding: 6px 0 5px;
}

.d_k_question {
    font-size: 12pt;
    font-weight: bold;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
    float:none;
}

.d_k_question img {
    vertical-align: top;
}

#application {
    margin: 20px auto;
    padding: 0 0 10px;
    text-align: center;
}

#application:hover{
    opacity: 0.7;
}

#data-service {
    font-size: 1em;
    margin: 0 auto;
    padding: 0 0 15px;
    text-align: right;
    width: 620px;
}




.accordion_head, div.accordion .accordion_body {
    display: block;
    padding: 5px 2px 3px 5px;
    width: 620px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

}

.d_kinenbi #faq {
    width: 620px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.d_kinenbi .question {
    text-decoration: underline;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1;
    padding: 8px 5px 8px 0px;
    text-align: left;
    font-weight:bold;
}

.d_kinenbi div.accordion .accordion_head:hover{
    color:#9e0f12;
}

.d_kinenbi .selected {
    color: #9e0f12;
}

.d_kinenbi .pagetop_link {
    text-align: right;
    font-size: 9pt;
    padding: 7px 0px 20px 0px;
}

.d_kinenbi .kinenbi_top {
    font-size: 1em;
    text-align: right;
    margin-bottom: 1rem;
}

.d_kinenbi .kinenbi_top a{
    color:#025ac8;
}

.d_kinenbi .kinenbi_top a:hover{
    opacity:0.7;
}

.d_kinenbi .qa {
    clear: both;
    text-align: left;
    padding: 10px 0px 8px 10px;
    font-weight: bold;
    font-size: 17pt;
}
/*d_kinembi ここまで*/

/*pcdeyomu ここから*/
.pcdeyomu-nav {
}
.pcdeyomu-nav li {
    float: left;
}
.pcdeyomu-nav li a {
    color: #fff;
    display: block;
    padding: 5px 10px;
    position: relative;
}
.pcdeyomu-nav {

    background: #0a4b9b none repeat scroll 0 0;
    font-size: 1em;
    font-weight: bold;
    margin:0 auto;
    overflow: hidden;
    width:100%;
}
.pcdeyomu-nav li a::after {
    background: #69b6e2 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 70%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.pcdeyomu-nav a.current,.pcdeyomu-nav li a:hover {
    background: #69b6e2 none repeat scroll 0 0;
    text-decoration: none;
}

.pcdeyomu01 .pcdeyomu-nav .select01{
    background: #69b6e2 none repeat scroll 0 0;
}
.pcdeyomu02 .pcdeyomu-nav .select02{
    background: #69b6e2 none repeat scroll 0 0;
}
.pcdeyomu03 .pcdeyomu-nav .select03{
    background: #69b6e2 none repeat scroll 0 0;
}
.pcdeyomu04 .pcdeyomu-nav .select04{
    background: #69b6e2 none repeat scroll 0 0;
}

.pcdeyomu .hover:hover{
    opacity:0.7;
}



.pcdeyomu table td.tableTyle_td02_center {
    text-align: center;
    border: 1px solid #999999;
    padding: 10px;
}

.pcdeyomu table td.tableTyle_td02_left {
    text-align: left;
    border: 1px solid #999999;
    padding: 10px;
}

.pcdeyomu table td.tableTyle_td02_right {
    text-align: right;
    border: 1px solid #999999;
    padding: 10px;
}

.pcdeyomu p.subTitle {
    font-size: 1.4em;
    font-weight: bold;
    color: #003399;
    text-align: left;
    letter-spacing: 0.05em;
    margin: 0 0 0.4em;
    padding: 0;
}

.pcdeyomu .red {
    color: #e5004f;
}

.pcdeyomu p.tableText {
    margin: 0 0 0.3em;
    padding: 0;
}
.pcdeyomu p.tableText_2 {
    margin: 0 0 0.3em;
    padding: 0.6em 0.6em 0;
}
.pcdeyomu p.tableText_3 {
    margin: 0 0 0.3em;
    padding: 0 0.6em;
}

.pcdeyomu table a{
    color: #0574B6;
}

.pcdeyomu table a:hover{
    border-bottom:1px solid #0574B6;
}

/*pcdeyomu ここまで*/


/*db_faq_210518 ここから*/

#dbfaq {
    width: auto;
    text-align: left;
    margin: 20px 50px 10px 50px;
    padding: 5px;
}

#dbfaq h4 {
    margin: 1em auto;
    font-size: 130%;
}

#dbfaq dt {
    font-weight: bold;
    margin: 20px 0 0 0;
}

#dbfaq dd {
    border: dotted #cccccc;
    padding: 5px;
}
/*db_faq_210518 ここまで*/

/* ebooks ここから*/
.ebooks{
    font-size: 1.3em;
    line-height: 1.5;
}

div#menu_mobile ul {
    position: relative;
    text-align:center;
}
div#menu_mobile {
    background: url(//static.hokkaido-np.co.jp/image/ebooks/mobile_navi_bg.gif) repeat-x;
    height: 40px;
    margin-bottom: 2em;
}

div#menu_mobile li {
    float: left;
    width: 33.3%;
    border-bottom: 2px solid #0000ff;
    background: url(//static.hokkaido-np.co.jp/image/ebooks/mobile_navi_r.gif) no-repeat right center;
}

div#menu_mobile li a.selected {
    color: #fff;
    text-shadow: 1px 0 0 #666;
    background: url(//static.hokkaido-np.co.jp/image/ebooks/mobile_navi_select_blue.gif) repeat-x !important;
}

div#menu_mobile li a {
    display: block;
    line-height: 40px;

    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

div#menu_mobile li a:hover{
    background: url(//static.hokkaido-np.co.jp/image/ebooks/mobile_navi_on.gif) repeat-x;

}

.ebooks .desc, .book {
    background: #f9f9ed;
    margin: 0 0 4px 0;
    padding: 1em 1.5em;
    font-size:1.0rem;
}

.ebooks .imgleft {
    float: left;
    margin: 0 2em 0 0;
}

.ebooks h1{
    font-size:18px;
    font-weight:bold;
    margin:3px 0 6px;
}

.ebooks .book p {
    line-height: 1.5;
    margin: 0 0 0.5em;
}

.ebooks .subscription {
    margin: 1em 0 0;
    background: #fff;
}

.ebooks table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    table-layout: fixed;
}

.ebooks table a{
    color:#0288C8;
}

.ebooks table a:hover{
    opacity:0.7;
}

.ebooks .subscription th, .subscription td {
    padding: 0.2em 1em;
    border: 1px solid #71c101;
}

.ebooks .subscription th {
    color: #fff;
    background: #71c101;
}


.ebooks .subscription th, .subscription td {
    vertical-align: top;
}




/* ebooks ここまで*/

/* consa-special2016 ここから*/
.consa_special2016{}

.consa_special2016 .consa-special-title {
    margin: 0 0 16px;
}

.consa_special2016 .consa-special-title h2 img {
    margin: 0.5em 0 0.5em;
    width: 80%;
}
.consa_special2016 .consa-special-title h2 {
    text-align: center;
    background: url(//static.hokkaido-np.co.jp/image/consa-special2016/title_back.jpg);
    background-size: cover;
}

.consa_special2016 .consa-special-title .consa-special-menu {
    display: none;
}

.consa_special2016 .consa-special-title ul {
    overflow: hidden;
    background: #d7000f;
}

.consa_special2016 .consa-special-title li {
    float: left;
    width: 20%;
    text-align: center;
    box-sizing: border-box;
}

.consa_special2016 .consa-special-title a {
    font-size: 1.1em;
    line-height: 1;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #fff;
}

.consa_special2016 .consa-special-title a:hover{
    background-color:#000000;
}

.consa_special2016 p.articleDate {
    margin-bottom: 20px;
    font-size: 0.9em;
    color: #999;
}

.consa_special2016 .consa-special-title .select {
    background: #222;
}

.consa_special2016 .consaList{}

.consa_special2016 .consaList p {
    /*font-size: 1em;*/
    margin-bottom:1em;
}

.consa_special2016 .ryakureki {
    padding: 16px;
    background: #f2f2f2;
}
/* consa-special2016 ここまで*/


/* watashino_ippin ここから*/

.watashino_ippin{
    width:650px;
    margin:0 auto;
}
.watashino_ippin .title_cut img{
    width:100%;
}
.watashino_ippin .title_cut .sp {
    display: none;
}

.watashino_ippin .intro {
    border: 1px solid #333;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    width: 650px;
    margin: 3em 0;
}

.watashino_ippin .intro p {
    margin: 0!important;
    padding: 15px;
}

.watashino_ippin .award {
    width: 100%;
    margin: 3em 0;
}

.watashino_ippin .award .award_title {
    width: 650px;
    background: #c00000;
    color: #fff2c2;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    margin: 0 auto 30px;
}

.watashino_ippin .award .award_title p img {
    width: 40px;
    margin-right: 10px;
    margin-left: -30px;
    vertical-align: bottom;
}

.watashino_ippin .award .award_title p {
    font-size: 1.8em !important;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    padding: 6px 10px;
    text-align: center;
}

.watashino_ippin .award a {
    display: block;
    margin: auto;
    text-decoration: none;
    width: 300px;
}

.watashino_ippin .award .photo {
    background-color: #f2f2f2;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 300px;
    height: 300px;
}

.watashino_ippin .award .photo img {
    max-width: 300px;
    max-height: 300px;
}

.watashino_ippin .award .caption p {
    padding: 5px;
    font-size: 1.1em !important;
    text-shadow: 1px 1px rgba(0,0,0,0.4);
}

.watashino_ippin .award .caption {
    background-color: #ffb042;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    width: 300px;
}


.watashino_ippin .award.special_1 a, .watashino_ippin .award.special_3 a, .watashino_ippin .award.special_1 .caption, .watashino_ippin .award.special_3 .caption {
    width: 210px;
}

.watashino_ippin .award.special_1 .photo, .watashino_ippin .award.special_3 .photo {
    width: 210px;
    height: 210px;
}

.watashino_ippin .award.special_1 .photo img, .watashino_ippin .award.special_3 .photo img {
    max-height: 210px;
    max-width: 210px;
}

.watashino_ippin .award.special_3 a {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
}

.watashino_ippin .other_award div {
    margin-bottom: 3em;
}
.watashino_ippin p a{
    color:#00c;
}

.watashino_ippin p a:hover{
    opacity:0.7;
}
.watashino_ippin .other_award p{
    font-size: 1.142rem;
    font-weight: bold;
}
/* watashino_ippin ここまで*/


/* fskeiyaku_2017 ここから*/


.keiyaku-table caption {
    font-size: 1.6em;
    font-weight: bold;
    color: #333;
    padding-top:30px;
}

.keiyaku-table .player-name{
    font-size:1.2em;
    text-align:left;
}

.keiyaku .player-name{
    width:40%;
}

.keiyaku .nenbo{
    width:20%;
    text-align:right;
    font-size:1.2em;
}

/* fskeiyaku_2017 ここまで*/

/* サイド用side_fighters ここから*/
.side_fighters{
}

.side_fighters h3 {
    margin-bottom: 10px;
    padding: 20px 0 0;
    font-size: 1.2em;
    font-weight: bold;
    border: #DDD solid;
    border-width: 1px 0 0;
}

.side_fighters h3.iconTitle span.fighters {
    padding: 7px 0 7px 35px;
    background: url(//static.hokkaido-np.co.jp/image/common_page/icon_sports_fighters.gif) no-repeat 3px 0;
}

.side_fighters ul.boxLink{
    overflow:hidden;
    margin-bottom:20px;
}

.side_fighters ul.boxLink li {
    display: inline;
    float: left;
    width: 145px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.side_fighters ul.boxLink li a {
    display: block;
    padding: 6px 10px;
    font-size: 1em;
    background: url(//static.hokkaido-np.co.jp/image/common_page/side_bg_boxlink.png) repeat-x bottom;
    border: #e5e5e5 solid 1px;
}

.side_fighters ul.boxLink li a:hover{
    color:#0a4b9b;
}
/* side_fighters ここまで*/

/* sports_hokkaido_forum_20170204 ここから*/

.sports_hokkaido_forum{
    font-size: 1.142rem;
}

.sports_hokkaido_forum p.projectTitle {
    position: relative;
    height: auto;
    margin-bottom: 15px;
    padding: 4px 15px 3px;
    font-size: 1.2em;
    font-weight: bold;
    background: url(//static.hokkaido-np.co.jp/image/sports_hokkaido_forum/contents_bg_title_02.png) repeat-x scroll 0px 100% rgb(253, 253, 253);
    border-top: 1px solid rgb(238, 238, 238);
}

.sports_hokkaido_forum .item dd {
    padding: 5px 0 15px 15px;
}

/* sports_hokkaido_forum_20170204 ここまで*/

/* 2018pyeongchang_smile-japan ここから*/

.smile_japan{}

.smile_japan .smile-japan-title {
    margin: 0 0 15px;
}

.smile_japan .smile-japan-title a, .smile-japan-title a::before, .smile-japan-title a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.smile_japan .smile-japan-title a, .smile-japan-title a::before, .smile-japan-title a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.smile_japan .smile-japan-title a::before, .smile-japan-title a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.smile_japan .smile-japan-title h2 {
    text-align: center;
    background: url(//static.hokkaido-np.co.jp/image/2018pyeongchang_smile-japan/title_cut_back.jpg);
    background-size: cover;
    margin-bottom: 10px;
}

.smile_japan .smile-japan-title h2:hover{
    opacity:0.7;
}

.smile_japan .smile-japan-title h2 img {
    width: 60%;
    margin: 0.5em 0;
}

/*nav*/
.smile-japan-title .review .select{
  background: #fff;
  color: #e81e10;
}

.smile-japan-title .interview .select{
  background: #fff;
  color: #000;
}

.smile_japan .smile-japan-title .smile-japan-review, .smile-japan-title .smile-japan-interview {
    display: none;
}

.smile_japan .smile-japan-title .review {
    overflow: hidden;
    background: #e81e10;
    border-bottom: 2px solid #fff;
}

.smile_japan .smile-japan-title li {
    float: left;
    width: 33.3333%;
    text-align: center;
    box-sizing: border-box;
    border-right: 2px solid #fff;
}

.smile_japan .smile-japan-title a {
    font-size: 1.024em;
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    padding: 8px 0;
}

.smile_japan .smile-japan-title a:hover{
    color:#e81e10;
    background-color:#fff;
}


.smile-japan-title .interview {
    overflow: hidden;
    background: #000;
}

.smile-japan-title .interview a:hover{
    color:#000;
}

.smile_japan .smile-japan-title a span {
    font-size: 0.8em;
}

.smile_japan .positionTop.freelayoutOriginal {
    margin: 0 0 20px;
    text-align: center;
}

.smile_japan .articleMedia .mediaBlock {
    width: 100%;
    margin-left: 0px;
}

.smile_japan .articleMedia .mediaBlock .HS-photoThumnail img {
    max-width: 650px;
    max-height: none;
}

.smile_japan p {
    margin-bottom: 1em;
    line-height: 1.65;
    font-size: 1.2em;
}

.smile_japan .caption {
    text-align:center;
}


.smile_japan .HS-photoThumnail {
    position: relative;
    float: right;
    margin: 0 0 10px;
    vertical-align: middle;
    zoom: 1;
    text-align: right;
}




.smile_japan p.overflowH {
    position: relative;
    display: table-cell;
    width: 180px;
    height: 180px;
    margin-bottom: 0;
    background: url(//static.hokkaido-np.co.jp/image/2018pyeongchang_smile-japan/main_photo_bg180_on.png) no-repeat scroll 0 0;
    vertical-align: middle;
    layout-grid-line: 180px;
    text-align: center;
    zoom: 1;
}

.smile_japan .mediaBlock {
    width: 180px;
    margin: 0 10px 20px;
    vertical-align: top;
}
.smile_japan p.overflowH a {
    display: block;
    text-align: center;
    width: 180px;
}

.smile_japan #HS-main .HS-categoryBlock .articleBody .articleMedia .mediaBlock .HS-photoThumnail img {
    max-height: 178px;
    max-width: 178px;
    margin-left: auto;
    margin-right: auto;
    -ms-interpolation-mode: bicubic;
    _width: expression(this.width >= this.height ? "180px" : "auto");
    _height: expression(this.width <= this.height ? "180px" : "auto");
}




/* 2018pyeongchang_smile-japan ここまで*/

/* pr_satsudai ここから*/
.pr_satsudai img {
    border: 0;
    vertical-align: bottom;
}

.pr_satsudai tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.pr_satsudai .articleBody table {
    border-collapse: collapse;
}

.pr_satsudai div.otherBox_in {
    width: auto;
    min-width: 660px;
    margin: 0 auto;
}

.pr_satsudai .leadbox {
    margin-bottom: 1em;
}

.pr_satsudai .leadbox .main_l {
    float: left;
}

.pr_satsudai .leadbox .main_r {
    float: left;
    width: 500px;
    margin: 0 0 0 30px;
    padding: 10px 10px;
    border: 2px solid #911B65;
    text-align: left;
}

.pr_satsudai .leadbox .main_r table .arrow {
    padding-left: 15px;
    background: url(//static.hokkaido-np.co.jp/image/pr/sankaku.jpg) no-repeat left 10px;
    width: 80px;
    font-size:1.2em;
}

.pr_satsudai .leadbox .main_r table td {
    padding: 5px 5px;
}

.pr_satsudai .leadbox .main_r .text_ss {
    font-size: 90%;
}

.pr_satsudai .main_r table a {
    color: rgb(0, 0, 204);
    font-size:1.2em;
}

.pr_satsudai .main_r table a:hover{
    text-decoration:underline;
}


.pr_satsudai div.s_box div.s_box_in_text h4 {
    font-weight: bold;
    border-bottom: 3px solid #fdd100;
    margin-bottom: 15px;
    font-size: 1.6em;
}

.pr_satsudai h5 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 1.25em;
}

.pr_satsudai h6 {
    border-left: 6px solid #911B65;
    font-weight: bold;
    margin: 10px 0 10px 0;
    padding: 0 0 0 10px;
    color: #911B65;
    font-size: 1.3em;
}

.pr_satsudai div.otherBox_in div.s_box {
    text-align: left;
    padding-bottom: 20px;
    clear: both;
    zoom: 1;
}

.pr_satsudai div.s_box_in_ph {
    margin: 17px 0 10px 40px;
    width: 200px;
    float: right;
    clear: both;
}

.pr_satsudai p {
    margin-bottom: 2em;
    font-size: 1.15em;
    line-height: 1.65;
}

.pr_satsudai .s_box_in_text {
    float: left;
    width: 72%;
}

.pr_satsudai .s_box div.s_box_in_ph p.name {
    background-color: #911B65;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 4px;
    text-align: center;
}

.s_box_in_text ul.itemLeftPosition {
    overflow: hidden;
    position: relative;
}

.s_box_in_text ul.itemLeftPosition li.feftItemImage {
    float: left;
}

.s_box_in_text ul.itemLeftPosition li.leftItemText {
    position: absolute;
    bottom: 0;
}

.s_box_in_text ul li {
    display: inline-block;
    vertical-align: bottom;
}

.pr_satsudai .articleMedia {
    float: none;
    width: auto;
    margin: 0;
    overflow: hidden;
    margin: 0 10px 10px;
}

.pr_satsudai .creation {
    display: inline-block;
    float: right;
    text-align: left;
    clear: both;
}


/* pr_satsudai ここまで*/

/* pr_cancer_cure ここから*/

.pr_cancer_cure{
    margin:0 auto;
    width:auto;
    text-align:center;
    font-size:16px;
    line-height:1.65;
    min-width: 660px;
    width: 800px;
}

.pr_cancer_cure .overflowH img{
    margin: 0;
    float: none;
    margin: 0 auto 10px;
    overflow: hidden;
    display: block;
    background: none;
    max-width: 512px;
    max-height: 512px;
}

.pr_cancer_cure p.lead {
    padding-bottom: 20px;
    text-align: left;
}

.pr_cancer_cure  span {
    text-align: left;
    float: left;
    width: 620px;
    margin-bottom: 3em;
}

.pr_cancer_cure .positionRight.freelayoutLargeSide {
    float: right;
    width: 160px;
    margin: 0 0 20px 10px;
}

.pr_cancer_cure.s_box {
    border-bottom: 1px solid #999999;
    margin-bottom: 60px;
    display: inline-block;
    padding-bottom: 20px;
    text-align: left;
    clear: both;
}

.pr_cancer_cure div.s_box div.s_box_in_ph {
    float: left;
    margin: 0 20px 10px 0;
    width: 180px;
}

.pr_cancer_cure .kisya {
    margin:0 20px 10px 0;
}
.pr_cancer_cure .kisya img{
    margin: 0 20px 10px 0;
    width: 180px;
}

.pr_cancer_cure .profile {
    font-size: 0.9em;
    text-align:left;
}

.pr_cancer_cure div.s_box div.s_box_in_text {
    float: left;
    width: 72%;
    text-align:left;
}

.pr_cancer_cure .interview_box{
    overflow:hidden;
}

.pr_cancer_cure p.kisyaname {
    background-color: #557e01;
    color: #ffffff;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 4px;
    text-align: center;
}

.pr_cancer_cure .s_box_in_text h4 {
    border-bottom: 3px solid #557e01;
font-size: 1.4rem;
    font-weight: bold !important;
    margin-bottom: 10px;
}

.pr_cancer_cure h5 {
    font-weight: bold !important;
    margin-bottom: 1em;
font-size: 1.2rem;
}

.pr_cancer_cure p {
margin-bottom: 1em;
    line-height: 1.65;
}

.pr_cancer_cure .s_box {
    border-bottom: 1px solid #999999;
    margin-bottom: 60px;
    /* overflow: hidden; */
    display: inline-block;
    padding-bottom: 20px;
    text-align: left;
    clear: both;
}

.pr_cancer_cure .qanda {
    background-color: #fafdfd;
    padding: 1em;
    text-align: left;
    margin-bottom: 1em;
    margin-top: -60px;
}

.pr_cancer_cure .qanda h4 {
    font-weight: bold;
    border-bottom: 3px solid #557e01;
    margin-bottom: 10px;
    font-size: 1.4em;
}

.pr_cancer_cure .freelayoutLargeSide {
    float: right;
    width: 320px;
    margin: 0 0 20px 10px;
}

.pr_cancer_cure .qanda .positionRight.freelayoutLargeSide {
    float: right;
    width: auto;
    margin: 0 0 20px 10px;
}

.pr_cancer_cure div.moreInfo, div.production {
    text-align: right;
}

.pr_cancer_cure a { color: #0a4b9b;}
.pr_cancer_cure a:hover { text-decoration: underline;}

/* pr_cancer_cure ここまで*/

/* kaiteki_life ここから*/

.kaiteki_life{
    width:650px;
    margin:0 auto;
}

.kaiteki_life h2,h3,h4,h5{
    font-weight:normal!important;
}
.kaiteki_life td {
    vertical-align: top;
}

.kaiteki_life #base {
    background: url(//static.hokkaido-np.co.jp/image/kaiteki_life/2ee054c5ad51e8a0ae72c6aad7ff1ff3.gif) repeat #FFFFFF;
}

.kaiteki_life .table_whole {
    border: 1px solid #CFCFCF;
    table-layout: fixed;
    margin:0 auto 10px;
}

.kaiteki_life .hall_name {
    background: url(//static.hokkaido-np.co.jp/image/kaiteki_life/4754073ae8872ea4c09d4f9b514e981a.gif) repeat-x;
    background-color: #FFFFFF;
    color: #3cbdd4;
    height: 38px;
    padding: 7px 0px 0px 10px;
    font-size:1.2rem;
}

.kaiteki_life .details {
    padding: 8px 15px 15px 15px;
}

.kaiteki_life .details dl {
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    font-size:1.2rem;
}
.kaiteki_life td td {
    font-size: 1.2rem!important;
}

.kaiteki_life .point {
    padding: 0px 0px 5px 0px;
}

.kaiteki_life .url {
    padding: 5px 0px 0px 0px;
}

.kaiteki_life .subject_1 {
    margin: 0px 10px 6px 0px;
}

.kaiteki_life .details dl dt {
    width: 75px;
}

.kaiteki_life .details dl.area dd {
    width: 37%;
}

.kaiteki_life .details dl.lastItem {
    border: none;
}

.kaiteki_life .content_1 {
    padding: 0px 10px 6px 0px;
}

.kaiteki_life .details dl dt{
    float: left;
}

.kaiteki_life .details dl dd {
    float: left;
}
.kaiteki_life .content_2 {
    padding: 6px 0px;
}

.kaiteki_life dl img{
    margin:10px 5px 0 0;
}

.kaiteki_life .details dl dd {
    width: 500px;
}

.kaiteki_life .content_3 {
    padding: 6px 0 5px;
}

.kaiteki_life .content_4 {
    padding: 10px 0 0;
}
/* kaiteki_life ここまで*/

/* raycop ここから*/

div.raycop {
    width: 778px;
    margin: 0 auto;
}

p.raycop_que {
    margin: 0 0 0 12px;
    padding: 0 0 0 36px;
    font-weight: bold;
    background: url(//static.hokkaido-np.co.jp/image/raycop_rp/mark_q.gif) no-repeat;
}

.raycop p {
    margin-bottom: 1em;
    line-height: 1.65;
}

p.raycop_ans {
    margin: 0 0 20px 12px;
    padding: 0 48px 0 36px;
    background: url(//static.hokkaido-np.co.jp/image/raycop_rp/mark_a.gif) no-repeat;
}

.raycop_prof p {
    margin: 1em 0 1em 0;
}

p.raycop_add {
    text-align: right;
}

.raycop p a {
    color: #00c;
}

.raycop_prof {
    margin: 48px 0 48px 0;
}

/* raycop ここまで*/

/* pr_nissan ここから*/

.pr_nissan .HS-photoThumnail img {
    max-width: 1000px;
    max-height: none;
}

.pr_nissan .articleTitle{
    font-size:2rem;
    line-height:1.25;
    margin:10px 0;
}

.pr_nissan p{
    font-size:1.1rem;
    margin-bottom:1em;
    line-height:1.65;
}

.pr_nissan p.overflowH {
    position: relative;
    display: table-cell;
    width: 460px;
    height: auto;
    margin-bottom: 0;
    background: none;
    vertical-align: middle;
    layout-grid-line: 460px;
    text-align: center;
    zoom: 1;
}


.pr_nissan .articleMedia {
    float: none;
    width: auto;
    margin: 0;
    overflow: hidden;
}

.pr_nissan .positionLeft.freelayoutOriginalSide {
    float: left;
    width: 460px;
    margin: 0 20px 20px 0;
}

.pr_nissan .freelayoutOriginalSide .articleMedia .mediaBlock {
    position: relative;
    margin: 0 0 10px 0;
    width: 460px;
}

.pr_nissan .positionRight.freelayoutOriginalSide {
    float: right;
    width: 460px;
    margin: 0 0 20px 10px;
}

.pr_nissan .positionTop.freelayoutOriginal img {
    margin:0 auto 40px;
    text-align: center;
    max-width: 1000px;
    max-height: none;
}

.pr_nissan a{
    color: #0a4b9b;
}
.pr_nissan a:hover{
    text-decoration: underline;
    opacity:0.7;
}

.pr_nissan .positionTop.freelayoutOriginal .articleMedia p.overflowH {
    display: block;
    width: auto;
    height: auto;
    background: none;
}

/* pr_nissan ここまで*/

/* pr_ad ここから*/

.pr_ad .HS-photoThumnail img {
    max-width: 1000px;
    max-height: none;
}

.pr_ad .articleTitle{
    font-size:2rem;
    line-height:1.25;
    margin:10px 0;
}

.pr_ad p{
    font-size:1.1rem;
    margin-bottom:1em;
    line-height:1.65;
}

.pr_ad p.overflowH {
    position: relative;
    display: table-cell;
    width: 460px;
    height: auto;
    margin-bottom: 0;
    background: none;
    vertical-align: middle;
    layout-grid-line: 460px;
    text-align: center;
    zoom: 1;
}


.pr_ad .articleMedia {
    float: none;
    width: auto;
    margin: 0;
    overflow: hidden;
}

.pr_ad .positionLeft.freelayoutOriginalSide {
    float: left;
    width: 460px;
    margin: 0 20px 20px 0;
}

.pr_ad .freelayoutOriginalSide .articleMedia .mediaBlock {
    position: relative;
    margin: 0 0 10px 0;
    width: 460px;
}

.pr_ad .positionRight.freelayoutOriginalSide {
    float: right;
    width: 460px;
    margin: 0 0 20px 10px;
}

.pr_ad .positionTop.freelayoutOriginal img {
    margin:0 auto 40px;
    text-align: center;
    max-width: 1000px;
    max-height: none;
}

.pr_ad a{
    color: #0a4b9b;
}
.pr_ad a:hover{
    text-decoration: underline;
    opacity:0.7;
}

.pr_ad .positionTop.freelayoutOriginal .articleMedia p.overflowH {
    display: block;
    width: auto;
    height: auto;
    background: none;
}


/* pr_ad ここまで*/


.commonPageColTable{
    width:100%;
    margin-bottom:20px;
}

.commonPageColTable th.commonPageColTableCell{
    width:25%;
    background-color:#0a4b9b;
    padding: 15px 10px;
    text-align: left;
    color:#ffffff;
    border: 2px solid #ffffff;
    font-weight:normal;
}

.commonPageColTable td.commonPageColTableCell{
    background-color:#f8f8f8;
    padding: 15px 10px;
    text-align: left;
    border: 2px solid #ffffff;

}

.agreementIndent{
     padding-left: 2em;
    text-indent: -2em;
    margin-bottom: 0.6em;
}

.inqList{
    border: 1px solid #ccc;
    padding: 15px 10px;
    margin-bottom:20px;
}


#inqLeft{
    width:49%;
    float:left;
}

#inqRight{
    width:49%;
    float:left;
    margin-left:18px;
}


.HS-sideSec {
    position: relative;
    margin-bottom: 20px;
    clear: both;
}
.HS-sideSec h3 {
    margin-bottom: 10px;
    padding: 20px 0 0;
    font-size: 14px;
    font-weight: bold;
    border: #DDD solid;
    border-width: 1px 0 0;
}
.HS-sideSec h3 a:hover{
    text-decoration: underline;
}
.HS-sideSec p.itemFont {
    font-size: 12px;
}
.HS-sideSec ul.arrowList {
    position: relative;
    margin-bottom: 15px;
    padding-right: 0px;
}
.HS-sideSec ul.arrowList li {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.5;
    page-break-inside: avoid;
}
.HS-sideSec ul.arrowList li::before{
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
    margin-right: 6px;
}
.HS-sideSec ul.arrowList.arrowListNoIcon li::before{
    content: none;
}
.HS-sideSec ul.arrowList a:hover{
    text-decoration: underline;
    color: #0a4b9b;
}
.sideDigicanLink{
    margin-top: 20px;
}
.sideDigicanLink dl {
    display: table;
    margin-top: 10px;
}
.sideDigicanLink dl dt,
.sideDigicanLink dl dd{
    display: table-cell;
    vertical-align: middle;
}
.sideDigicanLink dl dd{
    padding-left: 10px;
}
.sideDigicanLink dl dd a:hover{
    text-decoration: underline;
}
.float_none{
    overflow:hidden;
}

/* help */
.commonPage .moduleNav {
    margin-bottom: 20px;
    background-color: #EEEEEE;
    position: relative;
}
.commonPage .moduleNav ul {
    font-size: 0;
}
.commonPage .moduleNav ul li{
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
}
.commonPage .moduleNav ul li a{
    font-weight: bold;
    display: block;
    padding: 10px 15px;
    border-right: 1px solid #ffffff;
}
.commonPage .moduleNav ul li a.isActive,

.commonPage .moduleNav ul li a:hover{
    background-color: #0a4b9b;
    color: #ffffff;
}
.commonPage .topickPath p {
    margin-bottom: 1em;
}
.commonPage .topickPath p a:hover{
    text-decoration: underline;
    color: #0a4b9b;
}
.commonPage .HS-section.helpSec{
    overflow: hidden;
}
.commonPage .HS-section.helpSec p {
    margin-bottom: 1em;
    font-size: 1rem;
}
.commonPage .HS-section.helpSec .commonPageHead3Bg{
    margin-bottom: 15px;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList {
    margin-bottom: 60px;
    padding: 20px 20px 5px;
    border: #ccc solid 1px;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li {
    margin-bottom: 15px;
    padding-top: 15px;
    padding-left: 20px;
    font-size: 1.142rem;
    line-height: 1.5;
    border-top: #ccc solid 1px;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li.firstChild {
    padding-top: 0;
    border-top: none;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li{
    font-size: 1rem;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li h4 {
    margin-bottom: 0;
    margin-left: -20px;
    font-size: 1.142rem;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li h4 a {
    display: block;
    padding: 5px 5px 5px 20px;
    _padding: 5px 5px 0 20px;
    background: url(//static.hokkaido-np.co.jp/image/common_page/arrow_mini_right.gif) no-repeat 5px 50%;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li h4 a:hover {
    background-color: #f0f0f0;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li > a{
    font-size: 1rem;
}
.commonPage .HS-section.helpSec ul.helpBoxLinkList li > a:hover{
    text-decoration: underline;
    color: #0a4b9b;
}
.commonPage .HS-section.helpSec .photoSample {
    float: right;
    margin: 0 0 20px 20px;
}
.commonPage .HS-section.helpSec h4 {
    margin-bottom: 0.5em;
    font-size: 1.142rem;
    font-weight: bold !important;
}
.commonPage .HS-section ul.dotList{
    margin-bottom: 1em;
    padding-left: 20px;
    list-style: disc none outside !important;
    overflow: visible;
}
.commonPage .HS-section ul.dotList li{
    margin-bottom: 0.3em;
    line-height: 1.5;
}
.commonPage .HS-section.helpSec .helpSecInner table.helpInnerTable {
    width: 630px;
    margin-left: 10px;
    margin-bottom: 30px;
}
.commonPage .HS-section.helpSec table th, .commonPage .HS-section.helpSec table td {
    padding: 5px 5px;
    border: #CCC solid;
    border-width: 1px 1px;
    font-size: 1rem;
    text-align: left;
    vertical-align: middle;
}
.commonPage .HS-section.helpSec .helpSecInner table.helpInnerTable th{
    background-color: #f6f6f6;
}
.commonPage .HS-section.helpSec .helpSecInner table.helpInnerTable th.center {
    width: 240px;
    text-align: center;
}
.commonPage .HS-section.helpSec li h4{
        color: #0000cc;
        font-size: 1rem;
}
.commonPage .HS-section.helpSec .helpQaSecInner p{
    text-indent: -1em;
    padding-left: 1em;
}
.commonPage .helpSecInner .photo{
    text-align: center;
}

.commonPageSide .sideShimenViewBtn{
    display: table;
    margin: 20px 0;
}
.commonPageSide .sideShimenViewBtn a {
    display: table-cell;
    width: 300px;
    height: 54px;
    font-size: 1.285rem;
    font-weight: bold;
    text-align: center;
    border: #DDD solid 1px;
    color: #000;
    background: url(//static.hokkaido-np.co.jp/image/common_page/side_bg_chihoban.jpg) no-repeat;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
}
.commonPageSide .sideShimenViewBtn a::after{
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    margin-left: 0.5em;
}
.commonPageSide .sideShimenViewBtn a:hover{
    color: #00C;
    text-decoration: underline;
}

/* pocketbook */
.pocketBookItem{
    margin-bottom: 20px;
}
.pocketBookList .pocketBookItem:last-of-type{
    margin-bottom: 0;
}
.pocketBookHead{
    background-color: #00418F;
    color: #ffffff;
    font-size: 1.285rem;
    padding: 5px 10px;
    margin-bottom: 20px;
}
.pocketBookContent{
    overflow: hidden;
}
.pocketBookImage{
    float: left;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0;
}
.pocketBookImage a{
    transition: opacity 0.3s;
}
.pocketBookImage a:hover{
    opacity: 0.7;
}
.pocketBookImage img{
    max-width: 100%;
}
.pocketBookTextHead{
    font-size: 1.285rem;
    font-weight: bold;
    padding: 5px 0;
}
.pocketBookTextDesc{
    font-size: 1.142rem;
}
.sideSapporoBnr{
    margin-top: 20px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.pbInstaImg{
    float: right;
    margin: 0 0 0 1em;
}
.pbInstaImg a{
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
}
.pbInstaImg img{
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.pbInstaImg:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
 }

.pbLinkAmbassador{
  margin: 1.5em auto 3em;
  text-align: center;
}
.pbLinkAmbassador a{
  font-weight: bold;
  border: 2px solid #0a4b9b;
  padding: .5em 1em;
  color: #0a4b9b;
  transition: all .5s;
}
.pbLinkAmbassador a:hover{
  background: #0a4b9b;
  color: #fff;
}


/* 平昌五輪 */
.pyeongchangMainPhoto {
  position: relative;
  margin-bottom: 20px;
}
.pyeongchangMainPhoto img {
  border-radius: 8px;
}

.pyeongchangPhotoDay{
    padding:5px;
    margin:5px 0;
    background-color:#efefef;
    font-weight: bold;
}
.pyeongchangPhotoItem{
    width:200px;
    margin-right:25px;
    float:left;
}
.pyeongchangPhotogallery{
    margin: 0 -10px 0 0;
    overflow: hidden;
}
.pyeongchangPhotogallery li {
    float: left;
    margin: 0 10px 20px 0;
    position: relative;
}
.pyeongchangPhotogallery li a img {
    width: 155px;
    height: auto;
    border-radius: 4px;
}

/*となりの野生*/
.tonarinoyasei-box ul.photo-s {
    margin: 0 -20px 0 0;
    overflow: hidden;
    letter-spacing: -10px;
}
.tonarinoyasei-box ul.photo-s li {
    float: left;
    display: inline-block;
    width: 160px;
    margin: 0 5px 20px 0;
    text-align: center;

    letter-spacing: normal;
}
.tonarinoyasei-box .photo-s img {
    width: 150px;
    height:150px;
}
.tonarinoyasei-box ul.photo-s li .ice-name {
    display: block;
    margin: 5px 0 0;
    font-size: 1em;
}


/*写真特集*/

.photogallery-box ul.photo-s li {
    float: left;
    display: inline-block;
    height: 150px;
    width: 150px;
    margin: 0 20px 20px 0;
    text-align: center;
    letter-spacing: normal;
    background-color: #e5e5e5;
}
.photogallery-box ul.photo-s li:nth-of-type(4n) {
    margin-right: 0;
}
.photogallery-box .photo-s img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    font-family: "object-fit:contain;object-position:center;";
}