@charset "UTF-8";







/*============================================================















reset















============================================================*/











html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}address{font-style: normal;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;}







/*============================================================















base















============================================================*/







body {



    font-family: "BIZ UDPGothic", sans-serif;







    font-size: 14px;







    font-weight: 400;







    line-height: 1.8;







    letter-spacing: 1px;







    color: #333;







    background: #fff;







    position: relative;







    -webkit-font-feature-settings: "palt" 1; /*for Android 4.4*/







    font-feature-settings: "palt" 1;







    -webkit-text-size-adjust: 100%;







    padding-bottom: 0 !important;



}







main {



    display: block;



}







h1,



h2,



h3,



h4,



h5,



th {



    font-weight: 400;



}







p,



li,



dd,



td {



    text-justify: inter-ideograph;



}







li {



    list-style: none;



}







a {



    color: #333;







    text-decoration: none;







    outline: none;



}







img {



    max-width: 100%;







    height: auto;







    -webkit-touch-callout: none;







    -webkit-user-select: none;







    -moz-touch-callout: none;







    -moz-user-select: none;







    touch-callout: none;







    user-select: none;







    object-fit: cover;



}







.youtube iframe {



    width: 100%;







    height: 60vw;



}







/* iOS初期仕様解除 */







input {



    -webkit-appearance: none;







    border-radius: 0;



}







/* テキストハイライト */







*::selection {



    background: rgba(205, 232, 248, 0.3);



}







*::-moz-selection {



    background: rgba(205, 232, 248, 0.3);



}







/*============================================================















汎用クラス















============================================================*/







#wrapper {



}







#content {



    padding: 20px 10px 30px;



}







#main {



    padding-bottom: 30px;



}







.inner {



    width: 100%;



}







.sp {



    display: inline-block;



}







.pc {



    display: none !important;



}







.pcbr {



    display: none;



}







.spbr {



    display: inline;



}







.center,



.sp-center {



    text-align: center;







    margin: 0 auto;



}







.left {



    float: left;



}







.right {



    float: right;



}







.sp-right {



    float: right;



}







.sp-left {



    float: left;



}







.indent {



    padding-left: 1em;







    text-indent: -1em;







    display: block;



}







.notice.indent {



    font-size: 12px;







    padding-left: 1em;







    text-indent: -1em;







    line-height: 25px;







    margin: 0 !important;



}







.hide,



.logo-header a,



.logo-footer a {



    width: 0;







    height: 0;







    font-size: 0% !important;







    line-height: 0% !important;







    text-indent: 100% !important;







    white-space: nowrap !important;







    overflow: hidden !important;







    padding: 0 !important;







    margin: 0 !important;



}







.smb3 {



    margin-bottom: 3px !important;



}







.smb5 {



    margin-bottom: 5px !important;



}







.smb10 {



    margin-bottom: 10px !important;



}







.smb15 {



    margin-bottom: 15px !important;



}







.smb20 {



    margin-bottom: 20px !important;



}







.smb25 {



    margin-bottom: 25px !important;



}







.smb30 {



    margin-bottom: 30px !important;



}







.smb35 {



    margin-bottom: 35px !important;



}







.smb40 {



    margin-bottom: 40px !important;



}







.smb50 {



    margin-bottom: 50px !important;



}







.smb60 {



    margin-bottom: 60px !important;



}







.smt3 {



    margin-top: 3px !important;



}







.smt5 {



    margin-top: 5px !important;



}







.smt10 {



    margin-top: 10px !important;



}







.smt15 {



    margin-top: 15px !important;



}







.smt20 {



    margin-top: 20px !important;



}







.smt25 {



    margin-top: 25px !important;



}







.smt30 {



    margin-top: 30px !important;



}







.smt35 {



    margin-top: 35px !important;



}







.smt40 {



    margin-top: 40px !important;



}







.smt50 {



    margin-top: 50px !important;



}







.smt60 {



    margin-top: 60px !important;



}







.smr3 {



    margin-right: 3px !important;



}







.smr5 {



    margin-right: 5px !important;



}







.smr10 {



    margin-right: 10px !important;



}







.smr15 {



    margin-right: 15px !important;



}







.smr20 {



    margin-right: 20px !important;



}







.smr25 {



    margin-right: 25px !important;



}







.smr30 {



    margin-right: 30px !important;



}







.smr35 {



    margin-right: 35px !important;



}







.smr40 {



    margin-right: 40px !important;



}







.sml3 {



    margin-left: 3px !important;



}







.sml5 {



    margin-left: 5px !important;



}







.sml10 {



    margin-left: 10px !important;



}







.sml15 {



    margin-left: 15px !important;



}







.sml20 {



    margin-left: 20px !important;



}







.sml25 {



    margin-left: 25px !important;



}







.sml30 {



    margin-left: 30px !important;



}







.sml35 {



    margin-left: 35px !important;



}







.sml40 {



    margin-left: 40px !important;



}







.column-sp {



    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







    justify-content: space-between;



}







.sfz14 {



    font-size: 14px;



}







.sfz16 {



    font-size: 16px;



}







.sfz18 {



    font-size: 18px;







    line-height: 1.8;



}







.sfz20 {



    font-size: 20px;







    line-height: 1.6;



}







.fw400 {



    font-weight: 400;



}







.fw700,



.title {



    font-weight: 700;



}







.sec-title {



    background: #0271bc;







    height: auto;







    font-size: 16px;







    font-weight: 700;







    line-height: 1.5;







    margin: 30px 0 10px;







    color: #fff;







    padding: 5px 0;



}







.breadcrumb + .sec-title {



    text-align: center;







    margin: 0 0 15px;



}







.page .sec-title,



.sec-title a {



    color: #fff;







    display: block;







    padding: 5px 10px;



}







.topics-index .sec-title,



.page .sec-title {



    margin: 10px 0 20px;



}







h1.title {



    font-size: 18px;







    font-weight: 700;







    line-height: 1.5;



}







h2.title {



    font-size: 18px;







    font-weight: 700;







    color: #333;







    line-height: 1;







    padding: 10px 0 10px 20px;







    margin: 0 0 20px;







    border-bottom: solid 2px #0271bc;







    position: relative;



}







h2.title::before {



    content: "";







    width: 6px;







    display: block;







    background: #0271bc;







    position: absolute;







    top: 5px;







    bottom: 5px;







    left: 0;



}







h3.title {



    font-size: 14px;







    font-weight: 700;







    line-height: 1.8;







    padding: 0 0 0 20px;







    position: relative;



}







h3.title::before {



    content: "●";







    color: #0271bc;







    position: absolute;







    left: 0;







    line-height: 1;







    top: 6px;



}







h4.title {



    font-weight: 700;



}







.line-title {



    font-size: 18px;







    font-weight: 700;







    color: #333;







    line-height: 1;







    padding: 10px 0 10px 20px;







    margin: 0 0 20px;







    border-bottom: solid 2px #0271bc;







    position: relative;



}







.line-title::before {



    content: "";







    width: 6px;







    display: block;







    background: #0271bc;







    position: absolute;







    top: 5px;







    bottom: 5px;







    left: 0;



}







.line-title a {



    color: #0271bc;



}







.sub-title {



    font-size: 15px;







    font-weight: 700;







    line-height: 1.6;







    margin-bottom: 10px;



}







.module {



    margin-bottom: 20px;



}







.frm {



    border: solid 1px #b3b3b3;



}







.box-ptn01 {



    background: #e0e0e5;







    padding: 10px 15px;







    clear: both;







    position: relative;



}







.box-ptn02 {



    padding: 10px 15px;







    border: solid 1px #e0e0e5;







    clear: both;







    position: relative;



}







.spt-line {



    width: 100%;







    margin: 20px 0;







    border-bottom: solid 1px #ccc;



}







ol {



    list-style: decimal outside;







    margin-left: 1.5em;



}







ol > li {



    list-style: decimal outside;







    line-height: 1.8;



}







.ads730 {



    display: none;



}







.ads970 {



    width: 320px;







    margin: 0 auto;







    overflow: hidden;







    text-align: center;







    min-height: 100px;



}







.ads300 {



    min-width: 300px;







    margin-left: auto;







    margin-right: auto;







    overflow: hidden;







    text-align: center;







    display: block;



}







.ads330 {



    min-width: 300px;







    margin-left: auto;







    margin-right: auto;







    overflow: hidden;







    text-align: center;







    display: block;



}







.ads230 {



    width: 230px;







    margin-left: auto;







    margin-right: auto;







    overflow: hidden;







    text-align: center;







    display: block;



}







/*.ads + .ads {















  margin-top: 20px;















}*/







.ads-news {



    margin: 20px 0 10px 0;







    text-align: center;



}







.relation-list {



    padding-bottom: 10px;







    border-bottom: solid 1px #aaa;



}







.relation-list li {



    margin-top: 10px;







    padding-top: 10px;







    border-top: solid 1px #aaa;



}







.thumbnail {



    width: auto;







    height: auto;







    border: solid 1px #e0e0e5;







    overflow: hidden;



}







.thumbnail a {



    display: block;







    width: 100%;







    height: 100%;







    background: white;



}







.thumbnail img {



    width: 120px;







    height: 90px;







    object-fit: contain;







    vertical-align: bottom;



}







.thumbnail-list.wide .thumbnail img {



    width: 110px;







    height: 80px;



}







.thumbnail-list > li + li {



    margin-top: 20px;



}







.thumbnail-list .column-sp {



    align-items: start;







    justify-content: center;



}







.thumbnail-list li .text-wrap {



    width: 55vw;







    margin-left: 20px;



}







.thumbnail-list.wide li .text-wrap {



    width: 58vw;







    margin-left: 15px;



}







.status {



    display: flex;







    flex-wrap: wrap;







    justify-content: flex-start;







    align-items: center;



}







/*.status .day + .tag {















  margin-left: 7px;















}*/







.status + p {



    margin-top: 10px;



}







.day {



    font-size: 11px;







    font-weight: 400;







    color: #777777;







    text-align: left;







    margin: 5px 7px 0 0;



}







/*.thumbnail-list.wide li .text-wrap .day {















  margin: 0;















}















*/







.top-news .tag {



    margin-top: 5px;



}







.tag ul {



    display: flex;







    align-items: center;



}







.tag li {



    display: flex;







    align-items: center;







    margin-right: 5px;



}







.sokuhou-slide li .tag li {
    padding: 0 0px !important;
    display: block !important;
}

.sokuhou-slide li .tag li.tag-senkou {
    padding: 0 20px !important;
    white-space: nowrap;
}







.tag-lock {



    width: 20px;







    height: 20px;



}







.tag-play {



    width: 30px;







    height: 20px;



}







.tag-sokuhou,



.tag-senkou {



    height: 20px;







    font-size: 11px;







    padding: 0 6px;



}







.tag-sokuhou {



    color: #ff5050;







    border: solid 1px #ff5050;



}







.tag-senkou {



    color: #0271bc;







    border: solid 1px #0271bc;



}







.tag-oricon {



    margin: 3px 0 0 5px;



}







.tag-oricon,



.tag-oricon a {



    width: 130px;







    height: 20px;



}







.tag-oricon a img {



    vertical-align: top;



}







.news-label {



    width: 100%;







    margin-top: 10px;



}







.news-label ul {



    font-size: 0;



}







.news-label ul li {



    width: 110px;







    height: 20px;







    text-align: center;







    margin: 3px 2px;







    display: inline-block;



}







.news-label ul li a {



    width: 110px;







    height: 20px;







    font-size: 10px;







    line-height: 20px;







    color: #0271bc;







    display: block;







    text-decoration: none;







    border: solid 1px #7cccfc;



}







.bg-label {



    width: 100%;







    margin: 5px 0 10px;



}







article .status .day {



    margin-bottom: 0;



}







.bg-label ul {



    font-size: 0;



}







.bg-label ul li {



    background: #e8f6ff;







    min-width: 110px;







    font-size: 10px;







    color: #0271bc;







    text-align: center;







    padding: 0 5px;







    margin: 5px 5px 0 0;







    display: inline-block;



}







.bg-label ul li.company {



    background: #e0e0e5;



}







.thumbnail-list-other {



    margin: 20px 0;



}







.thumbnail-list-other li + li {



    margin-top: 20px;



}







.thumbnail-list-other .line-title {



    position: relative;



}







.thumbnail-list-other .line-title .btn-more {



    top: -6px;







    right: 5px;







    font-size: 13px;







    color: #0271bc;



}







.thumbnail-list-other p {



    font-size: 13px;







    line-height: 1.8;



}







table.common {



    min-width: 100%;







    border-top: solid 1px #e0e0e5;







    border-left: solid 1px #e0e0e5;







    margin: 20px 0;



}







table.common thead th {



    padding: 0.5em 0;



}







table.common thead th:last-child {



    border-right: solid 1px #e0e0e5;



}







table.common tbody tr:last-child th {



    border-bottom: solid 1px #e0e0e5;



}







table.common th {



    background: #cde8f8;







    font-weight: normal;







    text-align: center;







    vertical-align: middle;







    padding: 0.5em 1em;







    border-right: solid 1px #fff;







    border-bottom: solid 1px #fff;



}







table.common td {



    padding: 0.5em 1em;







    border-right: solid 1px #e0e0e5;







    border-bottom: solid 1px #e0e0e5;



}







/*　野球スコアボード ここから　*/







.baseball-score {



    overflow: scroll



}







.baseball-score + .baseball-score {



    margin-top: 20px;



}







.baseball-score p {



    margin-bottom: 5px !important;



}







table.baseball {



    width: 100%;







    border-top: solid 1px #fff;







    border-left: solid 1px #fff;







    margin-bottom: 5px;



}







table.baseball thead th {



    background: #e0e0e5;



}







table.baseball th,



table.baseball td {



    width: 50px;







    font-size: 13px;







    line-height: 1.6;







    text-align: center;







    vertical-align: middle;



}







table.baseball th.wide,



table.baseball td.wide {



    width: 90px;



    white-space: nowrap !important;



}







table.baseball th {



    background: #000;







    font-weight: normal;







    text-align: center;







    vertical-align: middle;







    padding: 5px;







    border-right: solid 1px #fff;







    border-bottom: solid 1px #fff;



}







table.baseball tbody th {



    color: #fff;



}







table.baseball td {



    background: #336601;







    font-weight: 700;







    color: #fff;







    padding: 5px;







    border-right: solid 1px #fff;







    border-bottom: solid 1px #fff;



}







table.baseball tbody td:last-child {



    background: #000;







    color: #fff;



}







/*　野球スコアボード ここまで　*/







#main dl dd + dt {



    margin-top: 10px;



}







#main dt {



    font-weight: 700;







    line-height: 1.8;







    margin-bottom: 0;



}







#main dl dd {



    line-height: 1.8;







    margin-left: 1em;



}







#main form table {



    border-top: dashed 1px #b3b3b3;







    margin-bottom: 20px;







    margin-top: 20px;



}







#main form table td,



#main form table th {



    padding: 0.5em 1em;







    border-bottom: dashed 1px #b3b3b3;







    vertical-align: baseline;



}







/* フォーム */







form {



    /* 







  margin-bottom: 20px; */



}







table {



    width: 100%;



}







.page #main form input[type="text"],



.page #main form textarea {



    width: 98%;







    height: 40px;







    line-height: 40px;







    padding: 0 0.25em;







    border: solid 1px #b3b3b3;







    margin: 0.5em 0.25em;







    vertical-align: middle;







    border-radius: 5px;



}







.page #main form input[type="text"]:hover,



.page #main form textarea:hover,



.page #main form input[type="text"]:focus,



.page #main form textarea:focus {



    border-color: #7f7f7f;



}







.page #main form input[type="submit"],



.page #main form input[type="reset"] {



    background: #fff;







    border: none;







    color: #0271bc;







    cursor: pointer;



}







.page #main form textarea {



    height: 200px;



}







.page #main form select {



    margin: 0.5em 0.25em;







    height: 40px;







    border: solid 1px #b3b3b3;







    vertical-align: middle;







    padding: 3px 3px 3px 0.25em;







    border-radius: 5px;



}







.page #main form option {



    line-height: 28px;



}







.page #main form input[type="checkbox"],



.page #main form input[type="radio"] {



    margin: auto 0.5em auto 0.25em;







    vertical-align: middle;







    box-sizing: border-box;







    vertical-align: middle !important;







    margin: 0 10px 3px 0;







    border: 1px solid #aaa;







    box-shadow: none;







    border-radius: 100%;







    -webkit-appearance: checkbox;







    appearance: checkbox;



}







.page #main form p {



    line-height: 1.5;







    margin-bottom: 0;



}







.page #main form table {



    border-top: solid 1px #b3b3b3;







    margin-bottom: 25px;







    margin-top: 0;



}







.page #main form table td,



.page #main form table th {



    padding: 1em;







    border-bottom: solid 1px #b3b3b3;







    vertical-align: baseline;







    display: block;



}







.page #main form table th {



    padding: 0.5em 0;







    font-weight: normal;







    text-align: left;







    vertical-align: middle;







    line-height: 1.5;



}







.page #main form table th span {



    margin-left: 0.5em;



    color: #e52029;



}







.page #main form .btnbox {



    background: #fff;







    text-align: center;







    width: 15em;







    line-height: 1.5;







    border: 1px solid #0271bc;







    padding: 0.5em 0 0.5em 0;







    color: #0271bc;







    cursor: pointer;







    font-size: 14px;







    position: relative;







    margin: 0 auto;



}







.page #main form .btnbox::after {



    width: 5px;







    height: 5px;







    position: absolute;







    top: 42%;







    right: 15px;







    margin: auto;







    content: "";







    vertical-align: middle;







    border-top: 1.5px solid #0271bc;







    border-right: 1.5px solid #0271bc;







    -webkit-transform: rotate(45deg);







    transform: rotate(45deg);



}







.pdf::after {



    background: url(../img/common/icon-pdf.png) no-repeat center / auto 18px;







    width: 20px;







    height: 25px;







    content: "";







    vertical-align: middle;







    display: inline-block;







    margin: -5px 0 0 10px;



}







.target {



    margin-top: -80px;







    padding-top: 80px;







    display: block;



}







/* カルーセル */







.carousel {



    width: 100%;







    margin: 0 auto !important;



}







.carousel .slick-slide {



    background: #eaeaea;







    min-height: 160px !important;







    text-align: center;







    margin: 0 10px;







    position: relative;



}







.carousel .slick-slide a {



    padding: 15px;







    position: absolute;







    top: 50%;







    left: 0;







    right: 0;







    transform: translateY(-50%);







    -webkit-transform: translateY(-50%);



}







.carousel li img {



    display: inline-block;



}







/* 動画 */







video {



    width: 90%;







    height: auto;



}







#player {



    margin-top: 20px;



}







/*============================================================















header















============================================================*/







header {



    background: #fff;







    width: 100%;







    position: relative;







    top: 0;







    z-index: 9999;







    border-bottom: solid 1px #0271bc;



}







body.active {



    overflow: hidden;



}







header .head {



    background: #fff;







    width: 100%;







    height: 60px;



}







header .inner {



    height: 60px;







    padding: 0 10px;







    align-items: center;







    justify-content: space-between;



}







header a {



    display: block;



}







.logo-header {



    background: url(../img/common/logo-header.png) no-repeat center / contain;







    width: 120px;







    position: relative;



}







.logo-header a {



    width: 120px;







    height: 23px;



}







.head-r {



    width: 220px;







    align-items: center;



}







.head-r .sns {



    display: none;



}







.sns {



    width: 130px;







    align-items: center;



}







.sns li {



    width: 30px;







    height: 30px;







    list-style: none !important;



}







.sns li:first-child {



    width: 24px;







    height: 25px;



}







.sns li a {



    display: block;



}







.head-btn {

    background: #E8F6FF;

    width: 150px;

    height: 50px;

}



.head-btn ul {

    justify-content: center;

}



.head-btn a {



    font-size: 11px;







    line-height: 26px;







    text-align: center;



}





.head-btn .minyuplus {

     width: 100%;

    color: #0271BC;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    padding: 8px 0 2px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.head-btn .regist a {

    width: 65px;

    height: 26px;

    color: #0271bc;

    font-size: 8px;

    line-height: 1.4;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.head-btn .login {

    margin-left: 5px;

}



.head-btn .login a {

    width: 65px;

    height: 26px;

    color:#0271BC;

    font-size: 8px;

    line-height: 1.4;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.head-btn .login a i,

.head-btn .regist a i {

    width: 20px;

    margin-right: 3px;

}







.btn-menu {



    width: 25px;







    height: 25px;







    position: relative;







    z-index: 2;







    cursor: pointer;



}







.btn-menu span {



    background: #333;







    width: 100%;







    height: 2px;







    display: inline-block;







    transition: all 0.4s;







    position: absolute;







    left: 0;







    right: 0;







    margin: auto;



}







.btn-menu span:nth-of-type(1) {



    top: 2px;



}







.btn-menu span:nth-of-type(2) {



    top: 12px;



}







.btn-menu span:nth-of-type(3) {



    top: 23px;



}







.btn-menu.active span {



    background: #0271bc;



}







.btn-menu.active span:nth-of-type(1) {



    top: 9px;







    transform: rotate(-45deg);



}







.btn-menu.active span:nth-of-type(2) {



    opacity: 0;



}







.btn-menu.active span:nth-of-type(3) {



    top: 9px;







    transform: rotate(45deg);



}







#g-nav {



    position: absolute;







    z-index: 3;







    opacity: 0;







    top: 0;







    left: 0;







    width: 100%;







    /*height: 57%;*/







    transition: all 0.5s;







    visibility: hidden;







    position: fixed;







    height: 100vh;







    transition: all 0.8s;



}







html.active {



    overflow: hidden;



}







#g-nav.panelactive {



    opacity: 1;







    top: 0;



}







#g-nav-wrap {



    width: 100%;







    height: 100%;







    padding: 0;







    margin: 0 auto;







    position: relative;







    left: 0;







    right: 0;



}







#g-nav-list {



    width: 260px;



}







#g-nav-list > .column {



    background: #fff;







    font-size: 16px;







    font-weight: 700;







    padding: 17px 10px 15px 15px;







    align-items: center;







    border-bottom: solid 1px #0271bc;







    border-left: solid 1px #0271bc;



}







#g-nav.panelactive #g-nav-list {



    position: relative;







    z-index: 999;







    height: 100%;







    overflow: auto;







    -webkit-overflow-scrolling: touch;







    -ms-overflow-style: none;







    scrollbar-width: none;



}







#g-nav.panelactive #g-nav-list::-webkit-scrollbar {



    display: none;



}







#g-nav #g-nav-wrap {



    display: flex;







    justify-content: flex-end;







    opacity: 0;







    /*display: none;*/







    visibility: hidden;







    transition: all 0.5s;



}







#g-nav.panelactive #g-nav-wrap {



    opacity: 1;







    transition: all 0.5s;







    transition: opacity 0.8s;







    /*display: block;*/







    visibility: visible;



}







#nav {



    padding: 0 0 180px;



}







#nav li {



    background: #fff;







    width: 100%;







    border-bottom: solid 1px #0271bc;







    border-left: solid 1px #0271bc;







    position: relative;



}







#nav li a {



    font-size: 16px;







    font-weight: 700;







    line-height: 1;







    padding: 15px 0 15px 20px;







    position: relative;







    display: block;



}







#nav li .triger::after {



    content: "";







    display: block;







    border-top: solid 2px #0271bc;







    border-right: solid 2px #0271bc;







    height: 9px;







    width: 9px;







    transform: translateY(-50%) rotate(135deg);







    position: absolute;







    top: 20px;







    right: 17px;



}







#nav li .en {



    font-size: 26px;







    font-style: italic;







    line-height: 1;







    display: inline-block;



}







#nav li .sub {



    font-size: 13px;







    font-weight: 700;







    font-style: italic;







    line-height: 1.2;







    margin-left: 5px;







    display: inline-block;



}







#nav li .sub-nav {



    display: none;







    margin: -8px 0 12px;



}







#nav li .sub-nav a {



    font-size: 14px;







    font-weight: 400 !important;







    color: #333;







    padding: 13px 0 10px 30px;



}







.main-nav {



    background: #fff;







    width: 100%;







    position: sticky;







    top: 0;







    z-index: 999;



}







.main-nav .inner {



    width: 100%;







    overflow-x: scroll;



}







.main-nav::after {



    content: "";







    border-bottom: solid 10px #e0e0e5;







    width: 100%;







    display: block;







    position: absolute;







    bottom: 0px;







    z-index: -1;



}







.main-nav ul {



    display: table;







    max-width: 100%;







    /* padding-bottom: 20px; */







    margin: 0 auto;







    position: relative;







    z-index: 2;



}







.main-nav ul > li {



    font-weight: 700;







    position: relative;







    display: table-cell;







    position: relative;



}







.main-nav ul > li.home a {



    width: 45px;



}







.main-nav ul > li.home img {



    position: relative;







    top: -3px;







    vertical-align: middle;



}







.main-nav ul > li a {



    height: 60px;







    line-height: 55px;







    padding: 0px 10px 0;







    white-space: nowrap;







    display: block;



}







.main-nav li a:hover,



.main-nav li.sub:hover > a,



.main-nav li a.selected {



    border-bottom: solid 10px #0271bc;



}







.main-nav .sub-nav {



    background: #fff;







    width: 330px;







    /*display: flex;















  flex-wrap: wrap;*/







    padding: 10px;







    position: absolute;







    z-index: 2;







    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3);







    display: none;



}







.main-nav .sub-nav li {



    width: calc(100% / 2);







    float: left;



}







.main-nav .sub-nav li a {



    background: #fff;







    height: auto;







    font-size: 14px;







    line-height: 1.4;







    padding: 8px;



}







.main-nav .sub-nav li a:hover {



    border-bottom: none;







    opacity: 1;



}







.sub-nav li {



    line-height: 1.5;



}



#btn-faq {

    display: none;

}



#btn-search {



    width: 25px;







    height: 25px;







    display: flex;







    flex-flow: column;







    justify-content: flex-end;







    cursor: pointer;



}







#btn-search p {



    display: none;



}







#site-search-wrap {



    width: 350px;







    margin: 0 auto;







    padding: 0 0 20px;







    display: none;







    clear: both;







    overflow: hidden;



}







#site-search {



    width: 280px;







    height: 44px;







    position: relative;







    margin: auto;







    display: block;







    float: left;



}







/*#site-search.panelactive{







  opacity: 1;







  visibility: visible;







  z-index: 99999;







}*/







#site-search::before {



    content: "";







    background: url(../img/common/icon-search.svg) no-repeat center / 24px !important;







    font-size: 0px;







    padding: 0 15px !important;







    width: auto;







    vertical-align: middle;







    border: none !important;







    border-radius: 0 !important;







    -moz-border-radius: 0 !important;







    -webkit-border-radius: 0 !important;







    border-color: none !important;







    filter: none !important;







    height: 44px;







    position: absolute;







    right: 15px;







    top: 0;







    bottom: 0;







    z-index: 2;



}







#site-search input[type="text"] {



    background: #e0e0e5;







    width: 100%;







    height: 44px;







    color: #333;







    line-height: 44px;







    padding: 0 20px;







    border: none;







    vertical-align: middle;







    z-index: -1;



}







#site-search.panelactive input[type="text"] {



    z-index: 99999;



}







#site-search-submit {



    float: right;



}







#site-search-submit input[type="submit"] {



    background: #0271bc;







    width: 60px;







    height: 44px;







    color: #fff;







    border: none;



}











/* 絞り込み検索 240910 */

.page-search-wrap {



    width: 350px;







    margin: 20px auto;





    clear: both;







    overflow: hidden;



}







.page-search {



    width: 280px;







    height: 44px;







    position: relative;







    margin: auto;







    display: block;







    float: left;



}







/*.page-search.panelactive{







  opacity: 1;







  visibility: visible;







  z-index: 99999;







}*/







.page-search::before {



    content: "";







    background: url(../img/common/icon-search.svg) no-repeat center / 24px !important;







    font-size: 0px;







    padding: 0 15px !important;







    width: auto;







    vertical-align: middle;







    border: none !important;







    border-radius: 0 !important;







    -moz-border-radius: 0 !important;







    -webkit-border-radius: 0 !important;







    border-color: none !important;







    filter: none !important;







    height: 44px;







    position: absolute;







    right: 15px;







    top: 0;







    bottom: 0;







    z-index: 2;



}







.page-search input[type="text"] {



    background: #e0e0e5;







    width: 100%;







    height: 44px;







    color: #333;







    line-height: 44px;







    padding: 0 20px;







    border: none;







    vertical-align: middle;







    z-index: -1;



}







.page-search.panelactive input[type="text"] {



    z-index: 99999;



}







.page-search-submit {



    float: right;



}







.page-search-submit input[type="submit"] {



    background: #0271bc;







    width: 60px;







    height: 44px;







    color: #fff;







    border: none;



}







/*============================================================















footer















============================================================*/







footer {



    width: 100%;



}







#page-top {



    width: 50px;







    height: 50px;







    position: absolute;







    bottom: 650px;







    right: 10px;







    z-index: 1;







    text-indent: 100% !important;







    white-space: nowrap !important;







    overflow: hidden !important;



}







#page-top a {



    background: url(../img/common/pagetop_sp.png) no-repeat center center;







    -webkit-background-size: cover !important;







    background-size: cover !important;







    width: 50px;







    height: 50px;







    display: block;



}







#footer-link ul {



    line-height: 1.6;



}







#footer-link ul + ul {



    margin: 5px;



}







#footer-link {



    background: #0271bc;







    text-align: center;







    padding: 30px 0;



}







#footer-link .title {



    font-size: 14px;







    font-weight: 700;







    text-align: center;







    color: #fff;







    margin: 0 0 10px;



}







#footer-link ul li {



    font-size: 12px;







    margin-top: 5px;







    display: inline-block;



}







#footer-link ul li::after {



    content: "｜";







    color: #fff;







    margin: 0 5px;



}







#footer-link ul li:last-child::after {



    content: none;



}







#footer-link ul li a {



    color: #fff;



}







#footer-bottom {



    text-align: center;







    padding: 30px 0;



}







.footer-guide,



.footer-guide ul li a {



    color: #777;



}







.footer-guide .title {



    font-size: 14px;







    font-weight: 700;







    text-align: center;







    margin: 0 0 10px;



}







.footer-guide ul {



    line-height: 1.6;







    padding: 0 10px;



}







.footer-guide ul li {



    font-size: 12px;







    display: inline-block;



}







.footer-guide ul li::after {



    content: "｜";







    margin: 0 5px;



}







.footer-guide ul li:last-child::after {



    content: none;



}







.footer-info {



    width: 255px;







    margin: 30px auto;



}







.footer-info p {



    font-size: 12px;







    color: #777;







    text-align: center;







    margin-top: 5px;



}



.footer-info .minyu-net_logo {

    width: 150px;

    margin: 30px auto 20px;

}



.footer-info .sns {



    margin: 15px auto 0;



}







.caution {



    font-size: 10px;







    color: #777;







    text-align: center;



}







.copyright {



    width: 100%;







    font-size: 9px;







    color: #777;







    text-align: center;







    margin-top: 20px;



}







/*============================================================















#top















============================================================*/







.top-slide {



    margin: 10px 0 40px;



}







.top-slide figure.thumbnail {



    border: 0;



}







.top-slide .slick-list {



    height: 350px;



}







.top-slide li.item img {



    width: 100%;







    height: 300px;







    object-fit: contain;







    vertical-align: bottom;







    border: solid 1px #e0e0e5;



}







.slide .item a .title {



    font-weight: 700;







    margin-top: 5px;



}







.slick-slide a {



    display: block;



}







/*.slick-slide {















  height: 50vw !important;















}*/







.slick-dots {



    width: 100% !important;







    padding: 0 !important;







    position: absolute;







    bottom: 10px;







    line-height: 1;



}







.slick-dots li button {



    width: 10px !important;







    height: 10px !important;







    border: solid 2px #fff !important;







    box-shadow: none !important;







    background-color: #ffdedd !important;



}







.slick-dots li.slick-active button {



    background: #0271bc !important;



}







.slick-arrow {



    z-index: 2;



}







/*.slick-arrow + .slick-list {















  height: 63px;















}*/







/*.slick-slider {















  height: 350px;















}















*/







li.item {



    height: 320px !important;



}







.slide-navigation {



    height: 63px !important;



}







.slide-navigation .item {



    margin-right: 3px;







    margin-left: 3px;



}







.slick-next,



.slick-prev {



    font-size: 0;







    line-height: 0;







    position: absolute;







    top: 0;







    bottom: 0;







    margin: auto;







    display: block;







    width: 20px;







    height: 20px;







    padding: 0;







    /*-webkit-transform: translate(0, -50%);















  -ms-transform: translate(0, -50%);















  transform: translate(0, -50%);*/







    cursor: pointer;







    color: transparent;







    border: none;







    outline: 0;







    background: 0 0;



}







.slick-prev {



    background: url(../img/common/arrow-prev.png) no-repeat center / contain;







    width: 30px;







    height: 30px;



}







.slick-next {



    background: url(../img/common/arrow-next.png) no-repeat center / contain;







    width: 30px;







    height: 30px;







    right: 0;



}







.top-slide .slick-list {



    width: 70%;







    margin: 10px auto 15px;



}







.slide .slick-list {



    width: 100%;



}







/* 記事詳細ページスライド */







.slide-detail-wrap {



    position: relative;







    z-index: 2;



}







.slide-detail-wrap .slick-next,



.slide-detail-wrap .slick-prev {



    position: absolute;







    width: 30px;







    height: 30px;







    top: 0;







    bottom: 0;







    margin: auto;







    transform: rotate(0deg);



}







.slide-detail-wrap .slick-next {



    right: 0;



}







.slide-detail-wrap .slick-list {



    width: 70%;







    margin: 10px auto 0;



}







.slide-detail .slick-list {



    width: 100%;



}







/*.slide-detail-nav {















  height: 63px !important;















}*/







.slide-detail-nav .item {



    margin-right: 3px;







    margin-left: 3px;



}







.slick-slide img {



    margin: 0 auto;



}







.top-ads-sp {



    margin-bottom: 10px;



}







.top-sokuhou {



    font-weight: 700;







    margin: 0px auto 20px auto;







    display: block;







    position: relative;







    overflow: hidden;



}







.top-sokuhou h2.title {



    background: #ff5050;







    font-size: 18px;







    font-weight: 700;







    line-height: 1;







    padding: 10px 0 !important;







    color: #fff;







    text-align: center;







    margin: 0;







    border: none;



}







.top-sokuhou h2.title::before {



    content: none;



}







.top-sokuhou.jishin table {



    margin-top: 10px;



}







.top-sokuhou.jishin table tr {



    border-bottom: solid 10px #fff;



}







.top-sokuhou.jishin table th,



.top-sokuhou.jishin table td {



    vertical-align: middle;



}







.top-sokuhou.jishin table th {



    background: #ff5050;







    width: 120px;







    font-weight: 700;







    color: #fff;







    text-align: center;



}







.top-sokuhou.jishin table td {



    font-weight: 700;







    padding: 0 10px;



}







.top-sokuhou.jishin .top-sokuhou-body {



    height: 200px;







    padding: 8px 10px 35px;







    position: relative;







    overflow-y: scroll;



}







/*.top-sokuhou.jishin .top-sokuhou-body .notice {















  background: #FF5050;















  width: 100%;















  color: #fff;















  position: absolute;















  bottom: 0;















  left: 0;















  padding: 3px 10px;















  font-size: 12px;















}















*/







.top-sokuhou.jishin::after {



    content: "速報値であり、今後変わる可能性があります";







    background: #ff5050;







    width: 100%;







    color: #fff;







    position: absolute;







    bottom: 0;







    left: 0;







    padding: 3px 10px;







    font-size: 12px;



}







.top-sokuhou .top-sokuhou-body {



    width: 100%;







    text-align: left;







    padding: 15px 10px;







    border: solid 1px #ff5050;







    position: relative;



}







.top-sokuhou-body .column-sp {



    justify-content: center;



}







.top-sokuhou-body .text-wrap {



    width: 55vw !important;







    margin-left: 15px;



}







.top-sokuhou .gougai img {



    width: 200px;







    margin: 0 auto 10px;







    display: block;



}







.top-news {



    margin: 0 0 20px 0;



}







.sokuhou-slide li {



    padding: 0 30px;







    display: flex !important;



}







.sokuhou-slide li .thumbnail {



    margin-top: 5px;



}







.sokuhou-slide li .text-wrap {



    width: 36vw !important;







    margin-left: 15px !important;



}







.sokuhou-slide li .text-wrap .title {



    line-height: 1.6;







    min-height: 60px;



}







.sokuhou-slide li .text-wrap .status {



    margin-bottom: 10px;



}







.sokuhou-slide li .text-wrap .status + p {



    font-size: 13px;







    font-weight: 400;







    margin-left: calc(50% - 50vw);



}







.sokuhou-slide .slick-next,



.gougai .slick-next {



    background: url(../img/common/arrow-next-sokuhou.png) no-repeat center /



        contain;



}







.sokuhou-slide .slick-prev,



.gougai .slick-prev {



    background: url(../img/common/arrow-prev-sokuhou.png) no-repeat center /



        contain;



}







.gougai .slick-prev {



    left: 10px;



}







.gougai .slick-next {



    right: 10px;



}







.slide,



.sokuhou-slide,



.gougai-slide-sp,



.slide-detail {



    opacity: 0;







    transition: opacity 0.25s ease;



}







.slide.slick-initialized,



.sokuhou-slide.slick-initialized,



.gougai-slide-sp.slick-initialized,



.slide-detail.slick-initialized {



    opacity: 1;



}







.main-news.column {



    align-items: flex-start;







    padding-bottom: 30px;







    margin-bottom: 30px;







    border-bottom: solid 1px #b2b2b2;



}







.top-news .main-news .thumbnail img {



    width: 100%;







    height: 280px;



}







.top-news .main-news .text-wrap {



    margin-top: 10px;



}







.top-news .main-news .text-wrap .title {



    font-size: 18px;







    font-weight: 700;







    line-height: 1.6;







    margin-bottom: 5px;



}







.top-news ul li .title,



.core-news ul li .title {



    font-weight: 700;







    line-height: 1.6;



}







.kd-sokuhou {



    background: #e7e7ea;







    min-height: 60px;







    color: #0271bc;







    padding: 5px 10px;



}







.kd-sokuhou th,



.kd-sokuhou td {



    display: block;



}







.kd-sokuhou th {



    font-weight: 700;







    text-align: left;







    vertical-align: middle;



}







.kd-sokuhou td a {



    color: #0271bc;



}







.ticker {



    width: 100%;







    margin: 0 auto;







    text-align: left;







    position: relative;







    overflow: hidden;



}







.ticker ul {



    width: 100%;







    position: relative;



}







.ticker ul li {



    width: 100%;







    display: none;



}







.ticker ul li a {



    width: 100%;







    display: block;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;



}







.ticker ul li .day {



    margin-left: 10px;



}







.pr {



    padding: 5px;







    margin-top: 20px;







    border-top: solid 1px #e0e0e5;







    border-bottom: solid 1px #e0e0e5;







    display: block;



}







.pr table th {



    width: 60px;







    font-weight: 700;







    color: #ff5050;







    vertical-align: top;







    line-height: 1.6;







    padding: 3px 0;



}







.pr table td {



    line-height: 1.6;







    vertical-align: top;







    letter-spacing: normal;







    padding: 3px 0;



}







.core-news .line-title {



    font-size: 16px;







    font-weight: 400;







    text-align: center;







    margin-top: 20px;







    border-bottom: solid 2px #e0e0e5;



}







.core-news .line-title::before {



    content: none;



}







.core-news .line-title .btn-more {



    width: 28px;







    height: 28px;







    right: 0;



}







.target-recommend {



    margin-bottom: 30px;



}







.ad-recommend p {



    padding-bottom: 10px;







    margin-bottom: 10px;







    border-bottom: solid 1px #eee;



}







.ad-logo {



    float: right;



}







.ad-recommend .day {



    display: block;



}







.ad-logo img {



    height: 10px;



}







/***********************************















#sidebar















************************************/







.side-banner {



    width: 300px;







    overflow: hidden;







    text-align: center;







    margin: 10px auto;







    display: block;



}







.side-banner a,



.side-prtimes a,



.side-marketsokuhou a,



.side-newsmart a {



    display: block;



}







.side-ads {



    text-align: center;



}







.youtube {



    display: block;



}







.side-recommend,



.side-sports,



.side-oricon,



.side-kyoudou {



    text-align: center;







    margin: 10px auto;



}







.side-recommend {



    margin-bottom: 20px;



}







.side-prtimes {



    margin: 20px 0;







    font-size: 0;



}







.side-youtube {



    margin: 0 auto 15px;







    font-size: 0;
    position: relative;


}








.side-sports,



.side-oricon,



.side-kyoudou {



    margin: 20px auto;



}







.side-recommend ul li + li,



.side-sports ul li + li {



    margin-top: 15px;



}







.side-recommend ul li a,



.side-sports ul li a {



    align-items: center !important;



}







.side-recommend ul li .thumbnail img,



.side-sports ul li .thumbnail img {



    width: 80px;







    height: 80px;



}







.side-recommend ul li .text-wrap,



.side-sports ul li .text-wrap {



    width: 200px;



}







.side-recommend ul li .title,



.side-sports ul li .title {



    font-size: 13px;







    font-weight: 400;







    line-height: 1.6;







    text-align: left;



}







.side-sports h4.title {



    background: url(../img/common/icon-blank-sports.png) no-repeat 95% center /



        20px #e0e0e5;







    height: 40px;







    line-height: 40px;







    text-align: center;







    margin-bottom: 15px;



}







.side-sports h4.title a {



    padding: 0 15px;







    text-align: left;







    display: block;



}







.side-sports ul li .day {



    font-size: 10px;







    margin: 0;



}







.ranking {



    width: 100%;







    margin-top: 30px;







    position: relative;



}







.ranking h4.title {



    background: #fff;







    width: 180px;







    font-size: 18px;







    font-weight: 700;







    text-align: center;







    margin: 0 auto 10px;



}







.ranking::before {



    content: "";







    background: #333;







    width: 100%;







    height: 2px;







    position: absolute;







    top: 17px;







    z-index: -1;



}







.ranking #tab {



    margin-bottom: 20px;



}







.ranking #tab ul li {



    width: calc(100% / 3);







    font-weight: 700;







    text-align: center;



}







.ranking #tab ul li a {



    color: #777;







    font-weight: 400;







    padding-bottom: 5px;







    display: block;



}







.ranking #tab ul li a:hover,



.ranking #tab ul li a.tab_active {



    font-weight: 700;







    color: #333;







    border-bottom: solid 2px #0271bc;



}







.ranking .tab_cont ul > li {



    display: flex;







    justify-content: center;







    counter-increment: num;







    position: relative;



}







.ranking .tab_cont ul > li + li {



    margin-top: 20px;



}







.ranking .tab_cont ul > li::before {



    width: 30px;







    height: 30px;







    line-height: 1;







    font-size: 32px;







    color: #ff5050;







    font-weight: 700;







    margin: auto;







    content: counter(num);







    display: inline-block;







    text-align: center;







    margin-right: 10px;







    position: absolute;







    left: 0;







    top: 0;







    bottom: 0;







    margin: auto;



}







.ranking .tab_cont ul > li:nth-child(4)::before,



.ranking .tab_cont ul > li:nth-child(5)::before {



    color: #777;



}







.ranking .tab_cont ul > li a {



    padding-left: 40px;







    align-items: center;







    justify-content: flex-start;







    align-items: center;



}







.ranking .tab_cont ul > li a .text-wrap {



    width: 50vw;







    margin-right: 10px;



}







.ranking .tab_cont .title {



    font-size: 13px;







    font-weight: 400;







    line-height: 1.6;



}







.ranking .tab_cont .thumbnail img {



    width: 90px;







    height: 90px;



}



.ranking .tab_cont .status {

    display: block;

}



.ranking .tab_cont .tag {



    margin-top: 5px;







    justify-content: flex-start;



}







.ranking .tab_cont .tag-lock,



.ranking .tab_cont .tag-play,



.ranking .tab_cont .tag-sokuhou,



.ranking .tab_cont .tag-senkou {



    margin-right: 5px;



}







.ranking .tab_cont .tag-lock img,



.ranking .tab_cont .tag-play img {



    vertical-align: top;



}







.breadcrumb {



    font-size: 12px;







    line-height: 1.8;







    margin-bottom: 10px;



}







.breadcrumb ul {



    margin: 0 !important;



}







.breadcrumb ul li {



    display: inline;







    list-style: none !important;



}







.breadcrumb ul li + li::before {



    content: ">";







    padding: 0 5px;



}







.oricon-news {



    width: 300px;







    margin: auto;



}







.oricon-news .oricon-news-head {



    background: #e8f6ff;







    padding: 10px;







    margin-bottom: 15px;



}







.oricon-news .oricon-news-head .img {



    width: 187px;







    height: 32px;







    margin: 0 auto 5px;



}







.oricon-news .oricon-news-head p {



    font-size: 12px;



}







.oricon-news .oricon-news-head .btn.arrow-circle a {



    font-size: 11px;







    padding: 3px 25px 3px 5px;



}







.oricon-news .oricon-news-head .btn.arrow-circle a span::after {



    width: 16px;







    height: 16px;







    font-size: 12px;







    line-height: 1.4;







    right: -20px;



}







.oricon-news .oricon-news-cont .title-wrap {



    align-items: flex-start;



}







.oricon-news .oricon-news-cont .thumbnail {



    height: 90px;



}







.oricon-news .oricon-news-cont .thumbnail img {



    width: 90px;







    height: 90px;



}







.oricon-news .oricon-news-cont .title {



    width: 190px;







    font-size: 14px;







    font-weight: 700;







    line-height: 1.6;







    text-align: left;



}







.oricon-news .text-wrap {



    margin-top: 10px;



}







.oricon-news .text-wrap p {



    font-size: 13px;







    text-align: left;



}







.oricon-news .text-wrap p a {



    color: #0271bc;



}







.oricon-news .text-wrap p a:hover {



    background: #e0e0e5;



}







.kyodonews-prw {



    width: 300px;







    margin: auto;







    border: solid 1px #e0e0e5;



}







.kyodonews-prw-head {



    background: #e0e0e5;



}







.kyodonews-prw-head p {



    font-size: 16px;







    font-weight: 700;







    text-align: center;







    color: #0271bc;



}







.kyodonews-prw-cont {



    padding: 10px 15px;



}







.kyodonews-prw-cont ul li + li {



    padding-top: 10px;







    margin-top: 10px;







    border-top: solid 1px #e0e0e5;



}







.kyodonews-prw-cont ul li a {



    font-size: 14px;







    line-height: 1.6;



}







.kyodonews-prw-cont ul li a .title {



    color: #0271bc;







    font-weight: 400;







    margin-bottom: 3px;



}







.kyodonews-prw-cont ul li a p {



    font-size: 12px;







    font-weight: 700;







    text-align: left;







    line-height: 1.4;



}







.kyodonews-prw-cont ul li a .day {



    font-size: 11px;







    font-weight: 400;



}







/*============================================================















.topics-index 記事一覧ページ















============================================================*/



.category-header {



    text-align: center;



}







.category-description {



    background: #E8F6FF;



    padding: 10px 15px;



    margin: 20px auto 30px;



    clear: both;



    position: relative;



}







.category-additional a img {

    height: revert-layer;

}





.category-header a,

.category-additional a {

    display: inline-block;

}











.category-title {



    background: #0271bc;







    height: 40px;







    font-size: 18px;







    text-align: center;







    line-height: 40px;







    color: #fff;







    margin-bottom: 20px;







    position: relative;



}







.category-title .btn-more {



    width: 28px;







    height: 28px;







    right: 15px;



}







.category-nav ul {



    font-size: 0;







    padding: 10px 0 10px 3px;







    border-top: solid 1px #b2b2b2;







    border-bottom: solid 1px #b2b2b2;







    margin-bottom: 20px;



}







.category-nav ul li {



    margin: 2px 0;







    display: inline-block;







    position: relative;



}







.category-nav ul li::before {



    content: "";







    width: 1px;







    height: 14px;







    border-left: solid 1px #b2b2b2;







    display: block;







    top: 0;







    position: absolute;







    left: -1px;







    bottom: 0;







    margin: auto;



}







.category-nav ul li::after {



    content: "";







    width: 1px;







    height: 14px;







    border-left: solid 1px #b2b2b2;







    display: block;







    top: 0;







    position: absolute;







    bottom: 0;







    right: -2px;







    margin: auto;



}







.category-nav ul li a {



    font-size: 12px;







    padding: 0 10px;



}







.topics-index #main {



    padding-bottom: 0;



}







.btn-more {



    height: 15px;







    font-size: 15px;







    font-weight: 400;







    position: absolute;







    top: 0;







    bottom: 0;







    right: 15px;







    line-height: 1;







    color: #fff;







    padding: 0 !important;







    margin: auto;



}







.pager {



    color: #0271bc;







    line-height: 30px;







    text-align: center;







    margin: 30px auto 0;







    display: block;



}







.pager a,



.pager .current_page {



    background: #fff;







    width: 30px;







    height: 30px;







    font-size: 13px;







    font-weight: 700;







    color: #0271bc;







    margin: 0 5px;







    border: solid 1px #0271bc;







    display: inline-block;







    border-radius: 50%;







    letter-spacing: normal;



}







.pager .prev,



.pager .next {



    color: #0271bc;



}







.pager .current_page {



    background: #0271bc;







    border-color: #0271bc;







    color: #fff;



}







.banner-koudoku {



    width: 300px;







    overflow: hidden;







    text-align: center;







    margin: 30px auto;







    font-size: 0;



}







.category-pager {



    width: 130px;







    margin: 40px auto;



}







.category-pager a {



    display: block;



}







/*============================================================















.detail 記事詳細ページ















============================================================*/







.topics-detail #main {



    padding-bottom: 0;







    margin-top: 20px;



}



article {
    word-wrap: break-word;
    overflow-wrap: break-word;
}



article + article {



    margin-top: 30px;



}







article.article iframe {



    max-width: 100%;



}







article p {



    text-align: left;







    line-height: 2;







    position: relative;







    z-index: 1;



}







article p:not(:last-child) {



    margin-bottom: 15px;



}







article a {



    text-decoration: underline;







    overflow-wrap: break-word;







    word-wrap: break-word;







    word-break: break-all;







    word-break: break-word;







    hyphens: auto;



}







.detail-img {



    margin: 20px auto;







    position: relative;







    z-index: 2;



}







.detail-img + .detail-img {



    margin-top: 20px;







    margin-bottom: 20px;



}







.detail-img a {



    text-align: center;







    position: relative;







    display: block;



}







.detail-img a::before {



    content: "";







    background: url(../img/common/icon-popup.png) no-repeat center / contain;







    width: 25px;







    height: 25px;







    display: block;







    position: absolute;







    bottom: 18px;







    right: 18px;







    z-index: 1;



}











.detail-img .slide-detail .item img{



    width: 345px;







    height: 258px;



    /* max-height: 345px; */







    object-fit: contain;







    vertical-align: bottom;







    border: solid 1px #e0e0e5;



}







.detail-img a::after {



    content: "";







    background: rgba(255, 255, 255, 0.7);







    width: 40px;







    height: 40px;







    display: block;







    border-radius: 50%;







    position: absolute;







    bottom: 10px;







    right: 10px;



}







.page-img-caption,



.detail-img-caption {



    font-size: 11px;







    line-height: 1.5;







    margin-top: 5px;



}







.topics-detail .status {



    margin-top: 5px;



}







.topics-detail .status .tag ul {



    margin: 0;



}







.topics-detail .status .bg-label ul {



    margin: 0;



}







.boxlink,



.backlink {



    margin-bottom: 20px;







    line-height: 33px;



}







.boxlink.right,



.backlink.right {



    text-align: right;







    float: none;



}







.boxlink a,



.backlink a {



    font-size: 13px;







    color: #0271bc;







    line-height: 1.5;







    border: 1px solid #0271bc;







    border-color: #0271bc;







    position: relative;







    text-decoration: none;



}







.boxlink a {



    padding: 5px 25px 5px 10px;



}







.arrow,



.boxlink a::after {



    width: 5px;







    height: 5px;







    position: absolute;







    top: 42%;







    right: 15px;







    margin: auto;







    content: "";







    vertical-align: middle;







    border-top: 1.5px solid #0271bc;







    border-right: 1.5px solid #0271bc;







    -webkit-transform: rotate(45deg);







    transform: rotate(45deg);



}







.backlink a {



    padding: 5px 20px 5px 30px;



}







.backlink a::after {



    width: 5px;







    height: 5px;







    position: absolute;







    top: 42%;







    left: 15px;







    margin: auto;







    content: "";







    vertical-align: middle;







    border-top: 1.5px solid #0271bc;







    border-right: 1.5px solid #0271bc;







    -webkit-transform: rotate(-135deg);







    transform: rotate(-135deg);



}







.page .primary ul,



.topics-detail .primary ul {



    list-style: disc outside;







    margin-left: 20px;



}







.page .primary ul li,



.topics-detail .primary ul li {



    list-style: disc outside;



}







.page .primary ul li + li,



.topics-detail .primary ul li + li,



.page .primary dl dd,



.topics-detail .primary dl dd {



    margin-top: 3px;



}







.page .primary ul,



.topics-detail .primary ul,



.page .primary dl,



.topics-detail .primary dl {



    margin-bottom: 20px;



}







p.reset {



    margin: 0 !important;



}







ul.reset {



    margin-left: 0 !important;



}







.reset > li {



    line-height: 1.8;







    list-style: none !important;



}







.list-border li {



    padding: 5px;







    border-bottom: dashed 1px #aaa;



}







.topics-detail .news-label {



    margin-top: 20px;



}







.topics-detail .news-label ul {



    text-align: center;







    margin-left: 0;



}







.detail-pager {



    margin: 30px auto 0;



}







.detail-pager ul {



    margin: 0 !important;







    display: flex;







    flex-wrap: wrap;







    justify-content: center;







    align-items: center;



}







.detail-pager li {



    width: 120px;







    height: 36px;







    list-style: none !important;







    margin: 0 10px;



}







.detail-pager li a {



    display: block;



}







.detail-sns {



    width: 310px;







    margin: 30px auto 10px;



}







.detail-sns p {



    font-size: 14px;







    text-align: center;







    margin: 0 !important;



}







.detail-sns ul,



.detail-sns li {



    margin: 5px auto 0 !important;



}







.another-news {



    width: 100%;







    margin-top: 30px;



}







.another-news h4.title {



    background: #0271bc;







    height: 40px;







    font-size: 18px;







    color: #fff;







    text-align: center;







    line-height: 40px;







    margin-bottom: 20px;



}







.free-characters-limit {



    position: relative;
    min-height: 80px;


}







.free-characters-limit::after {



    content: "";







    position: absolute;







    bottom: 0;







    left: 0;







    width: 100%;







    height: 100px;







    background: linear-gradient(



        to bottom,



        rgba(255, 255, 255, -1) 0%,



        rgba(255 255 255) 70%



    );



}







.limit-login {



    border: solid 5px #777777;







    margin: 30px auto;



}







.limit-login-head {



    background: #e0e0e5;







    text-align: center;







    padding: 15px 0;



}







.limit-login-head p {



    font-size: 12px;







    line-height: 1.6;







    text-align: center;



}







.limit-login-head .title {



    font-size: 16px;







    line-height: 1;







    margin: 0 0 5px;



}







.limit-login-head p span {



    font-size: 16px;







    font-weight: 700;



}







.limit-login-body {



    padding: 15px 20px 20px;



}







.limit-login .minyuplus a {



    line-height: 1.4;







    text-align: center;







    text-decoration: none;







    display: flex;







    align-items: center;







    justify-content: center;







    padding: 8px 0;



}







.limit-login .minyuplus a + a {



    margin-top: 20px;



}







.limit-login .minyuplus a p {



    font-size: 15px;







    line-height: 1.5;







    text-align: center;



}







.limit-login .minyuplus a.regist {



    background: #0271bc;







    color: #fff;



}







.limit-login .minyuplus a.regist i {



    background: #fff;







    width: 45px;







    height: 45px;







    font-size: 13px;







    color: #0271bc;







    border-radius: 50%;







    display: flex;







    align-items: center;







    justify-content: center;







    line-height: 1.2;







    font-style: normal;







    margin-right: 10px;



}







.limit-login .minyuplus a.login {



    border: solid 1px #707070;



}







.limit-login .minyuplus a.login:hover {



    background: #707070;







    color: #fff;



}







.limit-login .banner {



    margin-top: 20px;







    display: block;



}







/*============================================================















#iwakifc いわきFC















============================================================*/







#iwakifc .head-btn {

    background: #c01831;

}



#iwakifc .head-btn .minyuplus,

#iwakifc .head-btn .regist a,

#iwakifc .head-btn .login a {

    color: #fff;

}





#iwakifc footer {



    background: #c01831;



}







#iwakifc footer .footer-guide ul li a,



#iwakifc .footer-guide ul li::after,



#iwakifc footer .footer-info p,



#iwakifc footer .caution,



#iwakifc footer .copyright {



    color: #fff;



}







#iwakifc #page-top a {



    background: url(../img/iwakifc/pagetop.png) no-repeat center center;



}







#iwakifc #content {



    padding: 20px 0 0;



}







#iwakifc #content.inner,



#iwakifc #content .inner {



    padding-left: 10px;







    padding-right: 10px;



}







.iwakifc-mv-slider {



}







.iwakifc-mv-slider .slick-dots {



    width: 100% !important;







    position: absolute !important;







    bottom: 0 !important;







    padding: 10px !important;



}







.iwakifc-mv-slider .slick-dots li button {



    box-shadow: none !important;







    border: #c01831 solid 1px !important;



}







.iwakifc-mv-slider .slick-dots li.slick-active button {



    background: #c01831 !important;



}







.iwakifc-main-slider {


    margin: 30px 0;



}







.iwakifc-main-slider .slick-slide {



    margin: 10px;



}







.iwakifc-main-slider .slick-slide .img {



    border: solid 1px #1d2553;



}







.iwakifc-main-slider .slick-slide img {



    width: auto !important;







    height: 220px !important;







    margin: 0;







    display: block;







    position: relative;







    left: 50%;







    -webkit-transform: translate(-50%, 0);







    -ms-transform: translate(-50%, 0);







    transform: translate(-50%, 0);



}







.iwakifc-main-slider .slick-slide:not(.slick-center) {



    -webkit-filter: blur(5px);







    -moz-filter: blur(5px);







    -o-filter: blur(5px);







    -ms-filter: blur(5px);







    filter: blur(5px);







    transition: 0.2s linear;



}







.iwakifc-main-slider .slick-prev,



.iwakifc-main-slider .slick-next {



    font-size: 0;







    line-height: 0;







    top: 40%;







    display: block;







    padding: 0;







    cursor: pointer;







    color: transparent;







    border: none;







    outline: 0;







    background: 0 0;







    margin: auto;







    bottom: inherit;



}







.iwakifc-main-slider .slick-prev {



    background: url(../img/iwakifc/arrow-prev.png) no-repeat center / contain;







    left: 3%;



}







.iwakifc-main-slider .slick-next {



    background: url(../img/iwakifc/arrow-next.png) no-repeat center / contain;







    right: 3%;



}







.iwakifc-img-caption {



    font-size: 14px;







    text-align: center;







    margin-top: 5px;



}







#iwakifc .bottom-nav {



    background: #000;







    padding: 40px 15px;







    margin-top: 30px;



}







#iwakifc .bottom-nav ul {



    width: 345px;







    margin: 0 auto;







    display: flex;







    flex-wrap: wrap;







    justify-content: space-between;



}







#iwakifc .bottom-nav li {



    width: 160px;







    height: 120px;



}







#iwakifc .bottom-nav li:nth-child(n + 3) {



    margin-top: 20px;



}







#iwakifc .bottom-nav li a {



    width: 100%;







    height: 100%;







    display: flex;







    align-items: center;







    justify-content: center;







    position: relative;



}







#iwakifc .bottom-nav li a::before {



    content: "";







    background: rgba(0, 0, 0, 0.5);







    width: 100%;







    height: 100%;







    position: absolute;







    transition: all 0.5s;



}



/* 



#iwakifc .bottom-nav li:nth-child(1) a {



    background: url(../img/iwakifc/bottom-nav01.jpg) no-repeat center / contain;



}







#iwakifc .bottom-nav li:nth-child(2) a {



    background: url(../img/iwakifc/bottom-nav02.jpg) no-repeat center / contain;



}







#iwakifc .bottom-nav li:nth-child(3) a {



    background: url(../img/iwakifc/bottom-nav03.jpg) no-repeat center / contain;



}







#iwakifc .bottom-nav li:nth-child(4) a {



    background: url(../img/iwakifc/bottom-nav04.jpg) no-repeat center / contain;



}







#iwakifc .bottom-nav li:nth-child(5) a {



    background: url(../img/iwakifc/bottom-nav05.jpg) no-repeat center / contain;



}







#iwakifc .bottom-nav li:nth-child(6) a {



    background: url(../img/iwakifc/bottom-nav06.jpg) no-repeat center / contain;



}







#iwakifc .bottom-nav li:nth-child(7) a {



    background: url(../img/iwakifc/bottom-nav07.jpg) no-repeat center / contain;



}







#iwakifc .bottom-nav li:nth-child(8) a {



    background: url(../img/iwakifc/bottom-nav08.jpg) no-repeat center / contain;



} */







#iwakifc .bottom-nav li a span {



    color: #fff;







    line-height: 1.6;







    padding: 3px 20px;







    border: solid 1px #fff;







    position: relative;







    background-color: rgba(255, 255, 255, 0.1);







    backdrop-filter: blur(3px);







    overflow: hidden;



}







/***********************************















#iwakifc.topics-index いわきFC記事一覧















************************************/







#iwakifc .pager {



    color: #c01831;



}







#iwakifc .pager a {



    color: #c01831;







    border: solid 1px #c01831;



}







#iwakifc .pager .prev,



#iwakifc .pager .next {



    color: #c01831;



}







#iwakifc .pager .current_page {



    background: #c01831;







    border-color: #c01831;







    color: #fff;



}







#iwakifc .page-title {



    background: url(../img/iwakifc/page-title-bg.jpg) no-repeat center / cover;







    height: 40px;







    font-size: 18px;







    color: #fff;







    display: flex;







    align-items: center;







    justify-content: center;







    margin-bottom: 20px;



}







.iwakifc-news .main-news {



    margin-bottom: 20px;



}







.iwakifc-news .main-news .thumbnail {



    width: auto;







    height: auto;



}







.iwakifc-news .main-news .thumbnail img {



    width: 100%;







    height: 280px;







    object-fit: contain;



}







.iwakifc-news .main-news .text-wrap {



    margin-top: 10px;



}







.iwakifc-news .main-news .text-wrap .title {



    font-size: 18px;







    line-height: 1.6;







    margin-bottom: 5px;



}







#iwakifc .tag-sokuhou {



    color: #c01831;







    border: solid 1px #c01831;



}







#iwakifc .tag-senkou {



    color: #1d2553;







    border: solid 1px #1d2553;



}







#iwakifc .news-label ul li a {



    background: #f5e7e7;







    color: #c01831;







    border: solid 1px #c01831;



}







.iwakifc-news .thumbnail-list .thumbnail {



    width: auto;







    height: auto;







    margin: 0;



}







.iwakifc-news .thumbnail-list .thumbnail img {



    width: 120px;







    height: 90px;







    object-fit: contain;



}







.iwakifc-news .secondary {



    margin-top: 20px;



}







.iwakifc-news .thumbnail-list li .text-wrap .title {



    line-height: 1.6;



}







.iwakifc-news .thumbnail-list li .text-wrap .tag {



    margin-top: 5px;



}







/***********************************















#iwakifc.topics-detail いわきFC記事詳細















************************************/







#iwakifc.topics-detail .slide-detail-wrap {



    margin: -10px 0 20px;



}







#iwakifc.topics-detail .slide-detail .slick-slide img {



    width: auto !important;







    height: 280px !important;







    display: block;







    position: relative;







/*    left: 50%;



    

    object-fit: contain;







    -webkit-transform: translate(-50%, 0);







    -ms-transform: translate(-50%, 0);







    transform: translate(-50%, 0);*/







    border: solid 1px #e0e0e5;



}







#iwakifc .slide-detail-nav .slick-prev {



    background: url(../img/iwakifc/arrow-prev.png) no-repeat center / contain;



}







#iwakifc .slide-detail-nav .slick-next {



    background: url(../img/iwakifc/arrow-next.png) no-repeat center / contain;



}







#iwakifc .slide-detail-nav .slick-slide img {



    width: auto !important;







    height: 60px !important;







    display: block;







    position: relative;







    left: 50%;







    -webkit-transform: translate(-50%, 0);







    -ms-transform: translate(-50%, 0);







    transform: translate(-50%, 0);







    border: solid 1px #e0e0e5;



}







#iwakifc.topics-detail .status .day {



    margin-bottom: 0 !important;



}







#iwakifc.topics-detail .another-news h4.title {



    background: #c01831;



}







#iwakifc.topics-detail .news-label ul {



    text-align: left;



}







#iwakifc.topics-detail .thumbnail-list .day {



    margin: 0;



}







#iwakifc.topics-detail .thumbnail-list .tag {



    margin-top: 5px;



}



#iwakifc .limit-login .minyuplus a.regist {

    background: #c01831;

}



#iwakifc .limit-login .minyuplus a.regist i {

    color: #c01831;

}



/*============================================================















#weather 天気情報















============================================================*/







#weather #main {



    padding-bottom: 0;







    margin-top: 20px;



}







#weather h1.sec-title {



    text-align: center;







    margin: 0 0 15px;



}







#weather .datetime {



    font-weight: 700;







    text-align: center;







    color: #0271bc;







    margin-bottom: 20px;



}







.area-nav {



    margin-bottom: 30px;



}







.area-nav ul li {



    width: 100%;







    height: 45px;



}







.area-nav ul li a {



    width: 100%;







    height: 45px;







    color: #0271bc;







    text-align: center;







    display: flex;







    align-items: center;







    justify-content: center;







    border: solid 1px #0271bc;



}







.area-nav ul li + li {



    margin-top: 20px;



}







#weather #main h2.title {



    background: #cde8f8;







    font-size: 16px;







    color: #333;







    text-align: center;







    padding: 10px;







    margin: 0;







    border: none;



}







#weather #main h2.title::before {



    content: none;



}







.weather-title-border {



    font-size: 16px;







    font-weight: 700;







    border-bottom: solid 2px #0271bc;







    display: inline-block;







    margin: 0 auto 15px;







    position: relative;







    left: 50%;







    transform: translate(-50%, 0);



}







.weather-box {



    background: #fff;







    border: 1px solid #e0e0e5;



}







.weather-box-head {



    background: #e0e0e5;







    padding: 5px 15px;







    border-bottom: 1px solid #e0e0e5;



}







.weather-box-title {



    font-weight: 700;







    text-align: center;



}







.weather-box-cont {



    padding: 10px 0 0;



}







.weather-box-cont table {



    border-left: none;



}







.weather-box-cont table th {



    font-size: 14px;







    padding: 5px 0;







    border-right: none;







    border-bottom: none;







    border-top: solid 1px #e0e0e5;



}







.weather-box-cont table td {



    font-size: 14px;







    padding: 5px 0;







    border-right: none;







    border-bottom: none;







    border-top: solid 1px #e0e0e5;







    border-left: solid 1px #e0e0e5;



}







.weather-item {



    display: flex;







    justify-content: center;







    align-items: center;







    margin-bottom: 20px;



}







.weather-item-icon {



    width: 110px;







    height: 80px;







    text-align: center;







    margin-left: 20px;







    margin-right: -30px;



}







.weather-item-place {



    text-align: center;







    margin-bottom: 10px;



}







.weather-item-icon img {



    max-height: 100%;



}







.weather-box .weather-item-temp {



    text-align: center;







    line-height: 1;



}







.weather-item-temp-high {



    color: #ff5050;







    font-weight: 700;







    display: block;



}







.weather-item-temp-low {



    color: #0271bc;







    font-weight: 700;







    display: block;



}







.weather-item-temp-high span,



.weather-item-temp-low span {



    font-size: 18px;







    margin-left: 5px;



}







.weather-box table,



.weather-weekly table {



    table-layout: fixed;







    margin: 0;



}







.weather-box table,



.weather-weekly table {



    width: 100% !important;



}







.weather-box table th,



.weather-box table td,



.weather-weekly table th,



.weather-weekly table td {



    vertical-align: middle;







    text-align: center;



}







.weather-box table th,



.weather-box table td {



    padding: 0.5em 0 !important;



}







.weather-weekly table th,



.weather-weekly table td {



    width: 90px;







    padding: 0.5em !important;



}







.weather-box table td,



.weather-weekly table td {



    line-height: 1.3;



}







.weather-weekly,



.table-responsive {



    overflow-x: scroll;







    -webkit-overflow-scrolling: touch;







    overflow-scrolling: touch;







    margin-bottom: 30px;



}







.table-responsive table {



    min-width: 100%;



}







.weather-weekly th + th {



    font-weight: 600;



}







.weather-weekly table td img {



    height: 50px;



}







.weather-weekly .weather-item-temp span {



    font-size: 14px;







    text-align: center;







    display: block;



}







.weather-weekly::after,



.table-responsive::after {



    display: block;







    padding-bottom: 5px;







    margin-top: 10px;







    font-size: 12px;







    text-align: center;







    white-space: nowrap;







    content: "← 左右にスクロールできます →";



}







.weather-warning h2.title {



    background: #ff5050 !important;







    color: #fff !important;



}







.weather-warning h2.title::before {



    content: none;



}







.weather-warning ul {



    line-height: 1;



}







.weather-warning ul li {



    font-size: 14px;







    font-weight: 600;







    position: relative;







    display: inline-block;







    margin-left: 15px;



}







.weather-warning ul li + li {



    margin-left: 30px;



}







.weather-warning ul li::before {



    content: "■";







    position: absolute;







    left: -15px;



}







.weather-warning ul li:nth-of-type(1) {



    color: #ff5050;



}







.weather-warning ul li:nth-of-type(2) {



    color: #0271bc;



}







.weather-warning table {



    width: 100% !important;







    margin-bottom: 30px;



}







.weather-warning table th {



    width: 180px;



}







.no-data {



    margin-bottom: 30px;



}







.weather-warning table th {



    background: #e0e0e5;



}







.weather-warning table td span {



    font-size: 14px;







    display: inline-block;







    padding: 5px;







    line-height: 1.1;







    margin: 5px;



}







.emergency {



    color: #fff;







    background: #ff5050;



}







.warning {



    color: #fff;







    background: #0271bc;



}







.bousai-parts {



    padding: 20px;







    border: solid 1px #e0e0e5;







    margin: 0 0 30px;







    overflow: hidden;



}







.bousai-parts .area {



    width: 250px;







    margin: 0 auto;



}







.bousai-parts .area + .area {



    padding-top: 20px;







    margin-top: 20px;







    border-top: solid 1px #e0e0e5;



}







.bousai-parts .title {



    width: 150px;







    text-align: center;







    margin: 0 auto 10px;



}







.bousai-parts ul {



    display: flex;







    flex-wrap: wrap;







    justify-content: flex-start;







    position: relative;



}







.bousai-parts ul li {



    width: calc(100% / 2);







    margin-top: 5px;







    position: relative;



}







.bousai-parts ul li a {



    font-weight: 700;







    padding-left: 20px;



}







.bousai-parts ul li::before {



    content: "●";







    color: #0271bc;







    position: absolute;







    left: 0;



}







/*============================================================















#ajidayori 味だより















============================================================*/







.ajidayori-profile {



    background: #ededed;







    font-weight: 700;







    padding: 50px 20px 20px;







    position: relative;



}







.ajidayori-profile::before {



    content: "Profile";







    background: #0271bc;







    width: 100px;







    height: 40px;







    font-size: 16px;







    font-weight: 700;







    color: #fff;







    display: flex;







    align-items: center;







    justify-content: center;







    position: absolute;







    left: 0;







    top: 0;



}







.ajidayori-profile p:not(:last-child) {



    margin-bottom: 0;



}







.ajidayori-profile .support {



    color: #0271bc;







    margin-top: 10px;



}







/*============================================================















#error404















============================================================*/







#error404 section h1.title {



    padding: 20px 0 10px;







    margin: 0 0 10px;







    border-bottom: solid 2px #0271bc;



}







#error404 section .txt-blu {



    color: #0271bc;



}







#error404 section .btn {



    width: 170px;







    height: 40px;







    margin: 20px auto 0;



}







#error404 section .btn a {



    display: block;



}







/*============================================================















#event















============================================================*/







#event #main {



    padding-bottom: 0;







    margin-top: 20px;



}







#event h1.sec-title {



    text-align: center;







    margin: 0 0 15px;



}







#event article {



    margin: 0 0 30px;



}







#event article + article {



    border-top: solid 1px #333;







    padding-top: 30px;



}







#event h4.title {



    font-size: 18px;







    font-weight: 700;







    line-height: 1.5;







    margin-bottom: 10px;



}







.btn.arrow-circle a {



    background: #fff;







    font-weight: 700;







    line-height: 1.5;







    text-align: center;







    color: #0271bc;







    display: inline-block;







    text-decoration: none;







    padding: 5px 50px 5px 25px;







    border: solid 1px #0271bc;







    border-radius: 30px;



}







.btn.arrow-circle a span {



    text-align: left;







    display: block;







    position: relative;



}







.btn.arrow-circle a span::after {



    content: "▶";







    background: #0271bc;







    width: 20px;







    height: 20px;







    color: #fff;







    text-align: center;







    border-radius: 50%;







    line-height: 1.5;







    position: absolute;







    margin: auto 0 auto 7px;







    top: 0;







    bottom: 0;







    right: -30px;



}







#event article .thumbnail-list {



    margin-top: 30px;



}







#event article .thumbnail-list li a {



    text-decoration: none;



}







#event article .thumbnail-list p.title {



    line-height: 1.6;







    margin: 0;



}







/*============================================================















.okuyami おくやみ















============================================================*/







.okuyami #main {



    padding-bottom: 0;







    margin-top: 20px;



}







.okuyami article {



    margin: 0 0 30px;



}







.okuyami article .sec-title {



    text-align: center;







    margin: 0 0 15px;



}







.dot-list li {



    position: relative;



}







.dot-list li a::before {



    content: "●";







    color: #0271bc;







    position: absolute;







    left: 0;







    line-height: 1;







    top: 4px;



}







.dot-list li + li {



    margin-top: 10px;



}







.dot-list li a {



    text-decoration: none;







    padding-left: 25px;







    display: block;



}







.dot-list li a p {



    line-height: 1.6;







    margin-bottom: 0;



}







/*============================================================















page















============================================================*/







#mainkiji-area {



    margin-top: 20px;



}







.page article > .sec-title {



    text-align: center;







    margin-top: 0;



}







.page article .line-title {



    margin: 20px auto 10px;



}







.page article .box {



    padding: 20px 30px;







    border: solid 1px #707070;







    clear: both;







    position: relative;



}







.page article .box ul {



    margin-left: 0 !important;



}







.page article .box ul li {



    width: 200px;







    list-style: none !important;







    margin-left: auto;







    margin-right: auto;



}







.page article .box ul li img {



    margin-bottom: 5px;



}







.page article .box ul li + li {



    margin-top: 20px;



}







.free-tel {



    background: #e0e0e5;







    justify-content: center;







    align-items: center;







    padding: 20px;



}







.free-tel .img {



    width: 210px;







    height: 30px;







    margin: 0 auto 10px;



}







.free-tel .btn {



    text-align: center;



}







.mousikomi-campaign {



    background: #ff5050;







    color: #fff;







    justify-content: center;







    align-items: center;







    padding: 20px;



}







.mousikomi-campaign p {



    line-height: 1.6;







    text-align: center;



}







.mousikomi-campaign .btn.arrow-circle a {



    color: #ff5050;







    border: solid 1px #ff5050;



}







.mousikomi-campaign .btn.arrow-circle a span::after {



    background: #ff5050;



}







#mousikomi article .btn.arrow-circle a.w320 {



    width: 320px;



}







#mousikomi article .btn.arrow-circle a.w320 span {



    text-align: center;



}







#mousikomi article table {



    width: 100% !important;



}







.kiji-list ul {



    overflow: hidden;







    margin-left: 0 !important;



}







.kiji-list ul li a {



    text-decoration: none;



}







.kiji-list ul {



    overflow: hidden;



}







.kiji-list ul.quarter li {



    width: 45%;







    float: left;



}







.kiji-list ul li {



    margin-bottom: 0.5em;







    margin-left: 10px;







    line-height: 1.4;







    padding-left: 18px;







    display: block;







    position: relative;



}







.kiji-list ul li::before {



    content: "●";







    color: #0271bc;







    position: absolute;







    left: 0;







    line-height: 1;







    top: 3px;



}







.minyuplus-screen {



    width: 200px;







    margin: 0 auto 20px;



}







/*============================================================















#movie















============================================================*/







#movie #main {



    padding-bottom: 0;







    margin-top: 20px;



}







#movie article .column.col2 a {



    margin: 0 auto 20px;







    display: block;



}







#movie article .column.col3 .youtube {



    margin-bottom: 20px;



}







#movie article .column.col3 .youtube .title {



    line-height: 1.6;



}



















/*============================================================



汎用スタイル引き継ぎ



============================================================*/



span.link-button a{



	background-color: #0091D0 !important;



	color: #FFFFFF !important;



	padding: 4px 7px 4px 17px !important;



	background-color: #DFF5FF;



	border-radius: 5px;



	font-size: 84%;



	background-image: url(/_img/common/pointer-sankaku-white.gif);



	background-repeat: no-repeat;



	background-position: 7px center;



}







span.link-button a:hover{ background-color: #063884 !important; 	color: #FFFFFF !important;}







div.link-button a{padding: 7px 12px 7px 20px !important; font-size: 95% !important;}







.link-button a.red{



    background-color: #d91111 !important;



    background-image: url(/_img/common/pointer-sankaku-white.png);



}







.link-button a.red:hover{



    background-color: #b40100 !important;



}



span.link-button-large a {
    display: inline-block;
    margin: 5px 0 10px 0;
    padding: 0px 10px 0px 20px !important;
    font-size: 95%;
}


/* 赤色のリンクボタン */
span.link-button-red a {
    background-color: #c0273c !important;
    color: #FFFFFF !important;
    padding: 4px 7px 4px 17px !important;
    border-radius: 5px;
    font-size: 84%;
    background-image: url(/img/common/pointer-sankaku-white.png);
    background-repeat: no-repeat;
    background-position: 7px center;
}

span.link-button-red a:hover {
    background-color: #801120 !important;
    color: #FFFFFF !important;
}

div.link-button-red a {
    padding: 7px 12px 7px 20px !important;
    font-size: 95% !important;
}







table.border-on{



	border: 1px solid #CCC;



	margin-top: 10px;



	margin-right: auto;



	margin-bottom: 10px;



	margin-left: auto;



	max-width: 98%;



}















#main table.green,







#main table.cream{







/*	width: 90%; */







	width: 96%;







	margin-right: auto;







	margin-left: auto;







	margin-top: 15px;







	







}







#main table.event-table{ width: 80%; margin-top: 5px; margin-left: 5px; margin-bottom:15px; font-size:90%; border: 1px solid #ccc;}















#main table.green th,







#main table.event-table th{







/*	white-space: nowrap; */







	white-space: pre-wrap;







	padding: 10px !important;







	text-align: center;







	background-color: #E8F4F0;







	line-height:1.4;







	max-width: 140px;







}







#main table.event-table th,







#main table.event-table td{







	border-right: 1px solid #ccc;







	border-bottom: 1px solid #ccc;







	line-height:1.4 !important;







}







#main table.cream th{







	white-space: nowrap;







	padding: 10px !important;







	text-align: center;







	background-color: #FAFBE1;







	line-height: 1.4;







}







#main table.green td,







#main table.cream td{padding: 10px !important; line-height:1.4; vertical-align:middle;}























#main table.green.padding8px th,







#main table.cream.padding8px th,







#main table.green.padding8px td,







#main table.cream.padding8px td,







#main table.event-table th,







#main table.event-table td{padding: 8px !important;}







#main table.event-table th{ font-weight: normal;}















#main table.event-table caption{ font-size:110%; padding: 3px 1px 6px 1px;}















#main table.green.padding5px th,







#main table.cream.padding5px th,







#main table.green.padding5px td,







#main table.cream.padding5px td{padding: 5px !important;ine-height:1.4; vertical-align:middle;}















table.noborder,







table.noborder th,







table.noborder td{ border:none !important;}







#mainkiji-area table.noborder,







#mainkiji-area table.noborder th,







#mainkiji-area table.noborder td,







#mainkiji-area #mainkiji-list table.noborder,







#mainkiji-area #mainkiji-list table.noborder th,







#mainkiji-area #mainkiji-list table.noborder td{ border:none;}















table.noborder-strong,







table.noborder-strong th,







table.noborder-strong td,







table.noborder-strong td table,







table.noborder-strong td table tr,







table.noborder-strong td table td,







table.noborder-strong td table td table,







table.noborder-strong td table td table tr,







table.noborder-strong td table td table td







{ border:none !important;}















#main table td p{ margin-bottom:0;}















#main table#formtable{}







#main table#formtable th{ width:250px;}





.movie-wrap{

    position: relative;

    padding-bottom: 56.25%; /* 16:9のサイズ */

    height: 0;

    overflow: hidden;

}

.movie-wrap iframe{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}




.line-link {
    font-size: 18px;
    text-align: right;
}

.line-link a{
    color: #0271bc;
    text-decoration: underline;
}